@e-burgos/tucu-ui 2.0.7 → 2.0.8

package/{index-COj1N7FC.js → index-VrMogvDN.js}

@@ -14,7 +14,7 @@
  * @namespace
  * @public
  */var r=(function(n){var i=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,s=0,o={},l={manual:n.Prism&&n.Prism.manual,disableWorkerMessageHandler:n.Prism&&n.Prism.disableWorkerMessageHandler,util:{encode:function v(b){return b instanceof c?new c(b.type,v(b.content),b.alias):Array.isArray(b)?b.map(v):b.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(v){return Object.prototype.toString.call(v).slice(8,-1)},objId:function(v){return v.__id||Object.defineProperty(v,"__id",{value:++s}),v.__id},clone:function v(b,j){j=j||{};var C,N;switch(l.util.type(b)){case"Object":if(N=l.util.objId(b),j[N])return j[N];C={},j[N]=C;for(var k in b)b.hasOwnProperty(k)&&(C[k]=v(b[k],j));return C;case"Array":return N=l.util.objId(b),j[N]?j[N]:(C=[],j[N]=C,b.forEach(function(S,E){C[E]=v(S,j)}),C);default:return b}},getLanguage:function(v){for(;v;){var b=i.exec(v.className);if(b)return b[1].toLowerCase();v=v.parentElement}return"none"},setLanguage:function(v,b){v.className=v.className.replace(RegExp(i,"gi"),""),v.classList.add("language-"+b)},currentScript:function(){if(typeof document>"u")return null;if(document.currentScript&&document.currentScript.tagName==="SCRIPT")return document.currentScript;try{throw new Error}catch(C){var v=(/at [^(\r\n]*\((.*):[^:]+:[^:]+\)$/i.exec(C.stack)||[])[1];if(v){var b=document.getElementsByTagName("script");for(var j in b)if(b[j].src==v)return b[j]}return null}},isActive:function(v,b,j){for(var C="no-"+b;v;){var N=v.classList;if(N.contains(b))return!0;if(N.contains(C))return!1;v=v.parentElement}return!!j}},languages:{plain:o,plaintext:o,text:o,txt:o,extend:function(v,b){var j=l.util.clone(l.languages[v]);for(var C in b)j[C]=b[C];return j},insertBefore:function(v,b,j,C){C=C||l.languages;var N=C[v],k={};for(var S in N)if(N.hasOwnProperty(S)){if(S==b)for(var E in j)j.hasOwnProperty(E)&&(k[E]=j[E]);j.hasOwnProperty(S)||(k[S]=N[S])}var P=C[v];return C[v]=k,l.languages.DFS(l.languages,function(T,A){A===P&&T!=v&&(this[T]=k)}),k},DFS:function v(b,j,C,N){N=N||{};var k=l.util.objId;for(var S in b)if(b.hasOwnProperty(S)){j.call(b,S,b[S],C||S);var E=b[S],P=l.util.type(E);P==="Object"&&!N[k(E)]?(N[k(E)]=!0,v(E,j,null,N)):P==="Array"&&!N[k(E)]&&(N[k(E)]=!0,v(E,j,S,N))}}},plugins:{},highlightAll:function(v,b){l.highlightAllUnder(document,v,b)},highlightAllUnder:function(v,b,j){var C={callback:j,container:v,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};l.hooks.run("before-highlightall",C),C.elements=Array.prototype.slice.apply(C.container.querySelectorAll(C.selector)),l.hooks.run("before-all-elements-highlight",C);for(var N=0,k;k=C.elements[N++];)l.highlightElement(k,b===!0,C.callback)},highlightElement:function(v,b,j){var C=l.util.getLanguage(v),N=l.languages[C];l.util.setLanguage(v,C);var k=v.parentElement;k&&k.nodeName.toLowerCase()==="pre"&&l.util.setLanguage(k,C);var S=v.textContent,E={element:v,language:C,grammar:N,code:S};function P(A){E.highlightedCode=A,l.hooks.run("before-insert",E),E.element.innerHTML=E.highlightedCode,l.hooks.run("after-highlight",E),l.hooks.run("complete",E),j&&j.call(E.element)}if(l.hooks.run("before-sanity-check",E),k=E.element.parentElement,k&&k.nodeName.toLowerCase()==="pre"&&!k.hasAttribute("tabindex")&&k.setAttribute("tabindex","0"),!E.code){l.hooks.run("complete",E),j&&j.call(E.element);return}if(l.hooks.run("before-highlight",E),!E.grammar){P(l.util.encode(E.code));return}if(b&&n.Worker){var T=new Worker(l.filename);T.onmessage=function(A){P(A.data)},T.postMessage(JSON.stringify({language:E.language,code:E.code,immediateClose:!0}))}else P(l.highlight(E.code,E.grammar,E.language))},highlight:function(v,b,j){var C={code:v,grammar:b,language:j};if(l.hooks.run("before-tokenize",C),!C.grammar)throw new Error('The language "'+C.language+'" has no grammar.');return C.tokens=l.tokenize(C.code,C.grammar),l.hooks.run("after-tokenize",C),c.stringify(l.util.encode(C.tokens),C.language)},tokenize:function(v,b){var j=b.rest;if(j){for(var C in j)b[C]=j[C];delete b.rest}var N=new f;return p(N,N.head,v),u(v,N,b,N.head,0),m(N)},hooks:{all:{},add:function(v,b){var j=l.hooks.all;j[v]=j[v]||[],j[v].push(b)},run:function(v,b){var j=l.hooks.all[v];if(!(!j||!j.length))for(var C=0,N;N=j[C++];)N(b)}},Token:c};n.Prism=l;function c(v,b,j,C){this.type=v,this.content=b,this.alias=j,this.length=(C||"").length|0}c.stringify=function v(b,j){if(typeof b=="string")return b;if(Array.isArray(b)){var C="";return b.forEach(function(P){C+=v(P,j)}),C}var N={type:b.type,content:v(b.content,j),tag:"span",classes:["token",b.type],attributes:{},language:j},k=b.alias;k&&(Array.isArray(k)?Array.prototype.push.apply(N.classes,k):N.classes.push(k)),l.hooks.run("wrap",N);var S="";for(var E in N.attributes)S+=" "+E+'="'+(N.attributes[E]||"").replace(/"/g,"&quot;")+'"';return"<"+N.tag+' class="'+N.classes.join(" ")+'"'+S+">"+N.content+"</"+N.tag+">"};function d(v,b,j,C){v.lastIndex=b;var N=v.exec(j);if(N&&C&&N[1]){var k=N[1].length;N.index+=k,N[0]=N[0].slice(k)}return N}function u(v,b,j,C,N,k){for(var S in j)if(!(!j.hasOwnProperty(S)||!j[S])){var E=j[S];E=Array.isArray(E)?E:[E];for(var P=0;P<E.length;++P){if(k&&k.cause==S+","+P)return;var T=E[P],A=T.inside,L=!!T.lookbehind,D=!!T.greedy,z=T.alias;if(D&&!T.pattern.global){var U=T.pattern.toString().match(/[imsuy]*$/)[0];T.pattern=RegExp(T.pattern.source,U+"g")}for(var I=T.pattern||T,_=C.next,q=N;_!==b.tail&&!(k&&q>=k.reach);q+=_.value.length,_=_.next){var J=_.value;if(b.length>v.length)return;if(!(J instanceof c)){var oe=1,de;if(D){if(de=d(I,q,v,L),!de||de.index>=v.length)break;var W=de.index,ve=de.index+de[0].length,Y=q;for(Y+=_.value.length;W>=Y;)_=_.next,Y+=_.value.length;if(Y-=_.value.length,q=Y,_.value instanceof c)continue;for(var H=_;H!==b.tail&&(Y<ve||typeof H.value=="string");H=H.next)oe++,Y+=H.value.length;oe--,J=v.slice(q,Y),de.index-=q}else if(de=d(I,0,J,L),!de)continue;var W=de.index,Z=de[0],ne=J.slice(0,W),te=J.slice(W+Z.length),re=q+J.length;k&&re>k.reach&&(k.reach=re);var xe=_.prev;ne&&(xe=p(b,xe,ne),q+=ne.length),h(b,xe,oe);var R=new c(S,A?l.tokenize(Z,A):Z,z,Z);if(_=p(b,xe,R),te&&p(b,_,te),oe>1){var ae={cause:S+","+P,reach:re};u(v,b,j,_.prev,q,ae),k&&ae.reach>k.reach&&(k.reach=ae.reach)}}}}}}function f(){var v={value:null,prev:null,next:null},b={value:null,prev:v,next:null};v.next=b,this.head=v,this.tail=b,this.length=0}function p(v,b,j){var C=b.next,N={value:j,prev:b,next:C};return b.next=N,C.prev=N,v.length++,N}function h(v,b,j){for(var C=b.next,N=0;N<j&&C!==v.tail;N++)C=C.next;b.next=C,C.prev=b,v.length-=N}function m(v){for(var b=[],j=v.head.next;j!==v.tail;)b.push(j.value),j=j.next;return b}if(!n.document)return n.addEventListener&&(l.disableWorkerMessageHandler||n.addEventListener("message",function(v){var b=JSON.parse(v.data),j=b.language,C=b.code,N=b.immediateClose;n.postMessage(l.highlight(C,l.languages[j],j)),N&&n.close()},!1)),l;var g=l.util.currentScript();g&&(l.filename=g.src,g.hasAttribute("data-manual")&&(l.manual=!0));function x(){l.manual||l.highlightAll()}if(!l.manual){var y=document.readyState;y==="loading"||y==="interactive"&&g&&g.defer?document.addEventListener("DOMContentLoaded",x):window.requestAnimationFrame?window.requestAnimationFrame(x):window.setTimeout(x,16)}return l})(t);e.exports&&(e.exports=r),typeof vc<"u"&&(vc.Prism=r),r.languages.markup={comment:{pattern:/<!--(?:(?!<!--)[\s\S])*?-->/,greedy:!0},prolog:{pattern:/<\?[\s\S]+?\?>/,greedy:!0},doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:[^<"'\]]|"[^"]*"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\]\s*)?>/i,greedy:!0,inside:{"internal-subset":{pattern:/(^[^\[]*\[)[\s\S]+(?=\]>$)/,lookbehind:!0,greedy:!0,inside:null},string:{pattern:/"[^"]*"|'[^']*'/,greedy:!0},punctuation:/^<!|>$|[[\]]/,"doctype-tag":/^DOCTYPE/i,name:/[^\s<>'"]+/}},cdata:{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,greedy:!0},tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"special-attr":[],"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/,inside:{punctuation:[{pattern:/^=/,alias:"attr-equals"},{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:[{pattern:/&[\da-z]{1,8};/i,alias:"named-entity"},/&#x?[\da-f]{1,8};/i]},r.languages.markup.tag.inside["attr-value"].inside.entity=r.languages.markup.entity,r.languages.markup.doctype.inside["internal-subset"].inside=r.languages.markup,r.hooks.add("wrap",function(n){n.type==="entity"&&(n.attributes.title=n.content.replace(/&amp;/,"&"))}),Object.defineProperty(r.languages.markup.tag,"addInlined",{value:function(i,s){var o={};o["language-"+s]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:r.languages[s]},o.cdata=/^<!\[CDATA\[|\]\]>$/i;var l={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:o}};l["language-"+s]={pattern:/[\s\S]+/,inside:r.languages[s]};var c={};c[i]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,function(){return i}),"i"),lookbehind:!0,greedy:!0,inside:l},r.languages.insertBefore("markup","cdata",c)}}),Object.defineProperty(r.languages.markup.tag,"addAttribute",{value:function(n,i){r.languages.markup.tag.inside["special-attr"].push({pattern:RegExp(/(^|["'\s])/.source+"(?:"+n+")"+/\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))/.source,"i"),lookbehind:!0,inside:{"attr-name":/^[^\s=]+/,"attr-value":{pattern:/=[\s\S]+/,inside:{value:{pattern:/(^=\s*(["']|(?!["'])))\S[\s\S]*(?=\2$)/,lookbehind:!0,alias:[i,"language-"+i],inside:r.languages[i]},punctuation:[{pattern:/^=/,alias:"attr-equals"},/"|'/]}}}})}}),r.languages.html=r.languages.markup,r.languages.mathml=r.languages.markup,r.languages.svg=r.languages.markup,r.languages.xml=r.languages.extend("markup",{}),r.languages.ssml=r.languages.xml,r.languages.atom=r.languages.xml,r.languages.rss=r.languages.xml,(function(n){var i=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;n.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+i.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+i.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+i.source+"$"),alias:"url"}}},selector:{pattern:RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|`+i.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:i,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},n.languages.css.atrule.inside.rest=n.languages.css;var s=n.languages.markup;s&&(s.tag.addInlined("style","css"),s.tag.addAttribute("style","css"))})(r),r.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0,greedy:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|trait)\s+|\bcatch\s+\()[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\b/,boolean:/\b(?:false|true)\b/,function:/\b\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},r.languages.javascript=r.languages.extend("clike",{"class-name":[r.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+(/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source)+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/}),r.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/,r.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:r.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:r.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:r.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:r.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:r.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),r.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:r.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}}),r.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}}),r.languages.markup&&(r.languages.markup.tag.addInlined("script","javascript"),r.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript")),r.languages.js=r.languages.javascript,(function(){if(typeof r>"u"||typeof document>"u")return;Element.prototype.matches||(Element.prototype.matches=Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector);var n="Loading…",i=function(g,x){return"✖ Error "+g+" while fetching file: "+x},s="✖ Error: File does not exist or is empty",o={js:"javascript",py:"python",rb:"ruby",ps1:"powershell",psm1:"powershell",sh:"bash",bat:"batch",h:"c",tex:"latex"},l="data-src-status",c="loading",d="loaded",u="failed",f="pre[data-src]:not(["+l+'="'+d+'"]):not(['+l+'="'+c+'"])';function p(g,x,y){var v=new XMLHttpRequest;v.open("GET",g,!0),v.onreadystatechange=function(){v.readyState==4&&(v.status<400&&v.responseText?x(v.responseText):v.status>=400?y(i(v.status,v.statusText)):y(s))},v.send(null)}function h(g){var x=/^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(g||"");if(x){var y=Number(x[1]),v=x[2],b=x[3];return v?b?[y,Number(b)]:[y,void 0]:[y,y]}}r.hooks.add("before-highlightall",function(g){g.selector+=", "+f}),r.hooks.add("before-sanity-check",function(g){var x=g.element;if(x.matches(f)){g.code="",x.setAttribute(l,c);var y=x.appendChild(document.createElement("CODE"));y.textContent=n;var v=x.getAttribute("data-src"),b=g.language;if(b==="none"){var j=(/\.(\w+)$/.exec(v)||[,"none"])[1];b=o[j]||j}r.util.setLanguage(y,b),r.util.setLanguage(x,b);var C=r.plugins.autoloader;C&&C.loadLanguages(b),p(v,function(N){x.setAttribute(l,d);var k=h(x.getAttribute("data-range"));if(k){var S=N.split(/\r\n?|\n/g),E=k[0],P=k[1]==null?S.length:k[1];E<0&&(E+=S.length),E=Math.max(0,Math.min(E-1,S.length)),P<0&&(P+=S.length),P=Math.max(0,Math.min(P,S.length)),N=S.slice(E,P).join(`
-`),x.hasAttribute("data-start")||x.setAttribute("data-start",String(E+1))}y.textContent=N,r.highlightElement(y)},function(N){x.setAttribute(l,u),y.textContent=N})}}),r.plugins.fileHighlight={highlight:function(x){for(var y=(x||document).querySelectorAll(f),v=0,b;b=y[v++];)r.highlightElement(b)}};var m=!1;r.fileHighlight=function(){m||(console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."),m=!0),r.plugins.fileHighlight.highlight.apply(this,arguments)}})()})(j0)),j0.exports}var CT=jT();const C0=Wt(CT);Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+(/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source)+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/});Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/});Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}});Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}});Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript"));Prism.languages.js=Prism.languages.javascript;var dg={},ug;function NT(){return ug||(ug=1,(function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript})(Prism)),dg}NT();(function(e){var t=e.util.clone(e.languages.javascript),r=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,n=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,i=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function s(c,d){return c=c.replace(/<S>/g,function(){return r}).replace(/<BRACES>/g,function(){return n}).replace(/<SPREAD>/g,function(){return i}),RegExp(c,d)}i=s(i).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=s(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:s(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:s(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var o=function(c){return c?typeof c=="string"?c:typeof c.content=="string"?c.content:c.content.map(o).join(""):""},l=function(c){for(var d=[],u=0;u<c.length;u++){var f=c[u],p=!1;if(typeof f!="string"&&(f.type==="tag"&&f.content[0]&&f.content[0].type==="tag"?f.content[0].content[0].content==="</"?d.length>0&&d[d.length-1].tagName===o(f.content[0].content[1])&&d.pop():f.content[f.content.length-1].content==="/>"||d.push({tagName:o(f.content[0].content[1]),openedBraces:0}):d.length>0&&f.type==="punctuation"&&f.content==="{"?d[d.length-1].openedBraces++:d.length>0&&d[d.length-1].openedBraces>0&&f.type==="punctuation"&&f.content==="}"?d[d.length-1].openedBraces--:p=!0),(p||typeof f=="string")&&d.length>0&&d[d.length-1].openedBraces===0){var h=o(f);u<c.length-1&&(typeof c[u+1]=="string"||c[u+1].type==="plain-text")&&(h+=o(c[u+1]),c.splice(u+1,1)),u>0&&(typeof c[u-1]=="string"||c[u-1].type==="plain-text")&&(h=o(c[u-1])+h,c.splice(u-1,1),u--),c[u]=new e.Token("plain-text",h,null,h)}f.content&&typeof f.content!="string"&&l(f.content)}};e.hooks.add("after-tokenize",function(c){c.language!=="jsx"&&c.language!=="tsx"||l(c.tokens)})})(Prism);(function(e){var t=e.util.clone(e.languages.typescript);e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"];var r=e.languages.tsx.tag;r.pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+r.pattern.source+")",r.pattern.flags),r.lookbehind=!0})(Prism);(function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|`+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var r=e.languages.markup;r&&(r.tag.addInlined("style","css"),r.tag.addAttribute("style","css"))})(Prism);(function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",r={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},n={bash:r,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},parameter:{pattern:/(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:n},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:r}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:n},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:n.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:n.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},r.inside=e.languages.bash;for(var i=["comment","function-name","for-or-select","assign-left","parameter","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],s=n.variable[1].inside,o=0;o<i.length;o++)s[i[o]]=e.languages.bash[i[o]];e.languages.sh=e.languages.bash,e.languages.shell=e.languages.bash})(Prism);Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}};Prism.languages.webmanifest=Prism.languages.json;var fg={},pg;function kT(){return pg||(pg=1,Prism.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},Prism.languages.python["string-interpolation"].inside.interpolation.inside.rest=Prism.languages.python,Prism.languages.py=Prism.languages.python),fg}kT();var mg={},hg;function ST(){return hg||(hg=1,(function(e){var t=/\b(?:abstract|assert|boolean|break|byte|case|catch|char|class|const|continue|default|do|double|else|enum|exports|extends|final|finally|float|for|goto|if|implements|import|instanceof|int|interface|long|module|native|new|non-sealed|null|open|opens|package|permits|private|protected|provides|public|record(?!\s*[(){}[\]<>=%~.:,;?+\-*/&|^])|requires|return|sealed|short|static|strictfp|super|switch|synchronized|this|throw|throws|to|transient|transitive|try|uses|var|void|volatile|while|with|yield)\b/,r=/(?:[a-z]\w*\s*\.\s*)*(?:[A-Z]\w*\s*\.\s*)*/.source,n={pattern:RegExp(/(^|[^\w.])/.source+r+/[A-Z](?:[\d_A-Z]*[a-z]\w*)?\b/.source),lookbehind:!0,inside:{namespace:{pattern:/^[a-z]\w*(?:\s*\.\s*[a-z]\w*)*(?:\s*\.)?/,inside:{punctuation:/\./}},punctuation:/\./}};e.languages.java=e.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"/,lookbehind:!0,greedy:!0},"class-name":[n,{pattern:RegExp(/(^|[^\w.])/.source+r+/[A-Z]\w*(?=\s+\w+\s*[;,=()]|\s*(?:\[[\s,]*\]\s*)?::\s*new\b)/.source),lookbehind:!0,inside:n.inside},{pattern:RegExp(/(\b(?:class|enum|extends|implements|instanceof|interface|new|record|throws)\s+)/.source+r+/[A-Z]\w*\b/.source),lookbehind:!0,inside:n.inside}],keyword:t,function:[e.languages.clike.function,{pattern:/(::\s*)[a-z_]\w*/,lookbehind:!0}],number:/\b0b[01][01_]*L?\b|\b0x(?:\.[\da-f_p+-]+|[\da-f_]+(?:\.[\da-f_p+-]+)?)\b|(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?\d[\d_]*)?[dfl]?/i,operator:{pattern:/(^|[^.])(?:<<=?|>>>?=?|->|--|\+\+|&&|\|\||::|[?:~]|[-+*/%&|^!=<>]=?)/m,lookbehind:!0},constant:/\b[A-Z][A-Z_\d]+\b/}),e.languages.insertBefore("java","string",{"triple-quoted-string":{pattern:/"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,greedy:!0,alias:"string"},char:{pattern:/'(?:\\.|[^'\\\r\n]){1,6}'/,greedy:!0}}),e.languages.insertBefore("java","class-name",{annotation:{pattern:/(^|[^.])@\w+(?:\s*\.\s*\w+)*/,lookbehind:!0,alias:"punctuation"},generics:{pattern:/<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&))*>)*>)*>)*>/,inside:{"class-name":n,keyword:t,punctuation:/[<>(),.:]/,operator:/[?&|]/}},import:[{pattern:RegExp(/(\bimport\s+)/.source+r+/(?:[A-Z]\w*|\*)(?=\s*;)/.source),lookbehind:!0,inside:{namespace:n.inside.namespace,punctuation:/\./,operator:/\*/,"class-name":/\w+/}},{pattern:RegExp(/(\bimport\s+static\s+)/.source+r+/(?:\w+|\*)(?=\s*;)/.source),lookbehind:!0,alias:"static",inside:{namespace:n.inside.namespace,static:/\b\w+$/,punctuation:/\./,operator:/\*/,"class-name":/\w+/}}],namespace:{pattern:RegExp(/(\b(?:exports|import(?:\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\s+)(?!<keyword>)[a-z]\w*(?:\.[a-z]\w*)*\.?/.source.replace(/<keyword>/g,function(){return t.source})),lookbehind:!0,inside:{punctuation:/\./}}})})(Prism)),mg}ST();Prism.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/};var Nl={},or={},gg;function tu(){if(gg)return or;gg=1,Object.defineProperty(or,"__esModule",{value:!0}),or.isNavigator=or.isBrowser=or.off=or.on=or.noop=void 0;var e=function(){};or.noop=e;function t(n){for(var i=[],s=1;s<arguments.length;s++)i[s-1]=arguments[s];n&&n.addEventListener&&n.addEventListener.apply(n,i)}or.on=t;function r(n){for(var i=[],s=1;s<arguments.length;s++)i[s-1]=arguments[s];n&&n.removeEventListener&&n.removeEventListener.apply(n,i)}return or.off=r,or.isBrowser=typeof window<"u",or.isNavigator=typeof navigator<"u",or}var xg;function ET(){if(xg)return Nl;xg=1,Object.defineProperty(Nl,"__esModule",{value:!0});var e=w,t=tu(),r=function(n){return n===void 0&&(n={laptopL:1440,laptop:1024,tablet:768}),function(){var i=e.useState(t.isBrowser?window.innerWidth:0),s=i[0],o=i[1];e.useEffect(function(){var d=function(){o(window.innerWidth)};return d(),t.on(window,"resize",d),function(){t.off(window,"resize",d)}});var l=e.useMemo(function(){return Object.entries(n).sort(function(d,u){return d[1]>=u[1]?1:-1})},[n]),c=l.reduce(function(d,u){var f=u[0],p=u[1];return s>=p?f:d},l[0][0]);return c}};return Nl.default=r,Nl}var PT=ET();const MT=Wt(PT),AT={xs:480,sm:640,md:768,lg:1024,xl:1280,"2xl":1440,"3xl":1780,"4xl":2160},yn=MT(AT),ru=()=>{const e=yn();return{isMobile:["xs","sm","md"].indexOf(e)!==-1}},_t=({code:e,language:t,expanded:r=!0,noExpand:n=!1,className:i})=>{const{isMobile:s}=ru(),[o,l]=w.useState(!1),[c,d]=w.useState(!!(!n&&r)),[u,f]=w.useState("");w.useEffect(()=>{if(t&&C0.languages[t]){const h=C0.highlight(e,C0.languages[t],t);f(h)}else f(e)},[e,t]);const p=()=>{navigator.clipboard.writeText(e).then(()=>{l(!0),setTimeout(()=>l(!1),2e3)})};return a.jsxs("div",{className:V("overflow-x-auto relative bg-gray-100 dark:bg-gray-800 rounded-xl border dark:border-gray-700 hover:border-gray-600 mt-4",c?"max-h-[300px] h-[300px] transition-all duration-300":"h-full transition-all duration-300",i),children:[a.jsxs("div",{className:V("absolute z-10 top-1 right-1 p-2 flex justify-end items-center w-full gap-1",s&&"flex-col items-end"),children:[a.jsxs("button",{onClick:p,"aria-label":o?"Copied to clipboard":"Copy to clipboard",className:V("p-2 bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 dark:hover:bg-gray-600 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-brand focus:ring-offset-2 dark:focus:ring-offset-gray-800",s&&"p-1 w-8 h-8"),title:"Copy to clipboard",children:[o?a.jsx(B.Check,{className:"w-4 h-4 text-green-500"}):a.jsx(B.Copy,{className:"w-4 h-4 text-gray-600 dark:text-gray-300"}),a.jsx("span",{className:"sr-only",children:o?"Copied!":"Copy code"})]}),!n&&a.jsx("button",{onClick:()=>d(!c),className:V("p-2 bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 dark:hover:bg-gray-600 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-brand focus:ring-offset-2 dark:focus:ring-offset-gray-800",s&&"p-1 w-8 h-8"),title:"Expand/Collapse",children:c?a.jsx(B.ChevronDown,{className:"w-4 h-4 text-gray-600 dark:text-gray-300"}):a.jsx(B.ChevronUp,{className:"w-4 h-4 text-gray-600 dark:text-gray-300"})}),t&&a.jsx("div",{className:V("p-2 text-sm font-mono bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 hover:pointer dark:hover:bg-gray-600 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-brand focus:ring-offset-2 dark:focus:ring-offset-gray-800",s&&"w-max max-w-11 h-8"),children:t})]}),a.jsx(ca,{className:"overflow-x-auto h-full p-4 pr-16 pt-4 lg:pr-4 lg:pt-16 transition-all duration-300",children:a.jsx("pre",{className:"text-sm whitespace-pre-wrap font-mono block",children:a.jsx("code",{className:`language-${t||"text"}`,dangerouslySetInnerHTML:{__html:u}})})})]})};function nu({isOpen:e,...t}){return a.jsx(he,{"aria-label":"Menu","aria-describedby":"Menu",title:"Menu",shape:"circle",...t,children:a.jsxs("svg",{className:"sm:w-auo h-auto w-6",width:"30",height:"30",viewBox:"0 0 100 100",children:[a.jsx("path",{className:"ease-[cubic-bezier(0.4, 0, 0.2, 1)] transition-[stroke-dasharray,stroke-dashoffset] duration-600",fill:"none",stroke:"currentColor",strokeWidth:"6",strokeLinecap:"round",strokeDasharray:e?"90 207":"60 207",strokeDashoffset:e?"-134":"0",d:"M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058"}),a.jsx("path",{className:"ease-[cubic-bezier(0.4, 0, 0.2, 1)] transition-[stroke-dasharray,stroke-dashoffset] duration-600",fill:"none",stroke:"currentColor",strokeWidth:"6",strokeLinecap:"round",strokeDasharray:e?"1 60":"60 60",strokeDashoffset:e?"-30":"0",d:"M 20,50 H 80"}),a.jsx("path",{className:"ease-[cubic-bezier(0.4, 0, 0.2, 1)] transition-[stroke-dasharray,stroke-dashoffset] duration-600",fill:"none",stroke:"currentColor",strokeWidth:"6",strokeLinecap:"round",strokeDasharray:e?"90 207":"60 207",strokeDashoffset:e?"-134":"0",d:"M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942"})]})})}const De=({to:e,...t})=>(n=>n?/^https?:\/\//i.test(n):!1)(e)?a.jsx("a",{rel:"noopener noreferrer",title:t?.title??"",href:e,...t}):a.jsx(Ee.Link,{to:e,...t});function TT({label:e,icon:t,href:r,className:n,onClick:i}){return a.jsxs("button",{className:V("flex h-10 w-full items-center whitespace-nowrap rounded-lg border-2 border-dashed border-gray-500 bg-gray-100 px-6 text-sm uppercase tracking-wider text-gray-900 dark:border-gray-600 dark:bg-gray-800 dark:text-white lg:h-12 min-[1780px]:h-13","hover:border-brand dark:hover:border-brand hover:cursor-pointer hover:transform-3d hover:shadow-lg",n),onClick:i,children:[t&&a.jsx("span",{className:"bg-brand p-1 mr-3.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full  text-white lg:h-6 lg:w-6",children:t}),a.jsx("span",{className:"mr-3.5 grow text-justify text-sm lg:text-sm",children:e}),r&&a.jsx(De,{to:r,children:a.jsx(sb,{className:"rtl:rotate-180"})})]})}function OT({children:e,defaultHeight:t,className:r}){const[n,i]=w.useState(!1),s=w.useRef(null),o=w.useRef(null);function l(){s.current.scrollHeight>t&&setTimeout(()=>{i(!n)},500)}return w.useEffect(()=>{o.current.clientHeight<=t&&i(!0)},[i,t]),a.jsxs("div",{className:V("relative border border-gray-200 dark:border-gray-700 rounded-lg p-4",r),children:[a.jsx("div",{ref:s,style:{height:n?"auto":`${t}px`},className:V("transition-all duration-300",!n&&"overflow-hidden"),children:a.jsx("div",{ref:o,children:e})}),a.jsx("div",{className:"before:content-[' '] relative from-white pt-3 before:absolute before:-top-8 before:block before:h-8 before:w-full before:bg-linear-to-t dark:from-light-dark",children:a.jsx(he,{size:"mini",shape:"rounded",onClick:()=>l(),children:n?"Show Less":"Show More"})})]})}function Rb({top:e,right:t=24,bottom:r=24,left:n,showAfter:i=400,className:s,size:o="medium",behavior:l="smooth",scrollContainer:c}={}){const{pathname:d}=Ee.useLocation(),[u,f]=w.useState(!1),[p,h]=w.useState(!1),m=w.useRef(0),g=w.useRef(null);w.useEffect(()=>{h(!0)},[]);const x=w.useCallback(()=>{if(c?.current)return c.current;const k=document.querySelectorAll('[class*="overflow-auto"], [class*="overflow-y-auto"], [class*="overflow-scroll"]');for(const S of Array.from(k)){const E=S;if(E.scrollHeight>E.clientHeight+50)return E}return window},[c]);w.useEffect(()=>{const k=x();k instanceof HTMLElement?k.scrollTo({top:0,behavior:l}):window.scrollTo({top:0,behavior:l})},[d,l,x]),w.useEffect(()=>{const k=x();g.current=k;const S=()=>{m.current||(m.current=requestAnimationFrame(()=>{const P=k instanceof HTMLElement?k.scrollTop:window.scrollY||document.documentElement.scrollTop||0;f(P>i),m.current=0}))};S();const E=k instanceof HTMLElement?k:window;return E.addEventListener("scroll",S,{passive:!0}),()=>{E.removeEventListener("scroll",S),m.current&&(cancelAnimationFrame(m.current),m.current=0)}},[i,x]);const y=w.useCallback(k=>{k.preventDefault(),k.stopPropagation();const S=g.current||x();S instanceof HTMLElement?S.scrollTo({top:0,behavior:l}):window.scrollTo({top:0,behavior:l})},[l,x]),v={small:"w-10 h-10",medium:"w-12 h-12",large:"w-14 h-14"},b={small:"w-5 h-5",medium:"w-6 h-6",large:"w-7 h-7"},j=k=>{if(k===void 0||k==="")return;if(typeof k=="number")return`${k}px`;const S=Number(k);return isNaN(S)?k:`${S}px`},C={position:"fixed",top:j(e),right:j(t),bottom:j(r),left:j(n)},N=a.jsx("button",{type:"button",onClick:y,"aria-label":"Scroll to top",className:V("z-9999 flex items-center justify-center rounded-md bg-brand/50 text-white shadow-lg","transition-all duration-300 ease-out","hover:bg-brand hover:shadow-xl hover:-translate-y-1","focus:outline-none focus:ring-2 focus:ring-brand/50 focus:ring-offset-2 dark:focus:ring-offset-gray-900","cursor-pointer",v[o],u?"opacity-100 translate-y-0 scale-100 pointer-events-auto":"opacity-0 translate-y-4 scale-90 pointer-events-none",s),style:C,children:a.jsx(Vd,{className:V(b[o],"pointer-events-none")})});return p?xr.createPortal(N,document.body):null}const Ip=()=>{const{formState:e}=ni(),{errors:t}=e;return a.jsxs("div",{className:"mt-[24px] border border-gray-200 dark:border-gray-700 rounded-lg p-[16px]",children:[a.jsx("h3",{className:"text-lg font-medium text-gray-900 dark:text-gray-100 mb-[8px]",children:"Error List"}),Object.keys(t).length>0?a.jsx(_t,{code:JSON.stringify(t,null,2),language:"json"}):a.jsx("p",{className:"text-gray-500 dark:text-gray-400",children:"No errors in the form"})]})},ai=({onSubmit:e,children:t,useFormProps:r,validationSchema:n,className:i,...s})=>{const o=wT({...r}),{register:l}=o;n&&Object.entries(n).forEach(([d,u])=>{u&&l(d,u)});const c=()=>typeof t=="function"?t(o):t;return a.jsx(nT,{...o,children:a.jsx("form",{onSubmit:o.handleSubmit(e),noValidate:!0,...s,className:V("space-y-4",i),children:c()})})},LT={ghost:"transition-shadow rounded-xl border border-gray-200 bg-white text-gray-900 hover:border-gray-300 hover:ring-1 hover:ring-gray-300 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100 dark:hover:border-gray-600 dark:hover:ring-gray-600",solid:"transition-colors rounded-xl bg-gray-200/70 hover:bg-gray-300 dark:bg-gray-800 dark:hover:bg-gray-700",transparent:""};function ii({options:e,onChange:t,onSelect:r,variant:n="ghost",selectedOption:i,className:s,children:o,disabled:l,label:c,useUppercaseLabel:d,required:u,value:f,name:p,errorMessage:h,helperText:m,placeholder:g,buttonClassName:x,searchable:y=!1,searchPlaceholder:v="Search...",showCheck:b=!1}){const j=w.useCallback(R=>R!==void 0?e.find(ae=>ae.value===R):void 0,[e]),[C,N]=w.useState(i??j(f)),[k,S]=w.useState(!1),[E,P]=w.useState(-1),[T,A]=w.useState(!1),[L,D]=w.useState(""),z=w.useRef(null),U=w.useRef(null),I=w.useRef([]),_=w.useRef(null),[q,J]=w.useState({});w.useEffect(()=>{if(f!==void 0){const R=j(f);R&&N(R)}},[f,j]);const oe=i||C,de=w.useMemo(()=>oe?e.findIndex(R=>R.value===oe.value):-1,[e,oe]),ve=w.useCallback(()=>{if(!z.current)return;const R=z.current.getBoundingClientRect(),ae=220,X=window.innerHeight-R.bottom,ge=R.top,be=X<ae&&ge>X;J({position:"fixed",...be?{bottom:window.innerHeight-R.top+4}:{top:R.bottom+4},left:R.left,width:R.width,zIndex:9999})},[]),Y=w.useCallback(()=>{l||(ve(),P(de>=0?de:0),A(!1),D(""),S(!0))},[l,de,ve]),H=w.useCallback(()=>{A(!0);const R=setTimeout(()=>{S(!1),A(!1),P(-1)},100);return()=>clearTimeout(R)},[]),W=w.useCallback(()=>{k?H():Y()},[k,Y,H]),Z=w.useCallback(R=>{N(R),t&&typeof t=="function"&&t(R),r&&r(R.value),H(),z.current?.focus()},[t,r,H]);w.useEffect(()=>{if(!k)return;const R=ae=>{z.current&&!z.current.contains(ae.target)&&U.current&&!U.current.contains(ae.target)&&H()};return document.addEventListener("mousedown",R),()=>document.removeEventListener("mousedown",R)},[k,H]),w.useEffect(()=>{if(!k)return;const R=ae=>{ae.key==="Escape"&&(H(),z.current?.focus())};return document.addEventListener("keydown",R),()=>document.removeEventListener("keydown",R)},[k,H]),w.useEffect(()=>{if(!k)return;const R=()=>ve();return window.addEventListener("scroll",R,!0),window.addEventListener("resize",R),()=>{window.removeEventListener("scroll",R,!0),window.removeEventListener("resize",R)}},[k,ve]),w.useEffect(()=>{E>=0&&I.current[E]&&I.current[E]?.scrollIntoView({block:"nearest"})},[E]),w.useEffect(()=>{k&&y&&requestAnimationFrame(()=>_.current?.focus()),k||D("")},[k,y]);const ne=w.useMemo(()=>{if(!y||!L.trim())return e;const R=L.toLowerCase();return e.filter(ae=>ae.name.toLowerCase().includes(R)||ae.value.toLowerCase().includes(R)||ae.description?.toLowerCase().includes(R))},[e,L,y]),te=R=>{if(!k){switch(R.key){case"ArrowDown":case"ArrowUp":case"Enter":case" ":R.preventDefault(),Y();break}return}switch(R.key){case"ArrowDown":R.preventDefault(),P(ae=>ae<ne.length-1?ae+1:0);break;case"ArrowUp":R.preventDefault(),P(ae=>ae>0?ae-1:ne.length-1);break;case"Enter":case" ":R.preventDefault(),E>=0&&ne[E]&&!ne[E].disabled&&Z(ne[E]);break;case"Escape":case"Tab":R.preventDefault(),H();break}},re=p?a.jsx("input",{type:"hidden",name:p,value:oe?.value??""}):null,xe=k&&xr.createPortal(a.jsxs("div",{ref:U,role:"listbox",tabIndex:-1,"aria-activedescendant":E>=0?`select-option-${E}`:void 0,style:q,className:V("max-h-55 overflow-hidden rounded-xl border border-gray-200 bg-white shadow-large outline-hidden dark:border-gray-700 dark:bg-gray-800","transition ease-in duration-100",T?"opacity-0":"opacity-100"),children:[y&&a.jsxs("div",{className:"flex items-center gap-2 border-b border-gray-200 dark:border-gray-700 px-3 py-2",children:[a.jsx(B.Search,{className:"h-3.5 w-3.5 shrink-0 text-gray-400 dark:text-gray-500"}),a.jsx("input",{ref:_,type:"text",value:L,onChange:R=>{D(R.target.value),P(0)},placeholder:v,className:"flex-1 bg-transparent text-sm text-gray-900 dark:text-gray-100 placeholder:text-gray-400 dark:placeholder:text-gray-500 outline-none",onKeyDown:R=>{R.stopPropagation(),R.key==="Escape"&&(L?D(""):(H(),z.current?.focus())),R.key==="ArrowDown"&&(R.preventDefault(),P(ae=>ae<ne.length-1?ae+1:0)),R.key==="ArrowUp"&&(R.preventDefault(),P(ae=>ae>0?ae-1:ne.length-1)),R.key==="Enter"&&(R.preventDefault(),E>=0&&ne[E]&&!ne[E].disabled&&Z(ne[E]))}}),L&&a.jsx("button",{type:"button",onClick:()=>D(""),className:"shrink-0 text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors",children:a.jsx(B.X,{className:"h-3.5 w-3.5"})})]}),a.jsxs("div",{className:"max-h-44 overflow-auto grid gap-0.5 p-1 min-[500px]:p-2",children:[ne.length===0?a.jsx("div",{className:"px-3 py-3 text-center text-sm text-gray-500 dark:text-gray-400",children:"No results"}):ne.map((R,ae)=>{const X=oe?.value===R.value,ge=ae===E,be=R.disabled;return a.jsxs("div",{id:`select-option-${ae}`,ref:Pe=>{I.current[ae]=Pe},role:"option","aria-selected":X,"aria-disabled":be,onClick:()=>!be&&Z(R),onTouchStart:()=>!be&&Z(R),onMouseEnter:()=>!be&&P(ae),className:V("flex items-center rounded-md px-3 py-2 text-sm transition",be?"cursor-not-allowed opacity-50 text-gray-400 dark:text-gray-600":"cursor-pointer text-gray-900 dark:text-gray-100",!be&&X&&"bg-gray-200/70 font-medium dark:bg-gray-600/60",!be&&!X&&ge&&"bg-gray-300 dark:bg-gray-600",!be&&!X&&!ge&&"hover:bg-gray-300 dark:hover:bg-gray-600"),children:[R.icon&&a.jsx("span",{className:"mr-2 shrink-0",children:R.icon}),a.jsxs("div",{className:"flex-1 min-w-0",children:[a.jsx("span",{className:"block truncate",children:R.name}),R.description&&a.jsx("span",{className:"block text-[11px] text-gray-500 dark:text-gray-400 truncate",children:R.description})]}),b&&X&&a.jsx(B.Check,{className:"h-4 w-4 shrink-0 ml-2 text-brand"})]},`${R.value}-${ae}`)}),o&&o]})]}),document.body);return a.jsxs("div",{className:V("relative text-sm sm:text-sm",s),children:[re,c&&a.jsxs("span",{className:V("block font-medium tracking-widest dark:text-gray-100",d?"mb-2 uppercase sm:mb-3":"mb-1.5 ml-1.5"),children:[c,u&&a.jsx("sup",{className:"inline-block text-[13px] text-red-500 ltr:ml-1 rtl:mr-1",children:"*"})]}),a.jsxs("button",{ref:z,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":k,"aria-controls":"select-listbox","aria-disabled":l,disabled:l,onClick:W,onKeyDown:te,className:V("text-case-inherit letter-space-inherit flex h-[40px] w-full items-center justify-between px-4 text-sm font-medium outline-hidden duration-200 sm:h-[48px] sm:px-5",LT[n],l&&"cursor-not-allowed bg-muted/10!",x),children:[a.jsxs("div",{className:V("flex items-center",l&&"text-gray-500"),children:[oe?.icon&&a.jsx("span",{className:"mr-1",children:oe.icon}),oe?.name||g||"Select an option"]}),a.jsx(_n,{className:V("transition-transform duration-200",l&&"text-gray-500",k&&"rotate-180")})]}),xe,h&&a.jsx(gn,{error:h,size:"md"}),!h&&m&&a.jsx(xn,{size:"md",children:m})]})}function DT({className:e}){return a.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",className:e,children:a.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})}const IT={ghost:"transition-shadow border border-gray-200 bg-white text-gray-900 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100",solid:"transition-colors  bg-gray-200/70 hover:bg-gray-300 dark:bg-gray-800 dark:hover:bg-gray-700",transparent:""},yg={rounded:"rounded-xl",square:"rounded-md"},si=w.forwardRef(({size:e="md",color:t="primary",labelPlacement:r="end",label:n,disabled:i,error:s,helperText:o,className:l,activeClassName:c,containerClassName:d,iconClassName:u,labelClassName:f,inputClassName:p,errorClassName:h,helperClassName:m,id:g,variant:x="ghost",shape:y="square",...v},b)=>{const j=w.useId(),C=g||j,N=`${C}-error`,k=`${C}-helper`,S=[s?N:null,o?k:null].filter(Boolean).join(" ")||void 0,E={sm:"h-[16px] w-[16px]",md:"h-[20px] w-[20px]",lg:"h-[24px] w-[24px]"},T=(D=>{const z={primary:{base:"",checked:"checked:border-brand checked:bg-brand",hover:"hover:enabled:border-brand",checkedHover:"checked:hover:enabled:bg-brand/90 checked:hover:enabled:border-brand/90 checked:hover:enabled:scale-105",focus:"focus:enabled:border-brand focus:ring-brand/30",disabled:"disabled:bg-muted/10 disabled:border-gray-300",icon:"bg-brand"},secondary:{base:"",checked:"checked:border-gray-900 checked:bg-gray-900",hover:"hover:enabled:border-gray-900",checkedHover:"checked:hover:enabled:bg-gray-800 checked:hover:enabled:border-gray-800 checked:hover:enabled:scale-105",focus:"focus:enabled:border-gray-900 focus:ring-gray-900/30",disabled:"disabled:bg-muted/10 disabled:border-gray-300",icon:"bg-gray-500"},danger:{base:"",checked:"checked:border-red-500 checked:bg-red-500",hover:"hover:enabled:border-red-500",checkedHover:"checked:hover:enabled:bg-red-600 checked:hover:enabled:border-red-600 checked:hover:enabled:scale-105",focus:"focus:enabled:border-red-500 focus:ring-red-500/30",disabled:"disabled:bg-muted/10 disabled:border-gray-300",icon:"bg-red-500"},info:{base:"",checked:"checked:border-blue-500 checked:bg-blue-500",hover:"hover:enabled:border-blue-500",checkedHover:"checked:hover:enabled:bg-blue-600 checked:hover:enabled:border-blue-600 checked:hover:enabled:scale-105",focus:"focus:enabled:border-blue-500 focus:ring-blue-500/30",disabled:"disabled:bg-muted/10 disabled:border-gray-300",icon:"bg-blue-500"},success:{base:"",checked:"checked:border-green-500 checked:bg-green-500",hover:"hover:enabled:border-green-500",checkedHover:"checked:hover:enabled:bg-green-600 checked:hover:enabled:border-green-600 checked:hover:enabled:scale-105",focus:"focus:enabled:border-green-500 focus:ring-green-500/30",disabled:"disabled:bg-muted/10 disabled:border-gray-300",icon:"bg-green-500"},warning:{base:"",checked:"checked:border-orange-500 checked:bg-orange-500",hover:"hover:enabled:border-orange-500",checkedHover:"checked:hover:enabled:bg-orange-600 checked:hover:enabled:border-orange-600 checked:hover:enabled:scale-105",focus:"focus:enabled:border-orange-500 focus:ring-orange-500/30",disabled:"disabled:bg-muted/10 disabled:border-gray-300",icon:"bg-orange-500"}};return z[D]||z.primary})(t),A={sm:"text-sm",md:"text-sm",lg:"text-base"},L={sm:r==="start"?"mr-[4px] rtl:ml-[4px]":"ml-[4px] rtl:mr-[4px]",md:r==="start"?"mr-[6px] rtl:ml-[6px]":"ml-[6px] rtl:mr-[6px]",lg:r==="start"?"mr-[8px] rtl:ml-[8px]":"ml-[8px] rtl:mr-[8px]"};return a.jsxs("div",{className:V("flex flex-col",l,c),children:[a.jsxs("label",{htmlFor:C,className:V("flex flex-row items-center",i&&"cursor-not-allowed",d),children:[a.jsxs("div",{className:V("relative leading-none"),children:[a.jsx("input",{type:"checkbox",ref:b,id:C,disabled:i,"aria-describedby":S,"aria-invalid":s?"true":"false",className:V("peer appearance-none cursor-pointer disabled:cursor-not-allowed transition-all duration-200 ease-in-out",yg[y],IT[x],"focus:outline-none focus:ring-0","checked:ring-0",E[e],T.base,T.checked,T.hover,T.checkedHover,T.focus,T.disabled,i&&"bg-muted/10! border-gray-200! dark:border-gray-700!",p),...v}),a.jsx(DT,{className:V(`peer-checked:opacity-100 ${yg[y]} absolute opacity-0 text-white top-0 left-0 pointer-events-none`,E[e],i?"bg-muted/10! border-gray-200! dark:border-gray-700!":T.icon,u)})]}),n&&a.jsx("span",{className:V(A[e],L[e],r==="start"&&"order-first",f),children:n})]}),!s&&o&&a.jsx(xn,{id:k,size:"md",className:m,children:o}),s&&a.jsx(gn,{id:N,className:h,size:"md",error:s})]})});si.displayName="Checkbox";const kl={base:"appearance-none cursor-pointer rounded-full disabled:bg-muted/10 disabled:border-gray-200 disabled:cursor-not-allowed transition-all duration-200",size:{sm:"h-[16px] w-[16px]",md:"h-[20px] w-[20px]",lg:"h-[24px] w-[24px]",xl:"h-[28px] w-[28px]"},variant:{ghost:{base:"border-[2px] bg-white dark:bg-gray-800 hover:enabled:bg-gray-50 dark:hover:enabled:bg-gray-700 transition-colors",color:{primary:"border-brand focus:ring-[2px] focus:ring-brand/30 checked:border-brand checked:bg-brand checked:hover:enabled:bg-brand/90 checked:hover:enabled:border-brand/90 checked:hover:enabled:scale-105",secondary:"border-gray-500 focus:ring-[2px] focus:ring-gray-500/30 checked:border-gray-500 checked:bg-gray-500 checked:hover:enabled:bg-gray-600 checked:hover:enabled:border-gray-600 checked:hover:enabled:scale-105",danger:"border-red-500 focus:ring-[2px] focus:ring-red-500/30 checked:border-red-500 checked:bg-red-500 checked:hover:enabled:bg-red-600 checked:hover:enabled:border-red-600 checked:hover:enabled:scale-105",info:"border-blue-500 focus:ring-[2px] focus:ring-blue-500/30 checked:border-blue-500 checked:bg-blue-500 checked:hover:enabled:bg-blue-600 checked:hover:enabled:border-blue-600 checked:hover:enabled:scale-105",success:"border-green-500 focus:ring-[2px] focus:ring-green-500/30 checked:border-green-500 checked:bg-green-500 checked:hover:enabled:bg-green-600 checked:hover:enabled:border-green-600 checked:hover:enabled:scale-105",warning:"border-orange-500 focus:ring-[2px] focus:ring-orange-500/30 checked:border-orange-500 checked:bg-orange-500 checked:hover:enabled:bg-orange-600 checked:hover:enabled:border-orange-600 checked:hover:enabled:scale-105"}},solid:{base:"border-[2px] bg-gray-200/70 dark:bg-gray-800 hover:enabled:bg-gray-300 dark:hover:enabled:bg-gray-700 transition-colors",color:{primary:"border-transparent focus:ring-[2px] focus:ring-brand/30 checked:border-brand checked:bg-brand checked:hover:enabled:bg-brand/90 checked:hover:enabled:border-brand/90 checked:hover:enabled:scale-105",secondary:"border-transparent focus:ring-[2px] focus:ring-gray-500/30 checked:border-gray-500 checked:bg-gray-500 checked:hover:enabled:bg-gray-600 checked:hover:enabled:border-gray-600 checked:hover:enabled:scale-105",danger:"border-transparent focus:ring-[2px] focus:ring-red-500/30 checked:border-red-500 checked:bg-red-500 checked:hover:enabled:bg-red-600 checked:hover:enabled:border-red-600 checked:hover:enabled:scale-105",info:"border-transparent focus:ring-[2px] focus:ring-blue-500/30 checked:border-blue-500 checked:bg-blue-500 checked:hover:enabled:bg-blue-600 checked:hover:enabled:border-blue-600 checked:hover:enabled:scale-105",success:"border-transparent focus:ring-[2px] focus:ring-green-500/30 checked:border-green-500 checked:bg-green-500 checked:hover:enabled:bg-green-600 checked:hover:enabled:border-green-600 checked:hover:enabled:scale-105",warning:"border-transparent focus:ring-[2px] focus:ring-orange-500/30 checked:border-orange-500 checked:bg-orange-500 checked:hover:enabled:bg-orange-600 checked:hover:enabled:border-orange-600 checked:hover:enabled:scale-105"}},transparent:{base:"",color:{primary:"border-[2px] border-transparent focus:ring-[2px] focus:ring-brand/30 checked:border-brand checked:bg-brand checked:hover:enabled:bg-brand/90 checked:hover:enabled:border-brand/90 checked:hover:enabled:scale-105",secondary:"border-[2px] border-transparent focus:ring-[2px] focus:ring-gray-500/30 checked:border-gray-500 checked:bg-gray-500 checked:hover:enabled:bg-gray-600 checked:hover:enabled:border-gray-600 checked:hover:enabled:scale-105",danger:"border-[2px] border-transparent focus:ring-[2px] focus:ring-red-500/30 checked:border-red-500 checked:bg-red-500 checked:hover:enabled:bg-red-600 checked:hover:enabled:border-red-600 checked:hover:enabled:scale-105",info:"border-[2px] border-transparent focus:ring-[2px] focus:ring-blue-500/30 checked:border-blue-500 checked:bg-blue-500 checked:hover:enabled:bg-blue-600 checked:hover:enabled:border-blue-600 checked:hover:enabled:scale-105",success:"border-[2px] border-transparent focus:ring-[2px] focus:ring-green-500/30 checked:border-green-500 checked:bg-green-500 checked:hover:enabled:bg-green-600 checked:hover:enabled:border-green-600 checked:hover:enabled:scale-105",warning:"border-[2px] border-transparent focus:ring-[2px] focus:ring-orange-500/30 checked:border-orange-500 checked:bg-orange-500 checked:hover:enabled:bg-orange-600 checked:hover:enabled:border-orange-600 checked:hover:enabled:scale-105"}}}},vg={size:{text:{sm:"text-sm",md:"text-sm",lg:"text-base",xl:"text-lg"},margin:{start:{sm:"mr-[4px] rtl:ml-[4px]",md:"mr-[6px] rtl:ml-[6px]",lg:"mr-[8px] rtl:ml-[8px]",xl:"mr-[8px] rlt:ml-[8px]"},end:{sm:"ml-[4px] rtl:mr-[4px]",md:"ml-[6px] rtl:mr-[6px]",lg:"ml-[8px] rtl:mr-[8px]",xl:"ml-[8px] rtl:mr-[8px]"}}}},_o=w.forwardRef(({variant:e="ghost",size:t="md",color:r="primary",labelPlacement:n="end",label:i,disabled:s,error:o,helperText:l,className:c,activeClassName:d,containerClassName:u,labelClassName:f,inputClassName:p,errorClassName:h,helperClassName:m,...g},x)=>a.jsxs("div",{className:V("flex flex-col",c,d),children:[a.jsxs("label",{className:V("flex flex-row items-center",s&&"cursor-not-allowed",u),children:[a.jsxs("div",{className:"relative inline-flex items-center justify-center",children:[a.jsx("input",{type:"radio",ref:x,disabled:s,className:V(kl.base,kl.size[t],kl.variant[e].base,kl.variant[e].color[r],s&&"cursor-not-allowed bg-muted/10! border-gray-200! dark:border-gray-700!","peer",p),...g}),a.jsx("span",{className:V("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full pointer-events-none","peer-checked:block peer-checked:bg-white","peer-checked:transition-all",t==="sm"&&"w-[6px] h-[6px]",t==="md"&&"w-[8px] h-[8px]",t==="lg"&&"w-[10px] h-[10px]",t==="xl"&&"w-[12px] h-[12px]","hidden")})]}),i&&a.jsx("span",{className:V(vg.size.text[t],vg.size.margin[n][t],n==="start"&&"order-first",f),children:i})]}),!o&&l&&a.jsx(xn,{size:"md",className:m,children:l}),o&&a.jsx(gn,{size:"md",error:o,className:h})]})),bg={base:"flex flex-row",center:"justify-center align-center"},va={base:"block peer text-center mr-[8px] last:mr-0 focus:placeholder:opacity-0 focus:outline-hidden transition duration-200 disabled:bg-muted/10 disabled:placeholder:text-gray-400 disabled:cursor-not-allowed disabled:border-gray-200",numberType:"[&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none [-moz-appearance:textfield]",error:"border-red hover:enabled:!border-red-500 focus:enabled:!border-red-500 focus:!ring-red-500",size:{sm:"px-[4px] py-[4px] text-sm h-[32px] w-[32px]",md:"px-[8px] py-[8px] text-sm h-[40px] w-[40px]",lg:"px-[8px] py-[8px] text-base h-[48px] w-[48px]",xl:"px-[10px] py-[10px] text-lg h-[56px] w-[56px]"},rounded:{none:"rounded-none",sm:"rounded-xs",md:"rounded-md",lg:"rounded-lg",full:"rounded-full"},variant:{ghost:{base:"transition-shadow border border-gray-200 bg-white text-gray-900 hover:border-gray-300 hover:ring-1 hover:ring-gray-300 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100 dark:hover:border-gray-600 dark:hover:ring-gray-600",color:{primary:"hover:enabled:border-brand focus:enabled:border-brand focus:ring-brand",secondary:"hover:enabled:border-gray-500 focus:enabled:border-gray-500 focus:ring-gray-500",danger:"hover:enabled:border-red-500 focus:enabled:border-red-500 focus:ring-red-500",info:"hover:enabled:border-blue focus:enabled:border-blue focus:ring-blue",success:"hover:enabled:border-green-500 focus:enabled:border-green-500 focus:ring-green-500",warning:"hover:enabled:border-orange-500 focus:enabled:border-orange-500 focus:ring-orange-500"}},solid:{base:"transition-colors bg-gray-200/70 hover:bg-gray-300 dark:bg-gray-800 dark:hover:bg-gray-700",color:{primary:"hover:enabled:bg-brand/70 focus:ring-brand/30",secondary:"hover:enabled:bg-gray-500/70 focus:ring-gray-500/30",danger:"hover:enabled:bg-red-500/70 focus:ring-red-500/30",info:"hover:enabled:bg-blue-500/70 focus:ring-blue-500/30",success:"hover:enabled:bg-green-500/70 focus:ring-green-500/30",warning:"hover:enabled:bg-orange-500/70 focus:ring-orange-500/30"}},transparent:{base:"bg-transparent",color:{primary:"border border-transparent hover:enabled:border-brand focus:enabled:border-brand focus:ring-brand",secondary:"border border-transparent hover:enabled:border-gray-500 focus:enabled:border-gray-500 focus:ring-gray-500",danger:"border border-transparent hover:enabled:border-red-500 focus:enabled:border-red-500 focus:ring-red-500",info:"border border-transparent hover:enabled:border-blue focus:enabled:border-blue focus:ring-blue",success:"border border-transparent hover:enabled:border-green-500 focus:enabled:border-green-500 focus:ring-green-500",warning:"border border-transparent hover:enabled:border-orange-500 focus:enabled:border-orange-500 focus:ring-orange-500"}}}};function zp({type:e="text",value:t="",onChange:r,mask:n=!1,length:i=4,center:s=!0,size:o="md",rounded:l="md",variant:c="ghost",color:d,placeholder:u="-",error:f,className:p,inputClassName:h,errorClassName:m,helperText:g,helperTextClassName:x,fullWidth:y=!1,...v}){const b=w.useRef([]);function j(E){return P=>{P&&(b.current[E]=P)}}w.useEffect(()=>{const E=t.split("");b.current.forEach((P,T)=>{P&&P.value!==(E[T]||"")&&(P.value=E[T]||"")})},[t]);function C(){const E=b.current.map(P=>P?.value||"").join("");r&&r(E)}function N(E,P){const T=E.target.value.split("");b.current[P].value=T[T.length-1],P<i-1&&b.current[P+1].focus(),C()}function k(E,P){const T=b.current[P].value;if(E.key==="ArrowRight"&&P<i-1&&b.current[P+1].focus(),E.key==="ArrowLeft"&&P>0&&b.current[P-1].focus(),E.key==="Backspace"){if(T!=="")b.current[P].value="";else{if(P===0)return;b.current[P-1].value="",b.current[P-1].focus()}C()}}function S(E,P){const T=E.clipboardData.getData("text").split("");for(let A=0;A<i-P;A+=1)b.current[P+A].value=T[A]??"",P+A===i-1?b.current[P+A].focus():b.current[P+A+1].focus();E.preventDefault(),C()}return a.jsxs("div",{className:V("flex flex-col items-center justify-center",y&&"w-full"),children:[a.jsx("div",{className:V(bg.base,s&&bg.center,y&&"w-full! justify-between!",p),children:Array.from({length:i},(E,P)=>{const T=t.split("")[P]||"";return a.jsx("input",{ref:j(P),type:e,inputMode:e==="text"?e:"numeric",value:T,autoCapitalize:"off",autoCorrect:"off",autoComplete:"off",placeholder:u,onChange:A=>N(A,P),onKeyDown:A=>k(A,P),onPaste:A=>S(A,P),className:V(va.base,e==="number"&&va.numberType,va.size[o],va.rounded[l],va.variant[c].base,d&&va.variant[c].color[d],f&&va.error,n&&"password-dot",v.disabled&&"bg-muted/10! cursor-not-allowed border-gray-200! dark:border-gray-700! hover:border-gray-200! dark:hover:border-gray-700!",h),...v},P)})}),!f&&g&&a.jsx(xn,{size:"md",className:x,children:g}),f&&a.jsx(gn,{className:V("text-left w-full",m),error:f,size:"md"})]})}const qe=({name:e,label:t,helperText:r,className:n,rules:i,children:s,hideError:o=!1,showHelper:l=!1})=>{const{control:c,formState:{errors:d}}=ni(),p=((h,m)=>{const g=m.split(".");let x=h;for(const y of g){if(x==null)return;x=x[y]}return x})(d,e)?.message;return a.jsxs("div",{className:n,children:[a.jsx(Tb,{control:c,name:e,...i?{rules:i}:{},render:({field:h})=>{const m=s.type===ii,g=s.type===si,x=s.type===_o,y=s.type===zp,v=g||x?!!h.value:h.value??"",j={...{...h,value:v,id:e,label:t||s.props?.label,...s.props},...m&&{value:h.value??"",onChange:C=>{const N=C?.value!==void 0?C.value:C;h.onChange(N)}},...g&&{checked:!!h.value,onChange:C=>{h.onChange(C.target.checked)}},...x&&{checked:!!h.value,onChange:C=>{h.onChange(C.target.checked)}},...y&&{value:h.value??"",onChange:C=>{h.onChange(C)}}};return w.cloneElement(s,j)}}),!o&&p&&a.jsx(gn,{error:p,size:"md"}),!p&&l&&r&&a.jsx(xn,{size:"md",children:r})]})};function zT({title:e,subTitle:t,important:r,className:n,titleClassName:i}){return a.jsxs("div",{className:V("relative mb-3",n),children:[a.jsxs("span",{className:V("block text-sm font-medium tracking-wider text-gray-900 dark:text-white",i),children:[e,r&&a.jsx("sup",{className:"text-red-500 ltr:ml-1.5 rtl:mr-1.5",children:"*"})]}),t&&a.jsx("span",{className:"mt-1 block text-sm tracking-tighter text-gray-600 dark:text-gray-400 sm:text-sm",children:t})]})}function VT({label:e,onOptionSelect:t,options:r=[],initialValue:n,noMatchesMessage:i,multiple:s=!1,variant:o="ghost",disabled:l=!1,...c}){const[d,u]=w.useState(n?.toString()||""),[f,p]=w.useState(!1),[h,m]=w.useState(!1),[g,x]=w.useState(-1),[y,v]=w.useState(null),[b,j]=w.useState([]),C=w.useRef(null),N=w.useRef(null),k=w.useRef(null),S=w.useRef([]),E=w.useRef(n),[P,T]=w.useState({});w.useEffect(()=>{const Y=n?.toString()||"",H=E.current?.toString()||"";Y!==H&&(E.current=n,u(Y),Y||(v(null),j([])))},[n]);const A=w.useMemo(()=>{if(!r||r.length===0)return[];if(!d.trim())return r;const Y=d.toLowerCase();return r.filter(H=>H.name.toLowerCase().includes(Y)||H.value.toLowerCase().includes(Y)||H.description?.toLowerCase().includes(Y))},[d,r]),L=w.useCallback(()=>{if(!C.current)return;const Y=C.current.getBoundingClientRect(),H=260,W=window.innerHeight-Y.bottom,Z=Y.top,ne=W<H&&Z>W;T({position:"fixed",...ne?{bottom:window.innerHeight-Y.top+4}:{top:Y.bottom+4},left:Y.left,width:Y.width,zIndex:9999})},[]),D=w.useCallback(()=>{l||(L(),x(-1),m(!1),p(!0))},[l,L]),z=w.useCallback(()=>{m(!0);const Y=setTimeout(()=>{p(!1),m(!1),x(-1)},100);return()=>clearTimeout(Y)},[]);w.useEffect(()=>{if(!f)return;const Y=H=>{C.current&&!C.current.contains(H.target)&&k.current&&!k.current.contains(H.target)&&z()};return document.addEventListener("mousedown",Y),()=>document.removeEventListener("mousedown",Y)},[f,z]),w.useEffect(()=>{if(!f)return;const Y=H=>{H.key==="Escape"&&(z(),N.current?.focus())};return document.addEventListener("keydown",Y),()=>document.removeEventListener("keydown",Y)},[f,z]),w.useEffect(()=>{if(!f)return;const Y=()=>L();return window.addEventListener("scroll",Y,!0),window.addEventListener("resize",Y),()=>{window.removeEventListener("scroll",Y,!0),window.removeEventListener("resize",Y)}},[f,L]),w.useEffect(()=>{g>=0&&S.current[g]&&S.current[g]?.scrollIntoView({block:"nearest"})},[g]);const U=w.useCallback(Y=>{if(!Y.disabled)if(s){const W=b.some(Z=>Z.value===Y.value)?b.filter(Z=>Z.value!==Y.value):[...b,Y];j(W),u(""),t?.(W),N.current?.focus()}else v(Y),u(Y.name),z(),t?.(Y)},[s,b,t,z]),I=w.useCallback((Y,H)=>{Y.stopPropagation();const W=b.filter(Z=>Z.value!==H.value);j(W),t?.(W),N.current?.focus()},[b,t]),_=w.useCallback(Y=>{const H=Y.target.value;u(H),!s&&y&&H!==y.name&&v(null),!f&&H.trim()&&D()},[s,y,f,D]),q=w.useCallback(Y=>{if(!f){(Y.key==="ArrowDown"||Y.key==="ArrowUp")&&(Y.preventDefault(),D());return}switch(Y.key){case"ArrowDown":Y.preventDefault(),x(H=>{let W=H<A.length-1?H+1:0;for(;A[W]?.disabled&&W!==H;)W=W<A.length-1?W+1:0;return W});break;case"ArrowUp":Y.preventDefault(),x(H=>{let W=H>0?H-1:A.length-1;for(;A[W]?.disabled&&W!==H;)W=W>0?W-1:A.length-1;return W});break;case"Enter":Y.preventDefault(),g>=0&&A[g]&&!A[g].disabled&&U(A[g]);break;case"Escape":Y.preventDefault(),z();break;case"Tab":z();break}},[f,A,g,U,D,z]),J=w.useMemo(()=>d.trim().length>3&&r.length>0&&A.length===0&&(s?b.length===0:!y)?i||"No matches found":void 0,[d,r.length,A.length,s,b.length,y,i]),oe=w.useCallback(Y=>{const H=d.trim();if(!H)return a.jsx("span",{children:Y});const W=Y.toLowerCase(),Z=H.toLowerCase(),ne=[];let te=0,re=W.indexOf(Z,te);for(;re!==-1;)re>te&&ne.push({text:Y.substring(te,re),isMatch:!1}),ne.push({text:Y.substring(re,re+H.length),isMatch:!0}),te=re+H.length,re=W.indexOf(Z,te);return te<Y.length&&ne.push({text:Y.substring(te),isMatch:!1}),a.jsx("span",{children:ne.map((xe,R)=>xe.isMatch?a.jsx("span",{className:"font-semibold text-brand",children:xe.text},R):a.jsx("span",{children:xe.text},R))})},[d]),de=w.useCallback(Y=>s?b.some(H=>H.value===Y.value):y?.value===Y.value,[s,b,y]),ve=f&&A.length>0&&xr.createPortal(a.jsx("div",{ref:k,role:"listbox",tabIndex:-1,"aria-activedescendant":g>=0?`searcher-option-${g}`:void 0,style:P,className:V("max-h-60 overflow-hidden rounded-xl border border-gray-200 bg-white shadow-large outline-hidden dark:border-gray-700 dark:bg-gray-800","transition ease-in duration-100",h?"opacity-0":"opacity-100"),children:a.jsx("div",{className:"max-h-56 overflow-auto grid gap-0.5 p-1 min-[500px]:p-2",children:A.map((Y,H)=>{const W=de(Y),Z=H===g,ne=Y.disabled;return a.jsxs("div",{id:`searcher-option-${H}`,ref:te=>{S.current[H]=te},role:"option","aria-selected":W,"aria-disabled":ne,onClick:()=>!ne&&U(Y),onMouseEnter:()=>!ne&&x(H),className:V("flex items-center rounded-md px-3 py-2 text-sm transition",ne?"cursor-not-allowed opacity-50 text-gray-400 dark:text-gray-600":"cursor-pointer text-gray-900 dark:text-gray-100",!ne&&W&&"bg-gray-200/70 font-medium dark:bg-gray-600/60",!ne&&!W&&Z&&"bg-gray-300 dark:bg-gray-600",!ne&&!W&&!Z&&"hover:bg-gray-300 dark:hover:bg-gray-600"),children:[Y.icon&&a.jsx("span",{className:"mr-2 shrink-0",children:Y.icon}),a.jsxs("div",{className:"flex-1 min-w-0",children:[a.jsx("span",{className:"block truncate",children:oe(Y.name)}),Y.description&&a.jsx("span",{className:"block text-[11px] text-gray-500 dark:text-gray-400 truncate",children:Y.description})]}),W&&a.jsx(ib,{className:"h-4 w-4 shrink-0 ml-2 text-brand"})]},`${Y.value}-${H}`)})})}),document.body);return a.jsxs("div",{className:"relative",ref:C,children:[a.jsx(ut,{ref:N,label:e,variant:o,disabled:l,icon:a.jsx(bb,{className:"h-4 w-4 dark:text-white text-current"}),value:d,onChange:_,error:J,onFocus:()=>{A.length>0&&D()},onKeyDown:q,"aria-role":"combobox","aria-expanded":f,"aria-haspopup":"listbox","aria-autocomplete":"list",...c}),s&&b.length>0&&a.jsx("div",{className:"mt-2 flex flex-wrap items-center gap-2",children:b.map(Y=>a.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-brand/10 text-brand rounded-md",children:[Y.icon&&a.jsx("span",{className:"shrink-0",children:Y.icon}),Y.name,a.jsx("button",{type:"button",onClick:H=>I(H,Y),className:"hover:bg-brand/20 rounded-full p-0.5 transition-colors","aria-label":`Remove ${Y.name}`,children:a.jsx(Fn,{className:"h-3 w-3"})})]},Y.value))}),ve]})}const RT={vertical:{sm:"space-y-[4px]",md:"space-y-[8px]",lg:"space-y-[12px]",xl:"space-y-[16px]"},horizontal:{sm:"space-x-[8px] rtl:space-x-reverse",md:"space-x-[16px] rtl:space-x-reverse",lg:"space-x-[24px] rtl:space-x-reverse",xl:"space-x-[32px] rtl:space-x-reverse"}},Vp=w.forwardRef(({value:e,defaultValue:t,variant:r="ghost",size:n="md",color:i="primary",labelPlacement:s="end",disabled:o=!1,label:l,error:c,helperText:d,className:u,containerClassName:f,labelClassName:p,errorClassName:h,helperClassName:m,direction:g="vertical",gap:x="md",options:y,children:v,onChange:b,...j},C)=>{const[N,k]=w.useState(e!==void 0?e:t);w.useEffect(()=>{e!==void 0&&k(e)},[e]);const S=P=>{const T=P.target.value;e===void 0&&k(T),b?.(T)},E=()=>y?y.map(P=>{const T=N!==void 0&&N.toString()===P.value.toString(),{name:A,label:L,value:D,disabled:z,...U}=P;return a.jsx(_o,{name:A,label:L,value:D,disabled:o||z,checked:T,variant:r,size:n,color:i,labelPlacement:s,onChange:S,activeClassName:T?"active":"",...U},D)}):w.Children.map(v,P=>{if(!w.isValidElement(P))return P;const T=N!==void 0&&N.toString()===P.props.value?.toString();return w.cloneElement(P,{checked:T,onChange:S,disabled:o||P.props.disabled,variant:P.props.variant||r,size:P.props.size||n,color:P.props.color||i,labelPlacement:P.props.labelPlacement||s,activeClassName:T?"active":""})});return a.jsxs("div",{ref:C,className:V("flex flex-col",u),...j,children:[l&&a.jsx("label",{className:V("block text-sm font-medium mb-[6px]",p),children:l}),a.jsx("div",{className:V("flex",g==="vertical"?"flex-col":"flex-row flex-wrap items-center",RT[g][x],f),children:E()}),!c&&d&&a.jsx(xn,{size:"md",className:m,children:d}),c&&a.jsx(gn,{size:"md",error:c,className:h})]})}),wg={ghost:{unchecked:"border border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-800",checked:"bg-brand"},solid:{unchecked:"bg-gray-200/70 dark:bg-gray-800",checked:"bg-brand"},transparent:{unchecked:"bg-transparent border border-gray-200 dark:border-gray-700",checked:"bg-brand"}},Rp=({label:e,offLabel:t,onLabel:r,checked:n,onChange:i,variant:s="ghost",className:o,errorMessage:l,helperText:c,disabled:d})=>a.jsxs("div",{className:"flex flex-col",children:[a.jsxs("label",{className:V("flex items-center relative w-max cursor-pointer select-none",d&&"cursor-not-allowed",o),children:[e&&a.jsx("span",{className:V("text-sm mr-[12px]",d&&"text-gray-500 cursor-not-allowed"),children:typeof e=="string"?e:w.cloneElement(e,{className:"text-sm mr-[12px]"})}),a.jsx("input",{style:{backgroundImage:"url()"},type:"checkbox",checked:n,onChange:u=>i(u.target.checked),disabled:d,className:V("appearance-none transition-colors cursor-pointer w-[56px] h-[28px] rounded-full focus:outline-hidden focus:ring-[2px] focus:ring-offset-[2px] focus:ring-offset-black focus:ring-brand/50",d&&"cursor-not-allowed! bg-muted/10! border-gray-200! dark:border-gray-700!",n?wg[s].checked:wg[s].unchecked)}),a.jsx("span",{className:V("absolute font-medium text-sm uppercase right-[4px] transition-colors",d&&"text-gray-500 cursor-not-allowed",n?"text-white":s==="ghost"?"text-gray-600 dark:text-gray-300":s==="solid"?"text-gray-700 dark:text-gray-300":"text-gray-600 dark:text-gray-300"),children:t||"OFF"}),a.jsx("span",{className:V("absolute font-medium text-sm uppercase right-[32px] transition-colors",d&&"text-gray-500 cursor-not-allowed",n?"text-white":s==="ghost"?"text-gray-600 dark:text-gray-300":s==="solid"?"text-gray-700 dark:text-gray-300":"text-gray-600 dark:text-gray-300"),children:r||"ON"}),a.jsx("span",{className:V("w-[28px] h-[28px] right-[28px] absolute rounded-full transform transition-transform bg-gray-200 dark:bg-gray-300",n?"translate-x-[28px]":"translate-x-0",d&&"bg-gray-200 dark:bg-gray-300 cursor-not-allowed")})]}),l&&a.jsx(gn,{error:l,size:"md"}),c&&a.jsx(xn,{size:"md",children:c})]}),_b={ghost:"transition-shadow border border-gray-200 bg-white text-gray-900 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100",solid:"transition-colors bg-gray-200/70 hover:bg-gray-300 text-gray-900 dark:bg-gray-800 dark:hover:bg-gray-700 dark:text-gray-100",transparent:""},_p=w.forwardRef(({required:e,label:t,error:r,variant:n="ghost",className:i,inputClassName:s,useUppercaseLabel:o,helperText:l,...c},d)=>a.jsxs("div",{className:V("text-sm sm:text-sm",i),children:[a.jsxs("label",{children:[t&&a.jsxs("span",{className:V("block font-medium tracking-widest dark:text-gray-100",o?"mb-[8px] uppercase sm:mb-[12px]":"mb-[6px] ml-[6px]"),children:[t,e&&a.jsx("sup",{className:"inline-block text-[13px] text-red-500 ltr:ml-[4px] rtl:mr-[4px]",children:"*"})]}),a.jsx("textarea",{ref:d,...c,className:V("block h-[96px] w-full px-[16px] py-[12px] text-sm placeholder-gray-400 transition-shadow duration-200 invalid:border-red-500 invalid:text-red-600 focus:border-gray-300 focus:outline-hidden focus:ring-1 focus:ring-gray-300 focus:invalid:border-red-500 focus:invalid:ring-red-500 disabled:border-gray-200 disabled:bg-muted/10 disabled:text-gray-500 disabled:cursor-not-allowed dark:border-gray-700 dark:text-gray-100 dark:focus:border-gray-600 dark:focus:ring-gray-600 sm:h-[112px] rounded-xl",_b[n],c.disabled?"bg-muted/10! cursor-not-allowed":"",s)})]}),r&&a.jsx(gn,{error:r,size:"md"}),!r&&l&&a.jsx(xn,{size:"md",children:l})]}));function _T({title:e,subTitle:t,icon:r,checked:n,onChange:i,children:s}){return a.jsxs("div",{className:"rounded-lg bg-white shadow-card dark:bg-light-dark",children:[a.jsxs("div",{className:"relative flex items-center justify-between gap-4 p-4",children:[a.jsxs("div",{className:"flex items-center ltr:mr-6 rtl:ml-6",children:[r&&a.jsx("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-gray-100 text-gray-900 ltr:mr-2 rtl:ml-2 dark:bg-gray-600 dark:text-gray-400",children:r}),a.jsxs("div",{children:[a.jsx("span",{className:"block text-sm font-medium uppercase tracking-wider text-gray-900 dark:text-white sm:text-sm",children:e}),t&&a.jsx("span",{className:"mt-1 hidden text-sm tracking-tighter text-gray-600 dark:text-gray-400 sm:block",children:t})]})]}),a.jsx("button",{type:"button",role:"switch","aria-checked":n,onClick:i,className:V(n?"bg-brand dark:bg-white":"bg-gray-200 dark:bg-gray-700","relative inline-flex h-[22px] w-10 items-center rounded-full transition-colors duration-300 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-brand/50"),children:a.jsx("span",{className:V(n?"bg-white ltr:translate-x-5 rtl:-translate-x-5 dark:bg-gray-700":"bg-white ltr:translate-x-0.5 rtl:-translate-x-0.5 dark:bg-gray-400","inline-block h-[18px] w-[18px] transform rounded-full bg-white transition-transform duration-200")})})]}),s&&a.jsx("div",{className:"px-4 pb-4",children:s})]})}const F2={img:"image/*",pdf:"application/pdf",csvAndExcel:"text/csv,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel",imgAndPdf:"image/*,application/pdf",all:"image/*,application/pdf,text/csv,application/gzip,application/xml,application/zip,application/msword,text/plain"};function FT({accept:e,children:t,label:r,containerProps:n,additionalInputProps:i,placeholderText:s,containerClassName:o,wrapperClassName:l,labelClassName:c,onChange:d,multiple:u,...f},p){const[h,m]=w.useState([]),g=P=>{const T=P.target.files;if(T&&T.length>0){const L=Array.from(T).filter(x);L.length>0&&m(u?D=>[...D,...L]:[L[0]])}d&&d(P)},x=P=>{if(!e||e==="all")return!0;const A=F2[e];return A?A.split(",").some(D=>{if(D.includes("*")){const z=D.split("/")[0];return P.type.startsWith(z+"/")}return P.type===D.trim()}):!0},y=P=>{if(P&&P.length>0){const T=P.filter(x);T.length>0&&m(u?A=>[...A,...T]:[T[0]])}},v=P=>{P.preventDefault(),P.stopPropagation();const T=Array.from(P.dataTransfer.files);T.length>0&&y(T),n?.onDrop&&n.onDrop(P)},b=P=>{P.preventDefault(),P.stopPropagation(),n?.onDragOver&&n.onDragOver(P)},j=P=>{P.preventDefault(),P.stopPropagation(),n?.onDragEnter&&n.onDragEnter(P)},C=P=>{P.preventDefault(),P.stopPropagation(),n?.onDragLeave&&n.onDragLeave(P)},N=h.filter(P=>P.type.includes("image")),k=P=>{const T=P.split(".");return T.length>1?T[T.length-1].toUpperCase():""},S=P=>{if(P.type.includes("pdf"))return"PDF";if(P.type.includes("csv"))return"CSV";if(P.type.includes("spreadsheetml")||P.type.includes("ms-excel"))return"XLSX";if(P.type.includes("zip")||P.type.includes("gzip"))return"ZIP";if(P.type.includes("xml"))return"XML";if(P.type.includes("msword")||P.type.includes("wordprocessingml"))return"DOC";if(P.type.includes("plain"))return"TXT";const T=k(P.name);return T==="XLSX"||T==="XLS"?T:T||"FILE"},E=P=>{const T=h[P];T&&T.type.includes("image")&&URL.revokeObjectURL(URL.createObjectURL(T));const A=h.filter((L,D)=>D!==P);m(A),p&&"current"in p&&p.current&&(p.current.value="")};return w.useEffect(()=>()=>{N.forEach(P=>{URL.revokeObjectURL(URL.createObjectURL(P))})},[N]),a.jsxs("div",{className:V("rounded-lg border border-solid border-gray-200 bg-white p-4 dark:border-gray-700 dark:bg-light-dark sm:p-6",l),children:[a.jsxs("div",{className:V("hover:bg-gray-100  dark:hover:bg-gray-900/50 border border-dashed dark:hover:border-brand hover:border-brand transition-all duration-300 relative border-gray-200 dark:border-gray-700 h-48 flex items-center justify-center rounded-lg",o),...n,onDrop:v,onDragOver:b,onDragEnter:j,onDragLeave:C,children:[a.jsx("input",{ref:p,title:"",type:"file",accept:e&&e!=="all"?F2[e]:void 0,className:"absolute top-0 z-10 h-full w-full opacity-0 disabled:cursor-not-allowed cursor-pointer",onChange:g,multiple:u,...f,...i}),a.jsxs("div",{className:"text-center",children:[a.jsx("p",{className:"mb-6 text-sm tracking-tighter text-gray-600 dark:text-gray-400",children:s||"PNG, GIF, WEBP, MP4 or MP3. Max 100mb."}),a.jsx(he,{disabled:f.disabled,className:V("hover:bg-primary-500",c),children:r||"CHOOSE FILE"})]})]}),t,h.length>0&&a.jsx("div",{className:"mt-7 flex flex-row flex-wrap gap-5",children:h.map((P,T)=>{const A=P.type.includes("image");return a.jsxs("div",{className:"relative flex items-center",children:[A?a.jsx("figure",{className:"relative mx-auto aspect-square w-20 overflow-hidden rounded-xl border border-gray-300 @2xl:w-32",children:a.jsx(Tr,{src:URL.createObjectURL(P),alt:P.name,priority:"auto",className:"(max-width: 768px) 100vw"})}):a.jsxs("div",{className:"relative mx-auto w-20 @2xl:w-32 flex flex-col items-center justify-center p-3 rounded-xl border border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-800",children:[a.jsx(cb,{className:"w-8 h-8 text-gray-600 dark:text-gray-400 mb-2"}),a.jsx("span",{className:"text-xs font-semibold text-gray-700 dark:text-gray-300 text-center",children:S(P)}),a.jsx("span",{className:"text-[10px] text-gray-500 dark:text-gray-500 text-center mt-1 truncate w-full",children:P.name.length>15?`${P.name.substring(0,15)}...`:P.name})]}),a.jsx("div",{className:"absolute top-2 right-2 w-4 h-4 rounded-full flex items-center justify-center bg-brand text-white",children:a.jsx(Fn,{onClick:()=>E(T),onTouchStart:()=>E(T),className:"h-2 w-2 cursor-pointer transition duration-75"})})]},`${P.name}-${T}`)})})]})}const Fb=w.forwardRef(FT);Fb.displayName="FileInput";const au={name:"",email:"",password:"",message:"",acceptTerms:!1,age:0,gender:"",isDeveloper:!1,country:"ar"},Fp={name:{required:"This is a required field.",minLength:{value:2,message:"The name must be at least 2 characters long."}},email:{required:"This is a required field.",pattern:{value:/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,message:"Invalid email address."}},password:{required:"This is a required field.",minLength:{value:8,message:"The password must be at least 8 characters long."}},message:{required:"This is a required field.",minLength:{value:10,message:"The message must be at least 10 characters long."}},acceptTerms:{required:"This is a required field."},country:{required:"This is a required field."},age:{required:"This is a required field.",min:{value:18,message:"You must be at least 18 years old."}},gender:{required:"This is a required field."},isDeveloper:{required:"This is a required field."}},Bp=()=>{const{formState:{errors:e,isDirty:t,isValid:r,isSubmitting:n},reset:i,trigger:s,setValue:o,getValues:l,watch:c}=ni(),d=c("name"),u=c("email"),f=c("password"),p=c("country"),h=c("message"),m=c("acceptTerms"),g=c("isDeveloper"),x=c("gender"),y=c("age"),v=()=>{i(au)},b=async()=>{const N=await s();console.log("Validation result:",N)},j=()=>{o("name","Juan Pérez",{shouldValidate:!0}),o("email","juan@example.com",{shouldValidate:!0}),o("password","12345678",{shouldValidate:!0}),o("country","mx",{shouldValidate:!0}),o("message","Hello, world!",{shouldValidate:!0}),o("acceptTerms",!0,{shouldValidate:!0}),o("isDeveloper",!0,{shouldValidate:!0}),o("gender","male",{shouldValidate:!0}),o("age",25,{shouldValidate:!0})},C=()=>{const N=l();console.log("Current form values:",N),alert(JSON.stringify(N,null,2))};return a.jsxs("div",{className:"mt-[32px] border border-gray-200 bg-white dark:bg-gray-800 dark:border-gray-700 rounded-lg p-[16px]",children:[a.jsx("h3",{className:"text-lg font-medium text-gray-900 dark:text-gray-100 mb-[16px]",children:"Form Methods Example"}),a.jsxs("div",{className:"mb-[16px] p-[12px] bg-light-dark  rounded-md",children:[a.jsx("p",{className:" font-semibold mb-[8px]",children:"Current values: (observed in real time)"}),a.jsxs("p",{className:"font-mono text-sm",children:["Name: ",d||"(empty)"]}),a.jsxs("p",{className:"font-mono text-sm",children:["Email: ",u||"(empty)"]}),a.jsxs("p",{className:"font-mono text-sm",children:["Password: ",f||"(empty)"]}),a.jsxs("p",{className:"font-mono text-sm",children:["Country: ",p||"(empty)"]}),a.jsxs("p",{className:"font-mono text-sm",children:["Message: ",h||"(empty)"]}),a.jsxs("p",{className:"font-mono text-sm",children:["Accept terms: ",`${m?"Yes":"No"}`||"(empty)"]}),a.jsxs("p",{className:"font-mono text-sm",children:["Is developer: ",`${g?"Yes":"No"}`||"(empty)"]}),a.jsxs("p",{className:"font-mono text-sm",children:["Gender: ",x||"(empty)"]}),a.jsxs("p",{className:"font-mono text-sm",children:["Age: ",y||"(empty)"]})]}),a.jsxs("div",{className:"mb-[16px] grid grid-cols-2 gap-[8px]",children:[a.jsxs("div",{className:"p-[8px] border border-gray-200 dark:border-gray-700 rounded-md",children:[a.jsx("p",{className:"text-sm font-medium mb-[4px]",children:"isDirty:"}),a.jsx("span",{className:`text-sm ${t?"text-green-500":"text-gray-500"}`,children:t?"Yes":"No"})]}),a.jsxs("div",{className:"p-[8px] border border-gray-200 dark:border-gray-700 rounded-md",children:[a.jsx("p",{className:"text-sm font-medium mb-[4px]",children:"isValid:"}),a.jsx("span",{className:`text-sm ${r?"text-green-500":"text-red-500"}`,children:r?"Yes":"No"})]}),a.jsxs("div",{className:"p-[8px] border border-gray-200 dark:border-gray-700 rounded-md",children:[a.jsx("p",{className:"text-sm font-medium mb-[4px]",children:"isSubmitting:"}),a.jsx("span",{className:`text-sm ${n?"text-blue-500":"text-gray-500"}`,children:n?"Yes":"No"})]}),a.jsxs("div",{className:"p-[8px] border border-gray-200 dark:border-gray-700 rounded-md",children:[a.jsx("p",{className:"text-sm font-medium mb-[4px]",children:"Errors:"}),a.jsx("span",{className:`text-sm ${Object.keys(e).length>0?"text-red-500":"text-green-500"}`,children:Object.keys(e).length>0?`${Object.keys(e).length} errors`:"No errors"})]})]}),a.jsxs("div",{className:"grid grid-cols-2 gap-[8px]",children:[a.jsx(he,{type:"button",color:"gray",fullWidth:!0,onClick:v,children:"Reset"}),a.jsx(he,{type:"button",color:"warning",fullWidth:!0,onClick:b,children:"Validate"}),a.jsx(he,{type:"button",color:"info",fullWidth:!0,onClick:j,children:"Fill data"}),a.jsx(he,{type:"button",color:"success",fullWidth:!0,onClick:C,children:"Get values"})]})]})},BT={xl:["h-24 w-24 sm:h-28 sm:w-28 md:h-32 md:w-32 min-[1780px]:h-40 min-[1780px]:w-40 shadow-large"],lg:["h-20 w-20 lg:h-24 lg:w-24"],md:["h-10 w-10 drop-shadow-main"],sm:["h-8 w-8 shadow-card"],xs:["h-6 w-6"]},qT={xl:["border-brand border-[5px] min-[1780px]:border-8"],lg:["border-brand border-4"],md:["border-brand border-3"],sm:["border-brand border-2"],xs:["border-brand border-1"]},$T={rounded:["h-16 w-16 rounded-lg bg-white/20 backdrop-blur-2xl"],circle:["rounded-full"]};function ss({image:e,alt:t,className:r,size:n="md",shape:i="circle",border:s=!0}){return a.jsxs("figure",{className:V("relative shrink-0 overflow-hidden",r,$T[i],BT[n],s&&qT[n]),children:[i==="circle"&&(n==="xs"||n==="sm"?a.jsx(Tr,{src:e,alt:t,width:"100%",height:"100%",priority:"auto",className:"rounded-full"}):a.jsx(Tr,{src:e,alt:t,width:"100%",height:"100%",priority:"auto",placeholder:"blur",className:"rounded-full"})),i==="rounded"&&a.jsx(Tr,{src:e,alt:t,className:"",width:"100%",height:"100%",priority:"auto"})]})}function HT({image:e,name:t,authorRole:r}){const n=()=>{window.open("https://www.estebanburgos.com.ar/","_blank","noreferrer")};return a.jsxs("div",{className:`flex items-center rounded-lg cursor-pointer  ${t?"bg-gray-100  p-5  dark:bg-light-dark":"ml-3 justify-center bg-none p-5 dark:mr-3 dark:bg-none"}`,onClick:n,onTouchStart:n,children:[a.jsx(ss,{image:e,alt:t||"",className:"dark:border-gray-400"}),a.jsxs("div",{className:"ltr:pl-3 rtl:pr-3",children:[a.jsx("h3",{className:"text-sm font-medium uppercase tracking-wide text-gray-900 dark:text-white",children:t}),r&&a.jsx("span",{className:"mt-1 block text-sm text-gray-600 dark:text-gray-400",children:r})]})]})}function UT({title:e,description:t,icon:r,header:n,footer:i,actions:s,children:o,className:l,onClick:c}){return a.jsxs("div",{className:V("rounded-xl border border-gray-200/50 dark:border-gray-700/50 bg-light-dark",c&&"cursor-pointer hover:border-brand/30 dark:hover:border-brand/30 transition-colors",l),onClick:c,children:[(n||e||s)&&a.jsxs("div",{className:"flex items-start justify-between gap-3 p-4 pb-0",children:[n||a.jsxs("div",{className:"flex items-center gap-3",children:[r&&a.jsx("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-brand/10 text-brand",children:r}),a.jsxs("div",{children:[e&&a.jsx("h3",{className:"text-sm font-semibold text-gray-900 dark:text-gray-100",children:e}),t&&a.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:t})]})]}),s&&a.jsx("div",{className:"shrink-0",children:s})]}),o&&a.jsx("div",{className:"p-4",children:o}),i&&a.jsx("div",{className:"border-t border-gray-200/50 dark:border-gray-700/50 px-4 py-3",children:i})]})}const K=({className:e,children:t})=>a.jsx("div",{className:V("flex flex-col flex-wrap justify-start align-middle w-full h-full rounded-lg border border-gray-200/50 dark:border-gray-700/50 shadow-card bg-light-dark p-[16px] sm:p-[24px] 2xl:p-[32px]",e),children:t}),ee=({border:e=!0,title:t,children:r,className:n})=>a.jsxs("div",{className:V("w-full relative rounded-lg flex flex-col justify-start sm:p-6 p-2 sm:pt-[32px] pt-[24px]",e&&"border border-gray-200 dark:border-gray-700",n),children:[t&&a.jsx("h3",{className:"absolute -top-4 left-4 m-0 bg-light-dark  font-bold sm:text-2xl text-lg dark:text-white text-current px-2 rounded-lg",children:t}),r]}),WT={rounded:"rounded-md",pill:"rounded-full",circle:"rounded-full"},GT={tiny:["text-xs px-1.5 py-0.5 h-4","w-2 h-2"],small:["text-xs px-2 py-1 h-5","w-2.5 h-2.5"],medium:["text-sm px-2.5 py-1 h-6","w-3 h-3"],large:["text-base px-3 py-1.5 h-7","w-3.5 h-3.5"]},KT={primary:["text-brand","bg-brand","border-brand"],success:["text-green-500","bg-green-500","border-green-500"],info:["text-blue-500","bg-blue-500","border-blue-500"],warning:["text-yellow-500","bg-yellow-500","border-yellow-500"],danger:["text-red-500","bg-red-500","border-red-500"],gray:["text-gray-500","bg-gray-500","border-gray-500"],white:["text-gray-900","bg-white","border-white"],"light-dark":["text-light-dark dark:text-gray-200","border-light-dark dark:border-gray-700"]},ZT={active:"success",inactive:"danger",pending:"warning",default:"gray"},it=({children:e,className:t,status:r,color:n,size:i="small",variant:s="solid",shape:o="pill",withDot:l=!1,...c})=>{const d=r?ZT[r]:n||"gray",u=KT[d],f=GT[i];let p="";switch(s){case"solid":p=`${u[1]} text-white`;break;case"ghost":p=`bg-transparent border-2 ${u[0]} ${u[2]}`;break;case"outline":p=`bg-transparent border ${u[0]} ${u[2]}`;break;case"soft":p=`${u[1]}/10 ${u[0]} border ${u[2]}/20`;break}const h=l&&!e?f[1]:"";return a.jsxs("span",{className:V("inline-flex items-center justify-center font-medium transition-all duration-200",WT[o],l&&!e?h:f[0],p,t),...c,children:[l&&e&&a.jsx("span",{className:V("rounded-full mr-1.5",f[1],s==="solid"?"bg-white/80":u[1])}),e]})};var Sl={},B2=function(e,t){return B2=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,n){r.__proto__=n}||function(r,n){for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(r[i]=n[i])},B2(e,t)};function Bb(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");B2(e,t);function r(){this.constructor=e}e.prototype=t===null?Object.create(t):(r.prototype=t.prototype,new r)}var Nc=function(){return Nc=Object.assign||function(t){for(var r,n=1,i=arguments.length;n<i;n++){r=arguments[n];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(t[s]=r[s])}return t},Nc.apply(this,arguments)};function qb(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(r[n[i]]=e[n[i]]);return r}function $b(e,t,r,n){var i=arguments.length,s=i<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,r):n,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,t,r,n);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(s=(i<3?o(s):i>3?o(t,r,s):o(t,r))||s);return i>3&&s&&Object.defineProperty(t,r,s),s}function Hb(e,t){return function(r,n){t(r,n,e)}}function Ub(e,t,r,n,i,s){function o(y){if(y!==void 0&&typeof y!="function")throw new TypeError("Function expected");return y}for(var l=n.kind,c=l==="getter"?"get":l==="setter"?"set":"value",d=!t&&e?n.static?e:e.prototype:null,u=t||(d?Object.getOwnPropertyDescriptor(d,n.name):{}),f,p=!1,h=r.length-1;h>=0;h--){var m={};for(var g in n)m[g]=g==="access"?{}:n[g];for(var g in n.access)m.access[g]=n.access[g];m.addInitializer=function(y){if(p)throw new TypeError("Cannot add initializers after decoration has completed");s.push(o(y||null))};var x=(0,r[h])(l==="accessor"?{get:u.get,set:u.set}:u[c],m);if(l==="accessor"){if(x===void 0)continue;if(x===null||typeof x!="object")throw new TypeError("Object expected");(f=o(x.get))&&(u.get=f),(f=o(x.set))&&(u.set=f),(f=o(x.init))&&i.unshift(f)}else(f=o(x))&&(l==="field"?i.unshift(f):u[c]=f)}d&&Object.defineProperty(d,n.name,u),p=!0}function Wb(e,t,r){for(var n=arguments.length>2,i=0;i<t.length;i++)r=n?t[i].call(e,r):t[i].call(e);return n?r:void 0}function Gb(e){return typeof e=="symbol"?e:"".concat(e)}function Kb(e,t,r){return typeof t=="symbol"&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function Zb(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)}function Yb(e,t,r,n){function i(s){return s instanceof r?s:new r(function(o){o(s)})}return new(r||(r=Promise))(function(s,o){function l(u){try{d(n.next(u))}catch(f){o(f)}}function c(u){try{d(n.throw(u))}catch(f){o(f)}}function d(u){u.done?s(u.value):i(u.value).then(l,c)}d((n=n.apply(e,t||[])).next())})}function Xb(e,t){var r={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,i,s,o=Object.create((typeof Iterator=="function"?Iterator:Object).prototype);return o.next=l(0),o.throw=l(1),o.return=l(2),typeof Symbol=="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(d){return function(u){return c([d,u])}}function c(d){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,d[0]&&(r=0)),r;)try{if(n=1,i&&(s=d[0]&2?i.return:d[0]?i.throw||((s=i.return)&&s.call(i),0):i.next)&&!(s=s.call(i,d[1])).done)return s;switch(i=0,s&&(d=[d[0]&2,s.value]),d[0]){case 0:case 1:s=d;break;case 4:return r.label++,{value:d[1],done:!1};case 5:r.label++,i=d[1],d=[0];continue;case 7:d=r.ops.pop(),r.trys.pop();continue;default:if(s=r.trys,!(s=s.length>0&&s[s.length-1])&&(d[0]===6||d[0]===2)){r=0;continue}if(d[0]===3&&(!s||d[1]>s[0]&&d[1]<s[3])){r.label=d[1];break}if(d[0]===6&&r.label<s[1]){r.label=s[1],s=d;break}if(s&&r.label<s[2]){r.label=s[2],r.ops.push(d);break}s[2]&&r.ops.pop(),r.trys.pop();continue}d=t.call(e,r)}catch(u){d=[6,u],i=0}finally{n=s=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:!0}}}var iu=Object.create?(function(e,t,r,n){n===void 0&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);(!i||("get"in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,i)}):(function(e,t,r,n){n===void 0&&(n=r),e[n]=t[r]});function Jb(e,t){for(var r in e)r!=="default"&&!Object.prototype.hasOwnProperty.call(t,r)&&iu(t,e,r)}function kc(e){var t=typeof Symbol=="function"&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&typeof e.length=="number")return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function qp(e,t){var r=typeof Symbol=="function"&&e[Symbol.iterator];if(!r)return e;var n=r.call(e),i,s=[],o;try{for(;(t===void 0||t-- >0)&&!(i=n.next()).done;)s.push(i.value)}catch(l){o={error:l}}finally{try{i&&!i.done&&(r=n.return)&&r.call(n)}finally{if(o)throw o.error}}return s}function Qb(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(qp(arguments[t]));return e}function e7(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;for(var n=Array(e),i=0,t=0;t<r;t++)for(var s=arguments[t],o=0,l=s.length;o<l;o++,i++)n[i]=s[o];return n}function t7(e,t,r){if(r||arguments.length===2)for(var n=0,i=t.length,s;n<i;n++)(s||!(n in t))&&(s||(s=Array.prototype.slice.call(t,0,n)),s[n]=t[n]);return e.concat(s||Array.prototype.slice.call(t))}function Ui(e){return this instanceof Ui?(this.v=e,this):new Ui(e)}function r7(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n=r.apply(e,t||[]),i,s=[];return i=Object.create((typeof AsyncIterator=="function"?AsyncIterator:Object).prototype),l("next"),l("throw"),l("return",o),i[Symbol.asyncIterator]=function(){return this},i;function o(h){return function(m){return Promise.resolve(m).then(h,f)}}function l(h,m){n[h]&&(i[h]=function(g){return new Promise(function(x,y){s.push([h,g,x,y])>1||c(h,g)})},m&&(i[h]=m(i[h])))}function c(h,m){try{d(n[h](m))}catch(g){p(s[0][3],g)}}function d(h){h.value instanceof Ui?Promise.resolve(h.value.v).then(u,f):p(s[0][2],h)}function u(h){c("next",h)}function f(h){c("throw",h)}function p(h,m){h(m),s.shift(),s.length&&c(s[0][0],s[0][1])}}function n7(e){var t,r;return t={},n("next"),n("throw",function(i){throw i}),n("return"),t[Symbol.iterator]=function(){return this},t;function n(i,s){t[i]=e[i]?function(o){return(r=!r)?{value:Ui(e[i](o)),done:!1}:s?s(o):o}:s}}function a7(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t=e[Symbol.asyncIterator],r;return t?t.call(e):(e=typeof kc=="function"?kc(e):e[Symbol.iterator](),r={},n("next"),n("throw"),n("return"),r[Symbol.asyncIterator]=function(){return this},r);function n(s){r[s]=e[s]&&function(o){return new Promise(function(l,c){o=e[s](o),i(l,c,o.done,o.value)})}}function i(s,o,l,c){Promise.resolve(c).then(function(d){s({value:d,done:l})},o)}}function i7(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var YT=Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t},q2=function(e){return q2=Object.getOwnPropertyNames||function(t){var r=[];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[r.length]=n);return r},q2(e)};function s7(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r=q2(e),n=0;n<r.length;n++)r[n]!=="default"&&iu(t,e,r[n]);return YT(t,e),t}function o7(e){return e&&e.__esModule?e:{default:e}}function l7(e,t,r,n){if(r==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?n:r==="a"?n.call(e):n?n.value:t.get(e)}function c7(e,t,r,n,i){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?i.call(e,r):i?i.value=r:t.set(e,r),r}function d7(e,t){if(t===null||typeof t!="object"&&typeof t!="function")throw new TypeError("Cannot use 'in' operator on non-object");return typeof e=="function"?t===e:e.has(t)}function u7(e,t,r){if(t!=null){if(typeof t!="object"&&typeof t!="function")throw new TypeError("Object expected.");var n,i;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");n=t[Symbol.asyncDispose]}if(n===void 0){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");n=t[Symbol.dispose],r&&(i=n)}if(typeof n!="function")throw new TypeError("Object not disposable.");i&&(n=function(){try{i.call(this)}catch(s){return Promise.reject(s)}}),e.stack.push({value:t,dispose:n,async:r})}else r&&e.stack.push({async:!0});return t}var XT=typeof SuppressedError=="function"?SuppressedError:function(e,t,r){var n=new Error(r);return n.name="SuppressedError",n.error=e,n.suppressed=t,n};function f7(e){function t(s){e.error=e.hasError?new XT(s,e.error,"An error was suppressed during disposal."):s,e.hasError=!0}var r,n=0;function i(){for(;r=e.stack.pop();)try{if(!r.async&&n===1)return n=0,e.stack.push(r),Promise.resolve().then(i);if(r.dispose){var s=r.dispose.call(r.value);if(r.async)return n|=2,Promise.resolve(s).then(i,function(o){return t(o),i()})}else n|=1}catch(o){t(o)}if(n===1)return e.hasError?Promise.reject(e.error):Promise.resolve();if(e.hasError)throw e.error}return i()}function p7(e,t){return typeof e=="string"&&/^\.\.?\//.test(e)?e.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+?)?)\.([cm]?)ts$/i,function(r,n,i,s,o){return n?t?".jsx":".js":i&&(!s||!o)?r:i+s+"."+o.toLowerCase()+"js"}):e}const JT={__extends:Bb,__assign:Nc,__rest:qb,__decorate:$b,__param:Hb,__esDecorate:Ub,__runInitializers:Wb,__propKey:Gb,__setFunctionName:Kb,__metadata:Zb,__awaiter:Yb,__generator:Xb,__createBinding:iu,__exportStar:Jb,__values:kc,__read:qp,__spread:Qb,__spreadArrays:e7,__spreadArray:t7,__await:Ui,__asyncGenerator:r7,__asyncDelegator:n7,__asyncValues:a7,__makeTemplateObject:i7,__importStar:s7,__importDefault:o7,__classPrivateFieldGet:l7,__classPrivateFieldSet:c7,__classPrivateFieldIn:d7,__addDisposableResource:u7,__disposeResources:f7,__rewriteRelativeImportExtension:p7},QT=Object.freeze(Object.defineProperty({__proto__:null,__addDisposableResource:u7,get __assign(){return Nc},__asyncDelegator:n7,__asyncGenerator:r7,__asyncValues:a7,__await:Ui,__awaiter:Yb,__classPrivateFieldGet:l7,__classPrivateFieldIn:d7,__classPrivateFieldSet:c7,__createBinding:iu,__decorate:$b,__disposeResources:f7,__esDecorate:Ub,__exportStar:Jb,__extends:Bb,__generator:Xb,__importDefault:o7,__importStar:s7,__makeTemplateObject:i7,__metadata:Zb,__param:Hb,__propKey:Gb,__read:qp,__rest:qb,__rewriteRelativeImportExtension:p7,__runInitializers:Wb,__setFunctionName:Kb,__spread:Qb,__spreadArray:t7,__spreadArrays:e7,__values:kc,default:JT},Symbol.toStringTag,{value:"Module"})),m7=MM(QT);var El={},jg;function eO(){if(jg)return El;jg=1,Object.defineProperty(El,"__esModule",{value:!0});var e=w,t=tu(),r=t.isBrowser?e.useLayoutEffect:e.useEffect;return El.default=r,El}var Cg;function tO(){if(Cg)return Sl;Cg=1,Object.defineProperty(Sl,"__esModule",{value:!0});var e=m7,t=w,r=e.__importDefault(eO()),n=tu(),i={x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0};function s(){var o=t.useState(null),l=o[0],c=o[1],d=t.useState(i),u=d[0],f=d[1],p=t.useMemo(function(){return new window.ResizeObserver(function(h){if(h[0]){var m=h[0].contentRect,g=m.x,x=m.y,y=m.width,v=m.height,b=m.top,j=m.left,C=m.bottom,N=m.right;f({x:g,y:x,width:y,height:v,top:b,left:j,bottom:C,right:N})}})},[]);return r.default(function(){if(l)return p.observe(l),function(){p.disconnect()}},[l]),[c,u]}return Sl.default=n.isBrowser&&typeof window.ResizeObserver<"u"?s:(function(){return[n.noop,i]}),Sl}var rO=tO();const su=Wt(rO);function nO({label:e,children:t,initialOpen:r=!1,className:n}){const[i,s]=w.useState(!1),[o,{height:l}]=su();return w.useEffect(()=>{r&&s(!0)},[r]),a.jsxs("div",{className:`ease-[cubic-bezier(0.33, 1, 0.68, 1)] relative mb-5 overflow-hidden rounded-lg bg-white shadow-card transition-all duration-350 last:mb-0 hover:shadow-transaction dark:bg-light-dark ${n} ${i?"shadow-transaction":"shadow-card"}`,style:{height:i?54+l:54},children:[a.jsxs("button",{className:"flex h-13 w-full items-center justify-between px-5 py-2 text-sm font-medium uppercase tracking-wider text-gray-900 dark:text-white",onClick:()=>s(!i),children:[e,a.jsx("span",{className:`shrink-0 transition-transform duration-200 ltr:ml-4 rtl:mr-4 ${i?"rotate-45":""}`,children:a.jsx(yb,{className:""})})]}),a.jsx("div",{className:`border-t border-dashed ${i?"border-gray-200 dark:border-gray-700":"border-transparent"}`,ref:o,children:t})]})}function aO({label:e,value:t,mono:r,accent:n,className:i}){return a.jsxs("div",{className:V("flex items-center justify-between py-1.5",i),children:[a.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400",children:e}),a.jsx("span",{className:V("text-xs font-medium",r&&"font-mono tabular-nums",n?"text-brand":"text-gray-900 dark:text-gray-100"),children:t})]})}function iO({currentPage:e,totalPages:t,onPageChange:r,windowSize:n=2,className:i}){if(t<=1)return null;const s=[];s.push(1);const o=Math.max(2,e-n),l=Math.min(t-1,e+n);o>2&&s.push("ellipsis");for(let c=o;c<=l;c++)s.push(c);return l<t-1&&s.push("ellipsis"),t>1&&s.push(t),a.jsxs("div",{className:V("flex items-center gap-1",i),children:[a.jsx("button",{type:"button",onClick:()=>r(e-1),disabled:e<=1,className:"rounded-lg p-1.5 text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-gray-100 transition-colors disabled:opacity-30 disabled:cursor-not-allowed",children:a.jsx(B.ChevronLeft,{className:"h-4 w-4"})}),s.map((c,d)=>c==="ellipsis"?a.jsx("span",{className:"px-1 text-gray-500 dark:text-gray-400",children:"..."},`ellipsis-${d}`):a.jsx("button",{type:"button",onClick:()=>r(c),className:V("h-8 min-w-8 rounded-lg px-2 text-sm font-medium transition-colors",c===e?"bg-brand text-white":"text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-gray-100"),children:c},c)),a.jsx("button",{type:"button",onClick:()=>r(e+1),disabled:e>=t,className:"rounded-lg p-1.5 text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-gray-100 transition-colors disabled:opacity-30 disabled:cursor-not-allowed",children:a.jsx(B.ChevronRight,{className:"h-4 w-4"})})]})}function sO({options:e,style:t,className:r,autoHide:n="scroll",children:i,...s}){const o=e?.scrollbars?.autoHide||n;return a.jsx(ca,{style:t,className:r,autoHide:o,direction:"vertical",...s,children:i})}const oO={rectangle:"rounded-none",circle:"rounded-full",text:"rounded-sm h-4",rounded:"rounded-md"},lO={tiny:"h-4",small:"h-8",medium:"h-16",large:"h-32",full:"h-full"},cO={pulse:"animate-pulse",wave:"skeleton-wave",shimmer:"skeleton-shimmer",none:""};function lr({animation:e="shimmer",shape:t="rounded",size:r="medium",width:n,height:i,count:s=1,className:o,...l}){const c=V("bg-gray-200 dark:bg-gray-800 w-full relative overflow-hidden",oO[t],!i&&lO[r],cO[e],o),d={...n&&{width:n},...i&&{height:i}},u=e==="shimmer"&&a.jsx("div",{className:"absolute inset-0 -translate-x-full",style:{background:"linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%)",animation:"shimmer 2s ease-in-out infinite"}}),f=e==="wave"&&a.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 100%)",backgroundSize:"200% 100%",animation:"wave 2s ease-in-out infinite"}});return s>1?a.jsx("div",{className:"space-y-2",children:Array.from({length:s}).map((p,h)=>a.jsxs("div",{className:c,style:d,...l,children:[u,f]},h))}):a.jsxs("div",{className:c,style:d,...l,children:[u,f]})}function dO({steps:e,currentStep:t,onStepChange:r,className:n}){return a.jsx("div",{className:V("flex items-center gap-2",n),children:e.map((i,s)=>{const o=s===t,l=s<t;return a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsxs("button",{type:"button",onClick:()=>r?.(s),disabled:!r,className:V("flex items-center gap-2 rounded-lg px-3 py-1.5 text-sm font-medium transition-colors",o&&"bg-brand/10 text-brand",l&&"text-green-500",!o&&!l&&"text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100",!r&&"cursor-default"),children:[a.jsx("span",{className:V("flex h-6 w-6 items-center justify-center rounded-full text-xs font-bold",o&&"bg-brand text-white",l&&"bg-green-500 text-white",!o&&!l&&"bg-gray-200 dark:bg-gray-700 text-gray-500 dark:text-gray-400"),children:i.icon||s+1}),a.jsx("span",{className:"hidden sm:inline",children:i.label})]}),s<e.length-1&&a.jsx("div",{className:V("h-px w-6",l?"bg-green-500":"bg-gray-200 dark:bg-gray-700")})]},i.id)})})}const uO={1:"lg:grid-cols-1",2:"lg:grid-cols-2",3:"lg:grid-cols-3",4:"lg:grid-cols-4",5:"lg:grid-cols-5",6:"lg:grid-cols-6"};function fO({title:e,subtitle:t,icon:r,headerRight:n,columns:i,gridCols:s,children:o,footerTags:l,footerLabel:c,footer:d,className:u}){const f=s??i?.length??4;return a.jsxs("div",{className:V("rounded-xl border border-gray-200/50 dark:border-gray-700/50 bg-light-dark overflow-hidden flex flex-col",u),children:[(e||r||n)&&a.jsxs("div",{className:"flex items-center gap-3 px-5 py-3.5 border-b border-gray-200/50 dark:border-gray-700/50 bg-brand/10",children:[r&&a.jsx("div",{className:"flex h-7 w-7 items-center justify-center rounded-lg bg-brand/10 border border-brand/20",children:r}),(e||t)&&a.jsxs("div",{className:"flex flex-col",children:[e&&a.jsx("span",{className:"text-xs font-bold uppercase tracking-wide text-gray-800 dark:text-gray-200",children:e}),t&&a.jsx("span",{className:"text-[10px] text-gray-500 dark:text-gray-500 leading-tight",children:t})]}),n&&a.jsx("div",{className:"ml-auto",children:n})]}),i&&i.length>0&&a.jsx("div",{className:V("grid sm:grid-cols-2 divide-y sm:divide-y-0 sm:divide-x divide-gray-200/30 dark:divide-gray-700/30",uO[f]),children:i.map(p=>a.jsxs("div",{className:"p-4 flex flex-col gap-3",children:[a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx("div",{className:V("h-4 w-0.5 rounded-full opacity-70",p.accent??"bg-brand")}),p.icon&&a.jsx("span",{className:V("h-3 w-3",p.accentText??"text-brand"),children:p.icon}),a.jsx("span",{className:V("text-[10px] font-bold uppercase tracking-wider",p.accentText??"text-brand"),children:p.label})]}),a.jsx("div",{className:"space-y-2.5",children:p.items.map((h,m)=>a.jsxs("div",{className:"flex items-start justify-between gap-3",children:[a.jsx("span",{className:"text-[11px] text-gray-500 dark:text-gray-500 shrink-0 leading-tight",children:h.label}),a.jsx("span",{className:V("text-[11px] font-semibold text-right font-mono leading-tight",h.color??"text-gray-900 dark:text-gray-100"),children:h.value})]},`${h.label}-${m}`))})]},p.key))}),o&&a.jsx("div",{className:"px-5 py-4",children:o}),a.jsx("div",{className:"mt-auto",children:d||l&&l.length>0&&a.jsxs("div",{className:"px-5 py-3 border-t border-gray-200/40 dark:border-gray-700/40 bg-gray-100 dark:bg-gray-800/20 flex flex-wrap gap-2 items-center",children:[c&&a.jsx("span",{className:"text-[10px] uppercase tracking-wide text-gray-500 dark:text-gray-400 font-bold mr-1",children:c}),l.map((p,h)=>{const m=a.jsxs("span",{className:V("flex items-center gap-1 rounded-full px-2.5 py-0.5 text-[10px]",p.className??"bg-gray-100 dark:bg-gray-800 border border-gray-200/50 dark:border-gray-700/50 text-gray-600 dark:text-gray-400"),children:[p.icon,p.label]},h);return p.tooltip?a.jsx(Vo,{content:p.tooltip,placement:"top",children:m},h):m})]})})]})}const pO=({title:e,children:t,actions:r,className:n})=>a.jsxs("div",{className:`w-full max-w-md border border-gray-200 dark:border-gray-700 rounded-lg shadow-md overflow-hidden ${n}`,children:[a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800",children:a.jsx("h3",{className:"text-lg font-medium",children:e})}),a.jsx(ca,{className:"h-[250px]",autoHide:"leave",direction:"vertical",scrollbarStyle:{track:{backgroundColor:"transparent"},thumb:{borderRadius:"8px",width:"6px"}},children:a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800",children:t})}),r&&a.jsx("div",{className:"flex gap-2 h-auto justify-end items-center flex-wrap p-4 bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700",children:r?.map(i=>a.jsx(he,{variant:i.variant||"solid",size:i.size||"small",color:i.color||"primary",onClick:i.onClick,children:i.label},i.label))})]}),mO=({title:e,children:t,className:r})=>a.jsxs("div",{className:`border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden ${r}`,children:[a.jsx("div",{className:"p-3 bg-gray-50 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700",children:a.jsx("h3",{className:"font-medium",children:e})}),a.jsx(ca,{className:"h-[300px]",autoHide:"leave",direction:"vertical",scrollbarStyle:{track:{backgroundColor:"transparent"},thumb:{borderRadius:"8px",width:"6px"}},children:a.jsx("div",{className:"p-3",children:t})})]}),hO=[{name:"Argentina",value:"ar"},{name:"Brasil",value:"br"},{name:"Chile",value:"cl"},{name:"Colombia",value:"co"},{name:"México",value:"mx"}],gO=[{value:"male",label:"Male"},{value:"female",label:"Female"},{value:"other",label:"Other"}],xO=()=>a.jsxs("div",{className:"p-[16px] dark:bg-blue-900/20 border border-blue-100 dark:border-blue-800 rounded-lg",children:[a.jsx("h3",{className:"text-lg font-medium text-blue-800 dark:text-blue-300 mb-[8px]",children:"Form with Centralized Validation"}),a.jsx("p",{className:"text-sm text-blue-700 dark:text-blue-400",children:"This example demonstrates a form with validation rules defined centrally in a separate file. The validation rules are passed to the Form component via the validationSchema prop, eliminating the need to define rules on each FormField component."})]}),h7=()=>{const e=t=>{console.log("Form values:",t),alert("Form submitted successfully!")};return a.jsxs("div",{className:"w-full space-y-[24px]",children:[a.jsx(xO,{}),a.jsxs(K,{className:"w-full mx-auto p-[24px]  rounded-lg shadow",children:[a.jsx("h2",{className:"text-2xl font-bold mb-[24px] text-center",children:"Form Example"}),a.jsxs(ai,{onSubmit:e,validationSchema:Fp,useFormProps:{defaultValues:au,mode:"onChange"},className:"w-full",children:[a.jsxs("div",{className:"space-y-[16px]",children:[a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-[16px]",children:[a.jsx(qe,{name:"name",label:"Name",children:a.jsx(ut,{placeholder:"Ingresa tu nombre"})}),a.jsx(qe,{name:"email",label:"Email",children:a.jsx(ut,{type:"email",placeholder:"ejemplo@correo.com"})})]}),a.jsx(qe,{name:"password",label:"Password",children:a.jsx(ut,{type:"password",label:"Password",placeholder:"Enter your password"})}),a.jsx(qe,{name:"message",label:"Message",helperText:"Write a detailed message",showHelper:!0,children:a.jsx(_p,{label:"Message",placeholder:"Write your message here",rows:4})}),a.jsx(qe,{name:"country",label:"Country",children:a.jsx(ii,{label:"Country",options:hO})}),a.jsx(qe,{name:"age",label:"Age",children:a.jsx(ut,{type:"number",placeholder:"Enter your age"})}),a.jsx(qe,{name:"gender",label:"Gender",children:a.jsx(Vp,{label:"Gender",options:gO})}),a.jsx(qe,{name:"isDeveloper",label:"Are you a developer?",children:a.jsx(_o,{label:"Are you a developer?",value:"yes"})}),a.jsx(qe,{name:"acceptTerms",hideError:!0,children:a.jsx(si,{label:"I accept the terms and conditions (with hideError prop)"})}),a.jsx("div",{className:"flex justify-end",children:a.jsx(he,{type:"submit",children:"Submit"})})]}),a.jsx(Ip,{}),a.jsx(Bp,{})]})]})]})};function yO({title:e,description:t,buttonText:r,onSubmit:n,isLoading:i=!1,error:s,className:o,successMessage:l,children:c}){function d(u){n&&n(u)}return a.jsx("div",{className:V("w-full max-w-md mx-auto",o),children:a.jsxs("div",{className:"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg",children:[a.jsx("h2",{className:"text-2xl font-bold mb-6 text-center",children:e||"Forgot Password"}),t&&a.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 mb-6 text-center",children:t}),a.jsxs("div",{className:"flex flex-col gap-4",children:[c,s&&a.jsx("div",{className:"mb-4 p-3 bg-red-50 border border-red-200 text-red-700 rounded-md text-sm dark:bg-red-900/20 dark:border-red-800 dark:text-red-400",children:s}),l&&a.jsx("div",{className:"mb-4 p-3 bg-green-50 border border-green-200 text-green-700 rounded-md text-sm dark:bg-green-900/20 dark:border-green-800 dark:text-green-400",children:l}),a.jsxs(ai,{onSubmit:d,className:"grid grid-cols-1 gap-4",useFormProps:{defaultValues:{email:""}},children:[a.jsx(qe,{name:"email",label:"Email Address",rules:{required:"Email is required",pattern:{value:/^[^\s@]+@[^\s@]+\.[^\s@]+$/,message:"Invalid email address"}},helperText:"Enter the email address associated with your account",showHelper:!0,children:a.jsx(ut,{type:"email",placeholder:"Enter your email",inputClassName:"focus:ring-0! placeholder:text-[#6B7280] mt-0!"})}),a.jsx(he,{type:"submit",fullWidth:!0,disabled:i,className:"uppercase",children:i?"Sending...":r||"Send Reset Code"})]})]})]})})}function vO({title:e,description:t,buttonText:r,onSubmit:n,signInPath:i,className:s,isLoading:o=!1,error:l,pinLength:c=5,children:d}){const[u,f]=w.useState(""),[p,h]=w.useState(""),m=v=>v?v.length!==c?`PIN must be exactly ${c} digits`:/^\d+$/.test(v)?"":"PIN must contain only numbers":"PIN is required",g=v=>{f(v);const b=m(v);h(b)},x=v=>{v.preventDefault();const b=m(u);if(b){h(b);return}n&&n({pin:u})},y=u.length===c&&!p;return a.jsx("div",{className:V("w-full max-w-md mx-auto",s),children:a.jsxs("div",{className:"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg",children:[a.jsx("h2",{className:"text-2xl font-bold mb-6 text-center",children:e||"Reset PIN"}),t&&a.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 mb-6 text-center",children:t}),a.jsxs("div",{className:"flex flex-col gap-4",children:[d,l&&a.jsx("div",{className:"mb-4 p-3 bg-red-50 border border-red-200 text-red-700 rounded-md text-sm dark:bg-red-900/20 dark:border-red-800 dark:text-red-400 text-center",children:l}),a.jsxs("form",{onSubmit:x,className:"flex flex-col items-center gap-4",children:[a.jsx("div",{className:"w-full flex flex-col items-center",children:a.jsx(zp,{length:c,placeholder:"-",variant:"ghost",color:"primary",size:"md",value:u,onChange:g,error:p,inputClassName:"border-[#E3E8ED] focus:border-brand focus:ring-brand dark:focus:ring-brand-200 dark:focus:ring-1 text-lg lg:text-2xl 2xl:text-[32px] w-12 h-14 lg:w-14 lg:h-16 2xl:w-16 2xl:h-[72px]",className:"mb-8 gap-3 sm:gap-4 2xl:mb-12 2xl:gap-6"})}),a.jsx(he,{type:"submit",fullWidth:!0,disabled:o||!y,className:"uppercase",children:o?"Verifying...":r||"Verify PIN"}),a.jsx(De,{to:i,className:"font-medium underline hover:text-brand/80 dark:text-gray-300 mt-4",children:"Back to Sign In"})]})]})]})})}function bO({title:e,description:t,buttonText:r,forgetPasswordPath:n,onSubmit:i,isLoading:s=!1,error:o,className:l,children:c}){const[d,u]=w.useState(!1);function f(p){i&&i(p)}return a.jsx("div",{className:V("w-full max-w-md mx-auto",l),children:a.jsxs("div",{className:"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg",children:[a.jsx("h2",{className:"text-2xl font-bold mb-6 text-center",children:e||"Sign In"}),t&&a.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 mb-6 text-center",children:t}),a.jsxs("div",{className:"flex flex-col gap-4",children:[c,o&&a.jsx("div",{className:"mb-4 p-3 bg-red-50 border border-red-200 text-red-700 rounded-md text-sm dark:bg-red-900/20 dark:border-red-800 dark:text-red-400",children:o}),a.jsxs(ai,{onSubmit:f,className:"grid grid-cols-1 gap-4",useFormProps:{defaultValues:{email:"",password:"",rememberMe:!1}},children:[a.jsx(qe,{name:"email",label:"Email Address",rules:{required:"Email is required",pattern:{value:/^[^\s@]+@[^\s@]+\.[^\s@]+$/,message:"Invalid email address"}},children:a.jsx(ut,{type:"email",placeholder:"Enter your email",inputClassName:"focus:ring-0! placeholder:text-[#6B7280]"})}),a.jsx(qe,{name:"password",label:"Password",rules:{required:"Password is required",minLength:{value:6,message:"Password must be at least 6 characters"}},children:a.jsxs("div",{className:"relative",children:[a.jsx(ut,{type:d?"text":"password",placeholder:"Enter your password",inputClassName:"focus:ring-0! placeholder:text-[#6B7280] pr-12"}),a.jsx("span",{className:"absolute bottom-3 right-4 cursor-pointer text-[#6B7280] rtl:left-4 rtl:right-auto sm:bottom-3.5",onClick:()=>u(!d),children:d?a.jsx(Rd,{className:"h-4 w-4 sm:h-5 sm:w-5"}):a.jsx(_d,{className:"h-4 w-4 sm:h-5 sm:w-5"})})]})}),a.jsxs("div",{className:"flex items-center justify-between",children:[a.jsx(qe,{name:"rememberMe",hideError:!0,children:a.jsx(si,{label:"Remember me",iconClassName:"bg-brand rounded-sm",labelPlacement:"end",labelClassName:"ml-1.5 text-sm dark:text-gray-300",size:"sm"})}),a.jsx(De,{to:n,className:"text-sm font-medium text-brand hover:text-brand-600 dark:text-brand-400",children:"Forgot password?"})]}),a.jsx(he,{type:"submit",fullWidth:!0,disabled:s,children:s?"Signing in...":r||"Sign in"})]})]})]})})}function wO({title:e,description:t,buttonText:r,onSubmit:n,isLoading:i=!1,error:s,className:o,termsOfServicePath:l="#",privacyPolicyPath:c="#",children:d}){const[u,f]=w.useState(!1);function p(h){n&&n(h)}return a.jsx("div",{className:V("w-full max-w-md mx-auto",o),children:a.jsxs("div",{className:"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg",children:[a.jsx("h2",{className:"text-2xl font-bold mb-6 text-center",children:e||"Sign Up"}),t&&a.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 mb-6 text-center",children:t}),a.jsxs("div",{className:"flex flex-col gap-4",children:[d,s&&a.jsx("div",{className:"mb-4 p-3 bg-red-50 border border-red-200 text-red-700 rounded-md text-sm dark:bg-red-900/20 dark:border-red-800 dark:text-red-400",children:s}),a.jsxs(ai,{onSubmit:p,className:"grid grid-cols-1 gap-4",useFormProps:{defaultValues:{firstName:"",lastName:"",email:"",password:"",agreeToTerms:!1}},children:[a.jsxs("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-3",children:[a.jsx(qe,{name:"firstName",label:"First Name",rules:{required:"First name is required",minLength:{value:2,message:"First name must be at least 2 characters"}},children:a.jsx(ut,{type:"text",placeholder:"First Name",inputClassName:"focus:ring-0! placeholder:text-[#6B7280]"})}),a.jsx(qe,{name:"lastName",label:"Last Name",rules:{required:"Last name is required",minLength:{value:2,message:"Last name must be at least 2 characters"}},children:a.jsx(ut,{type:"text",placeholder:"Last Name",inputClassName:"focus:ring-0! placeholder:text-[#6B7280]"})})]}),a.jsx(qe,{name:"email",label:"Email Address",rules:{required:"Email is required",pattern:{value:/^[^\s@]+@[^\s@]+\.[^\s@]+$/,message:"Invalid email address"}},children:a.jsx(ut,{type:"email",placeholder:"Email",inputClassName:"focus:ring-0! placeholder:text-[#6B7280]"})}),a.jsx(qe,{name:"password",label:"Password",rules:{required:"Password is required",minLength:{value:8,message:"Password must be at least 8 characters"},pattern:{value:/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/,message:"Password must contain at least one uppercase letter, one lowercase letter, and one number"}},children:a.jsxs("div",{className:"relative",children:[a.jsx(ut,{type:u?"text":"password",placeholder:"Password",inputClassName:"focus:ring-0! placeholder:text-[#6B7280] pr-12"}),a.jsx("span",{className:"absolute bottom-3 right-4 cursor-pointer text-[#6B7280] rtl:left-4 rtl:right-auto sm:bottom-3.5",onClick:()=>f(!u),children:u?a.jsx(Rd,{className:"h-4 w-4 sm:h-5 sm:w-5"}):a.jsx(_d,{className:"h-4 w-4 sm:h-5 sm:w-5"})})]})}),a.jsx(qe,{name:"agreeToTerms",rules:{required:"You must agree to the terms and conditions"},children:a.jsx(si,{iconClassName:"bg-brand rounded-sm mt-0.5",label:a.jsxs(a.Fragment,{children:["I've read and agree with",a.jsx(De,{to:l,className:"ml-2 font-medium tracking-[0.5px] underline dark:text-gray-300",children:"Terms of Service"})," and our ",a.jsx(De,{to:c,className:"font-medium tracking-[0.5px] underline dark:text-gray-300",children:"Privacy Policy"})]}),labelPlacement:"end",labelClassName:"ml-1.5 text-[#4B5563] text-sm! dark:text-gray-300 tracking-[0.5px] leading-7!",containerClassName:"items-start!",inputClassName:"mt-1 focus:ring-offset-1!",size:"sm"})}),a.jsx(he,{type:"submit",fullWidth:!0,disabled:i,className:"uppercase",children:i?"Creating account...":r||"Sign up"})]})]})]})})}function jO({name:e,symbol:t,logo:r,balance:n,usdBalance:i,change:s,isChangePositive:o,color:l="#FDEDD4"}){return a.jsxs("div",{className:"relative rounded-lg p-6 xl:p-8",style:{backgroundColor:l},children:[a.jsx("h4",{className:"mb-8 text-sm font-medium uppercase tracking-wider text-gray-900",children:e}),a.jsx("div",{className:"relative h-20 lg:h-24 xl:h-28 min-[1780px]:h-36",children:a.jsx(Tr,{src:r,alt:e,height:112,priority:"auto"})}),a.jsxs("div",{className:"mb-2 mt-8 text-sm font-medium tracking-wider text-gray-900 lg:text-lg 2xl:text-xl min-[1780px]:text-2xl",children:[n,a.jsxs("span",{className:"uppercase",children:[" ",t]})]}),a.jsxs("div",{className:"flex items-center justify-between text-sm font-medium 2xl:text-sm",children:[a.jsxs("span",{className:"tracking-wider text-gray-600",children:[i," USD"]}),a.jsxs("span",{className:`flex items-center  ${o?"text-green-500":"text-red-500"}`,children:[a.jsx("span",{className:`ltr:mr-2 rtl:ml-2 ${o?"":"rotate-180"}`,children:a.jsx(Vd,{})}),s]})]})]})}function g7({className:e,coins:t,selectedCoin:r,setSelectedCoin:n,disabled:i}){const[s,o]=w.useState(!1),[l,c]=w.useState(!1),[d,u]=w.useState(-1),[f,p]=w.useState({}),h=w.useRef(null),m=w.useRef(null),g=w.useRef([]),x=t.findIndex(S=>S.code===r.code),y=w.useCallback(()=>{if(!h.current)return;const S=h.current.getBoundingClientRect(),E=220,P=window.innerHeight-S.bottom,T=S.top,A=P<E&&T>P;p({position:"fixed",...A?{bottom:window.innerHeight-S.top+4}:{top:S.bottom+4},left:S.left,width:S.width,zIndex:9999})},[]),v=w.useCallback(()=>{i||(y(),u(x>=0?x:0),c(!1),o(!0))},[i,x,y]),b=w.useCallback(()=>{c(!0);const S=setTimeout(()=>{o(!1),c(!1),u(-1)},100);return()=>clearTimeout(S)},[]),j=w.useCallback(()=>{s?b():v()},[s,v,b]),C=w.useCallback(S=>{n(S),b(),h.current?.focus()},[n,b]);w.useEffect(()=>{if(!s)return;const S=E=>{h.current&&!h.current.contains(E.target)&&m.current&&!m.current.contains(E.target)&&b()};return document.addEventListener("mousedown",S),()=>document.removeEventListener("mousedown",S)},[s,b]),w.useEffect(()=>{if(!s)return;const S=E=>{E.key==="Escape"&&(b(),h.current?.focus())};return document.addEventListener("keydown",S),()=>document.removeEventListener("keydown",S)},[s,b]),w.useEffect(()=>{if(!s)return;const S=()=>y();return window.addEventListener("scroll",S,!0),window.addEventListener("resize",S),()=>{window.removeEventListener("scroll",S,!0),window.removeEventListener("resize",S)}},[s,y]),w.useEffect(()=>{d>=0&&g.current[d]&&g.current[d]?.scrollIntoView({block:"nearest"})},[d]);const N=S=>{if(!s){["ArrowDown","ArrowUp","Enter"," "].includes(S.key)&&(S.preventDefault(),v());return}switch(S.key){case"ArrowDown":S.preventDefault(),u(E=>E<t.length-1?E+1:0);break;case"ArrowUp":S.preventDefault(),u(E=>E>0?E-1:t.length-1);break;case"Enter":case" ":S.preventDefault(),d>=0&&t[d]&&C(t[d]);break;case"Escape":case"Tab":S.preventDefault(),b();break;case"Home":S.preventDefault(),u(0);break;case"End":S.preventDefault(),u(t.length-1);break}},k=s&&xr.createPortal(a.jsx("div",{ref:m,role:"listbox",tabIndex:-1,"aria-activedescendant":d>=0?`coin-option-${d}`:void 0,style:f,className:V("max-h-56 overflow-auto rounded-lg bg-white p-3 shadow-large dark:bg-gray-800","transition ease-in duration-100",l?"opacity-0":"opacity-100"),children:t.map((S,E)=>{const P=S.code===r.code,T=E===d;return a.jsxs("div",{id:`coin-option-${E}`,ref:A=>{g.current[E]=A},role:"option","aria-selected":P,onClick:()=>C(S),onMouseEnter:()=>u(E),className:V("my-1 flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition",P&&"bg-brand/10 text-brand dark:bg-brand/20 dark:text-brand",!P&&T&&"bg-gray-200/70 text-gray-900 dark:bg-gray-600/60 dark:text-white",!P&&!T&&"text-gray-900 dark:text-white hover:bg-gray-200/70 dark:hover:bg-gray-600/60"),children:[S.icon,S.name]},S.code)})}),document.body);return a.jsxs("div",{className:V("relative",e),children:[a.jsxs("button",{ref:h,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":s,"aria-controls":"coin-listbox",disabled:i,onClick:j,onKeyDown:N,className:V("flex h-11 w-full items-center justify-between whitespace-nowrap dark:bg-light-dark bg-white border border-gray-100 dark:border-gray-700 px-4 pl-3 text-sm text-gray-900 rounded-lg dark:text-white sm:h-13 sm:pl-4",i&&"cursor-not-allowed opacity-50"),children:[a.jsxs("div",{className:"flex items-center gap-3 font-medium ltr:mr-2 rtl:ml-2",children:[a.jsx("span",{className:"sm:*:h-[30px] sm:*:w-[30px]",children:r.icon}),r.code]}),a.jsx(_n,{className:V("transition-transform duration-200",s&&"rotate-180")})]}),k]})}g7.displayName="CoinListBox";function CO({item:e,className:t=""}){const{name:r,slug:n,title:i,cover_image:s,number_of_artwork:o,user:l}=e??{};return a.jsxs("div",{className:V("group relative overflow-hidden rounded-lg transition-transform hover:-translate-y-1",t),children:[a.jsx("div",{className:"relative flex aspect-8/11 w-full justify-center overflow-hidden rounded-lg",children:a.jsx(Tr,{src:s,placeholder:"blur",width:600,priority:"auto",alt:r})}),a.jsxs("div",{className:"absolute left-0 top-0 z-5 flex h-full w-full flex-col justify-between bg-linear-to-t from-black p-5 md:p-6",children:[a.jsx(De,{to:"/"+n,className:"absolute left-0 top-0 z-10 h-full w-full"}),a.jsx("div",{className:"flex justify-between gap-3",children:a.jsx("div",{className:`inline-flex h-8 shrink-0 items-center rounded-2xl bg-white/20 px-4 text-sm font-medium uppercase -tracking-wide text-white
+`),x.hasAttribute("data-start")||x.setAttribute("data-start",String(E+1))}y.textContent=N,r.highlightElement(y)},function(N){x.setAttribute(l,u),y.textContent=N})}}),r.plugins.fileHighlight={highlight:function(x){for(var y=(x||document).querySelectorAll(f),v=0,b;b=y[v++];)r.highlightElement(b)}};var m=!1;r.fileHighlight=function(){m||(console.warn("Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead."),m=!0),r.plugins.fileHighlight.highlight.apply(this,arguments)}})()})(j0)),j0.exports}var CT=jT();const C0=Wt(CT);Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$A-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\.(?:constructor|prototype))/,lookbehind:!0}],keyword:[{pattern:/((?:^|\})\s*)catch\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|assert(?=\s*\{)|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\s*(?:\{|$))|for|from(?=\s*(?:['"]|$))|function|(?:get|set)(?=\s*(?:[#\[$\w\xA0-\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],function:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,number:{pattern:RegExp(/(^|[^\w$])/.source+"(?:"+(/NaN|Infinity/.source+"|"+/0[bB][01]+(?:_[01]+)*n?/.source+"|"+/0[oO][0-7]+(?:_[0-7]+)*n?/.source+"|"+/0[xX][\dA-Fa-f]+(?:_[\dA-Fa-f]+)*n?/.source+"|"+/\d+(?:_\d+)*n/.source+"|"+/(?:\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\.\d+(?:_\d+)*)(?:[Ee][+-]?\d+(?:_\d+)*)?/.source)+")"+/(?![\w$])/.source),lookbehind:!0},operator:/--|\+\+|\*\*=?|=>|&&=?|\|\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?\?=?|\?\.?|[~:]/});Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|extends|implements|instanceof|interface|new)\s+)[\w.\\]+/;Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:RegExp(/((?:^|[^$\w\xA0-\uFFFF."'\])\s]|\b(?:return|yield))\s*)/.source+/\//.source+"(?:"+/(?:\[(?:[^\]\\\r\n]|\\.)*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}/.source+"|"+/(?:\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.|\[(?:[^[\]\\\r\n]|\\.)*\])*\])*\]|\\.|[^/\\\[\r\n])+\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source+")"+/(?=(?:\s|\/\*(?:[^*]|\*(?!\/))*\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/.source),lookbehind:!0,greedy:!0,inside:{"regex-source":{pattern:/^(\/)[\s\S]+(?=\/[a-z]*$)/,lookbehind:!0,alias:"language-regex",inside:Prism.languages.regex},"regex-delimiter":/^\/|\/$/,"regex-flags":/^[a-z]+$/}},"function-variable":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*)?\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(^|[^$\w\xA0-\uFFFF])(?!\s)[_$a-z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*=>)/i,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*)\(\s*|\]\s*\(\s*)(?!\s)(?:[^()\s]|\s+(?![\s)])|\([^()]*\))+(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/});Prism.languages.insertBefore("javascript","string",{hashbang:{pattern:/^#!.*/,greedy:!0,alias:"comment"},"template-string":{pattern:/`(?:\\[\s\S]|\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}|(?!\$\{)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\$\{(?:[^{}]|\{(?:[^{}]|\{[^}]*\})*\})+\}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}},"string-property":{pattern:/((?:^|[,{])[ \t]*)(["'])(?:\\(?:\r\n|[\s\S])|(?!\2)[^\\\r\n])*\2(?=\s*:)/m,lookbehind:!0,greedy:!0,alias:"property"}});Prism.languages.insertBefore("javascript","operator",{"literal-property":{pattern:/((?:^|[,{])[ \t]*)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?=\s*:)/m,lookbehind:!0,alias:"property"}});Prism.languages.markup&&(Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.markup.tag.addAttribute(/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,"javascript"));Prism.languages.js=Prism.languages.javascript;var dg={},ug;function NT(){return ug||(ug=1,(function(e){e.languages.typescript=e.languages.extend("javascript",{"class-name":{pattern:/(\b(?:class|extends|implements|instanceof|interface|new|type)\s+)(?!keyof\b)(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*(?:\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,lookbehind:!0,greedy:!0,inside:null},builtin:/\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\b/}),e.languages.typescript.keyword.push(/\b(?:abstract|declare|is|keyof|readonly|require)\b/,/\b(?:asserts|infer|interface|module|namespace|type)\b(?=\s*(?:[{_$a-zA-Z\xA0-\uFFFF]|$))/,/\btype\b(?=\s*(?:[\{*]|$))/),delete e.languages.typescript.parameter,delete e.languages.typescript["literal-property"];var t=e.languages.extend("typescript",{});delete t["class-name"],e.languages.typescript["class-name"].inside=t,e.languages.insertBefore("typescript","function",{decorator:{pattern:/@[$\w\xA0-\uFFFF]+/,inside:{at:{pattern:/^@/,alias:"operator"},function:/^[\s\S]+/}},"generic-function":{pattern:/#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\s*\()/,greedy:!0,inside:{function:/^#?(?!\s)[_$a-zA-Z\xA0-\uFFFF](?:(?!\s)[$\w\xA0-\uFFFF])*/,generic:{pattern:/<[\s\S]+/,alias:"class-name",inside:t}}}}),e.languages.ts=e.languages.typescript})(Prism)),dg}NT();(function(e){var t=e.util.clone(e.languages.javascript),r=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,n=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,i=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function s(c,d){return c=c.replace(/<S>/g,function(){return r}).replace(/<BRACES>/g,function(){return n}).replace(/<SPREAD>/g,function(){return i}),RegExp(c,d)}i=s(i).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=s(/<\/?(?:[\w.:-]+(?:<S>+(?:[\w.:$-]+(?:=(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s{'"/>=]+|<BRACES>))?|<SPREAD>))*<S>*\/?)?>/.source),e.languages.jsx.tag.inside.tag.pattern=/^<\/?[^\s>\/]*/,e.languages.jsx.tag.inside["attr-value"].pattern=/=(?!\{)(?:"(?:\\[\s\S]|[^\\"])*"|'(?:\\[\s\S]|[^\\'])*'|[^\s'">]+)/,e.languages.jsx.tag.inside.tag.inside["class-name"]=/^[A-Z]\w*(?:\.[A-Z]\w*)*$/,e.languages.jsx.tag.inside.comment=t.comment,e.languages.insertBefore("inside","attr-name",{spread:{pattern:s(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:s(/=<BRACES>/.source),alias:"language-javascript",inside:{"script-punctuation":{pattern:/^=(?=\{)/,alias:"punctuation"},rest:e.languages.jsx}}},e.languages.jsx.tag);var o=function(c){return c?typeof c=="string"?c:typeof c.content=="string"?c.content:c.content.map(o).join(""):""},l=function(c){for(var d=[],u=0;u<c.length;u++){var f=c[u],p=!1;if(typeof f!="string"&&(f.type==="tag"&&f.content[0]&&f.content[0].type==="tag"?f.content[0].content[0].content==="</"?d.length>0&&d[d.length-1].tagName===o(f.content[0].content[1])&&d.pop():f.content[f.content.length-1].content==="/>"||d.push({tagName:o(f.content[0].content[1]),openedBraces:0}):d.length>0&&f.type==="punctuation"&&f.content==="{"?d[d.length-1].openedBraces++:d.length>0&&d[d.length-1].openedBraces>0&&f.type==="punctuation"&&f.content==="}"?d[d.length-1].openedBraces--:p=!0),(p||typeof f=="string")&&d.length>0&&d[d.length-1].openedBraces===0){var h=o(f);u<c.length-1&&(typeof c[u+1]=="string"||c[u+1].type==="plain-text")&&(h+=o(c[u+1]),c.splice(u+1,1)),u>0&&(typeof c[u-1]=="string"||c[u-1].type==="plain-text")&&(h=o(c[u-1])+h,c.splice(u-1,1),u--),c[u]=new e.Token("plain-text",h,null,h)}f.content&&typeof f.content!="string"&&l(f.content)}};e.hooks.add("after-tokenize",function(c){c.language!=="jsx"&&c.language!=="tsx"||l(c.tokens)})})(Prism);(function(e){var t=e.util.clone(e.languages.typescript);e.languages.tsx=e.languages.extend("jsx",t),delete e.languages.tsx.parameter,delete e.languages.tsx["literal-property"];var r=e.languages.tsx.tag;r.pattern=RegExp(/(^|[^\w$]|(?=<\/))/.source+"(?:"+r.pattern.source+")",r.pattern.flags),r.lookbehind=!0})(Prism);(function(e){var t=/(?:"(?:\\(?:\r\n|[\s\S])|[^"\\\r\n])*"|'(?:\\(?:\r\n|[\s\S])|[^'\\\r\n])*')/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:RegExp("@[\\w-](?:"+/[^;{\s"']|\s+(?!\s)/.source+"|"+t.source+")*?"+/(?:;|(?=\s*\{))/.source),inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\(\s*(?![\s)]))(?:[^()\s]|\s+(?![\s)])|\((?:[^()]|\([^()]*\))*\))+(?=\s*\))/,lookbehind:!0,alias:"selector"},keyword:{pattern:/(^|[^\w-])(?:and|not|only|or)(?![\w-])/,lookbehind:!0}}},url:{pattern:RegExp("\\burl\\((?:"+t.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+t.source+"$"),alias:"url"}}},selector:{pattern:RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|`+t.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:t,greedy:!0},property:{pattern:/(^|[^-\w\xA0-\uFFFF])(?!\s)[-_a-z\xA0-\uFFFF](?:(?!\s)[-\w\xA0-\uFFFF])*(?=\s*:)/i,lookbehind:!0},important:/!important\b/i,function:{pattern:/(^|[^-a-z0-9])[-a-z0-9]+(?=\()/i,lookbehind:!0},punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var r=e.languages.markup;r&&(r.tag.addInlined("style","css"),r.tag.addAttribute("style","css"))})(Prism);(function(e){var t="\\b(?:BASH|BASHOPTS|BASH_ALIASES|BASH_ARGC|BASH_ARGV|BASH_CMDS|BASH_COMPLETION_COMPAT_DIR|BASH_LINENO|BASH_REMATCH|BASH_SOURCE|BASH_VERSINFO|BASH_VERSION|COLORTERM|COLUMNS|COMP_WORDBREAKS|DBUS_SESSION_BUS_ADDRESS|DEFAULTS_PATH|DESKTOP_SESSION|DIRSTACK|DISPLAY|EUID|GDMSESSION|GDM_LANG|GNOME_KEYRING_CONTROL|GNOME_KEYRING_PID|GPG_AGENT_INFO|GROUPS|HISTCONTROL|HISTFILE|HISTFILESIZE|HISTSIZE|HOME|HOSTNAME|HOSTTYPE|IFS|INSTANCE|JOB|LANG|LANGUAGE|LC_ADDRESS|LC_ALL|LC_IDENTIFICATION|LC_MEASUREMENT|LC_MONETARY|LC_NAME|LC_NUMERIC|LC_PAPER|LC_TELEPHONE|LC_TIME|LESSCLOSE|LESSOPEN|LINES|LOGNAME|LS_COLORS|MACHTYPE|MAILCHECK|MANDATORY_PATH|NO_AT_BRIDGE|OLDPWD|OPTERR|OPTIND|ORBIT_SOCKETDIR|OSTYPE|PAPERSIZE|PATH|PIPESTATUS|PPID|PS1|PS2|PS3|PS4|PWD|RANDOM|REPLY|SECONDS|SELINUX_INIT|SESSION|SESSIONTYPE|SESSION_MANAGER|SHELL|SHELLOPTS|SHLVL|SSH_AUTH_SOCK|TERM|UID|UPSTART_EVENTS|UPSTART_INSTANCE|UPSTART_JOB|UPSTART_SESSION|USER|WINDOWID|XAUTHORITY|XDG_CONFIG_DIRS|XDG_CURRENT_DESKTOP|XDG_DATA_DIRS|XDG_GREETER_DATA_DIR|XDG_MENU_PREFIX|XDG_RUNTIME_DIR|XDG_SEAT|XDG_SEAT_PATH|XDG_SESSION_DESKTOP|XDG_SESSION_ID|XDG_SESSION_PATH|XDG_SESSION_TYPE|XDG_VTNR|XMODIFIERS)\\b",r={pattern:/(^(["']?)\w+\2)[ \t]+\S.*/,lookbehind:!0,alias:"punctuation",inside:null},n={bash:r,environment:{pattern:RegExp("\\$"+t),alias:"constant"},variable:[{pattern:/\$?\(\([\s\S]+?\)\)/,greedy:!0,inside:{variable:[{pattern:/(^\$\(\([\s\S]+)\)\)/,lookbehind:!0},/^\$\(\(/],number:/\b0x[\dA-Fa-f]+\b|(?:\b\d+(?:\.\d*)?|\B\.\d+)(?:[Ee]-?\d+)?/,operator:/--|\+\+|\*\*=?|<<=?|>>=?|&&|\|\||[=!+\-*/%<>^&|]=?|[?~:]/,punctuation:/\(\(?|\)\)?|,|;/}},{pattern:/\$\((?:\([^)]+\)|[^()])+\)|`[^`]+`/,greedy:!0,inside:{variable:/^\$\(|^`|\)$|`$/}},{pattern:/\$\{[^}]+\}/,greedy:!0,inside:{operator:/:[-=?+]?|[!\/]|##?|%%?|\^\^?|,,?/,punctuation:/[\[\]]/,environment:{pattern:RegExp("(\\{)"+t),lookbehind:!0,alias:"constant"}}},/\$(?:\w+|[#?*!@$])/],entity:/\\(?:[abceEfnrtv\\"]|O?[0-7]{1,3}|U[0-9a-fA-F]{8}|u[0-9a-fA-F]{4}|x[0-9a-fA-F]{1,2})/};e.languages.bash={shebang:{pattern:/^#!\s*\/.*/,alias:"important"},comment:{pattern:/(^|[^"{\\$])#.*/,lookbehind:!0},"function-name":[{pattern:/(\bfunction\s+)[\w-]+(?=(?:\s*\(?:\s*\))?\s*\{)/,lookbehind:!0,alias:"function"},{pattern:/\b[\w-]+(?=\s*\(\s*\)\s*\{)/,alias:"function"}],"for-or-select":{pattern:/(\b(?:for|select)\s+)\w+(?=\s+in\s)/,alias:"variable",lookbehind:!0},"assign-left":{pattern:/(^|[\s;|&]|[<>]\()\w+(?:\.\w+)*(?=\+?=)/,inside:{environment:{pattern:RegExp("(^|[\\s;|&]|[<>]\\()"+t),lookbehind:!0,alias:"constant"}},alias:"variable",lookbehind:!0},parameter:{pattern:/(^|\s)-{1,2}(?:\w+:[+-]?)?\w+(?:\.\w+)*(?=[=\s]|$)/,alias:"variable",lookbehind:!0},string:[{pattern:/((?:^|[^<])<<-?\s*)(\w+)\s[\s\S]*?(?:\r?\n|\r)\2/,lookbehind:!0,greedy:!0,inside:n},{pattern:/((?:^|[^<])<<-?\s*)(["'])(\w+)\2\s[\s\S]*?(?:\r?\n|\r)\3/,lookbehind:!0,greedy:!0,inside:{bash:r}},{pattern:/(^|[^\\](?:\\\\)*)"(?:\\[\s\S]|\$\([^)]+\)|\$(?!\()|`[^`]+`|[^"\\`$])*"/,lookbehind:!0,greedy:!0,inside:n},{pattern:/(^|[^$\\])'[^']*'/,lookbehind:!0,greedy:!0},{pattern:/\$'(?:[^'\\]|\\[\s\S])*'/,greedy:!0,inside:{entity:n.entity}}],environment:{pattern:RegExp("\\$?"+t),alias:"constant"},variable:n.variable,function:{pattern:/(^|[\s;|&]|[<>]\()(?:add|apropos|apt|apt-cache|apt-get|aptitude|aspell|automysqlbackup|awk|basename|bash|bc|bconsole|bg|bzip2|cal|cargo|cat|cfdisk|chgrp|chkconfig|chmod|chown|chroot|cksum|clear|cmp|column|comm|composer|cp|cron|crontab|csplit|curl|cut|date|dc|dd|ddrescue|debootstrap|df|diff|diff3|dig|dir|dircolors|dirname|dirs|dmesg|docker|docker-compose|du|egrep|eject|env|ethtool|expand|expect|expr|fdformat|fdisk|fg|fgrep|file|find|fmt|fold|format|free|fsck|ftp|fuser|gawk|git|gparted|grep|groupadd|groupdel|groupmod|groups|grub-mkconfig|gzip|halt|head|hg|history|host|hostname|htop|iconv|id|ifconfig|ifdown|ifup|import|install|ip|java|jobs|join|kill|killall|less|link|ln|locate|logname|logrotate|look|lpc|lpr|lprint|lprintd|lprintq|lprm|ls|lsof|lynx|make|man|mc|mdadm|mkconfig|mkdir|mke2fs|mkfifo|mkfs|mkisofs|mknod|mkswap|mmv|more|most|mount|mtools|mtr|mutt|mv|nano|nc|netstat|nice|nl|node|nohup|notify-send|npm|nslookup|op|open|parted|passwd|paste|pathchk|ping|pkill|pnpm|podman|podman-compose|popd|pr|printcap|printenv|ps|pushd|pv|quota|quotacheck|quotactl|ram|rar|rcp|reboot|remsync|rename|renice|rev|rm|rmdir|rpm|rsync|scp|screen|sdiff|sed|sendmail|seq|service|sftp|sh|shellcheck|shuf|shutdown|sleep|slocate|sort|split|ssh|stat|strace|su|sudo|sum|suspend|swapon|sync|sysctl|tac|tail|tar|tee|time|timeout|top|touch|tr|traceroute|tsort|tty|umount|uname|unexpand|uniq|units|unrar|unshar|unzip|update-grub|uptime|useradd|userdel|usermod|users|uudecode|uuencode|v|vcpkg|vdir|vi|vim|virsh|vmstat|wait|watch|wc|wget|whereis|which|who|whoami|write|xargs|xdg-open|yarn|yes|zenity|zip|zsh|zypper)(?=$|[)\s;|&])/,lookbehind:!0},keyword:{pattern:/(^|[\s;|&]|[<>]\()(?:case|do|done|elif|else|esac|fi|for|function|if|in|select|then|until|while)(?=$|[)\s;|&])/,lookbehind:!0},builtin:{pattern:/(^|[\s;|&]|[<>]\()(?:\.|:|alias|bind|break|builtin|caller|cd|command|continue|declare|echo|enable|eval|exec|exit|export|getopts|hash|help|let|local|logout|mapfile|printf|pwd|read|readarray|readonly|return|set|shift|shopt|source|test|times|trap|type|typeset|ulimit|umask|unalias|unset)(?=$|[)\s;|&])/,lookbehind:!0,alias:"class-name"},boolean:{pattern:/(^|[\s;|&]|[<>]\()(?:false|true)(?=$|[)\s;|&])/,lookbehind:!0},"file-descriptor":{pattern:/\B&\d\b/,alias:"important"},operator:{pattern:/\d?<>|>\||\+=|=[=~]?|!=?|<<[<-]?|[&\d]?>>|\d[<>]&?|[<>][&=]?|&[>&]?|\|[&|]?/,inside:{"file-descriptor":{pattern:/^\d/,alias:"important"}}},punctuation:/\$?\(\(?|\)\)?|\.\.|[{}[\];\\]/,number:{pattern:/(^|\s)(?:[1-9]\d*|0)(?:[.,]\d+)?\b/,lookbehind:!0}},r.inside=e.languages.bash;for(var i=["comment","function-name","for-or-select","assign-left","parameter","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],s=n.variable[1].inside,o=0;o<i.length;o++)s[i[o]]=e.languages.bash[i[o]];e.languages.sh=e.languages.bash,e.languages.shell=e.languages.bash})(Prism);Prism.languages.json={property:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?=\s*:)/,lookbehind:!0,greedy:!0},string:{pattern:/(^|[^\\])"(?:\\.|[^\\"\r\n])*"(?!\s*:)/,lookbehind:!0,greedy:!0},comment:{pattern:/\/\/.*|\/\*[\s\S]*?(?:\*\/|$)/,greedy:!0},number:/-?\b\d+(?:\.\d+)?(?:e[+-]?\d+)?\b/i,punctuation:/[{}[\],]/,operator:/:/,boolean:/\b(?:false|true)\b/,null:{pattern:/\bnull\b/,alias:"keyword"}};Prism.languages.webmanifest=Prism.languages.json;var fg={},pg;function kT(){return pg||(pg=1,Prism.languages.python={comment:{pattern:/(^|[^\\])#.*/,lookbehind:!0,greedy:!0},"string-interpolation":{pattern:/(?:f|fr|rf)(?:("""|''')[\s\S]*?\1|("|')(?:\\.|(?!\2)[^\\\r\n])*\2)/i,greedy:!0,inside:{interpolation:{pattern:/((?:^|[^{])(?:\{\{)*)\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}]|\{(?!\{)(?:[^{}])+\})+\})+\}/,lookbehind:!0,inside:{"format-spec":{pattern:/(:)[^:(){}]+(?=\}$)/,lookbehind:!0},"conversion-option":{pattern:/![sra](?=[:}]$)/,alias:"punctuation"},rest:null}},string:/[\s\S]+/}},"triple-quoted-string":{pattern:/(?:[rub]|br|rb)?("""|''')[\s\S]*?\1/i,greedy:!0,alias:"string"},string:{pattern:/(?:[rub]|br|rb)?("|')(?:\\.|(?!\1)[^\\\r\n])*\1/i,greedy:!0},function:{pattern:/((?:^|\s)def[ \t]+)[a-zA-Z_]\w*(?=\s*\()/g,lookbehind:!0},"class-name":{pattern:/(\bclass\s+)\w+/i,lookbehind:!0},decorator:{pattern:/(^[\t ]*)@\w+(?:\.\w+)*/m,lookbehind:!0,alias:["annotation","punctuation"],inside:{punctuation:/\./}},keyword:/\b(?:_(?=\s*:)|and|as|assert|async|await|break|case|class|continue|def|del|elif|else|except|exec|finally|for|from|global|if|import|in|is|lambda|match|nonlocal|not|or|pass|print|raise|return|try|while|with|yield)\b/,builtin:/\b(?:__import__|abs|all|any|apply|ascii|basestring|bin|bool|buffer|bytearray|bytes|callable|chr|classmethod|cmp|coerce|compile|complex|delattr|dict|dir|divmod|enumerate|eval|execfile|file|filter|float|format|frozenset|getattr|globals|hasattr|hash|help|hex|id|input|int|intern|isinstance|issubclass|iter|len|list|locals|long|map|max|memoryview|min|next|object|oct|open|ord|pow|property|range|raw_input|reduce|reload|repr|reversed|round|set|setattr|slice|sorted|staticmethod|str|sum|super|tuple|type|unichr|unicode|vars|xrange|zip)\b/,boolean:/\b(?:False|None|True)\b/,number:/\b0(?:b(?:_?[01])+|o(?:_?[0-7])+|x(?:_?[a-f0-9])+)\b|(?:\b\d+(?:_\d+)*(?:\.(?:\d+(?:_\d+)*)?)?|\B\.\d+(?:_\d+)*)(?:e[+-]?\d+(?:_\d+)*)?j?(?!\w)/i,operator:/[-+%=]=?|!=|:=|\*\*?=?|\/\/?=?|<[<=>]?|>[=>]?|[&|^~]/,punctuation:/[{}[\];(),.:]/},Prism.languages.python["string-interpolation"].inside.interpolation.inside.rest=Prism.languages.python,Prism.languages.py=Prism.languages.python),fg}kT();var mg={},hg;function ST(){return hg||(hg=1,(function(e){var t=/\b(?:abstract|assert|boolean|break|byte|case|catch|char|class|const|continue|default|do|double|else|enum|exports|extends|final|finally|float|for|goto|if|implements|import|instanceof|int|interface|long|module|native|new|non-sealed|null|open|opens|package|permits|private|protected|provides|public|record(?!\s*[(){}[\]<>=%~.:,;?+\-*/&|^])|requires|return|sealed|short|static|strictfp|super|switch|synchronized|this|throw|throws|to|transient|transitive|try|uses|var|void|volatile|while|with|yield)\b/,r=/(?:[a-z]\w*\s*\.\s*)*(?:[A-Z]\w*\s*\.\s*)*/.source,n={pattern:RegExp(/(^|[^\w.])/.source+r+/[A-Z](?:[\d_A-Z]*[a-z]\w*)?\b/.source),lookbehind:!0,inside:{namespace:{pattern:/^[a-z]\w*(?:\s*\.\s*[a-z]\w*)*(?:\s*\.)?/,inside:{punctuation:/\./}},punctuation:/\./}};e.languages.java=e.languages.extend("clike",{string:{pattern:/(^|[^\\])"(?:\\.|[^"\\\r\n])*"/,lookbehind:!0,greedy:!0},"class-name":[n,{pattern:RegExp(/(^|[^\w.])/.source+r+/[A-Z]\w*(?=\s+\w+\s*[;,=()]|\s*(?:\[[\s,]*\]\s*)?::\s*new\b)/.source),lookbehind:!0,inside:n.inside},{pattern:RegExp(/(\b(?:class|enum|extends|implements|instanceof|interface|new|record|throws)\s+)/.source+r+/[A-Z]\w*\b/.source),lookbehind:!0,inside:n.inside}],keyword:t,function:[e.languages.clike.function,{pattern:/(::\s*)[a-z_]\w*/,lookbehind:!0}],number:/\b0b[01][01_]*L?\b|\b0x(?:\.[\da-f_p+-]+|[\da-f_]+(?:\.[\da-f_p+-]+)?)\b|(?:\b\d[\d_]*(?:\.[\d_]*)?|\B\.\d[\d_]*)(?:e[+-]?\d[\d_]*)?[dfl]?/i,operator:{pattern:/(^|[^.])(?:<<=?|>>>?=?|->|--|\+\+|&&|\|\||::|[?:~]|[-+*/%&|^!=<>]=?)/m,lookbehind:!0},constant:/\b[A-Z][A-Z_\d]+\b/}),e.languages.insertBefore("java","string",{"triple-quoted-string":{pattern:/"""[ \t]*[\r\n](?:(?:"|"")?(?:\\.|[^"\\]))*"""/,greedy:!0,alias:"string"},char:{pattern:/'(?:\\.|[^'\\\r\n]){1,6}'/,greedy:!0}}),e.languages.insertBefore("java","class-name",{annotation:{pattern:/(^|[^.])@\w+(?:\s*\.\s*\w+)*/,lookbehind:!0,alias:"punctuation"},generics:{pattern:/<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&)|<(?:[\w\s,.?]|&(?!&))*>)*>)*>)*>/,inside:{"class-name":n,keyword:t,punctuation:/[<>(),.:]/,operator:/[?&|]/}},import:[{pattern:RegExp(/(\bimport\s+)/.source+r+/(?:[A-Z]\w*|\*)(?=\s*;)/.source),lookbehind:!0,inside:{namespace:n.inside.namespace,punctuation:/\./,operator:/\*/,"class-name":/\w+/}},{pattern:RegExp(/(\bimport\s+static\s+)/.source+r+/(?:\w+|\*)(?=\s*;)/.source),lookbehind:!0,alias:"static",inside:{namespace:n.inside.namespace,static:/\b\w+$/,punctuation:/\./,operator:/\*/,"class-name":/\w+/}}],namespace:{pattern:RegExp(/(\b(?:exports|import(?:\s+static)?|module|open|opens|package|provides|requires|to|transitive|uses|with)\s+)(?!<keyword>)[a-z]\w*(?:\.[a-z]\w*)*\.?/.source.replace(/<keyword>/g,function(){return t.source})),lookbehind:!0,inside:{punctuation:/\./}}})})(Prism)),mg}ST();Prism.languages.sql={comment:{pattern:/(^|[^\\])(?:\/\*[\s\S]*?\*\/|(?:--|\/\/|#).*)/,lookbehind:!0},variable:[{pattern:/@(["'`])(?:\\[\s\S]|(?!\1)[^\\])+\1/,greedy:!0},/@[\w.$]+/],string:{pattern:/(^|[^@\\])("|')(?:\\[\s\S]|(?!\2)[^\\]|\2\2)*\2/,greedy:!0,lookbehind:!0},identifier:{pattern:/(^|[^@\\])`(?:\\[\s\S]|[^`\\]|``)*`/,greedy:!0,lookbehind:!0,inside:{punctuation:/^`|`$/}},function:/\b(?:AVG|COUNT|FIRST|FORMAT|LAST|LCASE|LEN|MAX|MID|MIN|MOD|NOW|ROUND|SUM|UCASE)(?=\s*\()/i,keyword:/\b(?:ACTION|ADD|AFTER|ALGORITHM|ALL|ALTER|ANALYZE|ANY|APPLY|AS|ASC|AUTHORIZATION|AUTO_INCREMENT|BACKUP|BDB|BEGIN|BERKELEYDB|BIGINT|BINARY|BIT|BLOB|BOOL|BOOLEAN|BREAK|BROWSE|BTREE|BULK|BY|CALL|CASCADED?|CASE|CHAIN|CHAR(?:ACTER|SET)?|CHECK(?:POINT)?|CLOSE|CLUSTERED|COALESCE|COLLATE|COLUMNS?|COMMENT|COMMIT(?:TED)?|COMPUTE|CONNECT|CONSISTENT|CONSTRAINT|CONTAINS(?:TABLE)?|CONTINUE|CONVERT|CREATE|CROSS|CURRENT(?:_DATE|_TIME|_TIMESTAMP|_USER)?|CURSOR|CYCLE|DATA(?:BASES?)?|DATE(?:TIME)?|DAY|DBCC|DEALLOCATE|DEC|DECIMAL|DECLARE|DEFAULT|DEFINER|DELAYED|DELETE|DELIMITERS?|DENY|DESC|DESCRIBE|DETERMINISTIC|DISABLE|DISCARD|DISK|DISTINCT|DISTINCTROW|DISTRIBUTED|DO|DOUBLE|DROP|DUMMY|DUMP(?:FILE)?|DUPLICATE|ELSE(?:IF)?|ENABLE|ENCLOSED|END|ENGINE|ENUM|ERRLVL|ERRORS|ESCAPED?|EXCEPT|EXEC(?:UTE)?|EXISTS|EXIT|EXPLAIN|EXTENDED|FETCH|FIELDS|FILE|FILLFACTOR|FIRST|FIXED|FLOAT|FOLLOWING|FOR(?: EACH ROW)?|FORCE|FOREIGN|FREETEXT(?:TABLE)?|FROM|FULL|FUNCTION|GEOMETRY(?:COLLECTION)?|GLOBAL|GOTO|GRANT|GROUP|HANDLER|HASH|HAVING|HOLDLOCK|HOUR|IDENTITY(?:COL|_INSERT)?|IF|IGNORE|IMPORT|INDEX|INFILE|INNER|INNODB|INOUT|INSERT|INT|INTEGER|INTERSECT|INTERVAL|INTO|INVOKER|ISOLATION|ITERATE|JOIN|KEYS?|KILL|LANGUAGE|LAST|LEAVE|LEFT|LEVEL|LIMIT|LINENO|LINES|LINESTRING|LOAD|LOCAL|LOCK|LONG(?:BLOB|TEXT)|LOOP|MATCH(?:ED)?|MEDIUM(?:BLOB|INT|TEXT)|MERGE|MIDDLEINT|MINUTE|MODE|MODIFIES|MODIFY|MONTH|MULTI(?:LINESTRING|POINT|POLYGON)|NATIONAL|NATURAL|NCHAR|NEXT|NO|NONCLUSTERED|NULLIF|NUMERIC|OFF?|OFFSETS?|ON|OPEN(?:DATASOURCE|QUERY|ROWSET)?|OPTIMIZE|OPTION(?:ALLY)?|ORDER|OUT(?:ER|FILE)?|OVER|PARTIAL|PARTITION|PERCENT|PIVOT|PLAN|POINT|POLYGON|PRECEDING|PRECISION|PREPARE|PREV|PRIMARY|PRINT|PRIVILEGES|PROC(?:EDURE)?|PUBLIC|PURGE|QUICK|RAISERROR|READS?|REAL|RECONFIGURE|REFERENCES|RELEASE|RENAME|REPEAT(?:ABLE)?|REPLACE|REPLICATION|REQUIRE|RESIGNAL|RESTORE|RESTRICT|RETURN(?:ING|S)?|REVOKE|RIGHT|ROLLBACK|ROUTINE|ROW(?:COUNT|GUIDCOL|S)?|RTREE|RULE|SAVE(?:POINT)?|SCHEMA|SECOND|SELECT|SERIAL(?:IZABLE)?|SESSION(?:_USER)?|SET(?:USER)?|SHARE|SHOW|SHUTDOWN|SIMPLE|SMALLINT|SNAPSHOT|SOME|SONAME|SQL|START(?:ING)?|STATISTICS|STATUS|STRIPED|SYSTEM_USER|TABLES?|TABLESPACE|TEMP(?:ORARY|TABLE)?|TERMINATED|TEXT(?:SIZE)?|THEN|TIME(?:STAMP)?|TINY(?:BLOB|INT|TEXT)|TOP?|TRAN(?:SACTIONS?)?|TRIGGER|TRUNCATE|TSEQUAL|TYPES?|UNBOUNDED|UNCOMMITTED|UNDEFINED|UNION|UNIQUE|UNLOCK|UNPIVOT|UNSIGNED|UPDATE(?:TEXT)?|USAGE|USE|USER|USING|VALUES?|VAR(?:BINARY|CHAR|CHARACTER|YING)|VIEW|WAITFOR|WARNINGS|WHEN|WHERE|WHILE|WITH(?: ROLLUP|IN)?|WORK|WRITE(?:TEXT)?|YEAR)\b/i,boolean:/\b(?:FALSE|NULL|TRUE)\b/i,number:/\b0x[\da-f]+\b|\b\d+(?:\.\d*)?|\B\.\d+\b/i,operator:/[-+*\/=%^~]|&&?|\|\|?|!=?|<(?:=>?|<|>)?|>[>=]?|\b(?:AND|BETWEEN|DIV|ILIKE|IN|IS|LIKE|NOT|OR|REGEXP|RLIKE|SOUNDS LIKE|XOR)\b/i,punctuation:/[;[\]()`,.]/};var Nl={},or={},gg;function tu(){if(gg)return or;gg=1,Object.defineProperty(or,"__esModule",{value:!0}),or.isNavigator=or.isBrowser=or.off=or.on=or.noop=void 0;var e=function(){};or.noop=e;function t(n){for(var i=[],s=1;s<arguments.length;s++)i[s-1]=arguments[s];n&&n.addEventListener&&n.addEventListener.apply(n,i)}or.on=t;function r(n){for(var i=[],s=1;s<arguments.length;s++)i[s-1]=arguments[s];n&&n.removeEventListener&&n.removeEventListener.apply(n,i)}return or.off=r,or.isBrowser=typeof window<"u",or.isNavigator=typeof navigator<"u",or}var xg;function ET(){if(xg)return Nl;xg=1,Object.defineProperty(Nl,"__esModule",{value:!0});var e=w,t=tu(),r=function(n){return n===void 0&&(n={laptopL:1440,laptop:1024,tablet:768}),function(){var i=e.useState(t.isBrowser?window.innerWidth:0),s=i[0],o=i[1];e.useEffect(function(){var d=function(){o(window.innerWidth)};return d(),t.on(window,"resize",d),function(){t.off(window,"resize",d)}});var l=e.useMemo(function(){return Object.entries(n).sort(function(d,u){return d[1]>=u[1]?1:-1})},[n]),c=l.reduce(function(d,u){var f=u[0],p=u[1];return s>=p?f:d},l[0][0]);return c}};return Nl.default=r,Nl}var PT=ET();const MT=Wt(PT),AT={xs:480,sm:640,md:768,lg:1024,xl:1280,"2xl":1440,"3xl":1780,"4xl":2160},yn=MT(AT),ru=()=>{const e=yn();return{isMobile:["xs","sm","md"].indexOf(e)!==-1}},_t=({code:e,language:t,expanded:r=!0,noExpand:n=!1,className:i})=>{const{isMobile:s}=ru(),[o,l]=w.useState(!1),[c,d]=w.useState(!!(!n&&r)),[u,f]=w.useState("");w.useEffect(()=>{if(t&&C0.languages[t]){const h=C0.highlight(e,C0.languages[t],t);f(h)}else f(e)},[e,t]);const p=()=>{navigator.clipboard.writeText(e).then(()=>{l(!0),setTimeout(()=>l(!1),2e3)})};return a.jsxs("div",{className:V("overflow-x-auto relative bg-gray-100 dark:bg-gray-800 rounded-xl border dark:border-gray-700 hover:border-gray-600 mt-4",c?"max-h-[300px] h-[300px] transition-all duration-300":"h-full transition-all duration-300",i),children:[a.jsxs("div",{className:V("absolute z-10 top-1 right-1 p-2 flex justify-end items-center w-full gap-1",s&&"flex-col items-end"),children:[a.jsxs("button",{onClick:p,"aria-label":o?"Copied to clipboard":"Copy to clipboard",className:V("p-2 bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 dark:hover:bg-gray-600 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-brand focus:ring-offset-2 dark:focus:ring-offset-gray-800",s&&"p-1 w-8 h-8"),title:"Copy to clipboard",children:[o?a.jsx(B.Check,{className:"w-4 h-4 text-green-500"}):a.jsx(B.Copy,{className:"w-4 h-4 text-gray-600 dark:text-gray-300"}),a.jsx("span",{className:"sr-only",children:o?"Copied!":"Copy code"})]}),!n&&a.jsx("button",{onClick:()=>d(!c),className:V("p-2 bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 dark:hover:bg-gray-600 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-brand focus:ring-offset-2 dark:focus:ring-offset-gray-800",s&&"p-1 w-8 h-8"),title:"Expand/Collapse",children:c?a.jsx(B.ChevronDown,{className:"w-4 h-4 text-gray-600 dark:text-gray-300"}):a.jsx(B.ChevronUp,{className:"w-4 h-4 text-gray-600 dark:text-gray-300"})}),t&&a.jsx("div",{className:V("p-2 text-sm font-mono bg-gray-200 dark:bg-gray-700 hover:bg-gray-300 hover:pointer dark:hover:bg-gray-600 rounded-md transition-colors focus:outline-none focus:ring-2 focus:ring-brand focus:ring-offset-2 dark:focus:ring-offset-gray-800",s&&"w-max max-w-11 h-8"),children:t})]}),a.jsx(ca,{className:"overflow-x-auto h-full p-4 pr-16 pt-4 lg:pr-4 lg:pt-16 transition-all duration-300",children:a.jsx("pre",{className:"text-sm whitespace-pre-wrap font-mono block",children:a.jsx("code",{className:`language-${t||"text"}`,dangerouslySetInnerHTML:{__html:u}})})})]})};function nu({isOpen:e,...t}){return a.jsx(he,{"aria-label":"Menu","aria-describedby":"Menu",title:"Menu",shape:"circle",...t,children:a.jsxs("svg",{className:"sm:w-auo h-auto w-6",width:"30",height:"30",viewBox:"0 0 100 100",children:[a.jsx("path",{className:"ease-[cubic-bezier(0.4, 0, 0.2, 1)] transition-[stroke-dasharray,stroke-dashoffset] duration-600",fill:"none",stroke:"currentColor",strokeWidth:"6",strokeLinecap:"round",strokeDasharray:e?"90 207":"60 207",strokeDashoffset:e?"-134":"0",d:"M 20,29.000046 H 80.000231 C 80.000231,29.000046 94.498839,28.817352 94.532987,66.711331 94.543142,77.980673 90.966081,81.670246 85.259173,81.668997 79.552261,81.667751 75.000211,74.999942 75.000211,74.999942 L 25.000021,25.000058"}),a.jsx("path",{className:"ease-[cubic-bezier(0.4, 0, 0.2, 1)] transition-[stroke-dasharray,stroke-dashoffset] duration-600",fill:"none",stroke:"currentColor",strokeWidth:"6",strokeLinecap:"round",strokeDasharray:e?"1 60":"60 60",strokeDashoffset:e?"-30":"0",d:"M 20,50 H 80"}),a.jsx("path",{className:"ease-[cubic-bezier(0.4, 0, 0.2, 1)] transition-[stroke-dasharray,stroke-dashoffset] duration-600",fill:"none",stroke:"currentColor",strokeWidth:"6",strokeLinecap:"round",strokeDasharray:e?"90 207":"60 207",strokeDashoffset:e?"-134":"0",d:"M 20,70.999954 H 80.000231 C 80.000231,70.999954 94.498839,71.182648 94.532987,33.288669 94.543142,22.019327 90.966081,18.329754 85.259173,18.331003 79.552261,18.332249 75.000211,25.000058 75.000211,25.000058 L 25.000021,74.999942"})]})})}const De=({to:e,...t})=>(n=>n?/^https?:\/\//i.test(n):!1)(e)?a.jsx("a",{rel:"noopener noreferrer",title:t?.title??"",href:e,...t}):a.jsx(Ee.Link,{to:e,...t});function TT({label:e,icon:t,href:r,className:n,onClick:i}){return a.jsxs("button",{className:V("flex h-10 w-full items-center whitespace-nowrap rounded-lg border-2 border-dashed border-gray-500 bg-gray-100 px-6 text-sm uppercase tracking-wider text-gray-900 dark:border-gray-600 dark:bg-gray-800 dark:text-white lg:h-12 min-[1780px]:h-13","hover:border-brand dark:hover:border-brand hover:cursor-pointer hover:transform-3d hover:shadow-lg",n),onClick:i,children:[t&&a.jsx("span",{className:"bg-brand p-1 mr-3.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full  text-white lg:h-6 lg:w-6",children:t}),a.jsx("span",{className:"mr-3.5 grow text-justify text-sm lg:text-sm",children:e}),r&&a.jsx(De,{to:r,children:a.jsx(sb,{className:"rtl:rotate-180"})})]})}function OT({children:e,defaultHeight:t,className:r}){const[n,i]=w.useState(!1),s=w.useRef(null),o=w.useRef(null);function l(){s.current.scrollHeight>t&&setTimeout(()=>{i(!n)},500)}return w.useEffect(()=>{o.current.clientHeight<=t&&i(!0)},[i,t]),a.jsxs("div",{className:V("relative border border-gray-200 dark:border-gray-700 rounded-lg p-4",r),children:[a.jsx("div",{ref:s,style:{height:n?"auto":`${t}px`},className:V("transition-all duration-300",!n&&"overflow-hidden"),children:a.jsx("div",{ref:o,children:e})}),a.jsx("div",{className:"before:content-[' '] relative from-white pt-3 before:absolute before:-top-8 before:block before:h-8 before:w-full before:bg-linear-to-t dark:from-light-dark",children:a.jsx(he,{size:"mini",shape:"rounded",onClick:()=>l(),children:n?"Show Less":"Show More"})})]})}function Rb({top:e,right:t=24,bottom:r=24,left:n,showAfter:i=400,className:s,size:o="medium",behavior:l="smooth",scrollContainer:c}={}){const{pathname:d}=Ee.useLocation(),[u,f]=w.useState(!1),[p,h]=w.useState(!1),m=w.useRef(0),g=w.useRef(null);w.useEffect(()=>{h(!0)},[]);const x=w.useCallback(()=>{if(c?.current)return c.current;const k=document.querySelectorAll('[class*="overflow-auto"], [class*="overflow-y-auto"], [class*="overflow-scroll"]');for(const S of Array.from(k)){const E=S;if(E.scrollHeight>E.clientHeight+50)return E}return window},[c]);w.useEffect(()=>{const k=x();k instanceof HTMLElement?k.scrollTo({top:0,behavior:l}):window.scrollTo({top:0,behavior:l})},[d,l,x]),w.useEffect(()=>{const k=x();g.current=k;const S=()=>{m.current||(m.current=requestAnimationFrame(()=>{const P=k instanceof HTMLElement?k.scrollTop:window.scrollY||document.documentElement.scrollTop||0;f(P>i),m.current=0}))};S();const E=k instanceof HTMLElement?k:window;return E.addEventListener("scroll",S,{passive:!0}),()=>{E.removeEventListener("scroll",S),m.current&&(cancelAnimationFrame(m.current),m.current=0)}},[i,x]);const y=w.useCallback(k=>{k.preventDefault(),k.stopPropagation();const S=g.current||x();S instanceof HTMLElement?S.scrollTo({top:0,behavior:l}):window.scrollTo({top:0,behavior:l})},[l,x]),v={small:"w-10 h-10",medium:"w-12 h-12",large:"w-14 h-14"},b={small:"w-5 h-5",medium:"w-6 h-6",large:"w-7 h-7"},j=k=>{if(k===void 0||k==="")return;if(typeof k=="number")return`${k}px`;const S=Number(k);return isNaN(S)?k:`${S}px`},C={position:"fixed",top:j(e),right:j(t),bottom:j(r),left:j(n)},N=a.jsx("button",{type:"button",onClick:y,"aria-label":"Scroll to top",className:V("z-9999 flex items-center justify-center rounded-md bg-brand/50 text-white shadow-lg","transition-all duration-300 ease-out","hover:bg-brand hover:shadow-xl hover:-translate-y-1","focus:outline-none focus:ring-2 focus:ring-brand/50 focus:ring-offset-2 dark:focus:ring-offset-gray-900","cursor-pointer",v[o],u?"opacity-100 translate-y-0 scale-100 pointer-events-auto":"opacity-0 translate-y-4 scale-90 pointer-events-none",s),style:C,children:a.jsx(Vd,{className:V(b[o],"pointer-events-none")})});return p?xr.createPortal(N,document.body):null}const Ip=()=>{const{formState:e}=ni(),{errors:t}=e;return a.jsxs("div",{className:"mt-[24px] border border-gray-200 dark:border-gray-700 rounded-lg p-[16px]",children:[a.jsx("h3",{className:"text-lg font-medium text-gray-900 dark:text-gray-100 mb-[8px]",children:"Error List"}),Object.keys(t).length>0?a.jsx(_t,{code:JSON.stringify(t,null,2),language:"json"}):a.jsx("p",{className:"text-gray-500 dark:text-gray-400",children:"No errors in the form"})]})},ai=({onSubmit:e,children:t,useFormProps:r,validationSchema:n,className:i,...s})=>{const o=wT({...r}),{register:l}=o;n&&Object.entries(n).forEach(([d,u])=>{u&&l(d,u)});const c=()=>typeof t=="function"?t(o):t;return a.jsx(nT,{...o,children:a.jsx("form",{onSubmit:o.handleSubmit(e),noValidate:!0,...s,className:V("space-y-4",i),children:c()})})},LT={ghost:"transition-shadow rounded-xl border border-gray-200 bg-white text-gray-900 hover:border-gray-300 hover:ring-1 hover:ring-gray-300 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100 dark:hover:border-gray-600 dark:hover:ring-gray-600",solid:"transition-colors rounded-xl bg-gray-200/70 hover:bg-gray-300 dark:bg-gray-800 dark:hover:bg-gray-700",transparent:""};function ii({options:e,onChange:t,onSelect:r,variant:n="ghost",selectedOption:i,className:s,children:o,disabled:l,label:c,useUppercaseLabel:d,required:u,value:f,name:p,errorMessage:h,helperText:m,placeholder:g,buttonClassName:x,searchable:y=!1,searchPlaceholder:v="Search...",showCheck:b=!1}){const j=w.useCallback(R=>R!==void 0?e.find(ae=>ae.value===R):void 0,[e]),[C,N]=w.useState(i??j(f)),[k,S]=w.useState(!1),[E,P]=w.useState(-1),[T,A]=w.useState(!1),[L,D]=w.useState(""),z=w.useRef(null),U=w.useRef(null),I=w.useRef([]),_=w.useRef(null),[q,J]=w.useState({});w.useEffect(()=>{if(f!==void 0){const R=j(f);R&&N(R)}},[f,j]);const oe=i||C,de=w.useMemo(()=>oe?e.findIndex(R=>R.value===oe.value):-1,[e,oe]),ve=w.useCallback(()=>{if(!z.current)return;const R=z.current.getBoundingClientRect(),ae=220,X=window.innerHeight-R.bottom,ge=R.top,be=X<ae&&ge>X;J({position:"fixed",...be?{bottom:window.innerHeight-R.top+4}:{top:R.bottom+4},left:R.left,width:R.width,zIndex:9999})},[]),Y=w.useCallback(()=>{l||(ve(),P(de>=0?de:0),A(!1),D(""),S(!0))},[l,de,ve]),H=w.useCallback(()=>{A(!0);const R=setTimeout(()=>{S(!1),A(!1),P(-1)},100);return()=>clearTimeout(R)},[]),W=w.useCallback(()=>{k?H():Y()},[k,Y,H]),Z=w.useCallback(R=>{N(R),t&&typeof t=="function"&&t(R),r&&r(R.value),H(),z.current?.focus()},[t,r,H]);w.useEffect(()=>{if(!k)return;const R=ae=>{z.current&&!z.current.contains(ae.target)&&U.current&&!U.current.contains(ae.target)&&H()};return document.addEventListener("mousedown",R),()=>document.removeEventListener("mousedown",R)},[k,H]),w.useEffect(()=>{if(!k)return;const R=ae=>{ae.key==="Escape"&&(H(),z.current?.focus())};return document.addEventListener("keydown",R),()=>document.removeEventListener("keydown",R)},[k,H]),w.useEffect(()=>{if(!k)return;const R=()=>ve();return window.addEventListener("scroll",R,!0),window.addEventListener("resize",R),()=>{window.removeEventListener("scroll",R,!0),window.removeEventListener("resize",R)}},[k,ve]),w.useEffect(()=>{E>=0&&I.current[E]&&I.current[E]?.scrollIntoView({block:"nearest"})},[E]),w.useEffect(()=>{k&&y&&requestAnimationFrame(()=>_.current?.focus()),k||D("")},[k,y]);const ne=w.useMemo(()=>{if(!y||!L.trim())return e;const R=L.toLowerCase();return e.filter(ae=>ae.name.toLowerCase().includes(R)||ae.value.toLowerCase().includes(R)||ae.description?.toLowerCase().includes(R))},[e,L,y]),te=R=>{if(!k){switch(R.key){case"ArrowDown":case"ArrowUp":case"Enter":case" ":R.preventDefault(),Y();break}return}switch(R.key){case"ArrowDown":R.preventDefault(),P(ae=>ae<ne.length-1?ae+1:0);break;case"ArrowUp":R.preventDefault(),P(ae=>ae>0?ae-1:ne.length-1);break;case"Enter":case" ":R.preventDefault(),E>=0&&ne[E]&&!ne[E].disabled&&Z(ne[E]);break;case"Escape":case"Tab":R.preventDefault(),H();break}},re=p?a.jsx("input",{type:"hidden",name:p,value:oe?.value??""}):null,xe=k&&xr.createPortal(a.jsxs("div",{ref:U,role:"listbox",tabIndex:-1,"aria-activedescendant":E>=0?`select-option-${E}`:void 0,style:q,className:V("max-h-55 overflow-hidden rounded-xl border border-gray-200 bg-white shadow-large outline-hidden dark:border-gray-700 dark:bg-gray-800","transition ease-in duration-100",T?"opacity-0":"opacity-100"),children:[y&&a.jsxs("div",{className:"flex items-center gap-2 border-b border-gray-200 dark:border-gray-700 px-3 py-2",children:[a.jsx(B.Search,{className:"h-3.5 w-3.5 shrink-0 text-gray-400 dark:text-gray-500"}),a.jsx("input",{ref:_,type:"text",value:L,onChange:R=>{D(R.target.value),P(0)},placeholder:v,className:"flex-1 bg-transparent text-sm text-gray-900 dark:text-gray-100 placeholder:text-gray-400 dark:placeholder:text-gray-500 outline-none",onKeyDown:R=>{R.stopPropagation(),R.key==="Escape"&&(L?D(""):(H(),z.current?.focus())),R.key==="ArrowDown"&&(R.preventDefault(),P(ae=>ae<ne.length-1?ae+1:0)),R.key==="ArrowUp"&&(R.preventDefault(),P(ae=>ae>0?ae-1:ne.length-1)),R.key==="Enter"&&(R.preventDefault(),E>=0&&ne[E]&&!ne[E].disabled&&Z(ne[E]))}}),L&&a.jsx("button",{type:"button",onClick:()=>D(""),className:"shrink-0 text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors",children:a.jsx(B.X,{className:"h-3.5 w-3.5"})})]}),a.jsxs("div",{className:"max-h-44 overflow-auto grid gap-0.5 p-1 min-[500px]:p-2",children:[ne.length===0?a.jsx("div",{className:"px-3 py-3 text-center text-sm text-gray-500 dark:text-gray-400",children:"No results"}):ne.map((R,ae)=>{const X=oe?.value===R.value,ge=ae===E,be=R.disabled;return a.jsxs("div",{id:`select-option-${ae}`,ref:Pe=>{I.current[ae]=Pe},role:"option","aria-selected":X,"aria-disabled":be,onClick:()=>!be&&Z(R),onTouchStart:()=>!be&&Z(R),onMouseEnter:()=>!be&&P(ae),className:V("flex items-center rounded-md px-3 py-2 text-sm transition",be?"cursor-not-allowed opacity-50 text-gray-400 dark:text-gray-600":"cursor-pointer text-gray-900 dark:text-gray-100",!be&&X&&"bg-gray-200/70 font-medium dark:bg-gray-600/60",!be&&!X&&ge&&"bg-gray-300 dark:bg-gray-600",!be&&!X&&!ge&&"hover:bg-gray-300 dark:hover:bg-gray-600"),children:[R.icon&&a.jsx("span",{className:"mr-2 shrink-0",children:R.icon}),a.jsxs("div",{className:"flex-1 min-w-0",children:[a.jsx("span",{className:"block truncate",children:R.name}),R.description&&a.jsx("span",{className:"block text-[11px] text-gray-500 dark:text-gray-400 truncate",children:R.description})]}),b&&X&&a.jsx(B.Check,{className:"h-4 w-4 shrink-0 ml-2 text-brand"})]},`${R.value}-${ae}`)}),o&&o]})]}),document.body);return a.jsxs("div",{className:V("relative text-sm sm:text-sm",s),children:[re,c&&a.jsxs("span",{className:V("block font-medium tracking-widest dark:text-gray-100",d?"mb-2 uppercase sm:mb-3":"mb-1.5 ml-1.5"),children:[c,u&&a.jsx("sup",{className:"inline-block text-[13px] text-red-500 ltr:ml-1 rtl:mr-1",children:"*"})]}),a.jsxs("button",{ref:z,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":k,"aria-controls":"select-listbox","aria-disabled":l,disabled:l,onClick:W,onKeyDown:te,className:V("text-case-inherit letter-space-inherit flex h-[40px] w-full items-center justify-between px-4 text-sm font-medium outline-hidden duration-200 sm:h-[48px] sm:px-5",LT[n],l&&"cursor-not-allowed bg-muted/10!",x),children:[a.jsxs("div",{className:V("flex items-center",l&&"text-gray-500"),children:[oe?.icon&&a.jsx("span",{className:"mr-1",children:oe.icon}),oe?.name||g||"Select an option"]}),a.jsx(_n,{className:V("transition-transform duration-200",l&&"text-gray-500",k&&"rotate-180")})]}),xe,h&&a.jsx(gn,{error:h,size:"md"}),!h&&m&&a.jsx(xn,{size:"md",children:m})]})}function DT({className:e}){return a.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",className:e,children:a.jsx("path",{fillRule:"evenodd",d:"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",clipRule:"evenodd"})})}const IT={ghost:"transition-shadow border border-gray-200 bg-white text-gray-900 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100",solid:"transition-colors  bg-gray-200/70 hover:bg-gray-300 dark:bg-gray-800 dark:hover:bg-gray-700",transparent:""},yg={rounded:"rounded-xl",square:"rounded-md"},si=w.forwardRef(({size:e="md",color:t="primary",labelPlacement:r="end",label:n,disabled:i,error:s,helperText:o,className:l,activeClassName:c,containerClassName:d,iconClassName:u,labelClassName:f,inputClassName:p,errorClassName:h,helperClassName:m,id:g,variant:x="ghost",shape:y="square",...v},b)=>{const j=w.useId(),C=g||j,N=`${C}-error`,k=`${C}-helper`,S=[s?N:null,o?k:null].filter(Boolean).join(" ")||void 0,E={sm:"h-[16px] w-[16px]",md:"h-[20px] w-[20px]",lg:"h-[24px] w-[24px]"},T=(D=>{const z={primary:{base:"",checked:"checked:border-brand checked:bg-brand",hover:"hover:enabled:border-brand",checkedHover:"checked:hover:enabled:bg-brand/90 checked:hover:enabled:border-brand/90 checked:hover:enabled:scale-105",focus:"focus:enabled:border-brand focus:ring-brand/30",disabled:"disabled:bg-muted/10 disabled:border-gray-300",icon:"bg-brand"},secondary:{base:"",checked:"checked:border-gray-900 checked:bg-gray-900",hover:"hover:enabled:border-gray-900",checkedHover:"checked:hover:enabled:bg-gray-800 checked:hover:enabled:border-gray-800 checked:hover:enabled:scale-105",focus:"focus:enabled:border-gray-900 focus:ring-gray-900/30",disabled:"disabled:bg-muted/10 disabled:border-gray-300",icon:"bg-gray-500"},danger:{base:"",checked:"checked:border-red-500 checked:bg-red-500",hover:"hover:enabled:border-red-500",checkedHover:"checked:hover:enabled:bg-red-600 checked:hover:enabled:border-red-600 checked:hover:enabled:scale-105",focus:"focus:enabled:border-red-500 focus:ring-red-500/30",disabled:"disabled:bg-muted/10 disabled:border-gray-300",icon:"bg-red-500"},info:{base:"",checked:"checked:border-blue-500 checked:bg-blue-500",hover:"hover:enabled:border-blue-500",checkedHover:"checked:hover:enabled:bg-blue-600 checked:hover:enabled:border-blue-600 checked:hover:enabled:scale-105",focus:"focus:enabled:border-blue-500 focus:ring-blue-500/30",disabled:"disabled:bg-muted/10 disabled:border-gray-300",icon:"bg-blue-500"},success:{base:"",checked:"checked:border-green-500 checked:bg-green-500",hover:"hover:enabled:border-green-500",checkedHover:"checked:hover:enabled:bg-green-600 checked:hover:enabled:border-green-600 checked:hover:enabled:scale-105",focus:"focus:enabled:border-green-500 focus:ring-green-500/30",disabled:"disabled:bg-muted/10 disabled:border-gray-300",icon:"bg-green-500"},warning:{base:"",checked:"checked:border-orange-500 checked:bg-orange-500",hover:"hover:enabled:border-orange-500",checkedHover:"checked:hover:enabled:bg-orange-600 checked:hover:enabled:border-orange-600 checked:hover:enabled:scale-105",focus:"focus:enabled:border-orange-500 focus:ring-orange-500/30",disabled:"disabled:bg-muted/10 disabled:border-gray-300",icon:"bg-orange-500"}};return z[D]||z.primary})(t),A={sm:"text-sm",md:"text-sm",lg:"text-base"},L={sm:r==="start"?"mr-[4px] rtl:ml-[4px]":"ml-[4px] rtl:mr-[4px]",md:r==="start"?"mr-[6px] rtl:ml-[6px]":"ml-[6px] rtl:mr-[6px]",lg:r==="start"?"mr-[8px] rtl:ml-[8px]":"ml-[8px] rtl:mr-[8px]"};return a.jsxs("div",{className:V("flex flex-col",l,c),children:[a.jsxs("label",{htmlFor:C,className:V("flex flex-row items-center",i&&"cursor-not-allowed",d),children:[a.jsxs("div",{className:V("relative leading-none"),children:[a.jsx("input",{type:"checkbox",ref:b,id:C,disabled:i,"aria-describedby":S,"aria-invalid":s?"true":"false",className:V("peer appearance-none cursor-pointer disabled:cursor-not-allowed transition-all duration-200 ease-in-out",yg[y],IT[x],"focus:outline-none focus:ring-0","checked:ring-0",E[e],T.base,T.checked,T.hover,T.checkedHover,T.focus,T.disabled,i&&"bg-muted/10! border-gray-200! dark:border-gray-700!",p),...v}),a.jsx(DT,{className:V(`peer-checked:opacity-100 ${yg[y]} absolute opacity-0 text-white top-0 left-0 pointer-events-none`,E[e],i?"bg-muted/10! border-gray-200! dark:border-gray-700!":T.icon,u)})]}),n&&a.jsx("span",{className:V(A[e],L[e],r==="start"&&"order-first",f),children:n})]}),!s&&o&&a.jsx(xn,{id:k,size:"md",className:m,children:o}),s&&a.jsx(gn,{id:N,className:h,size:"md",error:s})]})});si.displayName="Checkbox";const kl={base:"appearance-none cursor-pointer rounded-full disabled:bg-muted/10 disabled:border-gray-200 disabled:cursor-not-allowed transition-all duration-200",size:{sm:"h-[16px] w-[16px]",md:"h-[20px] w-[20px]",lg:"h-[24px] w-[24px]",xl:"h-[28px] w-[28px]"},variant:{ghost:{base:"border-[2px] bg-white dark:bg-gray-800 hover:enabled:bg-gray-100 dark:hover:enabled:bg-gray-700 transition-colors",color:{primary:"border-brand focus:ring-[2px] focus:ring-brand/30 checked:border-brand checked:bg-brand checked:hover:enabled:bg-brand/90 checked:hover:enabled:border-brand/90 checked:hover:enabled:scale-105",secondary:"border-gray-500 focus:ring-[2px] focus:ring-gray-500/30 checked:border-gray-500 checked:bg-gray-500 checked:hover:enabled:bg-gray-600 checked:hover:enabled:border-gray-600 checked:hover:enabled:scale-105",danger:"border-red-500 focus:ring-[2px] focus:ring-red-500/30 checked:border-red-500 checked:bg-red-500 checked:hover:enabled:bg-red-600 checked:hover:enabled:border-red-600 checked:hover:enabled:scale-105",info:"border-blue-500 focus:ring-[2px] focus:ring-blue-500/30 checked:border-blue-500 checked:bg-blue-500 checked:hover:enabled:bg-blue-600 checked:hover:enabled:border-blue-600 checked:hover:enabled:scale-105",success:"border-green-500 focus:ring-[2px] focus:ring-green-500/30 checked:border-green-500 checked:bg-green-500 checked:hover:enabled:bg-green-600 checked:hover:enabled:border-green-600 checked:hover:enabled:scale-105",warning:"border-orange-500 focus:ring-[2px] focus:ring-orange-500/30 checked:border-orange-500 checked:bg-orange-500 checked:hover:enabled:bg-orange-600 checked:hover:enabled:border-orange-600 checked:hover:enabled:scale-105"}},solid:{base:"border-[2px] bg-gray-200/70 dark:bg-gray-800 hover:enabled:bg-gray-300 dark:hover:enabled:bg-gray-700 transition-colors",color:{primary:"border-transparent focus:ring-[2px] focus:ring-brand/30 checked:border-brand checked:bg-brand checked:hover:enabled:bg-brand/90 checked:hover:enabled:border-brand/90 checked:hover:enabled:scale-105",secondary:"border-transparent focus:ring-[2px] focus:ring-gray-500/30 checked:border-gray-500 checked:bg-gray-500 checked:hover:enabled:bg-gray-600 checked:hover:enabled:border-gray-600 checked:hover:enabled:scale-105",danger:"border-transparent focus:ring-[2px] focus:ring-red-500/30 checked:border-red-500 checked:bg-red-500 checked:hover:enabled:bg-red-600 checked:hover:enabled:border-red-600 checked:hover:enabled:scale-105",info:"border-transparent focus:ring-[2px] focus:ring-blue-500/30 checked:border-blue-500 checked:bg-blue-500 checked:hover:enabled:bg-blue-600 checked:hover:enabled:border-blue-600 checked:hover:enabled:scale-105",success:"border-transparent focus:ring-[2px] focus:ring-green-500/30 checked:border-green-500 checked:bg-green-500 checked:hover:enabled:bg-green-600 checked:hover:enabled:border-green-600 checked:hover:enabled:scale-105",warning:"border-transparent focus:ring-[2px] focus:ring-orange-500/30 checked:border-orange-500 checked:bg-orange-500 checked:hover:enabled:bg-orange-600 checked:hover:enabled:border-orange-600 checked:hover:enabled:scale-105"}},transparent:{base:"",color:{primary:"border-[2px] border-transparent focus:ring-[2px] focus:ring-brand/30 checked:border-brand checked:bg-brand checked:hover:enabled:bg-brand/90 checked:hover:enabled:border-brand/90 checked:hover:enabled:scale-105",secondary:"border-[2px] border-transparent focus:ring-[2px] focus:ring-gray-500/30 checked:border-gray-500 checked:bg-gray-500 checked:hover:enabled:bg-gray-600 checked:hover:enabled:border-gray-600 checked:hover:enabled:scale-105",danger:"border-[2px] border-transparent focus:ring-[2px] focus:ring-red-500/30 checked:border-red-500 checked:bg-red-500 checked:hover:enabled:bg-red-600 checked:hover:enabled:border-red-600 checked:hover:enabled:scale-105",info:"border-[2px] border-transparent focus:ring-[2px] focus:ring-blue-500/30 checked:border-blue-500 checked:bg-blue-500 checked:hover:enabled:bg-blue-600 checked:hover:enabled:border-blue-600 checked:hover:enabled:scale-105",success:"border-[2px] border-transparent focus:ring-[2px] focus:ring-green-500/30 checked:border-green-500 checked:bg-green-500 checked:hover:enabled:bg-green-600 checked:hover:enabled:border-green-600 checked:hover:enabled:scale-105",warning:"border-[2px] border-transparent focus:ring-[2px] focus:ring-orange-500/30 checked:border-orange-500 checked:bg-orange-500 checked:hover:enabled:bg-orange-600 checked:hover:enabled:border-orange-600 checked:hover:enabled:scale-105"}}}},vg={size:{text:{sm:"text-sm",md:"text-sm",lg:"text-base",xl:"text-lg"},margin:{start:{sm:"mr-[4px] rtl:ml-[4px]",md:"mr-[6px] rtl:ml-[6px]",lg:"mr-[8px] rtl:ml-[8px]",xl:"mr-[8px] rlt:ml-[8px]"},end:{sm:"ml-[4px] rtl:mr-[4px]",md:"ml-[6px] rtl:mr-[6px]",lg:"ml-[8px] rtl:mr-[8px]",xl:"ml-[8px] rtl:mr-[8px]"}}}},_o=w.forwardRef(({variant:e="ghost",size:t="md",color:r="primary",labelPlacement:n="end",label:i,disabled:s,error:o,helperText:l,className:c,activeClassName:d,containerClassName:u,labelClassName:f,inputClassName:p,errorClassName:h,helperClassName:m,...g},x)=>a.jsxs("div",{className:V("flex flex-col",c,d),children:[a.jsxs("label",{className:V("flex flex-row items-center",s&&"cursor-not-allowed",u),children:[a.jsxs("div",{className:"relative inline-flex items-center justify-center",children:[a.jsx("input",{type:"radio",ref:x,disabled:s,className:V(kl.base,kl.size[t],kl.variant[e].base,kl.variant[e].color[r],s&&"cursor-not-allowed bg-muted/10! border-gray-200! dark:border-gray-700!","peer",p),...g}),a.jsx("span",{className:V("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 rounded-full pointer-events-none","peer-checked:block peer-checked:bg-white","peer-checked:transition-all",t==="sm"&&"w-[6px] h-[6px]",t==="md"&&"w-[8px] h-[8px]",t==="lg"&&"w-[10px] h-[10px]",t==="xl"&&"w-[12px] h-[12px]","hidden")})]}),i&&a.jsx("span",{className:V(vg.size.text[t],vg.size.margin[n][t],n==="start"&&"order-first",f),children:i})]}),!o&&l&&a.jsx(xn,{size:"md",className:m,children:l}),o&&a.jsx(gn,{size:"md",error:o,className:h})]})),bg={base:"flex flex-row",center:"justify-center align-center"},va={base:"block peer text-center mr-[8px] last:mr-0 focus:placeholder:opacity-0 focus:outline-hidden transition duration-200 disabled:bg-muted/10 disabled:placeholder:text-gray-400 disabled:cursor-not-allowed disabled:border-gray-200",numberType:"[&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none [-moz-appearance:textfield]",error:"border-red hover:enabled:!border-red-500 focus:enabled:!border-red-500 focus:!ring-red-500",size:{sm:"px-[4px] py-[4px] text-sm h-[32px] w-[32px]",md:"px-[8px] py-[8px] text-sm h-[40px] w-[40px]",lg:"px-[8px] py-[8px] text-base h-[48px] w-[48px]",xl:"px-[10px] py-[10px] text-lg h-[56px] w-[56px]"},rounded:{none:"rounded-none",sm:"rounded-xs",md:"rounded-md",lg:"rounded-lg",full:"rounded-full"},variant:{ghost:{base:"transition-shadow border border-gray-200 bg-white text-gray-900 hover:border-gray-300 hover:ring-1 hover:ring-gray-300 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100 dark:hover:border-gray-600 dark:hover:ring-gray-600",color:{primary:"hover:enabled:border-brand focus:enabled:border-brand focus:ring-brand",secondary:"hover:enabled:border-gray-500 focus:enabled:border-gray-500 focus:ring-gray-500",danger:"hover:enabled:border-red-500 focus:enabled:border-red-500 focus:ring-red-500",info:"hover:enabled:border-blue focus:enabled:border-blue focus:ring-blue",success:"hover:enabled:border-green-500 focus:enabled:border-green-500 focus:ring-green-500",warning:"hover:enabled:border-orange-500 focus:enabled:border-orange-500 focus:ring-orange-500"}},solid:{base:"transition-colors bg-gray-200/70 hover:bg-gray-300 dark:bg-gray-800 dark:hover:bg-gray-700",color:{primary:"hover:enabled:bg-brand/70 focus:ring-brand/30",secondary:"hover:enabled:bg-gray-500/70 focus:ring-gray-500/30",danger:"hover:enabled:bg-red-500/70 focus:ring-red-500/30",info:"hover:enabled:bg-blue-500/70 focus:ring-blue-500/30",success:"hover:enabled:bg-green-500/70 focus:ring-green-500/30",warning:"hover:enabled:bg-orange-500/70 focus:ring-orange-500/30"}},transparent:{base:"bg-transparent",color:{primary:"border border-transparent hover:enabled:border-brand focus:enabled:border-brand focus:ring-brand",secondary:"border border-transparent hover:enabled:border-gray-500 focus:enabled:border-gray-500 focus:ring-gray-500",danger:"border border-transparent hover:enabled:border-red-500 focus:enabled:border-red-500 focus:ring-red-500",info:"border border-transparent hover:enabled:border-blue focus:enabled:border-blue focus:ring-blue",success:"border border-transparent hover:enabled:border-green-500 focus:enabled:border-green-500 focus:ring-green-500",warning:"border border-transparent hover:enabled:border-orange-500 focus:enabled:border-orange-500 focus:ring-orange-500"}}}};function zp({type:e="text",value:t="",onChange:r,mask:n=!1,length:i=4,center:s=!0,size:o="md",rounded:l="md",variant:c="ghost",color:d,placeholder:u="-",error:f,className:p,inputClassName:h,errorClassName:m,helperText:g,helperTextClassName:x,fullWidth:y=!1,...v}){const b=w.useRef([]);function j(E){return P=>{P&&(b.current[E]=P)}}w.useEffect(()=>{const E=t.split("");b.current.forEach((P,T)=>{P&&P.value!==(E[T]||"")&&(P.value=E[T]||"")})},[t]);function C(){const E=b.current.map(P=>P?.value||"").join("");r&&r(E)}function N(E,P){const T=E.target.value.split("");b.current[P].value=T[T.length-1],P<i-1&&b.current[P+1].focus(),C()}function k(E,P){const T=b.current[P].value;if(E.key==="ArrowRight"&&P<i-1&&b.current[P+1].focus(),E.key==="ArrowLeft"&&P>0&&b.current[P-1].focus(),E.key==="Backspace"){if(T!=="")b.current[P].value="";else{if(P===0)return;b.current[P-1].value="",b.current[P-1].focus()}C()}}function S(E,P){const T=E.clipboardData.getData("text").split("");for(let A=0;A<i-P;A+=1)b.current[P+A].value=T[A]??"",P+A===i-1?b.current[P+A].focus():b.current[P+A+1].focus();E.preventDefault(),C()}return a.jsxs("div",{className:V("flex flex-col items-center justify-center",y&&"w-full"),children:[a.jsx("div",{className:V(bg.base,s&&bg.center,y&&"w-full! justify-between!",p),children:Array.from({length:i},(E,P)=>{const T=t.split("")[P]||"";return a.jsx("input",{ref:j(P),type:e,inputMode:e==="text"?e:"numeric",value:T,autoCapitalize:"off",autoCorrect:"off",autoComplete:"off",placeholder:u,onChange:A=>N(A,P),onKeyDown:A=>k(A,P),onPaste:A=>S(A,P),className:V(va.base,e==="number"&&va.numberType,va.size[o],va.rounded[l],va.variant[c].base,d&&va.variant[c].color[d],f&&va.error,n&&"password-dot",v.disabled&&"bg-muted/10! cursor-not-allowed border-gray-200! dark:border-gray-700! hover:border-gray-200! dark:hover:border-gray-700!",h),...v},P)})}),!f&&g&&a.jsx(xn,{size:"md",className:x,children:g}),f&&a.jsx(gn,{className:V("text-left w-full",m),error:f,size:"md"})]})}const qe=({name:e,label:t,helperText:r,className:n,rules:i,children:s,hideError:o=!1,showHelper:l=!1})=>{const{control:c,formState:{errors:d}}=ni(),p=((h,m)=>{const g=m.split(".");let x=h;for(const y of g){if(x==null)return;x=x[y]}return x})(d,e)?.message;return a.jsxs("div",{className:n,children:[a.jsx(Tb,{control:c,name:e,...i?{rules:i}:{},render:({field:h})=>{const m=s.type===ii,g=s.type===si,x=s.type===_o,y=s.type===zp,v=g||x?!!h.value:h.value??"",j={...{...h,value:v,id:e,label:t||s.props?.label,...s.props},...m&&{value:h.value??"",onChange:C=>{const N=C?.value!==void 0?C.value:C;h.onChange(N)}},...g&&{checked:!!h.value,onChange:C=>{h.onChange(C.target.checked)}},...x&&{checked:!!h.value,onChange:C=>{h.onChange(C.target.checked)}},...y&&{value:h.value??"",onChange:C=>{h.onChange(C)}}};return w.cloneElement(s,j)}}),!o&&p&&a.jsx(gn,{error:p,size:"md"}),!p&&l&&r&&a.jsx(xn,{size:"md",children:r})]})};function zT({title:e,subTitle:t,important:r,className:n,titleClassName:i}){return a.jsxs("div",{className:V("relative mb-3",n),children:[a.jsxs("span",{className:V("block text-sm font-medium tracking-wider text-gray-900 dark:text-white",i),children:[e,r&&a.jsx("sup",{className:"text-red-500 ltr:ml-1.5 rtl:mr-1.5",children:"*"})]}),t&&a.jsx("span",{className:"mt-1 block text-sm tracking-tighter text-gray-600 dark:text-gray-400 sm:text-sm",children:t})]})}function VT({label:e,onOptionSelect:t,options:r=[],initialValue:n,noMatchesMessage:i,multiple:s=!1,variant:o="ghost",disabled:l=!1,...c}){const[d,u]=w.useState(n?.toString()||""),[f,p]=w.useState(!1),[h,m]=w.useState(!1),[g,x]=w.useState(-1),[y,v]=w.useState(null),[b,j]=w.useState([]),C=w.useRef(null),N=w.useRef(null),k=w.useRef(null),S=w.useRef([]),E=w.useRef(n),[P,T]=w.useState({});w.useEffect(()=>{const Y=n?.toString()||"",H=E.current?.toString()||"";Y!==H&&(E.current=n,u(Y),Y||(v(null),j([])))},[n]);const A=w.useMemo(()=>{if(!r||r.length===0)return[];if(!d.trim())return r;const Y=d.toLowerCase();return r.filter(H=>H.name.toLowerCase().includes(Y)||H.value.toLowerCase().includes(Y)||H.description?.toLowerCase().includes(Y))},[d,r]),L=w.useCallback(()=>{if(!C.current)return;const Y=C.current.getBoundingClientRect(),H=260,W=window.innerHeight-Y.bottom,Z=Y.top,ne=W<H&&Z>W;T({position:"fixed",...ne?{bottom:window.innerHeight-Y.top+4}:{top:Y.bottom+4},left:Y.left,width:Y.width,zIndex:9999})},[]),D=w.useCallback(()=>{l||(L(),x(-1),m(!1),p(!0))},[l,L]),z=w.useCallback(()=>{m(!0);const Y=setTimeout(()=>{p(!1),m(!1),x(-1)},100);return()=>clearTimeout(Y)},[]);w.useEffect(()=>{if(!f)return;const Y=H=>{C.current&&!C.current.contains(H.target)&&k.current&&!k.current.contains(H.target)&&z()};return document.addEventListener("mousedown",Y),()=>document.removeEventListener("mousedown",Y)},[f,z]),w.useEffect(()=>{if(!f)return;const Y=H=>{H.key==="Escape"&&(z(),N.current?.focus())};return document.addEventListener("keydown",Y),()=>document.removeEventListener("keydown",Y)},[f,z]),w.useEffect(()=>{if(!f)return;const Y=()=>L();return window.addEventListener("scroll",Y,!0),window.addEventListener("resize",Y),()=>{window.removeEventListener("scroll",Y,!0),window.removeEventListener("resize",Y)}},[f,L]),w.useEffect(()=>{g>=0&&S.current[g]&&S.current[g]?.scrollIntoView({block:"nearest"})},[g]);const U=w.useCallback(Y=>{if(!Y.disabled)if(s){const W=b.some(Z=>Z.value===Y.value)?b.filter(Z=>Z.value!==Y.value):[...b,Y];j(W),u(""),t?.(W),N.current?.focus()}else v(Y),u(Y.name),z(),t?.(Y)},[s,b,t,z]),I=w.useCallback((Y,H)=>{Y.stopPropagation();const W=b.filter(Z=>Z.value!==H.value);j(W),t?.(W),N.current?.focus()},[b,t]),_=w.useCallback(Y=>{const H=Y.target.value;u(H),!s&&y&&H!==y.name&&v(null),!f&&H.trim()&&D()},[s,y,f,D]),q=w.useCallback(Y=>{if(!f){(Y.key==="ArrowDown"||Y.key==="ArrowUp")&&(Y.preventDefault(),D());return}switch(Y.key){case"ArrowDown":Y.preventDefault(),x(H=>{let W=H<A.length-1?H+1:0;for(;A[W]?.disabled&&W!==H;)W=W<A.length-1?W+1:0;return W});break;case"ArrowUp":Y.preventDefault(),x(H=>{let W=H>0?H-1:A.length-1;for(;A[W]?.disabled&&W!==H;)W=W>0?W-1:A.length-1;return W});break;case"Enter":Y.preventDefault(),g>=0&&A[g]&&!A[g].disabled&&U(A[g]);break;case"Escape":Y.preventDefault(),z();break;case"Tab":z();break}},[f,A,g,U,D,z]),J=w.useMemo(()=>d.trim().length>3&&r.length>0&&A.length===0&&(s?b.length===0:!y)?i||"No matches found":void 0,[d,r.length,A.length,s,b.length,y,i]),oe=w.useCallback(Y=>{const H=d.trim();if(!H)return a.jsx("span",{children:Y});const W=Y.toLowerCase(),Z=H.toLowerCase(),ne=[];let te=0,re=W.indexOf(Z,te);for(;re!==-1;)re>te&&ne.push({text:Y.substring(te,re),isMatch:!1}),ne.push({text:Y.substring(re,re+H.length),isMatch:!0}),te=re+H.length,re=W.indexOf(Z,te);return te<Y.length&&ne.push({text:Y.substring(te),isMatch:!1}),a.jsx("span",{children:ne.map((xe,R)=>xe.isMatch?a.jsx("span",{className:"font-semibold text-brand",children:xe.text},R):a.jsx("span",{children:xe.text},R))})},[d]),de=w.useCallback(Y=>s?b.some(H=>H.value===Y.value):y?.value===Y.value,[s,b,y]),ve=f&&A.length>0&&xr.createPortal(a.jsx("div",{ref:k,role:"listbox",tabIndex:-1,"aria-activedescendant":g>=0?`searcher-option-${g}`:void 0,style:P,className:V("max-h-60 overflow-hidden rounded-xl border border-gray-200 bg-white shadow-large outline-hidden dark:border-gray-700 dark:bg-gray-800","transition ease-in duration-100",h?"opacity-0":"opacity-100"),children:a.jsx("div",{className:"max-h-56 overflow-auto grid gap-0.5 p-1 min-[500px]:p-2",children:A.map((Y,H)=>{const W=de(Y),Z=H===g,ne=Y.disabled;return a.jsxs("div",{id:`searcher-option-${H}`,ref:te=>{S.current[H]=te},role:"option","aria-selected":W,"aria-disabled":ne,onClick:()=>!ne&&U(Y),onMouseEnter:()=>!ne&&x(H),className:V("flex items-center rounded-md px-3 py-2 text-sm transition",ne?"cursor-not-allowed opacity-50 text-gray-400 dark:text-gray-600":"cursor-pointer text-gray-900 dark:text-gray-100",!ne&&W&&"bg-gray-200/70 font-medium dark:bg-gray-600/60",!ne&&!W&&Z&&"bg-gray-300 dark:bg-gray-600",!ne&&!W&&!Z&&"hover:bg-gray-300 dark:hover:bg-gray-600"),children:[Y.icon&&a.jsx("span",{className:"mr-2 shrink-0",children:Y.icon}),a.jsxs("div",{className:"flex-1 min-w-0",children:[a.jsx("span",{className:"block truncate",children:oe(Y.name)}),Y.description&&a.jsx("span",{className:"block text-[11px] text-gray-500 dark:text-gray-400 truncate",children:Y.description})]}),W&&a.jsx(ib,{className:"h-4 w-4 shrink-0 ml-2 text-brand"})]},`${Y.value}-${H}`)})})}),document.body);return a.jsxs("div",{className:"relative",ref:C,children:[a.jsx(ut,{ref:N,label:e,variant:o,disabled:l,icon:a.jsx(bb,{className:"h-4 w-4 dark:text-white text-current"}),value:d,onChange:_,error:J,onFocus:()=>{A.length>0&&D()},onKeyDown:q,"aria-role":"combobox","aria-expanded":f,"aria-haspopup":"listbox","aria-autocomplete":"list",...c}),s&&b.length>0&&a.jsx("div",{className:"mt-2 flex flex-wrap items-center gap-2",children:b.map(Y=>a.jsxs("span",{className:"inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium bg-brand/10 text-brand rounded-md",children:[Y.icon&&a.jsx("span",{className:"shrink-0",children:Y.icon}),Y.name,a.jsx("button",{type:"button",onClick:H=>I(H,Y),className:"hover:bg-brand/20 rounded-full p-0.5 transition-colors","aria-label":`Remove ${Y.name}`,children:a.jsx(Fn,{className:"h-3 w-3"})})]},Y.value))}),ve]})}const RT={vertical:{sm:"space-y-[4px]",md:"space-y-[8px]",lg:"space-y-[12px]",xl:"space-y-[16px]"},horizontal:{sm:"space-x-[8px] rtl:space-x-reverse",md:"space-x-[16px] rtl:space-x-reverse",lg:"space-x-[24px] rtl:space-x-reverse",xl:"space-x-[32px] rtl:space-x-reverse"}},Vp=w.forwardRef(({value:e,defaultValue:t,variant:r="ghost",size:n="md",color:i="primary",labelPlacement:s="end",disabled:o=!1,label:l,error:c,helperText:d,className:u,containerClassName:f,labelClassName:p,errorClassName:h,helperClassName:m,direction:g="vertical",gap:x="md",options:y,children:v,onChange:b,...j},C)=>{const[N,k]=w.useState(e!==void 0?e:t);w.useEffect(()=>{e!==void 0&&k(e)},[e]);const S=P=>{const T=P.target.value;e===void 0&&k(T),b?.(T)},E=()=>y?y.map(P=>{const T=N!==void 0&&N.toString()===P.value.toString(),{name:A,label:L,value:D,disabled:z,...U}=P;return a.jsx(_o,{name:A,label:L,value:D,disabled:o||z,checked:T,variant:r,size:n,color:i,labelPlacement:s,onChange:S,activeClassName:T?"active":"",...U},D)}):w.Children.map(v,P=>{if(!w.isValidElement(P))return P;const T=N!==void 0&&N.toString()===P.props.value?.toString();return w.cloneElement(P,{checked:T,onChange:S,disabled:o||P.props.disabled,variant:P.props.variant||r,size:P.props.size||n,color:P.props.color||i,labelPlacement:P.props.labelPlacement||s,activeClassName:T?"active":""})});return a.jsxs("div",{ref:C,className:V("flex flex-col",u),...j,children:[l&&a.jsx("label",{className:V("block text-sm font-medium mb-[6px]",p),children:l}),a.jsx("div",{className:V("flex",g==="vertical"?"flex-col":"flex-row flex-wrap items-center",RT[g][x],f),children:E()}),!c&&d&&a.jsx(xn,{size:"md",className:m,children:d}),c&&a.jsx(gn,{size:"md",error:c,className:h})]})}),wg={ghost:{unchecked:"border border-gray-200 bg-white dark:border-gray-700 dark:bg-gray-800",checked:"bg-brand"},solid:{unchecked:"bg-gray-200/70 dark:bg-gray-800",checked:"bg-brand"},transparent:{unchecked:"bg-transparent border border-gray-200 dark:border-gray-700",checked:"bg-brand"}},Rp=({label:e,offLabel:t,onLabel:r,checked:n,onChange:i,variant:s="ghost",className:o,errorMessage:l,helperText:c,disabled:d})=>a.jsxs("div",{className:"flex flex-col",children:[a.jsxs("label",{className:V("flex items-center relative w-max cursor-pointer select-none",d&&"cursor-not-allowed",o),children:[e&&a.jsx("span",{className:V("text-sm mr-[12px]",d&&"text-gray-500 cursor-not-allowed"),children:typeof e=="string"?e:w.cloneElement(e,{className:"text-sm mr-[12px]"})}),a.jsx("input",{style:{backgroundImage:"url()"},type:"checkbox",checked:n,onChange:u=>i(u.target.checked),disabled:d,className:V("appearance-none transition-colors cursor-pointer w-[56px] h-[28px] rounded-full focus:outline-hidden focus:ring-[2px] focus:ring-offset-[2px] focus:ring-offset-black focus:ring-brand/50",d&&"cursor-not-allowed! bg-muted/10! border-gray-200! dark:border-gray-700!",n?wg[s].checked:wg[s].unchecked)}),a.jsx("span",{className:V("absolute font-medium text-sm uppercase right-[4px] transition-colors",d&&"text-gray-500 cursor-not-allowed",n?"text-white":s==="ghost"?"text-gray-600 dark:text-gray-300":s==="solid"?"text-gray-700 dark:text-gray-300":"text-gray-600 dark:text-gray-300"),children:t||"OFF"}),a.jsx("span",{className:V("absolute font-medium text-sm uppercase right-[32px] transition-colors",d&&"text-gray-500 cursor-not-allowed",n?"text-white":s==="ghost"?"text-gray-600 dark:text-gray-300":s==="solid"?"text-gray-700 dark:text-gray-300":"text-gray-600 dark:text-gray-300"),children:r||"ON"}),a.jsx("span",{className:V("w-[28px] h-[28px] right-[28px] absolute rounded-full transform transition-transform bg-gray-200 dark:bg-gray-300",n?"translate-x-[28px]":"translate-x-0",d&&"bg-gray-200 dark:bg-gray-300 cursor-not-allowed")})]}),l&&a.jsx(gn,{error:l,size:"md"}),c&&a.jsx(xn,{size:"md",children:c})]}),_b={ghost:"transition-shadow border border-gray-200 bg-white text-gray-900 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-100",solid:"transition-colors bg-gray-200/70 hover:bg-gray-300 text-gray-900 dark:bg-gray-800 dark:hover:bg-gray-700 dark:text-gray-100",transparent:""},_p=w.forwardRef(({required:e,label:t,error:r,variant:n="ghost",className:i,inputClassName:s,useUppercaseLabel:o,helperText:l,...c},d)=>a.jsxs("div",{className:V("text-sm sm:text-sm",i),children:[a.jsxs("label",{children:[t&&a.jsxs("span",{className:V("block font-medium tracking-widest dark:text-gray-100",o?"mb-[8px] uppercase sm:mb-[12px]":"mb-[6px] ml-[6px]"),children:[t,e&&a.jsx("sup",{className:"inline-block text-[13px] text-red-500 ltr:ml-[4px] rtl:mr-[4px]",children:"*"})]}),a.jsx("textarea",{ref:d,...c,className:V("block h-[96px] w-full px-[16px] py-[12px] text-sm placeholder-gray-400 transition-shadow duration-200 invalid:border-red-500 invalid:text-red-600 focus:border-gray-300 focus:outline-hidden focus:ring-1 focus:ring-gray-300 focus:invalid:border-red-500 focus:invalid:ring-red-500 disabled:border-gray-200 disabled:bg-muted/10 disabled:text-gray-500 disabled:cursor-not-allowed dark:border-gray-700 dark:text-gray-100 dark:focus:border-gray-600 dark:focus:ring-gray-600 sm:h-[112px] rounded-xl",_b[n],c.disabled?"bg-muted/10! cursor-not-allowed":"",s)})]}),r&&a.jsx(gn,{error:r,size:"md"}),!r&&l&&a.jsx(xn,{size:"md",children:l})]}));function _T({title:e,subTitle:t,icon:r,checked:n,onChange:i,children:s}){return a.jsxs("div",{className:"rounded-lg bg-white shadow-card dark:bg-light-dark",children:[a.jsxs("div",{className:"relative flex items-center justify-between gap-4 p-4",children:[a.jsxs("div",{className:"flex items-center ltr:mr-6 rtl:ml-6",children:[r&&a.jsx("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-full bg-gray-100 text-gray-900 ltr:mr-2 rtl:ml-2 dark:bg-gray-600 dark:text-gray-400",children:r}),a.jsxs("div",{children:[a.jsx("span",{className:"block text-sm font-medium uppercase tracking-wider text-gray-900 dark:text-white sm:text-sm",children:e}),t&&a.jsx("span",{className:"mt-1 hidden text-sm tracking-tighter text-gray-600 dark:text-gray-400 sm:block",children:t})]})]}),a.jsx("button",{type:"button",role:"switch","aria-checked":n,onClick:i,className:V(n?"bg-brand dark:bg-white":"bg-gray-200 dark:bg-gray-700","relative inline-flex h-[22px] w-10 items-center rounded-full transition-colors duration-300 cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-brand/50"),children:a.jsx("span",{className:V(n?"bg-white ltr:translate-x-5 rtl:-translate-x-5 dark:bg-gray-700":"bg-white ltr:translate-x-0.5 rtl:-translate-x-0.5 dark:bg-gray-400","inline-block h-[18px] w-[18px] transform rounded-full bg-white transition-transform duration-200")})})]}),s&&a.jsx("div",{className:"px-4 pb-4",children:s})]})}const F2={img:"image/*",pdf:"application/pdf",csvAndExcel:"text/csv,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel",imgAndPdf:"image/*,application/pdf",all:"image/*,application/pdf,text/csv,application/gzip,application/xml,application/zip,application/msword,text/plain"};function FT({accept:e,children:t,label:r,containerProps:n,additionalInputProps:i,placeholderText:s,containerClassName:o,wrapperClassName:l,labelClassName:c,onChange:d,multiple:u,...f},p){const[h,m]=w.useState([]),g=P=>{const T=P.target.files;if(T&&T.length>0){const L=Array.from(T).filter(x);L.length>0&&m(u?D=>[...D,...L]:[L[0]])}d&&d(P)},x=P=>{if(!e||e==="all")return!0;const A=F2[e];return A?A.split(",").some(D=>{if(D.includes("*")){const z=D.split("/")[0];return P.type.startsWith(z+"/")}return P.type===D.trim()}):!0},y=P=>{if(P&&P.length>0){const T=P.filter(x);T.length>0&&m(u?A=>[...A,...T]:[T[0]])}},v=P=>{P.preventDefault(),P.stopPropagation();const T=Array.from(P.dataTransfer.files);T.length>0&&y(T),n?.onDrop&&n.onDrop(P)},b=P=>{P.preventDefault(),P.stopPropagation(),n?.onDragOver&&n.onDragOver(P)},j=P=>{P.preventDefault(),P.stopPropagation(),n?.onDragEnter&&n.onDragEnter(P)},C=P=>{P.preventDefault(),P.stopPropagation(),n?.onDragLeave&&n.onDragLeave(P)},N=h.filter(P=>P.type.includes("image")),k=P=>{const T=P.split(".");return T.length>1?T[T.length-1].toUpperCase():""},S=P=>{if(P.type.includes("pdf"))return"PDF";if(P.type.includes("csv"))return"CSV";if(P.type.includes("spreadsheetml")||P.type.includes("ms-excel"))return"XLSX";if(P.type.includes("zip")||P.type.includes("gzip"))return"ZIP";if(P.type.includes("xml"))return"XML";if(P.type.includes("msword")||P.type.includes("wordprocessingml"))return"DOC";if(P.type.includes("plain"))return"TXT";const T=k(P.name);return T==="XLSX"||T==="XLS"?T:T||"FILE"},E=P=>{const T=h[P];T&&T.type.includes("image")&&URL.revokeObjectURL(URL.createObjectURL(T));const A=h.filter((L,D)=>D!==P);m(A),p&&"current"in p&&p.current&&(p.current.value="")};return w.useEffect(()=>()=>{N.forEach(P=>{URL.revokeObjectURL(URL.createObjectURL(P))})},[N]),a.jsxs("div",{className:V("rounded-lg border border-solid border-gray-200 bg-white p-4 dark:border-gray-700 dark:bg-light-dark sm:p-6",l),children:[a.jsxs("div",{className:V("hover:bg-gray-100  dark:hover:bg-gray-900/50 border border-dashed dark:hover:border-brand hover:border-brand transition-all duration-300 relative border-gray-200 dark:border-gray-700 h-48 flex items-center justify-center rounded-lg",o),...n,onDrop:v,onDragOver:b,onDragEnter:j,onDragLeave:C,children:[a.jsx("input",{ref:p,title:"",type:"file",accept:e&&e!=="all"?F2[e]:void 0,className:"absolute top-0 z-10 h-full w-full opacity-0 disabled:cursor-not-allowed cursor-pointer",onChange:g,multiple:u,...f,...i}),a.jsxs("div",{className:"text-center",children:[a.jsx("p",{className:"mb-6 text-sm tracking-tighter text-gray-600 dark:text-gray-400",children:s||"PNG, GIF, WEBP, MP4 or MP3. Max 100mb."}),a.jsx(he,{disabled:f.disabled,className:V("hover:bg-primary-500",c),children:r||"CHOOSE FILE"})]})]}),t,h.length>0&&a.jsx("div",{className:"mt-7 flex flex-row flex-wrap gap-5",children:h.map((P,T)=>{const A=P.type.includes("image");return a.jsxs("div",{className:"relative flex items-center",children:[A?a.jsx("figure",{className:"relative mx-auto aspect-square w-20 overflow-hidden rounded-xl border border-gray-300 @2xl:w-32",children:a.jsx(Tr,{src:URL.createObjectURL(P),alt:P.name,priority:"auto",className:"(max-width: 768px) 100vw"})}):a.jsxs("div",{className:"relative mx-auto w-20 @2xl:w-32 flex flex-col items-center justify-center p-3 rounded-xl border border-gray-300 dark:border-gray-700 bg-gray-200 dark:bg-gray-800",children:[a.jsx(cb,{className:"w-8 h-8 text-gray-600 dark:text-gray-400 mb-2"}),a.jsx("span",{className:"text-xs font-semibold text-gray-700 dark:text-gray-300 text-center",children:S(P)}),a.jsx("span",{className:"text-[10px] text-gray-500 dark:text-gray-500 text-center mt-1 truncate w-full",children:P.name.length>15?`${P.name.substring(0,15)}...`:P.name})]}),a.jsx("div",{className:"absolute top-2 right-2 w-4 h-4 rounded-full flex items-center justify-center bg-brand text-white",children:a.jsx(Fn,{onClick:()=>E(T),onTouchStart:()=>E(T),className:"h-2 w-2 cursor-pointer transition duration-75"})})]},`${P.name}-${T}`)})})]})}const Fb=w.forwardRef(FT);Fb.displayName="FileInput";const au={name:"",email:"",password:"",message:"",acceptTerms:!1,age:0,gender:"",isDeveloper:!1,country:"ar"},Fp={name:{required:"This is a required field.",minLength:{value:2,message:"The name must be at least 2 characters long."}},email:{required:"This is a required field.",pattern:{value:/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,message:"Invalid email address."}},password:{required:"This is a required field.",minLength:{value:8,message:"The password must be at least 8 characters long."}},message:{required:"This is a required field.",minLength:{value:10,message:"The message must be at least 10 characters long."}},acceptTerms:{required:"This is a required field."},country:{required:"This is a required field."},age:{required:"This is a required field.",min:{value:18,message:"You must be at least 18 years old."}},gender:{required:"This is a required field."},isDeveloper:{required:"This is a required field."}},Bp=()=>{const{formState:{errors:e,isDirty:t,isValid:r,isSubmitting:n},reset:i,trigger:s,setValue:o,getValues:l,watch:c}=ni(),d=c("name"),u=c("email"),f=c("password"),p=c("country"),h=c("message"),m=c("acceptTerms"),g=c("isDeveloper"),x=c("gender"),y=c("age"),v=()=>{i(au)},b=async()=>{const N=await s();console.log("Validation result:",N)},j=()=>{o("name","Juan Pérez",{shouldValidate:!0}),o("email","juan@example.com",{shouldValidate:!0}),o("password","12345678",{shouldValidate:!0}),o("country","mx",{shouldValidate:!0}),o("message","Hello, world!",{shouldValidate:!0}),o("acceptTerms",!0,{shouldValidate:!0}),o("isDeveloper",!0,{shouldValidate:!0}),o("gender","male",{shouldValidate:!0}),o("age",25,{shouldValidate:!0})},C=()=>{const N=l();console.log("Current form values:",N),alert(JSON.stringify(N,null,2))};return a.jsxs("div",{className:"mt-[32px] border border-gray-200 bg-white dark:bg-gray-800 dark:border-gray-700 rounded-lg p-[16px]",children:[a.jsx("h3",{className:"text-lg font-medium text-gray-900 dark:text-gray-100 mb-[16px]",children:"Form Methods Example"}),a.jsxs("div",{className:"mb-[16px] p-[12px] bg-light-dark  rounded-md",children:[a.jsx("p",{className:" font-semibold mb-[8px]",children:"Current values: (observed in real time)"}),a.jsxs("p",{className:"font-mono text-sm",children:["Name: ",d||"(empty)"]}),a.jsxs("p",{className:"font-mono text-sm",children:["Email: ",u||"(empty)"]}),a.jsxs("p",{className:"font-mono text-sm",children:["Password: ",f||"(empty)"]}),a.jsxs("p",{className:"font-mono text-sm",children:["Country: ",p||"(empty)"]}),a.jsxs("p",{className:"font-mono text-sm",children:["Message: ",h||"(empty)"]}),a.jsxs("p",{className:"font-mono text-sm",children:["Accept terms: ",`${m?"Yes":"No"}`||"(empty)"]}),a.jsxs("p",{className:"font-mono text-sm",children:["Is developer: ",`${g?"Yes":"No"}`||"(empty)"]}),a.jsxs("p",{className:"font-mono text-sm",children:["Gender: ",x||"(empty)"]}),a.jsxs("p",{className:"font-mono text-sm",children:["Age: ",y||"(empty)"]})]}),a.jsxs("div",{className:"mb-[16px] grid grid-cols-2 gap-[8px]",children:[a.jsxs("div",{className:"p-[8px] border border-gray-200 dark:border-gray-700 rounded-md",children:[a.jsx("p",{className:"text-sm font-medium mb-[4px]",children:"isDirty:"}),a.jsx("span",{className:`text-sm ${t?"text-green-500":"text-gray-500"}`,children:t?"Yes":"No"})]}),a.jsxs("div",{className:"p-[8px] border border-gray-200 dark:border-gray-700 rounded-md",children:[a.jsx("p",{className:"text-sm font-medium mb-[4px]",children:"isValid:"}),a.jsx("span",{className:`text-sm ${r?"text-green-500":"text-red-500"}`,children:r?"Yes":"No"})]}),a.jsxs("div",{className:"p-[8px] border border-gray-200 dark:border-gray-700 rounded-md",children:[a.jsx("p",{className:"text-sm font-medium mb-[4px]",children:"isSubmitting:"}),a.jsx("span",{className:`text-sm ${n?"text-blue-500":"text-gray-500"}`,children:n?"Yes":"No"})]}),a.jsxs("div",{className:"p-[8px] border border-gray-200 dark:border-gray-700 rounded-md",children:[a.jsx("p",{className:"text-sm font-medium mb-[4px]",children:"Errors:"}),a.jsx("span",{className:`text-sm ${Object.keys(e).length>0?"text-red-500":"text-green-500"}`,children:Object.keys(e).length>0?`${Object.keys(e).length} errors`:"No errors"})]})]}),a.jsxs("div",{className:"grid grid-cols-2 gap-[8px]",children:[a.jsx(he,{type:"button",color:"gray",fullWidth:!0,onClick:v,children:"Reset"}),a.jsx(he,{type:"button",color:"warning",fullWidth:!0,onClick:b,children:"Validate"}),a.jsx(he,{type:"button",color:"info",fullWidth:!0,onClick:j,children:"Fill data"}),a.jsx(he,{type:"button",color:"success",fullWidth:!0,onClick:C,children:"Get values"})]})]})},BT={xl:["h-24 w-24 sm:h-28 sm:w-28 md:h-32 md:w-32 min-[1780px]:h-40 min-[1780px]:w-40 shadow-large"],lg:["h-20 w-20 lg:h-24 lg:w-24"],md:["h-10 w-10 drop-shadow-main"],sm:["h-8 w-8 shadow-card"],xs:["h-6 w-6"]},qT={xl:["border-brand border-[5px] min-[1780px]:border-8"],lg:["border-brand border-4"],md:["border-brand border-3"],sm:["border-brand border-2"],xs:["border-brand border-1"]},$T={rounded:["h-16 w-16 rounded-lg bg-white/20 backdrop-blur-2xl"],circle:["rounded-full"]};function ss({image:e,alt:t,className:r,size:n="md",shape:i="circle",border:s=!0}){return a.jsxs("figure",{className:V("relative shrink-0 overflow-hidden",r,$T[i],BT[n],s&&qT[n]),children:[i==="circle"&&(n==="xs"||n==="sm"?a.jsx(Tr,{src:e,alt:t,width:"100%",height:"100%",priority:"auto",className:"rounded-full"}):a.jsx(Tr,{src:e,alt:t,width:"100%",height:"100%",priority:"auto",placeholder:"blur",className:"rounded-full"})),i==="rounded"&&a.jsx(Tr,{src:e,alt:t,className:"",width:"100%",height:"100%",priority:"auto"})]})}function HT({image:e,name:t,authorRole:r}){const n=()=>{window.open("https://www.estebanburgos.com.ar/","_blank","noreferrer")};return a.jsxs("div",{className:`flex items-center rounded-lg cursor-pointer  ${t?"bg-gray-100  p-5  dark:bg-light-dark":"ml-3 justify-center bg-none p-5 dark:mr-3 dark:bg-none"}`,onClick:n,onTouchStart:n,children:[a.jsx(ss,{image:e,alt:t||"",className:"dark:border-gray-400"}),a.jsxs("div",{className:"ltr:pl-3 rtl:pr-3",children:[a.jsx("h3",{className:"text-sm font-medium uppercase tracking-wide text-gray-900 dark:text-white",children:t}),r&&a.jsx("span",{className:"mt-1 block text-sm text-gray-600 dark:text-gray-400",children:r})]})]})}function UT({title:e,description:t,icon:r,header:n,footer:i,actions:s,children:o,className:l,onClick:c}){return a.jsxs("div",{className:V("rounded-xl border border-gray-200/50 dark:border-gray-700/50 bg-light-dark",c&&"cursor-pointer hover:border-brand/30 dark:hover:border-brand/30 transition-colors",l),onClick:c,children:[(n||e||s)&&a.jsxs("div",{className:"flex items-start justify-between gap-3 p-4 pb-0",children:[n||a.jsxs("div",{className:"flex items-center gap-3",children:[r&&a.jsx("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-brand/10 text-brand",children:r}),a.jsxs("div",{children:[e&&a.jsx("h3",{className:"text-sm font-semibold text-gray-900 dark:text-gray-100",children:e}),t&&a.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-400",children:t})]})]}),s&&a.jsx("div",{className:"shrink-0",children:s})]}),o&&a.jsx("div",{className:"p-4",children:o}),i&&a.jsx("div",{className:"border-t border-gray-200/50 dark:border-gray-700/50 px-4 py-3",children:i})]})}const K=({className:e,children:t})=>a.jsx("div",{className:V("flex flex-col flex-wrap justify-start align-middle w-full h-full rounded-lg border border-gray-200/50 dark:border-gray-700/50 shadow-card bg-light-dark p-[16px] sm:p-[24px] 2xl:p-[32px]",e),children:t}),ee=({border:e=!0,title:t,children:r,className:n})=>a.jsxs("div",{className:V("w-full relative rounded-lg flex flex-col justify-start sm:p-6 p-2 sm:pt-[32px] pt-[24px]",e&&"border border-gray-200 dark:border-gray-700",n),children:[t&&a.jsx("h3",{className:"absolute -top-4 left-4 m-0 bg-light-dark  font-bold sm:text-2xl text-lg dark:text-white text-current px-2 rounded-lg",children:t}),r]}),WT={rounded:"rounded-md",pill:"rounded-full",circle:"rounded-full"},GT={tiny:["text-xs px-1.5 py-0.5 h-4","w-2 h-2"],small:["text-xs px-2 py-1 h-5","w-2.5 h-2.5"],medium:["text-sm px-2.5 py-1 h-6","w-3 h-3"],large:["text-base px-3 py-1.5 h-7","w-3.5 h-3.5"]},KT={primary:["text-brand","bg-brand","border-brand"],success:["text-green-500","bg-green-500","border-green-500"],info:["text-blue-500","bg-blue-500","border-blue-500"],warning:["text-yellow-500","bg-yellow-500","border-yellow-500"],danger:["text-red-500","bg-red-500","border-red-500"],gray:["text-gray-500","bg-gray-500","border-gray-500"],white:["text-gray-900","bg-white","border-white"],"light-dark":["text-light-dark dark:text-gray-200","border-light-dark dark:border-gray-700"]},ZT={active:"success",inactive:"danger",pending:"warning",default:"gray"},it=({children:e,className:t,status:r,color:n,size:i="small",variant:s="solid",shape:o="pill",withDot:l=!1,...c})=>{const d=r?ZT[r]:n||"gray",u=KT[d],f=GT[i];let p="";switch(s){case"solid":p=`${u[1]} text-white`;break;case"ghost":p=`bg-transparent border-2 ${u[0]} ${u[2]}`;break;case"outline":p=`bg-transparent border ${u[0]} ${u[2]}`;break;case"soft":p=`${u[1]}/10 ${u[0]} border ${u[2]}/20`;break}const h=l&&!e?f[1]:"";return a.jsxs("span",{className:V("inline-flex items-center justify-center font-medium transition-all duration-200",WT[o],l&&!e?h:f[0],p,t),...c,children:[l&&e&&a.jsx("span",{className:V("rounded-full mr-1.5",f[1],s==="solid"?"bg-white/80":u[1])}),e]})};var Sl={},B2=function(e,t){return B2=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,n){r.__proto__=n}||function(r,n){for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(r[i]=n[i])},B2(e,t)};function Bb(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");B2(e,t);function r(){this.constructor=e}e.prototype=t===null?Object.create(t):(r.prototype=t.prototype,new r)}var Nc=function(){return Nc=Object.assign||function(t){for(var r,n=1,i=arguments.length;n<i;n++){r=arguments[n];for(var s in r)Object.prototype.hasOwnProperty.call(r,s)&&(t[s]=r[s])}return t},Nc.apply(this,arguments)};function qb(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var i=0,n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(r[n[i]]=e[n[i]]);return r}function $b(e,t,r,n){var i=arguments.length,s=i<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,r):n,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(e,t,r,n);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(s=(i<3?o(s):i>3?o(t,r,s):o(t,r))||s);return i>3&&s&&Object.defineProperty(t,r,s),s}function Hb(e,t){return function(r,n){t(r,n,e)}}function Ub(e,t,r,n,i,s){function o(y){if(y!==void 0&&typeof y!="function")throw new TypeError("Function expected");return y}for(var l=n.kind,c=l==="getter"?"get":l==="setter"?"set":"value",d=!t&&e?n.static?e:e.prototype:null,u=t||(d?Object.getOwnPropertyDescriptor(d,n.name):{}),f,p=!1,h=r.length-1;h>=0;h--){var m={};for(var g in n)m[g]=g==="access"?{}:n[g];for(var g in n.access)m.access[g]=n.access[g];m.addInitializer=function(y){if(p)throw new TypeError("Cannot add initializers after decoration has completed");s.push(o(y||null))};var x=(0,r[h])(l==="accessor"?{get:u.get,set:u.set}:u[c],m);if(l==="accessor"){if(x===void 0)continue;if(x===null||typeof x!="object")throw new TypeError("Object expected");(f=o(x.get))&&(u.get=f),(f=o(x.set))&&(u.set=f),(f=o(x.init))&&i.unshift(f)}else(f=o(x))&&(l==="field"?i.unshift(f):u[c]=f)}d&&Object.defineProperty(d,n.name,u),p=!0}function Wb(e,t,r){for(var n=arguments.length>2,i=0;i<t.length;i++)r=n?t[i].call(e,r):t[i].call(e);return n?r:void 0}function Gb(e){return typeof e=="symbol"?e:"".concat(e)}function Kb(e,t,r){return typeof t=="symbol"&&(t=t.description?"[".concat(t.description,"]"):""),Object.defineProperty(e,"name",{configurable:!0,value:r?"".concat(r," ",t):t})}function Zb(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)}function Yb(e,t,r,n){function i(s){return s instanceof r?s:new r(function(o){o(s)})}return new(r||(r=Promise))(function(s,o){function l(u){try{d(n.next(u))}catch(f){o(f)}}function c(u){try{d(n.throw(u))}catch(f){o(f)}}function d(u){u.done?s(u.value):i(u.value).then(l,c)}d((n=n.apply(e,t||[])).next())})}function Xb(e,t){var r={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},n,i,s,o=Object.create((typeof Iterator=="function"?Iterator:Object).prototype);return o.next=l(0),o.throw=l(1),o.return=l(2),typeof Symbol=="function"&&(o[Symbol.iterator]=function(){return this}),o;function l(d){return function(u){return c([d,u])}}function c(d){if(n)throw new TypeError("Generator is already executing.");for(;o&&(o=0,d[0]&&(r=0)),r;)try{if(n=1,i&&(s=d[0]&2?i.return:d[0]?i.throw||((s=i.return)&&s.call(i),0):i.next)&&!(s=s.call(i,d[1])).done)return s;switch(i=0,s&&(d=[d[0]&2,s.value]),d[0]){case 0:case 1:s=d;break;case 4:return r.label++,{value:d[1],done:!1};case 5:r.label++,i=d[1],d=[0];continue;case 7:d=r.ops.pop(),r.trys.pop();continue;default:if(s=r.trys,!(s=s.length>0&&s[s.length-1])&&(d[0]===6||d[0]===2)){r=0;continue}if(d[0]===3&&(!s||d[1]>s[0]&&d[1]<s[3])){r.label=d[1];break}if(d[0]===6&&r.label<s[1]){r.label=s[1],s=d;break}if(s&&r.label<s[2]){r.label=s[2],r.ops.push(d);break}s[2]&&r.ops.pop(),r.trys.pop();continue}d=t.call(e,r)}catch(u){d=[6,u],i=0}finally{n=s=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:!0}}}var iu=Object.create?(function(e,t,r,n){n===void 0&&(n=r);var i=Object.getOwnPropertyDescriptor(t,r);(!i||("get"in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,i)}):(function(e,t,r,n){n===void 0&&(n=r),e[n]=t[r]});function Jb(e,t){for(var r in e)r!=="default"&&!Object.prototype.hasOwnProperty.call(t,r)&&iu(t,e,r)}function kc(e){var t=typeof Symbol=="function"&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&typeof e.length=="number")return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function qp(e,t){var r=typeof Symbol=="function"&&e[Symbol.iterator];if(!r)return e;var n=r.call(e),i,s=[],o;try{for(;(t===void 0||t-- >0)&&!(i=n.next()).done;)s.push(i.value)}catch(l){o={error:l}}finally{try{i&&!i.done&&(r=n.return)&&r.call(n)}finally{if(o)throw o.error}}return s}function Qb(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(qp(arguments[t]));return e}function e7(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;for(var n=Array(e),i=0,t=0;t<r;t++)for(var s=arguments[t],o=0,l=s.length;o<l;o++,i++)n[i]=s[o];return n}function t7(e,t,r){if(r||arguments.length===2)for(var n=0,i=t.length,s;n<i;n++)(s||!(n in t))&&(s||(s=Array.prototype.slice.call(t,0,n)),s[n]=t[n]);return e.concat(s||Array.prototype.slice.call(t))}function Ui(e){return this instanceof Ui?(this.v=e,this):new Ui(e)}function r7(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n=r.apply(e,t||[]),i,s=[];return i=Object.create((typeof AsyncIterator=="function"?AsyncIterator:Object).prototype),l("next"),l("throw"),l("return",o),i[Symbol.asyncIterator]=function(){return this},i;function o(h){return function(m){return Promise.resolve(m).then(h,f)}}function l(h,m){n[h]&&(i[h]=function(g){return new Promise(function(x,y){s.push([h,g,x,y])>1||c(h,g)})},m&&(i[h]=m(i[h])))}function c(h,m){try{d(n[h](m))}catch(g){p(s[0][3],g)}}function d(h){h.value instanceof Ui?Promise.resolve(h.value.v).then(u,f):p(s[0][2],h)}function u(h){c("next",h)}function f(h){c("throw",h)}function p(h,m){h(m),s.shift(),s.length&&c(s[0][0],s[0][1])}}function n7(e){var t,r;return t={},n("next"),n("throw",function(i){throw i}),n("return"),t[Symbol.iterator]=function(){return this},t;function n(i,s){t[i]=e[i]?function(o){return(r=!r)?{value:Ui(e[i](o)),done:!1}:s?s(o):o}:s}}function a7(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t=e[Symbol.asyncIterator],r;return t?t.call(e):(e=typeof kc=="function"?kc(e):e[Symbol.iterator](),r={},n("next"),n("throw"),n("return"),r[Symbol.asyncIterator]=function(){return this},r);function n(s){r[s]=e[s]&&function(o){return new Promise(function(l,c){o=e[s](o),i(l,c,o.done,o.value)})}}function i(s,o,l,c){Promise.resolve(c).then(function(d){s({value:d,done:l})},o)}}function i7(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var YT=Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t},q2=function(e){return q2=Object.getOwnPropertyNames||function(t){var r=[];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[r.length]=n);return r},q2(e)};function s7(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r=q2(e),n=0;n<r.length;n++)r[n]!=="default"&&iu(t,e,r[n]);return YT(t,e),t}function o7(e){return e&&e.__esModule?e:{default:e}}function l7(e,t,r,n){if(r==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof t=="function"?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?n:r==="a"?n.call(e):n?n.value:t.get(e)}function c7(e,t,r,n,i){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!i)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?e!==t||!i:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?i.call(e,r):i?i.value=r:t.set(e,r),r}function d7(e,t){if(t===null||typeof t!="object"&&typeof t!="function")throw new TypeError("Cannot use 'in' operator on non-object");return typeof e=="function"?t===e:e.has(t)}function u7(e,t,r){if(t!=null){if(typeof t!="object"&&typeof t!="function")throw new TypeError("Object expected.");var n,i;if(r){if(!Symbol.asyncDispose)throw new TypeError("Symbol.asyncDispose is not defined.");n=t[Symbol.asyncDispose]}if(n===void 0){if(!Symbol.dispose)throw new TypeError("Symbol.dispose is not defined.");n=t[Symbol.dispose],r&&(i=n)}if(typeof n!="function")throw new TypeError("Object not disposable.");i&&(n=function(){try{i.call(this)}catch(s){return Promise.reject(s)}}),e.stack.push({value:t,dispose:n,async:r})}else r&&e.stack.push({async:!0});return t}var XT=typeof SuppressedError=="function"?SuppressedError:function(e,t,r){var n=new Error(r);return n.name="SuppressedError",n.error=e,n.suppressed=t,n};function f7(e){function t(s){e.error=e.hasError?new XT(s,e.error,"An error was suppressed during disposal."):s,e.hasError=!0}var r,n=0;function i(){for(;r=e.stack.pop();)try{if(!r.async&&n===1)return n=0,e.stack.push(r),Promise.resolve().then(i);if(r.dispose){var s=r.dispose.call(r.value);if(r.async)return n|=2,Promise.resolve(s).then(i,function(o){return t(o),i()})}else n|=1}catch(o){t(o)}if(n===1)return e.hasError?Promise.reject(e.error):Promise.resolve();if(e.hasError)throw e.error}return i()}function p7(e,t){return typeof e=="string"&&/^\.\.?\//.test(e)?e.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+?)?)\.([cm]?)ts$/i,function(r,n,i,s,o){return n?t?".jsx":".js":i&&(!s||!o)?r:i+s+"."+o.toLowerCase()+"js"}):e}const JT={__extends:Bb,__assign:Nc,__rest:qb,__decorate:$b,__param:Hb,__esDecorate:Ub,__runInitializers:Wb,__propKey:Gb,__setFunctionName:Kb,__metadata:Zb,__awaiter:Yb,__generator:Xb,__createBinding:iu,__exportStar:Jb,__values:kc,__read:qp,__spread:Qb,__spreadArrays:e7,__spreadArray:t7,__await:Ui,__asyncGenerator:r7,__asyncDelegator:n7,__asyncValues:a7,__makeTemplateObject:i7,__importStar:s7,__importDefault:o7,__classPrivateFieldGet:l7,__classPrivateFieldSet:c7,__classPrivateFieldIn:d7,__addDisposableResource:u7,__disposeResources:f7,__rewriteRelativeImportExtension:p7},QT=Object.freeze(Object.defineProperty({__proto__:null,__addDisposableResource:u7,get __assign(){return Nc},__asyncDelegator:n7,__asyncGenerator:r7,__asyncValues:a7,__await:Ui,__awaiter:Yb,__classPrivateFieldGet:l7,__classPrivateFieldIn:d7,__classPrivateFieldSet:c7,__createBinding:iu,__decorate:$b,__disposeResources:f7,__esDecorate:Ub,__exportStar:Jb,__extends:Bb,__generator:Xb,__importDefault:o7,__importStar:s7,__makeTemplateObject:i7,__metadata:Zb,__param:Hb,__propKey:Gb,__read:qp,__rest:qb,__rewriteRelativeImportExtension:p7,__runInitializers:Wb,__setFunctionName:Kb,__spread:Qb,__spreadArray:t7,__spreadArrays:e7,__values:kc,default:JT},Symbol.toStringTag,{value:"Module"})),m7=MM(QT);var El={},jg;function eO(){if(jg)return El;jg=1,Object.defineProperty(El,"__esModule",{value:!0});var e=w,t=tu(),r=t.isBrowser?e.useLayoutEffect:e.useEffect;return El.default=r,El}var Cg;function tO(){if(Cg)return Sl;Cg=1,Object.defineProperty(Sl,"__esModule",{value:!0});var e=m7,t=w,r=e.__importDefault(eO()),n=tu(),i={x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0};function s(){var o=t.useState(null),l=o[0],c=o[1],d=t.useState(i),u=d[0],f=d[1],p=t.useMemo(function(){return new window.ResizeObserver(function(h){if(h[0]){var m=h[0].contentRect,g=m.x,x=m.y,y=m.width,v=m.height,b=m.top,j=m.left,C=m.bottom,N=m.right;f({x:g,y:x,width:y,height:v,top:b,left:j,bottom:C,right:N})}})},[]);return r.default(function(){if(l)return p.observe(l),function(){p.disconnect()}},[l]),[c,u]}return Sl.default=n.isBrowser&&typeof window.ResizeObserver<"u"?s:(function(){return[n.noop,i]}),Sl}var rO=tO();const su=Wt(rO);function nO({label:e,children:t,initialOpen:r=!1,className:n}){const[i,s]=w.useState(!1),[o,{height:l}]=su();return w.useEffect(()=>{r&&s(!0)},[r]),a.jsxs("div",{className:`ease-[cubic-bezier(0.33, 1, 0.68, 1)] relative mb-5 overflow-hidden rounded-lg bg-white shadow-card transition-all duration-350 last:mb-0 hover:shadow-transaction dark:bg-light-dark ${n} ${i?"shadow-transaction":"shadow-card"}`,style:{height:i?54+l:54},children:[a.jsxs("button",{className:"flex h-13 w-full items-center justify-between px-5 py-2 text-sm font-medium uppercase tracking-wider text-gray-900 dark:text-white",onClick:()=>s(!i),children:[e,a.jsx("span",{className:`shrink-0 transition-transform duration-200 ltr:ml-4 rtl:mr-4 ${i?"rotate-45":""}`,children:a.jsx(yb,{className:""})})]}),a.jsx("div",{className:`border-t border-dashed ${i?"border-gray-200 dark:border-gray-700":"border-transparent"}`,ref:o,children:t})]})}function aO({label:e,value:t,mono:r,accent:n,className:i}){return a.jsxs("div",{className:V("flex items-center justify-between py-1.5",i),children:[a.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400",children:e}),a.jsx("span",{className:V("text-xs font-medium",r&&"font-mono tabular-nums",n?"text-brand":"text-gray-900 dark:text-gray-100"),children:t})]})}function iO({currentPage:e,totalPages:t,onPageChange:r,windowSize:n=2,className:i}){if(t<=1)return null;const s=[];s.push(1);const o=Math.max(2,e-n),l=Math.min(t-1,e+n);o>2&&s.push("ellipsis");for(let c=o;c<=l;c++)s.push(c);return l<t-1&&s.push("ellipsis"),t>1&&s.push(t),a.jsxs("div",{className:V("flex items-center gap-1",i),children:[a.jsx("button",{type:"button",onClick:()=>r(e-1),disabled:e<=1,className:"rounded-lg p-1.5 text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-gray-100 transition-colors disabled:opacity-30 disabled:cursor-not-allowed",children:a.jsx(B.ChevronLeft,{className:"h-4 w-4"})}),s.map((c,d)=>c==="ellipsis"?a.jsx("span",{className:"px-1 text-gray-500 dark:text-gray-400",children:"..."},`ellipsis-${d}`):a.jsx("button",{type:"button",onClick:()=>r(c),className:V("h-8 min-w-8 rounded-lg px-2 text-sm font-medium transition-colors",c===e?"bg-brand text-white":"text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-gray-100"),children:c},c)),a.jsx("button",{type:"button",onClick:()=>r(e+1),disabled:e>=t,className:"rounded-lg p-1.5 text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-gray-100 transition-colors disabled:opacity-30 disabled:cursor-not-allowed",children:a.jsx(B.ChevronRight,{className:"h-4 w-4"})})]})}function sO({options:e,style:t,className:r,autoHide:n="scroll",children:i,...s}){const o=e?.scrollbars?.autoHide||n;return a.jsx(ca,{style:t,className:r,autoHide:o,direction:"vertical",...s,children:i})}const oO={rectangle:"rounded-none",circle:"rounded-full",text:"rounded-sm h-4",rounded:"rounded-md"},lO={tiny:"h-4",small:"h-8",medium:"h-16",large:"h-32",full:"h-full"},cO={pulse:"animate-pulse",wave:"skeleton-wave",shimmer:"skeleton-shimmer",none:""};function lr({animation:e="shimmer",shape:t="rounded",size:r="medium",width:n,height:i,count:s=1,className:o,...l}){const c=V("bg-gray-200 dark:bg-gray-800 w-full relative overflow-hidden",oO[t],!i&&lO[r],cO[e],o),d={...n&&{width:n},...i&&{height:i}},u=e==="shimmer"&&a.jsx("div",{className:"absolute inset-0 -translate-x-full",style:{background:"linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.2) 50%, transparent 100%)",animation:"shimmer 2s ease-in-out infinite"}}),f=e==="wave"&&a.jsx("div",{className:"absolute inset-0",style:{background:"linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 100%)",backgroundSize:"200% 100%",animation:"wave 2s ease-in-out infinite"}});return s>1?a.jsx("div",{className:"space-y-2",children:Array.from({length:s}).map((p,h)=>a.jsxs("div",{className:c,style:d,...l,children:[u,f]},h))}):a.jsxs("div",{className:c,style:d,...l,children:[u,f]})}function dO({steps:e,currentStep:t,onStepChange:r,className:n}){return a.jsx("div",{className:V("flex items-center gap-2",n),children:e.map((i,s)=>{const o=s===t,l=s<t;return a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsxs("button",{type:"button",onClick:()=>r?.(s),disabled:!r,className:V("flex items-center gap-2 rounded-lg px-3 py-1.5 text-sm font-medium transition-colors",o&&"bg-brand/10 text-brand",l&&"text-green-500",!o&&!l&&"text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100",!r&&"cursor-default"),children:[a.jsx("span",{className:V("flex h-6 w-6 items-center justify-center rounded-full text-xs font-bold",o&&"bg-brand text-white",l&&"bg-green-500 text-white",!o&&!l&&"bg-gray-200 dark:bg-gray-700 text-gray-500 dark:text-gray-400"),children:i.icon||s+1}),a.jsx("span",{className:"hidden sm:inline",children:i.label})]}),s<e.length-1&&a.jsx("div",{className:V("h-px w-6",l?"bg-green-500":"bg-gray-200 dark:bg-gray-700")})]},i.id)})})}const uO={1:"lg:grid-cols-1",2:"lg:grid-cols-2",3:"lg:grid-cols-3",4:"lg:grid-cols-4",5:"lg:grid-cols-5",6:"lg:grid-cols-6"};function fO({title:e,subtitle:t,icon:r,headerRight:n,columns:i,gridCols:s,children:o,footerTags:l,footerLabel:c,footer:d,className:u}){const f=s??i?.length??4;return a.jsxs("div",{className:V("rounded-xl border border-gray-200/50 dark:border-gray-700/50 bg-light-dark overflow-hidden flex flex-col",u),children:[(e||r||n)&&a.jsxs("div",{className:"flex items-center gap-3 px-5 py-3.5 border-b border-gray-200/50 dark:border-gray-700/50 bg-brand/10",children:[r&&a.jsx("div",{className:"flex h-7 w-7 items-center justify-center rounded-lg bg-brand/10 border border-brand/20",children:r}),(e||t)&&a.jsxs("div",{className:"flex flex-col",children:[e&&a.jsx("span",{className:"text-xs font-bold uppercase tracking-wide text-gray-800 dark:text-gray-200",children:e}),t&&a.jsx("span",{className:"text-[10px] text-gray-500 dark:text-gray-500 leading-tight",children:t})]}),n&&a.jsx("div",{className:"ml-auto",children:n})]}),i&&i.length>0&&a.jsx("div",{className:V("grid sm:grid-cols-2 divide-y sm:divide-y-0 sm:divide-x divide-gray-200/30 dark:divide-gray-700/30",uO[f]),children:i.map(p=>a.jsxs("div",{className:"p-4 flex flex-col gap-3",children:[a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx("div",{className:V("h-4 w-0.5 rounded-full opacity-70",p.accent??"bg-brand")}),p.icon&&a.jsx("span",{className:V("h-3 w-3",p.accentText??"text-brand"),children:p.icon}),a.jsx("span",{className:V("text-[10px] font-bold uppercase tracking-wider",p.accentText??"text-brand"),children:p.label})]}),a.jsx("div",{className:"space-y-2.5",children:p.items.map((h,m)=>a.jsxs("div",{className:"flex items-start justify-between gap-3",children:[a.jsx("span",{className:"text-[11px] text-gray-500 dark:text-gray-500 shrink-0 leading-tight",children:h.label}),a.jsx("span",{className:V("text-[11px] font-semibold text-right font-mono leading-tight",h.color??"text-gray-900 dark:text-gray-100"),children:h.value})]},`${h.label}-${m}`))})]},p.key))}),o&&a.jsx("div",{className:"px-5 py-4",children:o}),a.jsx("div",{className:"mt-auto",children:d||l&&l.length>0&&a.jsxs("div",{className:"px-5 py-3 border-t border-gray-200/40 dark:border-gray-700/40 bg-gray-100 dark:bg-gray-800/20 flex flex-wrap gap-2 items-center",children:[c&&a.jsx("span",{className:"text-[10px] uppercase tracking-wide text-gray-500 dark:text-gray-400 font-bold mr-1",children:c}),l.map((p,h)=>{const m=a.jsxs("span",{className:V("flex items-center gap-1 rounded-full px-2.5 py-0.5 text-[10px]",p.className??"bg-gray-100 dark:bg-gray-800 border border-gray-200/50 dark:border-gray-700/50 text-gray-600 dark:text-gray-400"),children:[p.icon,p.label]},h);return p.tooltip?a.jsx(Vo,{content:p.tooltip,placement:"top",children:m},h):m})]})})]})}const pO=({title:e,children:t,actions:r,className:n})=>a.jsxs("div",{className:`w-full max-w-md border border-gray-200 dark:border-gray-700 rounded-lg shadow-md overflow-hidden ${n}`,children:[a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800",children:a.jsx("h3",{className:"text-lg font-medium",children:e})}),a.jsx(ca,{className:"h-[250px]",autoHide:"leave",direction:"vertical",scrollbarStyle:{track:{backgroundColor:"transparent"},thumb:{borderRadius:"8px",width:"6px"}},children:a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800",children:t})}),r&&a.jsx("div",{className:"flex gap-2 h-auto justify-end items-center flex-wrap p-4 bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700",children:r?.map(i=>a.jsx(he,{variant:i.variant||"solid",size:i.size||"small",color:i.color||"primary",onClick:i.onClick,children:i.label},i.label))})]}),mO=({title:e,children:t,className:r})=>a.jsxs("div",{className:`border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden ${r}`,children:[a.jsx("div",{className:"p-3 bg-gray-100 dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700",children:a.jsx("h3",{className:"font-medium",children:e})}),a.jsx(ca,{className:"h-[300px]",autoHide:"leave",direction:"vertical",scrollbarStyle:{track:{backgroundColor:"transparent"},thumb:{borderRadius:"8px",width:"6px"}},children:a.jsx("div",{className:"p-3",children:t})})]}),hO=[{name:"Argentina",value:"ar"},{name:"Brasil",value:"br"},{name:"Chile",value:"cl"},{name:"Colombia",value:"co"},{name:"México",value:"mx"}],gO=[{value:"male",label:"Male"},{value:"female",label:"Female"},{value:"other",label:"Other"}],xO=()=>a.jsxs("div",{className:"p-[16px] dark:bg-blue-900/20 border border-blue-100 dark:border-blue-800 rounded-lg",children:[a.jsx("h3",{className:"text-lg font-medium text-blue-800 dark:text-blue-300 mb-[8px]",children:"Form with Centralized Validation"}),a.jsx("p",{className:"text-sm text-blue-700 dark:text-blue-400",children:"This example demonstrates a form with validation rules defined centrally in a separate file. The validation rules are passed to the Form component via the validationSchema prop, eliminating the need to define rules on each FormField component."})]}),h7=()=>{const e=t=>{console.log("Form values:",t),alert("Form submitted successfully!")};return a.jsxs("div",{className:"w-full space-y-[24px]",children:[a.jsx(xO,{}),a.jsxs(K,{className:"w-full mx-auto p-[24px]  rounded-lg shadow",children:[a.jsx("h2",{className:"text-2xl font-bold mb-[24px] text-center",children:"Form Example"}),a.jsxs(ai,{onSubmit:e,validationSchema:Fp,useFormProps:{defaultValues:au,mode:"onChange"},className:"w-full",children:[a.jsxs("div",{className:"space-y-[16px]",children:[a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-[16px]",children:[a.jsx(qe,{name:"name",label:"Name",children:a.jsx(ut,{placeholder:"Ingresa tu nombre"})}),a.jsx(qe,{name:"email",label:"Email",children:a.jsx(ut,{type:"email",placeholder:"ejemplo@correo.com"})})]}),a.jsx(qe,{name:"password",label:"Password",children:a.jsx(ut,{type:"password",label:"Password",placeholder:"Enter your password"})}),a.jsx(qe,{name:"message",label:"Message",helperText:"Write a detailed message",showHelper:!0,children:a.jsx(_p,{label:"Message",placeholder:"Write your message here",rows:4})}),a.jsx(qe,{name:"country",label:"Country",children:a.jsx(ii,{label:"Country",options:hO})}),a.jsx(qe,{name:"age",label:"Age",children:a.jsx(ut,{type:"number",placeholder:"Enter your age"})}),a.jsx(qe,{name:"gender",label:"Gender",children:a.jsx(Vp,{label:"Gender",options:gO})}),a.jsx(qe,{name:"isDeveloper",label:"Are you a developer?",children:a.jsx(_o,{label:"Are you a developer?",value:"yes"})}),a.jsx(qe,{name:"acceptTerms",hideError:!0,children:a.jsx(si,{label:"I accept the terms and conditions (with hideError prop)"})}),a.jsx("div",{className:"flex justify-end",children:a.jsx(he,{type:"submit",children:"Submit"})})]}),a.jsx(Ip,{}),a.jsx(Bp,{})]})]})]})};function yO({title:e,description:t,buttonText:r,onSubmit:n,isLoading:i=!1,error:s,className:o,successMessage:l,children:c}){function d(u){n&&n(u)}return a.jsx("div",{className:V("w-full max-w-md mx-auto",o),children:a.jsxs("div",{className:"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg",children:[a.jsx("h2",{className:"text-2xl font-bold mb-6 text-center",children:e||"Forgot Password"}),t&&a.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 mb-6 text-center",children:t}),a.jsxs("div",{className:"flex flex-col gap-4",children:[c,s&&a.jsx("div",{className:"mb-4 p-3 bg-red-50 border border-red-200 text-red-700 rounded-md text-sm dark:bg-red-900/20 dark:border-red-800 dark:text-red-400",children:s}),l&&a.jsx("div",{className:"mb-4 p-3 bg-green-50 border border-green-200 text-green-700 rounded-md text-sm dark:bg-green-900/20 dark:border-green-800 dark:text-green-400",children:l}),a.jsxs(ai,{onSubmit:d,className:"grid grid-cols-1 gap-4",useFormProps:{defaultValues:{email:""}},children:[a.jsx(qe,{name:"email",label:"Email Address",rules:{required:"Email is required",pattern:{value:/^[^\s@]+@[^\s@]+\.[^\s@]+$/,message:"Invalid email address"}},helperText:"Enter the email address associated with your account",showHelper:!0,children:a.jsx(ut,{type:"email",placeholder:"Enter your email",inputClassName:"focus:ring-0! placeholder:text-[#6B7280] mt-0!"})}),a.jsx(he,{type:"submit",fullWidth:!0,disabled:i,className:"uppercase",children:i?"Sending...":r||"Send Reset Code"})]})]})]})})}function vO({title:e,description:t,buttonText:r,onSubmit:n,signInPath:i,className:s,isLoading:o=!1,error:l,pinLength:c=5,children:d}){const[u,f]=w.useState(""),[p,h]=w.useState(""),m=v=>v?v.length!==c?`PIN must be exactly ${c} digits`:/^\d+$/.test(v)?"":"PIN must contain only numbers":"PIN is required",g=v=>{f(v);const b=m(v);h(b)},x=v=>{v.preventDefault();const b=m(u);if(b){h(b);return}n&&n({pin:u})},y=u.length===c&&!p;return a.jsx("div",{className:V("w-full max-w-md mx-auto",s),children:a.jsxs("div",{className:"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg",children:[a.jsx("h2",{className:"text-2xl font-bold mb-6 text-center",children:e||"Reset PIN"}),t&&a.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 mb-6 text-center",children:t}),a.jsxs("div",{className:"flex flex-col gap-4",children:[d,l&&a.jsx("div",{className:"mb-4 p-3 bg-red-50 border border-red-200 text-red-700 rounded-md text-sm dark:bg-red-900/20 dark:border-red-800 dark:text-red-400 text-center",children:l}),a.jsxs("form",{onSubmit:x,className:"flex flex-col items-center gap-4",children:[a.jsx("div",{className:"w-full flex flex-col items-center",children:a.jsx(zp,{length:c,placeholder:"-",variant:"ghost",color:"primary",size:"md",value:u,onChange:g,error:p,inputClassName:"border-[#E3E8ED] focus:border-brand focus:ring-brand dark:focus:ring-brand-200 dark:focus:ring-1 text-lg lg:text-2xl 2xl:text-[32px] w-12 h-14 lg:w-14 lg:h-16 2xl:w-16 2xl:h-[72px]",className:"mb-8 gap-3 sm:gap-4 2xl:mb-12 2xl:gap-6"})}),a.jsx(he,{type:"submit",fullWidth:!0,disabled:o||!y,className:"uppercase",children:o?"Verifying...":r||"Verify PIN"}),a.jsx(De,{to:i,className:"font-medium underline hover:text-brand/80 dark:text-gray-300 mt-4",children:"Back to Sign In"})]})]})]})})}function bO({title:e,description:t,buttonText:r,forgetPasswordPath:n,onSubmit:i,isLoading:s=!1,error:o,className:l,children:c}){const[d,u]=w.useState(!1);function f(p){i&&i(p)}return a.jsx("div",{className:V("w-full max-w-md mx-auto",l),children:a.jsxs("div",{className:"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg",children:[a.jsx("h2",{className:"text-2xl font-bold mb-6 text-center",children:e||"Sign In"}),t&&a.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 mb-6 text-center",children:t}),a.jsxs("div",{className:"flex flex-col gap-4",children:[c,o&&a.jsx("div",{className:"mb-4 p-3 bg-red-50 border border-red-200 text-red-700 rounded-md text-sm dark:bg-red-900/20 dark:border-red-800 dark:text-red-400",children:o}),a.jsxs(ai,{onSubmit:f,className:"grid grid-cols-1 gap-4",useFormProps:{defaultValues:{email:"",password:"",rememberMe:!1}},children:[a.jsx(qe,{name:"email",label:"Email Address",rules:{required:"Email is required",pattern:{value:/^[^\s@]+@[^\s@]+\.[^\s@]+$/,message:"Invalid email address"}},children:a.jsx(ut,{type:"email",placeholder:"Enter your email",inputClassName:"focus:ring-0! placeholder:text-[#6B7280]"})}),a.jsx(qe,{name:"password",label:"Password",rules:{required:"Password is required",minLength:{value:6,message:"Password must be at least 6 characters"}},children:a.jsxs("div",{className:"relative",children:[a.jsx(ut,{type:d?"text":"password",placeholder:"Enter your password",inputClassName:"focus:ring-0! placeholder:text-[#6B7280] pr-12"}),a.jsx("span",{className:"absolute bottom-3 right-4 cursor-pointer text-[#6B7280] rtl:left-4 rtl:right-auto sm:bottom-3.5",onClick:()=>u(!d),children:d?a.jsx(Rd,{className:"h-4 w-4 sm:h-5 sm:w-5"}):a.jsx(_d,{className:"h-4 w-4 sm:h-5 sm:w-5"})})]})}),a.jsxs("div",{className:"flex items-center justify-between",children:[a.jsx(qe,{name:"rememberMe",hideError:!0,children:a.jsx(si,{label:"Remember me",iconClassName:"bg-brand rounded-sm",labelPlacement:"end",labelClassName:"ml-1.5 text-sm dark:text-gray-300",size:"sm"})}),a.jsx(De,{to:n,className:"text-sm font-medium text-brand hover:text-brand-600 dark:text-brand-400",children:"Forgot password?"})]}),a.jsx(he,{type:"submit",fullWidth:!0,disabled:s,children:s?"Signing in...":r||"Sign in"})]})]})]})})}function wO({title:e,description:t,buttonText:r,onSubmit:n,isLoading:i=!1,error:s,className:o,termsOfServicePath:l="#",privacyPolicyPath:c="#",children:d}){const[u,f]=w.useState(!1);function p(h){n&&n(h)}return a.jsx("div",{className:V("w-full max-w-md mx-auto",o),children:a.jsxs("div",{className:"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg",children:[a.jsx("h2",{className:"text-2xl font-bold mb-6 text-center",children:e||"Sign Up"}),t&&a.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 mb-6 text-center",children:t}),a.jsxs("div",{className:"flex flex-col gap-4",children:[d,s&&a.jsx("div",{className:"mb-4 p-3 bg-red-50 border border-red-200 text-red-700 rounded-md text-sm dark:bg-red-900/20 dark:border-red-800 dark:text-red-400",children:s}),a.jsxs(ai,{onSubmit:p,className:"grid grid-cols-1 gap-4",useFormProps:{defaultValues:{firstName:"",lastName:"",email:"",password:"",agreeToTerms:!1}},children:[a.jsxs("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 sm:gap-3",children:[a.jsx(qe,{name:"firstName",label:"First Name",rules:{required:"First name is required",minLength:{value:2,message:"First name must be at least 2 characters"}},children:a.jsx(ut,{type:"text",placeholder:"First Name",inputClassName:"focus:ring-0! placeholder:text-[#6B7280]"})}),a.jsx(qe,{name:"lastName",label:"Last Name",rules:{required:"Last name is required",minLength:{value:2,message:"Last name must be at least 2 characters"}},children:a.jsx(ut,{type:"text",placeholder:"Last Name",inputClassName:"focus:ring-0! placeholder:text-[#6B7280]"})})]}),a.jsx(qe,{name:"email",label:"Email Address",rules:{required:"Email is required",pattern:{value:/^[^\s@]+@[^\s@]+\.[^\s@]+$/,message:"Invalid email address"}},children:a.jsx(ut,{type:"email",placeholder:"Email",inputClassName:"focus:ring-0! placeholder:text-[#6B7280]"})}),a.jsx(qe,{name:"password",label:"Password",rules:{required:"Password is required",minLength:{value:8,message:"Password must be at least 8 characters"},pattern:{value:/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/,message:"Password must contain at least one uppercase letter, one lowercase letter, and one number"}},children:a.jsxs("div",{className:"relative",children:[a.jsx(ut,{type:u?"text":"password",placeholder:"Password",inputClassName:"focus:ring-0! placeholder:text-[#6B7280] pr-12"}),a.jsx("span",{className:"absolute bottom-3 right-4 cursor-pointer text-[#6B7280] rtl:left-4 rtl:right-auto sm:bottom-3.5",onClick:()=>f(!u),children:u?a.jsx(Rd,{className:"h-4 w-4 sm:h-5 sm:w-5"}):a.jsx(_d,{className:"h-4 w-4 sm:h-5 sm:w-5"})})]})}),a.jsx(qe,{name:"agreeToTerms",rules:{required:"You must agree to the terms and conditions"},children:a.jsx(si,{iconClassName:"bg-brand rounded-sm mt-0.5",label:a.jsxs(a.Fragment,{children:["I've read and agree with",a.jsx(De,{to:l,className:"ml-2 font-medium tracking-[0.5px] underline dark:text-gray-300",children:"Terms of Service"})," and our ",a.jsx(De,{to:c,className:"font-medium tracking-[0.5px] underline dark:text-gray-300",children:"Privacy Policy"})]}),labelPlacement:"end",labelClassName:"ml-1.5 text-[#4B5563] text-sm! dark:text-gray-300 tracking-[0.5px] leading-7!",containerClassName:"items-start!",inputClassName:"mt-1 focus:ring-offset-1!",size:"sm"})}),a.jsx(he,{type:"submit",fullWidth:!0,disabled:i,className:"uppercase",children:i?"Creating account...":r||"Sign up"})]})]})]})})}function jO({name:e,symbol:t,logo:r,balance:n,usdBalance:i,change:s,isChangePositive:o,color:l="#FDEDD4"}){return a.jsxs("div",{className:"relative rounded-lg p-6 xl:p-8",style:{backgroundColor:l},children:[a.jsx("h4",{className:"mb-8 text-sm font-medium uppercase tracking-wider text-gray-900",children:e}),a.jsx("div",{className:"relative h-20 lg:h-24 xl:h-28 min-[1780px]:h-36",children:a.jsx(Tr,{src:r,alt:e,height:112,priority:"auto"})}),a.jsxs("div",{className:"mb-2 mt-8 text-sm font-medium tracking-wider text-gray-900 lg:text-lg 2xl:text-xl min-[1780px]:text-2xl",children:[n,a.jsxs("span",{className:"uppercase",children:[" ",t]})]}),a.jsxs("div",{className:"flex items-center justify-between text-sm font-medium 2xl:text-sm",children:[a.jsxs("span",{className:"tracking-wider text-gray-600",children:[i," USD"]}),a.jsxs("span",{className:`flex items-center  ${o?"text-green-500":"text-red-500"}`,children:[a.jsx("span",{className:`ltr:mr-2 rtl:ml-2 ${o?"":"rotate-180"}`,children:a.jsx(Vd,{})}),s]})]})]})}function g7({className:e,coins:t,selectedCoin:r,setSelectedCoin:n,disabled:i}){const[s,o]=w.useState(!1),[l,c]=w.useState(!1),[d,u]=w.useState(-1),[f,p]=w.useState({}),h=w.useRef(null),m=w.useRef(null),g=w.useRef([]),x=t.findIndex(S=>S.code===r.code),y=w.useCallback(()=>{if(!h.current)return;const S=h.current.getBoundingClientRect(),E=220,P=window.innerHeight-S.bottom,T=S.top,A=P<E&&T>P;p({position:"fixed",...A?{bottom:window.innerHeight-S.top+4}:{top:S.bottom+4},left:S.left,width:S.width,zIndex:9999})},[]),v=w.useCallback(()=>{i||(y(),u(x>=0?x:0),c(!1),o(!0))},[i,x,y]),b=w.useCallback(()=>{c(!0);const S=setTimeout(()=>{o(!1),c(!1),u(-1)},100);return()=>clearTimeout(S)},[]),j=w.useCallback(()=>{s?b():v()},[s,v,b]),C=w.useCallback(S=>{n(S),b(),h.current?.focus()},[n,b]);w.useEffect(()=>{if(!s)return;const S=E=>{h.current&&!h.current.contains(E.target)&&m.current&&!m.current.contains(E.target)&&b()};return document.addEventListener("mousedown",S),()=>document.removeEventListener("mousedown",S)},[s,b]),w.useEffect(()=>{if(!s)return;const S=E=>{E.key==="Escape"&&(b(),h.current?.focus())};return document.addEventListener("keydown",S),()=>document.removeEventListener("keydown",S)},[s,b]),w.useEffect(()=>{if(!s)return;const S=()=>y();return window.addEventListener("scroll",S,!0),window.addEventListener("resize",S),()=>{window.removeEventListener("scroll",S,!0),window.removeEventListener("resize",S)}},[s,y]),w.useEffect(()=>{d>=0&&g.current[d]&&g.current[d]?.scrollIntoView({block:"nearest"})},[d]);const N=S=>{if(!s){["ArrowDown","ArrowUp","Enter"," "].includes(S.key)&&(S.preventDefault(),v());return}switch(S.key){case"ArrowDown":S.preventDefault(),u(E=>E<t.length-1?E+1:0);break;case"ArrowUp":S.preventDefault(),u(E=>E>0?E-1:t.length-1);break;case"Enter":case" ":S.preventDefault(),d>=0&&t[d]&&C(t[d]);break;case"Escape":case"Tab":S.preventDefault(),b();break;case"Home":S.preventDefault(),u(0);break;case"End":S.preventDefault(),u(t.length-1);break}},k=s&&xr.createPortal(a.jsx("div",{ref:m,role:"listbox",tabIndex:-1,"aria-activedescendant":d>=0?`coin-option-${d}`:void 0,style:f,className:V("max-h-56 overflow-auto rounded-lg bg-white p-3 shadow-large dark:bg-gray-800","transition ease-in duration-100",l?"opacity-0":"opacity-100"),children:t.map((S,E)=>{const P=S.code===r.code,T=E===d;return a.jsxs("div",{id:`coin-option-${E}`,ref:A=>{g.current[E]=A},role:"option","aria-selected":P,onClick:()=>C(S),onMouseEnter:()=>u(E),className:V("my-1 flex cursor-pointer items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition",P&&"bg-brand/10 text-brand dark:bg-brand/20 dark:text-brand",!P&&T&&"bg-gray-200/70 text-gray-900 dark:bg-gray-600/60 dark:text-white",!P&&!T&&"text-gray-900 dark:text-white hover:bg-gray-200/70 dark:hover:bg-gray-600/60"),children:[S.icon,S.name]},S.code)})}),document.body);return a.jsxs("div",{className:V("relative",e),children:[a.jsxs("button",{ref:h,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":s,"aria-controls":"coin-listbox",disabled:i,onClick:j,onKeyDown:N,className:V("flex h-11 w-full items-center justify-between whitespace-nowrap dark:bg-light-dark bg-white border border-gray-100 dark:border-gray-700 px-4 pl-3 text-sm text-gray-900 rounded-lg dark:text-white sm:h-13 sm:pl-4",i&&"cursor-not-allowed opacity-50"),children:[a.jsxs("div",{className:"flex items-center gap-3 font-medium ltr:mr-2 rtl:ml-2",children:[a.jsx("span",{className:"sm:*:h-[30px] sm:*:w-[30px]",children:r.icon}),r.code]}),a.jsx(_n,{className:V("transition-transform duration-200",s&&"rotate-180")})]}),k]})}g7.displayName="CoinListBox";function CO({item:e,className:t=""}){const{name:r,slug:n,title:i,cover_image:s,number_of_artwork:o,user:l}=e??{};return a.jsxs("div",{className:V("group relative overflow-hidden rounded-lg transition-transform hover:-translate-y-1",t),children:[a.jsx("div",{className:"relative flex aspect-8/11 w-full justify-center overflow-hidden rounded-lg",children:a.jsx(Tr,{src:s,placeholder:"blur",width:600,priority:"auto",alt:r})}),a.jsxs("div",{className:"absolute left-0 top-0 z-5 flex h-full w-full flex-col justify-between bg-linear-to-t from-black p-5 md:p-6",children:[a.jsx(De,{to:"/"+n,className:"absolute left-0 top-0 z-10 h-full w-full"}),a.jsx("div",{className:"flex justify-between gap-3",children:a.jsx("div",{className:`inline-flex h-8 shrink-0 items-center rounded-2xl bg-white/20 px-4 text-sm font-medium uppercase -tracking-wide text-white
           backdrop-blur-2xl`,children:r})}),a.jsxs("div",{className:"block",children:[a.jsx("h2",{className:"mb-1.5 truncate text-lg font-medium -tracking-wider text-white",children:i}),a.jsxs("div",{className:"text-sm font-medium -tracking-wide text-[#B6AAA2]",children:[o," Artworks"]}),a.jsxs(De,{to:"/"+l?.slug,className:"relative z-10 mt-3.5 inline-flex items-center rounded-3xl bg-white/20 p-2 backdrop-blur-2xl",children:[a.jsx(ss,{image:l?.avatar,alt:l?.name,size:"xs",className:"rounded-full"}),a.jsxs("div",{className:"truncate text-sm -tracking-wide text-white ltr:ml-2 ltr:pr-2 rtl:mr-2 rtl:pl-2",children:["@",l?.name]})]})]})]})]})}function NO({collectionList:e,onSelect:t,placeholder:r="Search collections...",noResultsMessage:n="No collections found",className:i}){const[s,o]=w.useState(""),[l,c]=w.useState(-1),d=w.useRef(null),u=w.useRef(null),f=w.useRef([]),p=w.useMemo(()=>{if(!s.trim())return e;const g=s.toLowerCase();return e.filter(x=>x.name.toLowerCase().includes(g)||x.value.toLowerCase().includes(g))},[e,s]);w.useEffect(()=>{c(p.length>0?0:-1)},[p.length]),w.useEffect(()=>{l>=0&&f.current[l]&&f.current[l]?.scrollIntoView({block:"nearest"})},[l]);const h=w.useCallback(g=>{t(g)},[t]),m=g=>{switch(g.key){case"ArrowDown":g.preventDefault(),c(x=>x<p.length-1?x+1:0);break;case"ArrowUp":g.preventDefault(),c(x=>x>0?x-1:p.length-1);break;case"Enter":g.preventDefault(),l>=0&&p[l]&&h(p[l].value);break;case"Home":g.preventDefault(),c(0);break;case"End":g.preventDefault(),c(p.length-1);break}};return a.jsxs("div",{className:V("w-full rounded-xl bg-white shadow-large ring-1 ring-gray-200/60 dark:bg-gray-900 dark:ring-gray-800 dark:shadow-none",i),children:[a.jsxs("div",{className:"relative flex items-center gap-2.5 border-b border-gray-100 dark:border-gray-800 px-4 py-3",children:[a.jsx(B.Search,{className:"h-4 w-4 shrink-0 text-gray-400 dark:text-gray-500"}),a.jsx("input",{ref:u,type:"text",autoFocus:!0,value:s,onChange:g=>o(g.target.value),onKeyDown:m,placeholder:r,className:"flex-1 bg-transparent text-sm text-gray-900 dark:text-gray-100 placeholder:text-gray-400 dark:placeholder:text-gray-500 outline-none"}),s&&a.jsx("button",{type:"button",onClick:()=>{o(""),u.current?.focus()},className:"shrink-0 text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 transition-colors",children:a.jsx(B.X,{className:"h-3.5 w-3.5"})})]}),a.jsx(ca,{autoHide:"scroll",style:{maxHeight:"16rem"},className:"py-2",children:a.jsx("ul",{ref:d,role:"listbox",children:p.length>0?p.map((g,x)=>{const y=x===l;return a.jsxs("li",{ref:v=>{f.current[x]=v},role:"option","aria-selected":y,onClick:()=>h(g.value),onMouseEnter:()=>c(x),className:V("flex cursor-pointer items-center gap-3 px-4 py-2.5 transition-colors","focus:outline-none",y&&"bg-gray-100 dark:bg-gray-800",!y&&"hover:bg-gray-100  dark:hover:bg-gray-800/50"),children:[a.jsx(ss,{image:g.icon,size:"xs",alt:g.name}),a.jsx("span",{className:"text-sm font-medium text-gray-900 dark:text-gray-100 truncate",children:g.name})]},g.value)}):a.jsx("li",{className:"px-4 py-6 text-center",children:a.jsx("span",{className:"text-sm text-gray-500 dark:text-gray-400",children:n})})})})]})}const Ng={BTC:a.jsx(tb,{}),ETH:a.jsx(ub,{}),USDT:a.jsx(wb,{}),BNB:a.jsx(rb,{}),USDC:a.jsx(jb,{}),ADA:a.jsx(ab,{}),DOGE:a.jsx(db,{})};function kO({from:e,to:t}){return a.jsxs("div",{className:"flex items-center",children:[a.jsxs("div",{className:"flex items-center",children:[a.jsx("div",{className:"relative",children:Ng[e]}),a.jsx("div",{className:"ltr:-ml-1.5 rtl:-mr-1.5",children:Ng[t]})]}),a.jsxs("div",{className:"whitespace-nowrap text-sm font-medium uppercase text-black ltr:ml-3 rtl:mr-3 dark:text-white",children:[e,"-",t]})]})}const SO={small:"w-6 h-6",medium:"w-8 h-8",large:"w-8 h-8 sm:w-10 sm:h-10"};function kg(e){let t=0;return e==="large"?t=40:e==="medium"?t=32:t=24,t}function EO({item:e,className:t,variant:r="small",imageClassName:n="bg-brand rounded p-1"}){const{name:i,logo:s,balance:o,coinType:l}=e??{};return a.jsxs("div",{className:V("flex items-center justify-between bg-white text-sm font-medium shadow-card dark:bg-light-dark p-3 tracking-wider rounded-lg sm:p-4",t),children:[a.jsxs("div",{className:"flex items-center",children:[a.jsx("div",{className:V("rounded-full",SO[r]),children:a.jsx(Tr,{src:s,alt:i,width:kg(r),height:kg(r),className:n})}),a.jsxs("div",{className:"ltr:ml-2 rtl:mr-2",children:[i,l&&a.jsx("span",{className:"block pt-0.5 text-sm font-normal capitalize text-gray-600 dark:text-gray-400",children:l})]})]}),a.jsx("div",{className:"overflow-hidden text-ellipsis -tracking-wider ltr:pl-2 rtl:pr-2",children:o})]})}function x7(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(r=x7(e[t]))&&(n&&(n+=" "),n+=r)}else for(r in e)e[r]&&(n&&(n+=" "),n+=r);return n}function we(){for(var e,t,r=0,n="",i=arguments.length;r<i;r++)(e=arguments[r])&&(t=x7(e))&&(n&&(n+=" "),n+=t);return n}var PO=["dangerouslySetInnerHTML","onCopy","onCopyCapture","onCut","onCutCapture","onPaste","onPasteCapture","onCompositionEnd","onCompositionEndCapture","onCompositionStart","onCompositionStartCapture","onCompositionUpdate","onCompositionUpdateCapture","onFocus","onFocusCapture","onBlur","onBlurCapture","onChange","onChangeCapture","onBeforeInput","onBeforeInputCapture","onInput","onInputCapture","onReset","onResetCapture","onSubmit","onSubmitCapture","onInvalid","onInvalidCapture","onLoad","onLoadCapture","onError","onErrorCapture","onKeyDown","onKeyDownCapture","onKeyPress","onKeyPressCapture","onKeyUp","onKeyUpCapture","onAbort","onAbortCapture","onCanPlay","onCanPlayCapture","onCanPlayThrough","onCanPlayThroughCapture","onDurationChange","onDurationChangeCapture","onEmptied","onEmptiedCapture","onEncrypted","onEncryptedCapture","onEnded","onEndedCapture","onLoadedData","onLoadedDataCapture","onLoadedMetadata","onLoadedMetadataCapture","onLoadStart","onLoadStartCapture","onPause","onPauseCapture","onPlay","onPlayCapture","onPlaying","onPlayingCapture","onProgress","onProgressCapture","onRateChange","onRateChangeCapture","onSeeked","onSeekedCapture","onSeeking","onSeekingCapture","onStalled","onStalledCapture","onSuspend","onSuspendCapture","onTimeUpdate","onTimeUpdateCapture","onVolumeChange","onVolumeChangeCapture","onWaiting","onWaitingCapture","onAuxClick","onAuxClickCapture","onClick","onClickCapture","onContextMenu","onContextMenuCapture","onDoubleClick","onDoubleClickCapture","onDrag","onDragCapture","onDragEnd","onDragEndCapture","onDragEnter","onDragEnterCapture","onDragExit","onDragExitCapture","onDragLeave","onDragLeaveCapture","onDragOver","onDragOverCapture","onDragStart","onDragStartCapture","onDrop","onDropCapture","onMouseDown","onMouseDownCapture","onMouseEnter","onMouseLeave","onMouseMove","onMouseMoveCapture","onMouseOut","onMouseOutCapture","onMouseOver","onMouseOverCapture","onMouseUp","onMouseUpCapture","onSelect","onSelectCapture","onTouchCancel","onTouchCancelCapture","onTouchEnd","onTouchEndCapture","onTouchMove","onTouchMoveCapture","onTouchStart","onTouchStartCapture","onPointerDown","onPointerDownCapture","onPointerMove","onPointerMoveCapture","onPointerUp","onPointerUpCapture","onPointerCancel","onPointerCancelCapture","onPointerEnter","onPointerEnterCapture","onPointerLeave","onPointerLeaveCapture","onPointerOver","onPointerOverCapture","onPointerOut","onPointerOutCapture","onGotPointerCapture","onGotPointerCaptureCapture","onLostPointerCapture","onLostPointerCaptureCapture","onScroll","onScrollCapture","onWheel","onWheelCapture","onAnimationStart","onAnimationStartCapture","onAnimationEnd","onAnimationEndCapture","onAnimationIteration","onAnimationIterationCapture","onTransitionEnd","onTransitionEndCapture"];function $p(e){if(typeof e!="string")return!1;var t=PO;return t.includes(e)}var MO=["aria-activedescendant","aria-atomic","aria-autocomplete","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colspan","aria-controls","aria-current","aria-describedby","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-modal","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext","className","color","height","id","lang","max","media","method","min","name","style","target","width","role","tabIndex","accentHeight","accumulate","additive","alignmentBaseline","allowReorder","alphabetic","amplitude","arabicForm","ascent","attributeName","attributeType","autoReverse","azimuth","baseFrequency","baselineShift","baseProfile","bbox","begin","bias","by","calcMode","capHeight","clip","clipPath","clipPathUnits","clipRule","colorInterpolation","colorInterpolationFilters","colorProfile","colorRendering","contentScriptType","contentStyleType","cursor","cx","cy","d","decelerate","descent","diffuseConstant","direction","display","divisor","dominantBaseline","dur","dx","dy","edgeMode","elevation","enableBackground","end","exponent","externalResourcesRequired","fill","fillOpacity","fillRule","filter","filterRes","filterUnits","floodColor","floodOpacity","focusable","fontFamily","fontSize","fontSizeAdjust","fontStretch","fontStyle","fontVariant","fontWeight","format","from","fx","fy","g1","g2","glyphName","glyphOrientationHorizontal","glyphOrientationVertical","glyphRef","gradientTransform","gradientUnits","hanging","horizAdvX","horizOriginX","href","ideographic","imageRendering","in2","in","intercept","k1","k2","k3","k4","k","kernelMatrix","kernelUnitLength","kerning","keyPoints","keySplines","keyTimes","lengthAdjust","letterSpacing","lightingColor","limitingConeAngle","local","markerEnd","markerHeight","markerMid","markerStart","markerUnits","markerWidth","mask","maskContentUnits","maskUnits","mathematical","mode","numOctaves","offset","opacity","operator","order","orient","orientation","origin","overflow","overlinePosition","overlineThickness","paintOrder","panose1","pathLength","patternContentUnits","patternTransform","patternUnits","pointerEvents","pointsAtX","pointsAtY","pointsAtZ","preserveAlpha","preserveAspectRatio","primitiveUnits","r","radius","refX","refY","renderingIntent","repeatCount","repeatDur","requiredExtensions","requiredFeatures","restart","result","rotate","rx","ry","seed","shapeRendering","slope","spacing","specularConstant","specularExponent","speed","spreadMethod","startOffset","stdDeviation","stemh","stemv","stitchTiles","stopColor","stopOpacity","strikethroughPosition","strikethroughThickness","string","stroke","strokeDasharray","strokeDashoffset","strokeLinecap","strokeLinejoin","strokeMiterlimit","strokeOpacity","strokeWidth","surfaceScale","systemLanguage","tableValues","targetX","targetY","textAnchor","textDecoration","textLength","textRendering","to","transform","u1","u2","underlinePosition","underlineThickness","unicode","unicodeBidi","unicodeRange","unitsPerEm","vAlphabetic","values","vectorEffect","version","vertAdvY","vertOriginX","vertOriginY","vHanging","vIdeographic","viewTarget","visibility","vMathematical","widths","wordSpacing","writingMode","x1","x2","x","xChannelSelector","xHeight","xlinkActuate","xlinkArcrole","xlinkHref","xlinkRole","xlinkShow","xlinkTitle","xlinkType","xmlBase","xmlLang","xmlns","xmlnsXlink","xmlSpace","y1","y2","y","yChannelSelector","z","zoomAndPan","ref","key","angle"],AO=new Set(MO);function y7(e){return typeof e!="string"?!1:AO.has(e)}function v7(e){return typeof e=="string"&&e.startsWith("data-")}function Ge(e){if(typeof e!="object"||e===null)return{};var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(y7(r)||v7(r))&&(t[r]=e[r]);return t}function On(e){if(e==null)return null;if(w.isValidElement(e)&&typeof e.props=="object"&&e.props!==null){var t=e.props;return Ge(t)}return typeof e=="object"&&!Array.isArray(e)?Ge(e):null}function ft(e){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(y7(r)||v7(r)||$p(r))&&(t[r]=e[r]);return t}function TO(e){return e==null?null:w.isValidElement(e)?ft(e.props):typeof e=="object"&&!Array.isArray(e)?ft(e):null}var OO=["children","width","height","viewBox","className","style","title","desc"];function $2(){return $2=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},$2.apply(null,arguments)}function LO(e,t){if(e==null)return{};var r,n,i=DO(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function DO(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}var Hp=w.forwardRef((e,t)=>{var{children:r,width:n,height:i,viewBox:s,className:o,style:l,title:c,desc:d}=e,u=LO(e,OO),f=s||{width:n,height:i,x:0,y:0},p=we("recharts-surface",o);return M.createElement("svg",$2({},ft(u),{className:p,width:n,height:i,style:l,viewBox:"".concat(f.x," ").concat(f.y," ").concat(f.width," ").concat(f.height),ref:t}),M.createElement("title",null,c),M.createElement("desc",null,d),r)}),IO=["children","className"];function H2(){return H2=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},H2.apply(null,arguments)}function zO(e,t){if(e==null)return{};var r,n,i=VO(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function VO(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}var ze=M.forwardRef((e,t)=>{var{children:r,className:n}=e,i=zO(e,IO),s=we("recharts-layer",n);return M.createElement("g",H2({className:s},ft(i),{ref:t}),r)}),b7=w.createContext(null),RO=()=>w.useContext(b7);function We(e){return function(){return e}}const w7=Math.cos,Sc=Math.sin,Gr=Math.sqrt,Ec=Math.PI,ou=2*Ec,U2=Math.PI,W2=2*U2,Na=1e-6,_O=W2-Na;function j7(e){this._+=e[0];for(let t=1,r=e.length;t<r;++t)this._+=arguments[t]+e[t]}function FO(e){let t=Math.floor(e);if(!(t>=0))throw new Error(`invalid digits: ${e}`);if(t>15)return j7;const r=10**t;return function(n){this._+=n[0];for(let i=1,s=n.length;i<s;++i)this._+=Math.round(arguments[i]*r)/r+n[i]}}class BO{constructor(t){this._x0=this._y0=this._x1=this._y1=null,this._="",this._append=t==null?j7:FO(t)}moveTo(t,r){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+r}`}closePath(){this._x1!==null&&(this._x1=this._x0,this._y1=this._y0,this._append`Z`)}lineTo(t,r){this._append`L${this._x1=+t},${this._y1=+r}`}quadraticCurveTo(t,r,n,i){this._append`Q${+t},${+r},${this._x1=+n},${this._y1=+i}`}bezierCurveTo(t,r,n,i,s,o){this._append`C${+t},${+r},${+n},${+i},${this._x1=+s},${this._y1=+o}`}arcTo(t,r,n,i,s){if(t=+t,r=+r,n=+n,i=+i,s=+s,s<0)throw new Error(`negative radius: ${s}`);let o=this._x1,l=this._y1,c=n-t,d=i-r,u=o-t,f=l-r,p=u*u+f*f;if(this._x1===null)this._append`M${this._x1=t},${this._y1=r}`;else if(p>Na)if(!(Math.abs(f*c-d*u)>Na)||!s)this._append`L${this._x1=t},${this._y1=r}`;else{let h=n-o,m=i-l,g=c*c+d*d,x=h*h+m*m,y=Math.sqrt(g),v=Math.sqrt(p),b=s*Math.tan((U2-Math.acos((g+p-x)/(2*y*v)))/2),j=b/v,C=b/y;Math.abs(j-1)>Na&&this._append`L${t+j*u},${r+j*f}`,this._append`A${s},${s},0,0,${+(f*h>u*m)},${this._x1=t+C*c},${this._y1=r+C*d}`}}arc(t,r,n,i,s,o){if(t=+t,r=+r,n=+n,o=!!o,n<0)throw new Error(`negative radius: ${n}`);let l=n*Math.cos(i),c=n*Math.sin(i),d=t+l,u=r+c,f=1^o,p=o?i-s:s-i;this._x1===null?this._append`M${d},${u}`:(Math.abs(this._x1-d)>Na||Math.abs(this._y1-u)>Na)&&this._append`L${d},${u}`,n&&(p<0&&(p=p%W2+W2),p>_O?this._append`A${n},${n},0,1,${f},${t-l},${r-c}A${n},${n},0,1,${f},${this._x1=d},${this._y1=u}`:p>Na&&this._append`A${n},${n},0,${+(p>=U2)},${f},${this._x1=t+n*Math.cos(s)},${this._y1=r+n*Math.sin(s)}`)}rect(t,r,n,i){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+r}h${n=+n}v${+i}h${-n}Z`}toString(){return this._}}function Up(e){let t=3;return e.digits=function(r){if(!arguments.length)return t;if(r==null)t=null;else{const n=Math.floor(r);if(!(n>=0))throw new RangeError(`invalid digits: ${r}`);t=n}return e},()=>new BO(t)}function Wp(e){return typeof e=="object"&&"length"in e?e:Array.from(e)}function C7(e){this._context=e}C7.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._point=0},lineEnd:function(){(this._line||this._line!==0&&this._point===1)&&this._context.closePath(),this._line=1-this._line},point:function(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1,this._line?this._context.lineTo(e,t):this._context.moveTo(e,t);break;case 1:this._point=2;default:this._context.lineTo(e,t);break}}};function lu(e){return new C7(e)}function N7(e){return e[0]}function k7(e){return e[1]}function S7(e,t){var r=We(!0),n=null,i=lu,s=null,o=Up(l);e=typeof e=="function"?e:e===void 0?N7:We(e),t=typeof t=="function"?t:t===void 0?k7:We(t);function l(c){var d,u=(c=Wp(c)).length,f,p=!1,h;for(n==null&&(s=i(h=o())),d=0;d<=u;++d)!(d<u&&r(f=c[d],d,c))===p&&((p=!p)?s.lineStart():s.lineEnd()),p&&s.point(+e(f,d,c),+t(f,d,c));if(h)return s=null,h+""||null}return l.x=function(c){return arguments.length?(e=typeof c=="function"?c:We(+c),l):e},l.y=function(c){return arguments.length?(t=typeof c=="function"?c:We(+c),l):t},l.defined=function(c){return arguments.length?(r=typeof c=="function"?c:We(!!c),l):r},l.curve=function(c){return arguments.length?(i=c,n!=null&&(s=i(n)),l):i},l.context=function(c){return arguments.length?(c==null?n=s=null:s=i(n=c),l):n},l}function Pl(e,t,r){var n=null,i=We(!0),s=null,o=lu,l=null,c=Up(d);e=typeof e=="function"?e:e===void 0?N7:We(+e),t=typeof t=="function"?t:We(t===void 0?0:+t),r=typeof r=="function"?r:r===void 0?k7:We(+r);function d(f){var p,h,m,g=(f=Wp(f)).length,x,y=!1,v,b=new Array(g),j=new Array(g);for(s==null&&(l=o(v=c())),p=0;p<=g;++p){if(!(p<g&&i(x=f[p],p,f))===y)if(y=!y)h=p,l.areaStart(),l.lineStart();else{for(l.lineEnd(),l.lineStart(),m=p-1;m>=h;--m)l.point(b[m],j[m]);l.lineEnd(),l.areaEnd()}y&&(b[p]=+e(x,p,f),j[p]=+t(x,p,f),l.point(n?+n(x,p,f):b[p],r?+r(x,p,f):j[p]))}if(v)return l=null,v+""||null}function u(){return S7().defined(i).curve(o).context(s)}return d.x=function(f){return arguments.length?(e=typeof f=="function"?f:We(+f),n=null,d):e},d.x0=function(f){return arguments.length?(e=typeof f=="function"?f:We(+f),d):e},d.x1=function(f){return arguments.length?(n=f==null?null:typeof f=="function"?f:We(+f),d):n},d.y=function(f){return arguments.length?(t=typeof f=="function"?f:We(+f),r=null,d):t},d.y0=function(f){return arguments.length?(t=typeof f=="function"?f:We(+f),d):t},d.y1=function(f){return arguments.length?(r=f==null?null:typeof f=="function"?f:We(+f),d):r},d.lineX0=d.lineY0=function(){return u().x(e).y(t)},d.lineY1=function(){return u().x(e).y(r)},d.lineX1=function(){return u().x(n).y(t)},d.defined=function(f){return arguments.length?(i=typeof f=="function"?f:We(!!f),d):i},d.curve=function(f){return arguments.length?(o=f,s!=null&&(l=o(s)),d):o},d.context=function(f){return arguments.length?(f==null?s=l=null:l=o(s=f),d):s},d}class E7{constructor(t,r){this._context=t,this._x=r}areaStart(){this._line=0}areaEnd(){this._line=NaN}lineStart(){this._point=0}lineEnd(){(this._line||this._line!==0&&this._point===1)&&this._context.closePath(),this._line=1-this._line}point(t,r){switch(t=+t,r=+r,this._point){case 0:{this._point=1,this._line?this._context.lineTo(t,r):this._context.moveTo(t,r);break}case 1:this._point=2;default:{this._x?this._context.bezierCurveTo(this._x0=(this._x0+t)/2,this._y0,this._x0,r,t,r):this._context.bezierCurveTo(this._x0,this._y0=(this._y0+r)/2,t,this._y0,t,r);break}}this._x0=t,this._y0=r}}function qO(e){return new E7(e,!0)}function $O(e){return new E7(e,!1)}const Gp={draw(e,t){const r=Gr(t/Ec);e.moveTo(r,0),e.arc(0,0,r,0,ou)}},HO={draw(e,t){const r=Gr(t/5)/2;e.moveTo(-3*r,-r),e.lineTo(-r,-r),e.lineTo(-r,-3*r),e.lineTo(r,-3*r),e.lineTo(r,-r),e.lineTo(3*r,-r),e.lineTo(3*r,r),e.lineTo(r,r),e.lineTo(r,3*r),e.lineTo(-r,3*r),e.lineTo(-r,r),e.lineTo(-3*r,r),e.closePath()}},P7=Gr(1/3),UO=P7*2,WO={draw(e,t){const r=Gr(t/UO),n=r*P7;e.moveTo(0,-r),e.lineTo(n,0),e.lineTo(0,r),e.lineTo(-n,0),e.closePath()}},GO={draw(e,t){const r=Gr(t),n=-r/2;e.rect(n,n,r,r)}},KO=.8908130915292852,M7=Sc(Ec/10)/Sc(7*Ec/10),ZO=Sc(ou/10)*M7,YO=-w7(ou/10)*M7,XO={draw(e,t){const r=Gr(t*KO),n=ZO*r,i=YO*r;e.moveTo(0,-r),e.lineTo(n,i);for(let s=1;s<5;++s){const o=ou*s/5,l=w7(o),c=Sc(o);e.lineTo(c*r,-l*r),e.lineTo(l*n-c*i,c*n+l*i)}e.closePath()}},N0=Gr(3),JO={draw(e,t){const r=-Gr(t/(N0*3));e.moveTo(0,r*2),e.lineTo(-N0*r,-r),e.lineTo(N0*r,-r),e.closePath()}},br=-.5,wr=Gr(3)/2,G2=1/Gr(12),QO=(G2/2+1)*3,eL={draw(e,t){const r=Gr(t/QO),n=r/2,i=r*G2,s=n,o=r*G2+r,l=-s,c=o;e.moveTo(n,i),e.lineTo(s,o),e.lineTo(l,c),e.lineTo(br*n-wr*i,wr*n+br*i),e.lineTo(br*s-wr*o,wr*s+br*o),e.lineTo(br*l-wr*c,wr*l+br*c),e.lineTo(br*n+wr*i,br*i-wr*n),e.lineTo(br*s+wr*o,br*o-wr*s),e.lineTo(br*l+wr*c,br*c-wr*l),e.closePath()}};function tL(e,t){let r=null,n=Up(i);e=typeof e=="function"?e:We(e||Gp),t=typeof t=="function"?t:We(t===void 0?64:+t);function i(){let s;if(r||(r=s=n()),e.apply(this,arguments).draw(r,+t.apply(this,arguments)),s)return r=null,s+""||null}return i.type=function(s){return arguments.length?(e=typeof s=="function"?s:We(s),i):e},i.size=function(s){return arguments.length?(t=typeof s=="function"?s:We(+s),i):t},i.context=function(s){return arguments.length?(r=s??null,i):r},i}function Pc(){}function Mc(e,t,r){e._context.bezierCurveTo((2*e._x0+e._x1)/3,(2*e._y0+e._y1)/3,(e._x0+2*e._x1)/3,(e._y0+2*e._y1)/3,(e._x0+4*e._x1+t)/6,(e._y0+4*e._y1+r)/6)}function A7(e){this._context=e}A7.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x0=this._x1=this._y0=this._y1=NaN,this._point=0},lineEnd:function(){switch(this._point){case 3:Mc(this,this._x1,this._y1);case 2:this._context.lineTo(this._x1,this._y1);break}(this._line||this._line!==0&&this._point===1)&&this._context.closePath(),this._line=1-this._line},point:function(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1,this._line?this._context.lineTo(e,t):this._context.moveTo(e,t);break;case 1:this._point=2;break;case 2:this._point=3,this._context.lineTo((5*this._x0+this._x1)/6,(5*this._y0+this._y1)/6);default:Mc(this,e,t);break}this._x0=this._x1,this._x1=e,this._y0=this._y1,this._y1=t}};function rL(e){return new A7(e)}function T7(e){this._context=e}T7.prototype={areaStart:Pc,areaEnd:Pc,lineStart:function(){this._x0=this._x1=this._x2=this._x3=this._x4=this._y0=this._y1=this._y2=this._y3=this._y4=NaN,this._point=0},lineEnd:function(){switch(this._point){case 1:{this._context.moveTo(this._x2,this._y2),this._context.closePath();break}case 2:{this._context.moveTo((this._x2+2*this._x3)/3,(this._y2+2*this._y3)/3),this._context.lineTo((this._x3+2*this._x2)/3,(this._y3+2*this._y2)/3),this._context.closePath();break}case 3:{this.point(this._x2,this._y2),this.point(this._x3,this._y3),this.point(this._x4,this._y4);break}}},point:function(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1,this._x2=e,this._y2=t;break;case 1:this._point=2,this._x3=e,this._y3=t;break;case 2:this._point=3,this._x4=e,this._y4=t,this._context.moveTo((this._x0+4*this._x1+e)/6,(this._y0+4*this._y1+t)/6);break;default:Mc(this,e,t);break}this._x0=this._x1,this._x1=e,this._y0=this._y1,this._y1=t}};function nL(e){return new T7(e)}function O7(e){this._context=e}O7.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x0=this._x1=this._y0=this._y1=NaN,this._point=0},lineEnd:function(){(this._line||this._line!==0&&this._point===3)&&this._context.closePath(),this._line=1-this._line},point:function(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1;break;case 1:this._point=2;break;case 2:this._point=3;var r=(this._x0+4*this._x1+e)/6,n=(this._y0+4*this._y1+t)/6;this._line?this._context.lineTo(r,n):this._context.moveTo(r,n);break;case 3:this._point=4;default:Mc(this,e,t);break}this._x0=this._x1,this._x1=e,this._y0=this._y1,this._y1=t}};function aL(e){return new O7(e)}function L7(e){this._context=e}L7.prototype={areaStart:Pc,areaEnd:Pc,lineStart:function(){this._point=0},lineEnd:function(){this._point&&this._context.closePath()},point:function(e,t){e=+e,t=+t,this._point?this._context.lineTo(e,t):(this._point=1,this._context.moveTo(e,t))}};function iL(e){return new L7(e)}function Sg(e){return e<0?-1:1}function Eg(e,t,r){var n=e._x1-e._x0,i=t-e._x1,s=(e._y1-e._y0)/(n||i<0&&-0),o=(r-e._y1)/(i||n<0&&-0),l=(s*i+o*n)/(n+i);return(Sg(s)+Sg(o))*Math.min(Math.abs(s),Math.abs(o),.5*Math.abs(l))||0}function Pg(e,t){var r=e._x1-e._x0;return r?(3*(e._y1-e._y0)/r-t)/2:t}function k0(e,t,r){var n=e._x0,i=e._y0,s=e._x1,o=e._y1,l=(s-n)/3;e._context.bezierCurveTo(n+l,i+l*t,s-l,o-l*r,s,o)}function Ac(e){this._context=e}Ac.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x0=this._x1=this._y0=this._y1=this._t0=NaN,this._point=0},lineEnd:function(){switch(this._point){case 2:this._context.lineTo(this._x1,this._y1);break;case 3:k0(this,this._t0,Pg(this,this._t0));break}(this._line||this._line!==0&&this._point===1)&&this._context.closePath(),this._line=1-this._line},point:function(e,t){var r=NaN;if(e=+e,t=+t,!(e===this._x1&&t===this._y1)){switch(this._point){case 0:this._point=1,this._line?this._context.lineTo(e,t):this._context.moveTo(e,t);break;case 1:this._point=2;break;case 2:this._point=3,k0(this,Pg(this,r=Eg(this,e,t)),r);break;default:k0(this,this._t0,r=Eg(this,e,t));break}this._x0=this._x1,this._x1=e,this._y0=this._y1,this._y1=t,this._t0=r}}};function D7(e){this._context=new I7(e)}(D7.prototype=Object.create(Ac.prototype)).point=function(e,t){Ac.prototype.point.call(this,t,e)};function I7(e){this._context=e}I7.prototype={moveTo:function(e,t){this._context.moveTo(t,e)},closePath:function(){this._context.closePath()},lineTo:function(e,t){this._context.lineTo(t,e)},bezierCurveTo:function(e,t,r,n,i,s){this._context.bezierCurveTo(t,e,n,r,s,i)}};function sL(e){return new Ac(e)}function oL(e){return new D7(e)}function z7(e){this._context=e}z7.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x=[],this._y=[]},lineEnd:function(){var e=this._x,t=this._y,r=e.length;if(r)if(this._line?this._context.lineTo(e[0],t[0]):this._context.moveTo(e[0],t[0]),r===2)this._context.lineTo(e[1],t[1]);else for(var n=Mg(e),i=Mg(t),s=0,o=1;o<r;++s,++o)this._context.bezierCurveTo(n[0][s],i[0][s],n[1][s],i[1][s],e[o],t[o]);(this._line||this._line!==0&&r===1)&&this._context.closePath(),this._line=1-this._line,this._x=this._y=null},point:function(e,t){this._x.push(+e),this._y.push(+t)}};function Mg(e){var t,r=e.length-1,n,i=new Array(r),s=new Array(r),o=new Array(r);for(i[0]=0,s[0]=2,o[0]=e[0]+2*e[1],t=1;t<r-1;++t)i[t]=1,s[t]=4,o[t]=4*e[t]+2*e[t+1];for(i[r-1]=2,s[r-1]=7,o[r-1]=8*e[r-1]+e[r],t=1;t<r;++t)n=i[t]/s[t-1],s[t]-=n,o[t]-=n*o[t-1];for(i[r-1]=o[r-1]/s[r-1],t=r-2;t>=0;--t)i[t]=(o[t]-i[t+1])/s[t];for(s[r-1]=(e[r]+i[r-1])/2,t=0;t<r-1;++t)s[t]=2*e[t+1]-i[t+1];return[i,s]}function lL(e){return new z7(e)}function cu(e,t){this._context=e,this._t=t}cu.prototype={areaStart:function(){this._line=0},areaEnd:function(){this._line=NaN},lineStart:function(){this._x=this._y=NaN,this._point=0},lineEnd:function(){0<this._t&&this._t<1&&this._point===2&&this._context.lineTo(this._x,this._y),(this._line||this._line!==0&&this._point===1)&&this._context.closePath(),this._line>=0&&(this._t=1-this._t,this._line=1-this._line)},point:function(e,t){switch(e=+e,t=+t,this._point){case 0:this._point=1,this._line?this._context.lineTo(e,t):this._context.moveTo(e,t);break;case 1:this._point=2;default:{if(this._t<=0)this._context.lineTo(this._x,t),this._context.lineTo(e,t);else{var r=this._x*(1-this._t)+e*this._t;this._context.lineTo(r,this._y),this._context.lineTo(r,t)}break}}this._x=e,this._y=t}};function cL(e){return new cu(e,.5)}function dL(e){return new cu(e,0)}function uL(e){return new cu(e,1)}function Wa(e,t){if((o=e.length)>1)for(var r=1,n,i,s=e[t[0]],o,l=s.length;r<o;++r)for(i=s,s=e[t[r]],n=0;n<l;++n)s[n][1]+=s[n][0]=isNaN(i[n][1])?i[n][0]:i[n][1]}function K2(e){for(var t=e.length,r=new Array(t);--t>=0;)r[t]=t;return r}function fL(e,t){return e[t]}function pL(e){const t=[];return t.key=e,t}function mL(){var e=We([]),t=K2,r=Wa,n=fL;function i(s){var o=Array.from(e.apply(this,arguments),pL),l,c=o.length,d=-1,u;for(const f of s)for(l=0,++d;l<c;++l)(o[l][d]=[0,+n(f,o[l].key,d,s)]).data=f;for(l=0,u=Wp(t(o));l<c;++l)o[u[l]].index=l;return r(o,u),o}return i.keys=function(s){return arguments.length?(e=typeof s=="function"?s:We(Array.from(s)),i):e},i.value=function(s){return arguments.length?(n=typeof s=="function"?s:We(+s),i):n},i.order=function(s){return arguments.length?(t=s==null?K2:typeof s=="function"?s:We(Array.from(s)),i):t},i.offset=function(s){return arguments.length?(r=s??Wa,i):r},i}function hL(e,t){if((n=e.length)>0){for(var r,n,i=0,s=e[0].length,o;i<s;++i){for(o=r=0;r<n;++r)o+=e[r][i][1]||0;if(o)for(r=0;r<n;++r)e[r][i][1]/=o}Wa(e,t)}}function gL(e,t){if((i=e.length)>0){for(var r=0,n=e[t[0]],i,s=n.length;r<s;++r){for(var o=0,l=0;o<i;++o)l+=e[o][r][1]||0;n[r][1]+=n[r][0]=-l/2}Wa(e,t)}}function xL(e,t){if(!(!((o=e.length)>0)||!((s=(i=e[t[0]]).length)>0))){for(var r=0,n=1,i,s,o;n<s;++n){for(var l=0,c=0,d=0;l<o;++l){for(var u=e[t[l]],f=u[n][1]||0,p=u[n-1][1]||0,h=(f-p)/2,m=0;m<l;++m){var g=e[t[m]],x=g[n][1]||0,y=g[n-1][1]||0;h+=x-y}c+=f,d+=h*f}i[n-1][1]+=i[n-1][0]=r,c&&(r-=d/c)}i[n-1][1]+=i[n-1][0]=r,Wa(e,t)}}var S0={},E0={},Ag;function yL(){return Ag||(Ag=1,(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});function t(r){return r==="__proto__"}e.isUnsafeProperty=t})(E0)),E0}var P0={},Tg;function V7(){return Tg||(Tg=1,(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});function t(r){switch(typeof r){case"number":case"symbol":return!1;case"string":return r.includes(".")||r.includes("[")||r.includes("]")}}e.isDeepKey=t})(P0)),P0}var M0={},Og;function Kp(){return Og||(Og=1,(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});function t(r){return typeof r=="string"||typeof r=="symbol"?r:Object.is(r?.valueOf?.(),-0)?"-0":String(r)}e.toKey=t})(M0)),M0}var A0={},T0={},Lg;function vL(){return Lg||(Lg=1,(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});function t(r){if(r==null)return"";if(typeof r=="string")return r;if(Array.isArray(r))return r.map(t).join(",");const n=String(r);return n==="0"&&Object.is(Number(r),-0)?"-0":n}e.toString=t})(T0)),T0}var Dg;function Zp(){return Dg||(Dg=1,(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});const t=vL(),r=Kp();function n(i){if(Array.isArray(i))return i.map(r.toKey);if(typeof i=="symbol")return[i];i=t.toString(i);const s=[],o=i.length;if(o===0)return s;let l=0,c="",d="",u=!1;for(i.charCodeAt(0)===46&&(s.push(""),l++);l<o;){const f=i[l];d?f==="\\"&&l+1<o?(l++,c+=i[l]):f===d?d="":c+=f:u?f==='"'||f==="'"?d=f:f==="]"?(u=!1,s.push(c),c=""):c+=f:f==="["?(u=!0,c&&(s.push(c),c="")):f==="."?c&&(s.push(c),c=""):c+=f,l++}return c&&s.push(c),s}e.toPath=n})(A0)),A0}var Ig;function Yp(){return Ig||(Ig=1,(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});const t=yL(),r=V7(),n=Kp(),i=Zp();function s(l,c,d){if(l==null)return d;switch(typeof c){case"string":{if(t.isUnsafeProperty(c))return d;const u=l[c];return u===void 0?r.isDeepKey(c)?s(l,i.toPath(c),d):d:u}case"number":case"symbol":{typeof c=="number"&&(c=n.toKey(c));const u=l[c];return u===void 0?d:u}default:{if(Array.isArray(c))return o(l,c,d);if(Object.is(c?.valueOf(),-0)?c="-0":c=String(c),t.isUnsafeProperty(c))return d;const u=l[c];return u===void 0?d:u}}}function o(l,c,d){if(c.length===0)return d;let u=l;for(let f=0;f<c.length;f++){if(u==null||t.isUnsafeProperty(c[f]))return d;u=u[c[f]]}return u===void 0?d:u}e.get=s})(S0)),S0}var O0,zg;function bL(){return zg||(zg=1,O0=Yp().get),O0}var wL=bL();const Ga=Wt(wL);var jL=4;function ia(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:jL,r=10**t,n=Math.round(e*r)/r;return Object.is(n,-0)?0:n}function at(e){for(var t=arguments.length,r=new Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];return e.reduce((i,s,o)=>{var l=r[o-1];return typeof l=="string"?i+l+s:l!==void 0?i+ia(l)+s:i+s},"")}var Tt=e=>e===0?0:e>0?1:-1,Ur=e=>typeof e=="number"&&e!=+e,Ka=e=>typeof e=="string"&&e.indexOf("%")===e.length-1,fe=e=>(typeof e=="number"||e instanceof Number)&&!Ur(e),on=e=>fe(e)||typeof e=="string",CL=0,co=e=>{var t=++CL;return"".concat(e||"").concat(t)},Ut=function(t,r){var n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:0,i=arguments.length>3&&arguments[3]!==void 0?arguments[3]:!1;if(!fe(t)&&typeof t!="string")return n;var s;if(Ka(t)){if(r==null)return n;var o=t.indexOf("%");s=r*parseFloat(t.slice(0,o))/100}else s=+t;return Ur(s)&&(s=n),i&&r!=null&&s>r&&(s=r),s},R7=e=>{if(!Array.isArray(e))return!1;for(var t=e.length,r={},n=0;n<t;n++)if(!r[String(e[n])])r[String(e[n])]=!0;else return!0;return!1};function Me(e,t,r){return fe(e)&&fe(t)?ia(e+r*(t-e)):t}function _7(e,t,r){if(!(!e||!e.length))return e.find(n=>n&&(typeof t=="function"?t(n):Ga(n,t))===r)}var He=e=>e===null||typeof e>"u",Fo=e=>He(e)?e:"".concat(e.charAt(0).toUpperCase()).concat(e.slice(1));function ar(e){return e!=null}function Kr(){}var NL=["type","size","sizeType"];function Z2(){return Z2=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Z2.apply(null,arguments)}function Vg(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Rg(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Vg(Object(r),!0).forEach(function(n){kL(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Vg(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function kL(e,t,r){return(t=SL(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function SL(e){var t=EL(e,"string");return typeof t=="symbol"?t:t+""}function EL(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function PL(e,t){if(e==null)return{};var r,n,i=ML(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function ML(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}var F7={symbolCircle:Gp,symbolCross:HO,symbolDiamond:WO,symbolSquare:GO,symbolStar:XO,symbolTriangle:JO,symbolWye:eL},AL=Math.PI/180,TL=e=>{var t="symbol".concat(Fo(e));return F7[t]||Gp},OL=(e,t,r)=>{if(t==="area")return e;switch(r){case"cross":return 5*e*e/9;case"diamond":return .5*e*e/Math.sqrt(3);case"square":return e*e;case"star":{var n=18*AL;return 1.25*e*e*(Math.tan(n)-Math.tan(n*2)*Math.tan(n)**2)}case"triangle":return Math.sqrt(3)*e*e/4;case"wye":return(21-10*Math.sqrt(3))*e*e/8;default:return Math.PI*e*e/4}},LL=(e,t)=>{F7["symbol".concat(Fo(e))]=t},Xp=e=>{var{type:t="circle",size:r=64,sizeType:n="area"}=e,i=PL(e,NL),s=Rg(Rg({},i),{},{type:t,size:r,sizeType:n}),o="circle";typeof t=="string"&&(o=t);var l=()=>{var p=TL(o),h=tL().type(p).size(OL(r,n,o)),m=h();if(m!==null)return m},{className:c,cx:d,cy:u}=s,f=ft(s);return fe(d)&&fe(u)&&fe(r)?M.createElement("path",Z2({},f,{className:we("recharts-symbols",c),transform:"translate(".concat(d,", ").concat(u,")"),d:l()})):null};Xp.registerSymbol=LL;var B7=e=>"radius"in e&&"startAngle"in e&&"endAngle"in e,Jp=(e,t)=>{if(!e||typeof e=="function"||typeof e=="boolean")return null;var r=e;if(w.isValidElement(e)&&(r=e.props),typeof r!="object"&&typeof r!="function")return null;var n={};return Object.keys(r).forEach(i=>{$p(i)&&typeof r[i]=="function"&&(n[i]=(s=>r[i](r,s)))}),n},DL=(e,t,r)=>n=>(e(t,r,n),null),oi=(e,t,r)=>{if(e===null||typeof e!="object"&&typeof e!="function")return null;var n=null;return Object.keys(e).forEach(i=>{var s=e[i];$p(i)&&typeof s=="function"&&(n||(n={}),n[i]=DL(s,t,r))}),n};function _g(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function IL(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?_g(Object(r),!0).forEach(function(n){zL(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_g(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function zL(e,t,r){return(t=VL(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function VL(e){var t=RL(e,"string");return typeof t=="symbol"?t:t+""}function RL(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Ke(e,t){var r=IL({},e),n=t,i=Object.keys(t),s=i.reduce((o,l)=>(o[l]===void 0&&n[l]!==void 0&&(o[l]=n[l]),o),r);return s}function Tc(){return Tc=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Tc.apply(null,arguments)}function Fg(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function q7(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Fg(Object(r),!0).forEach(function(n){_L(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Fg(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function _L(e,t,r){return(t=FL(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function FL(e){var t=BL(e,"string");return typeof t=="symbol"?t:t+""}function BL(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var Nr=32,qL={align:"center",iconSize:14,inactiveColor:"#ccc",layout:"horizontal",verticalAlign:"middle",labelStyle:{}};function $L(e){if(typeof e=="object"&&e!==null&&"strokeDasharray"in e)return String(e.strokeDasharray)}function HL(e){var{data:t,iconType:r,inactiveColor:n}=e,i=Nr/2,s=Nr/6,o=Nr/3,l=t.inactive?n:t.color,c=r??t.type;if(c==="none")return null;if(c==="plainline")return M.createElement("line",{strokeWidth:4,fill:"none",stroke:l,strokeDasharray:$L(t.payload),x1:0,y1:i,x2:Nr,y2:i,className:"recharts-legend-icon"});if(c==="line")return M.createElement("path",{strokeWidth:4,fill:"none",stroke:l,d:"M0,".concat(i,"h").concat(o,`
             A`).concat(s,",").concat(s,",0,1,1,").concat(2*o,",").concat(i,`
             H`).concat(Nr,"M").concat(2*o,",").concat(i,`
@@ -128,7 +128,7 @@ Take a look at the reducer(s) handling this action type: ${h.type}.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var ny;function uK(){return ny||(ny=1,process.env.NODE_ENV!=="production"&&(function(){var e=Symbol.for("react.element"),t=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),n=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),o=Symbol.for("react.context"),l=Symbol.for("react.server_context"),c=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),u=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),h=Symbol.for("react.offscreen"),m=!1,g=!1,x=!1,y=!1,v=!1,b;b=Symbol.for("react.module.reference");function j(X){return!!(typeof X=="string"||typeof X=="function"||X===r||X===i||v||X===n||X===d||X===u||y||X===h||m||g||x||typeof X=="object"&&X!==null&&(X.$$typeof===p||X.$$typeof===f||X.$$typeof===s||X.$$typeof===o||X.$$typeof===c||X.$$typeof===b||X.getModuleId!==void 0))}function C(X){if(typeof X=="object"&&X!==null){var ge=X.$$typeof;switch(ge){case e:var be=X.type;switch(be){case r:case i:case n:case d:case u:return be;default:var Pe=be&&be.$$typeof;switch(Pe){case l:case o:case c:case p:case f:case s:return Pe;default:return ge}}case t:return ge}}}var N=o,k=s,S=e,E=c,P=r,T=p,A=f,L=t,D=i,z=n,U=d,I=u,_=!1,q=!1;function J(X){return _||(_=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function oe(X){return q||(q=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1}function de(X){return C(X)===o}function ve(X){return C(X)===s}function Y(X){return typeof X=="object"&&X!==null&&X.$$typeof===e}function H(X){return C(X)===c}function W(X){return C(X)===r}function Z(X){return C(X)===p}function ne(X){return C(X)===f}function te(X){return C(X)===t}function re(X){return C(X)===i}function xe(X){return C(X)===n}function R(X){return C(X)===d}function ae(X){return C(X)===u}Re.ContextConsumer=N,Re.ContextProvider=k,Re.Element=S,Re.ForwardRef=E,Re.Fragment=P,Re.Lazy=T,Re.Memo=A,Re.Portal=L,Re.Profiler=D,Re.StrictMode=z,Re.Suspense=U,Re.SuspenseList=I,Re.isAsyncMode=J,Re.isConcurrentMode=oe,Re.isContextConsumer=de,Re.isContextProvider=ve,Re.isElement=Y,Re.isForwardRef=H,Re.isFragment=W,Re.isLazy=Z,Re.isMemo=ne,Re.isPortal=te,Re.isProfiler=re,Re.isStrictMode=xe,Re.isSuspense=R,Re.isSuspenseList=ae,Re.isValidElementType=j,Re.typeOf=C})()),Re}var ay;function fK(){return ay||(ay=1,process.env.NODE_ENV==="production"?Wl.exports=dK():Wl.exports=uK()),Wl.exports}var pK=fK(),iy=e=>typeof e=="string"?e:e?e.displayName||e.name||"Component":"",sy=null,t2=null,QC=e=>{if(e===sy&&Array.isArray(t2))return t2;var t=[];return w.Children.forEach(e,r=>{He(r)||(pK.isFragment(r)?t=t.concat(QC(r.props.children)):t.push(r))}),t2=t,sy=e,t};function Ah(e,t){var r=[],n=[];return Array.isArray(t)?n=t.map(i=>iy(i)):n=[iy(t)],QC(e).forEach(i=>{var s=Ga(i,"type.displayName")||Ga(i,"type.name");s&&n.indexOf(s)!==-1&&r.push(i)}),r}var Th=e=>e&&typeof e=="object"&&"clipDot"in e?!!e.clipDot:!0,r2={},oy;function mK(){return oy||(oy=1,(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});function t(r){if(typeof r!="object"||r==null)return!1;if(Object.getPrototypeOf(r)===null)return!0;if(Object.prototype.toString.call(r)!=="[object Object]"){const i=r[Symbol.toStringTag];return i==null||!Object.getOwnPropertyDescriptor(r,Symbol.toStringTag)?.writable?!1:r.toString()===`[object ${i}]`}let n=r;for(;Object.getPrototypeOf(n)!==null;)n=Object.getPrototypeOf(n);return Object.getPrototypeOf(r)===n}e.isPlainObject=t})(r2)),r2}var n2,ly;function hK(){return ly||(ly=1,n2=mK().isPlainObject),n2}var gK=hK();const xK=Wt(gK);var cy,dy,uy,fy,py;function my(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function hy(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?my(Object(r),!0).forEach(function(n){yK(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):my(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function yK(e,t,r){return(t=vK(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function vK(e){var t=bK(e,"string");return typeof t=="symbol"?t:t+""}function bK(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function gd(){return gd=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},gd.apply(null,arguments)}function Rs(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var gy=(e,t,r,n,i)=>{var s=r-n,o;return o=at(cy||(cy=Rs(["M ",",",""])),e,t),o+=at(dy||(dy=Rs(["L ",",",""])),e+r,t),o+=at(uy||(uy=Rs(["L ",",",""])),e+r-s/2,t+i),o+=at(fy||(fy=Rs(["L ",",",""])),e+r-s/2-n,t+i),o+=at(py||(py=Rs(["L ",","," Z"])),e,t),o},wK={x:0,y:0,upperWidth:0,lowerWidth:0,height:0,isUpdateAnimationActive:!1,animationBegin:0,animationDuration:1500,animationEasing:"ease"},jK=e=>{var t=Ke(e,wK),{x:r,y:n,upperWidth:i,lowerWidth:s,height:o,className:l}=t,{animationEasing:c,animationDuration:d,animationBegin:u,isUpdateAnimationActive:f}=t,p=w.useRef(null),[h,m]=w.useState(-1),g=w.useRef(i),x=w.useRef(s),y=w.useRef(o),v=w.useRef(r),b=w.useRef(n),j=ui(e,"trapezoid-");if(w.useEffect(()=>{if(p.current&&p.current.getTotalLength)try{var D=p.current.getTotalLength();D&&m(D)}catch{}},[]),r!==+r||n!==+n||i!==+i||s!==+s||o!==+o||i===0&&s===0||o===0)return null;var C=we("recharts-trapezoid",l);if(!f)return M.createElement("g",null,M.createElement("path",gd({},ft(t),{className:C,d:gy(r,n,i,s,o)})));var N=g.current,k=x.current,S=y.current,E=v.current,P=b.current,T="0px ".concat(h===-1?1:h,"px"),A="".concat(h,"px ").concat(h,"px"),L=ow(["strokeDasharray"],d,c);return M.createElement(di,{animationId:j,key:j,canBegin:h>0,duration:d,easing:c,isActive:f,begin:u},D=>{var z=Me(N,i,D),U=Me(k,s,D),I=Me(S,o,D),_=Me(E,r,D),q=Me(P,n,D);p.current&&(g.current=z,x.current=U,y.current=I,v.current=_,b.current=q);var J=D>0?{transition:L,strokeDasharray:A}:{strokeDasharray:T};return M.createElement("path",gd({},ft(t),{className:C,d:gy(_,q,z,U,I),ref:p,style:hy(hy({},J),t.style)}))})},CK=["option","shapeType","activeClassName","inActiveClassName"];function NK(e,t){if(e==null)return{};var r,n,i=kK(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function kK(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function xy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function xd(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?xy(Object(r),!0).forEach(function(n){SK(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):xy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function SK(e,t,r){return(t=EK(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function EK(e){var t=PK(e,"string");return typeof t=="symbol"?t:t+""}function PK(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function MK(e,t){return xd(xd({},t),e)}function AK(e,t){return e==="symbols"}function yy(e){var{shapeType:t,elementProps:r}=e;switch(t){case"rectangle":return M.createElement(uw,r);case"trapezoid":return M.createElement(jK,r);case"sector":return M.createElement(hw,r);case"symbols":if(AK(t))return M.createElement(Xp,r);break;case"curve":return M.createElement(Bi,r);default:return null}}function TK(e){return w.isValidElement(e)?e.props:e}function Oh(e){var{option:t,shapeType:r,activeClassName:n="recharts-active-shape",inActiveClassName:i="recharts-shape"}=e,s=NK(e,CK),o;if(w.isValidElement(t))o=w.cloneElement(t,xd(xd({},s),TK(t)));else if(typeof t=="function")o=t(s,s.index);else if(xK(t)&&typeof t!="boolean"){var l=MK(t,s);o=M.createElement(yy,{shapeType:r,elementProps:l})}else{var c=s;o=M.createElement(yy,{shapeType:r,elementProps:c})}return s.isActive?M.createElement(ze,{className:n},o):M.createElement(ze,{className:i},o)}var Lh=(e,t,r)=>{var n=Fe();return(i,s)=>o=>{e?.(i,s,o),n(Qj({activeIndex:String(s),activeDataKey:t,activeCoordinate:i.tooltipPosition,activeGraphicalItemId:r}))}},Dh=e=>{var t=Fe();return(r,n)=>i=>{e?.(r,n,i),t(N$())}},Ih=(e,t,r)=>{var n=Fe();return(i,s)=>o=>{e?.(i,s,o),n(k$({activeIndex:String(s),activeDataKey:t,activeCoordinate:i.tooltipPosition,activeGraphicalItemId:r}))}};function ul(e){var{tooltipEntrySettings:t}=e,r=Fe(),n=vt(),i=w.useRef(null);return w.useLayoutEffect(()=>{n||(i.current===null?r(b$(t)):i.current!==t&&r(w$({prev:i.current,next:t})),i.current=t)},[t,r,n]),w.useLayoutEffect(()=>()=>{i.current&&(r(j$(i.current)),i.current=null)},[r]),null}function zh(e){var{legendPayload:t}=e,r=Fe(),n=vt(),i=w.useRef(null);return w.useLayoutEffect(()=>{n||(i.current===null?r(rw(t)):i.current!==t&&r(nw({prev:i.current,next:t})),i.current=t)},[r,n,t]),w.useLayoutEffect(()=>()=>{i.current&&(r(aw(i.current)),i.current=null)},[r]),null}function eN(e){var{legendPayload:t}=e,r=Fe(),n=le(Ce),i=w.useRef(null);return w.useLayoutEffect(()=>{n!=="centric"&&n!=="radial"||(i.current===null?r(rw(t)):i.current!==t&&r(nw({prev:i.current,next:t})),i.current=t)},[r,n,t]),w.useLayoutEffect(()=>()=>{i.current&&(r(aw(i.current)),i.current=null)},[r]),null}var a2,OK=()=>{var[e]=M.useState(()=>co("uid-"));return e},LK=(a2=M.useId)!==null&&a2!==void 0?a2:OK;function DK(e,t){var r=LK();return t||(e?"".concat(e,"-").concat(r):r)}var IK=w.createContext(void 0),fl=e=>{var{id:t,type:r,children:n}=e,i=DK("recharts-".concat(r),t);return M.createElement(IK.Provider,{value:i},n(i))},zK={cartesianItems:[],polarItems:[]},tN=Kt({name:"graphicalItems",initialState:zK,reducers:{addCartesianGraphicalItem:{reducer(e,t){e.cartesianItems.push(t.payload)},prepare:Ye()},replaceCartesianGraphicalItem:{reducer(e,t){var{prev:r,next:n}=t.payload,i=Pr(e).cartesianItems.indexOf(r);i>-1&&(e.cartesianItems[i]=n)},prepare:Ye()},removeCartesianGraphicalItem:{reducer(e,t){var r=Pr(e).cartesianItems.indexOf(t.payload);r>-1&&e.cartesianItems.splice(r,1)},prepare:Ye()},addPolarGraphicalItem:{reducer(e,t){e.polarItems.push(t.payload)},prepare:Ye()},removePolarGraphicalItem:{reducer(e,t){var r=Pr(e).polarItems.indexOf(t.payload);r>-1&&e.polarItems.splice(r,1)},prepare:Ye()},replacePolarGraphicalItem:{reducer(e,t){var{prev:r,next:n}=t.payload,i=Pr(e).polarItems.indexOf(r);i>-1&&(e.polarItems[i]=n)},prepare:Ye()}}}),{addCartesianGraphicalItem:VK,replaceCartesianGraphicalItem:RK,removeCartesianGraphicalItem:_K,addPolarGraphicalItem:FK,removePolarGraphicalItem:BK,replacePolarGraphicalItem:qK}=tN.actions,$K=tN.reducer,HK=e=>{var t=Fe(),r=w.useRef(null);return w.useLayoutEffect(()=>{r.current===null?t(VK(e)):r.current!==e&&t(RK({prev:r.current,next:e})),r.current=e},[t,e]),w.useLayoutEffect(()=>()=>{r.current&&(t(_K(r.current)),r.current=null)},[t]),null},Vh=w.memo(HK),UK=e=>{var t=Fe(),r=w.useRef(null);return w.useLayoutEffect(()=>{r.current===null?t(FK(e)):r.current!==e&&t(qK({prev:r.current,next:e})),r.current=e},[t,e]),w.useLayoutEffect(()=>()=>{r.current&&(t(BK(r.current)),r.current=null)},[t]),null},rN=w.memo(UK),WK=["key"],GK=["onMouseEnter","onClick","onMouseLeave"],KK=["id"],ZK=["id"];function ua(){return ua=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ua.apply(null,arguments)}function Xu(e,t){if(e==null)return{};var r,n,i=YK(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function YK(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function vy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function et(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?vy(Object(r),!0).forEach(function(n){XK(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):vy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function XK(e,t,r){return(t=JK(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function JK(e){var t=QK(e,"string");return typeof t=="symbol"?t:t+""}function QK(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function eZ(e){var t=w.useMemo(()=>Ah(e.children,cl),[e.children]),r=le(n=>lK(n,e.id,t));return r==null?null:M.createElement(eN,{legendPayload:r})}function tZ(e){if(!(e==null||typeof e=="boolean"||typeof e=="function")){if(M.isValidElement(e)){var t,r=(t=e.props)===null||t===void 0?void 0:t.fill;return typeof r=="string"?r:void 0}var{fill:n}=e;return typeof n=="string"?n:void 0}}var rZ=M.memo(e=>{var{dataKey:t,nameKey:r,sectors:n,stroke:i,strokeWidth:s,fill:o,name:l,hide:c,tooltipType:d,id:u,activeShape:f}=e,p=tZ(f),h=n.map(g=>{var x=g.tooltipPayload;return p==null||x==null?x:x.map(y=>et(et({},y),{},{color:p,fill:p}))}),m={dataDefinedOnItem:h,getPosition:g=>{var x;return(x=n[Number(g)])===null||x===void 0?void 0:x.tooltipPosition},settings:{stroke:i,strokeWidth:s,fill:o,dataKey:t,nameKey:r,name:vn(l,t),hide:c,type:d,color:o,unit:"",graphicalItemId:u}};return M.createElement(ul,{tooltipEntrySettings:m})}),nZ=(e,t)=>e>t?"start":e<t?"end":"middle",aZ=(e,t,r)=>Ut(typeof t=="function"?t(e):t,r,r*.8),iZ=(e,t,r)=>{var{top:n,left:i,width:s,height:o}=t,l=fw(s,o),c=i+Ut(e.cx,s,s/2),d=n+Ut(e.cy,o,o/2),u=Ut(e.innerRadius,l,0),f=aZ(r,e.outerRadius,l),p=e.maxRadius||Math.sqrt(s*s+o*o)/2;return{cx:c,cy:d,innerRadius:u,outerRadius:f,maxRadius:p}},sZ=(e,t)=>{var r=Tt(t-e),n=Math.min(Math.abs(t-e),360);return r*n},oZ=(e,t)=>{if(M.isValidElement(e))return M.cloneElement(e,t);if(typeof e=="function")return e(t);var r=we("recharts-pie-label-line",typeof e!="boolean"?e.className:""),{key:n}=t,i=Xu(t,WK);return M.createElement(Bi,ua({},i,{type:"linear",className:r}))},lZ=(e,t,r)=>{if(M.isValidElement(e))return M.cloneElement(e,t);var n=r;if(typeof e=="function"&&(n=e(t),M.isValidElement(n)))return n;var i=we("recharts-pie-label-text",Yu(e));return M.createElement(bs,ua({},t,{alignmentBaseline:"middle",className:i}),n)};function cZ(e){var{sectors:t,props:r,showLabels:n}=e,{label:i,labelLine:s,dataKey:o}=r;if(!n||!i||!t)return null;var l=Ge(r),c=On(i),d=On(s),u=typeof i=="object"&&"offsetRadius"in i&&typeof i.offsetRadius=="number"&&i.offsetRadius||20,f=t.map((p,h)=>{var m=(p.startAngle+p.endAngle)/2,g=Ie(p.cx,p.cy,p.outerRadius+u,m),x=et(et(et(et({},l),p),{},{stroke:"none"},c),{},{index:h,textAnchor:nZ(g.x,p.cx)},g),y=et(et(et(et({},l),p),{},{fill:"none",stroke:p.fill},d),{},{index:h,points:[Ie(p.cx,p.cy,p.outerRadius,m),g],key:"line"});return M.createElement(Et,{zIndex:Je.label,key:"label-".concat(p.startAngle,"-").concat(p.endAngle,"-").concat(p.midAngle,"-").concat(h)},M.createElement(ze,null,s&&oZ(s,y),lZ(i,x,Ae(p,o))))});return M.createElement(ze,{className:"recharts-pie-labels"},f)}function dZ(e){var{sectors:t,props:r,showLabels:n}=e,{label:i}=r;return typeof i=="object"&&i!=null&&"position"in i?M.createElement(dl,{label:i}):M.createElement(cZ,{sectors:t,props:r,showLabels:n})}function uZ(e){var{sectors:t,activeShape:r,inactiveShape:n,allOtherPieProps:i,shape:s,id:o}=e,l=le(da),c=le(xh),d=le(hC),{onMouseEnter:u,onClick:f,onMouseLeave:p}=i,h=Xu(i,GK),m=Lh(u,i.dataKey,o),g=Dh(p),x=Ih(f,i.dataKey,o);return t==null||t.length===0?null:M.createElement(M.Fragment,null,t.map((y,v)=>{if(y?.startAngle===0&&y?.endAngle===0&&t.length!==1)return null;var b=d==null||d===o,j=String(v)===l&&(c==null||i.dataKey===c)&&b,C=l?n:null,N=r&&j?r:C,k=et(et({},y),{},{stroke:y.stroke,tabIndex:-1,[B9]:v,[q9]:o});return M.createElement(ze,ua({key:"sector-".concat(y?.startAngle,"-").concat(y?.endAngle,"-").concat(y.midAngle,"-").concat(v),tabIndex:-1,className:"recharts-pie-sector"},oi(h,y,v),{onMouseEnter:m(y,v),onMouseLeave:g(y,v),onClick:x(y,v)}),M.createElement(Oh,ua({option:s??N,index:v,shapeType:"sector",isActive:j},k)))}))}function fZ(e){var t,{pieSettings:r,displayedData:n,cells:i,offset:s}=e,{cornerRadius:o,startAngle:l,endAngle:c,dataKey:d,nameKey:u,tooltipType:f}=r,p=Math.abs(r.minAngle),h=sZ(l,c),m=Math.abs(h),g=n.length<=1?0:(t=r.paddingAngle)!==null&&t!==void 0?t:0,x=n.filter(S=>Ae(S,d,0)!==0).length,y=(m>=360?x:x-1)*g,v=n.reduce((S,E)=>{var P=Ae(E,d,0);return S+(fe(P)?P:0)},0),b=p>0&&v>0&&n.some(S=>{var E=Ae(S,d,0),P=(fe(E)?E:0)/v;return E!==0&&P*m<p}),j=b?p:0,C=m-x*j-y,N;if(v>0){var k;N=n.map((S,E)=>{var P=Ae(S,d,0),T=Ae(S,u,E),A=iZ(r,s,S),L=(fe(P)?P:0)/v,D,z=et(et({},S),i&&i[E]&&i[E].props),U=z!=null&&"fill"in z&&typeof z.fill=="string"?z.fill:r.fill;E?D=k.endAngle+Tt(h)*g*(P!==0?1:0):D=l;var I=D+Tt(h)*((P!==0?j:0)+L*C),_=(D+I)/2,q=(A.innerRadius+A.outerRadius)/2,J=[{name:T,value:P,payload:z,dataKey:d,type:f,color:U,fill:U,graphicalItemId:r.id}],oe=Ie(A.cx,A.cy,q,_);return k=et(et(et(et({},r.presentationProps),{},{percent:L,cornerRadius:typeof o=="string"?parseFloat(o):o,name:T,tooltipPayload:J,midAngle:_,middleRadius:q,tooltipPosition:oe},z),A),{},{value:P,dataKey:d,startAngle:D,endAngle:I,payload:z,paddingAngle:P!==0?Tt(h)*g:0}),k})}return N}function pZ(e){var{showLabels:t,sectors:r,children:n}=e,i=w.useMemo(()=>!t||!r?[]:r.map(s=>({value:s.value,payload:s.payload,clockWise:!1,parentViewBox:void 0,viewBox:{cx:s.cx,cy:s.cy,innerRadius:s.innerRadius,outerRadius:s.outerRadius,startAngle:s.startAngle,endAngle:s.endAngle,clockWise:!1},fill:s.fill})),[r,t]);return M.createElement(OW,{value:t?i:void 0},n)}function mZ(e){var{props:t,previousSectorsRef:r,id:n}=e,{sectors:i,isAnimationActive:s,animationBegin:o,animationDuration:l,animationEasing:c,activeShape:d,inactiveShape:u,onAnimationStart:f,onAnimationEnd:p}=t,h=ui(t,"recharts-pie-"),m=r.current,[g,x]=w.useState(!1),y=w.useCallback(()=>{typeof p=="function"&&p(),x(!1)},[p]),v=w.useCallback(()=>{typeof f=="function"&&f(),x(!0)},[f]);return M.createElement(pZ,{showLabels:!g,sectors:i},M.createElement(di,{animationId:h,begin:o,duration:l,isActive:s,easing:c,onAnimationStart:v,onAnimationEnd:y,key:h},b=>{var j,C=[],N=i&&i[0],k=(j=N?.startAngle)!==null&&j!==void 0?j:0;return i?.forEach((S,E)=>{var P=m&&m[E],T=E>0?Ga(S,"paddingAngle",0):0;if(P){var A=Me(P.endAngle-P.startAngle,S.endAngle-S.startAngle,b),L=et(et({},S),{},{startAngle:k+T,endAngle:k+A+T});C.push(L),k=L.endAngle}else{var{endAngle:D,startAngle:z}=S,U=Me(0,D-z,b),I=et(et({},S),{},{startAngle:k+T,endAngle:k+U+T});C.push(I),k=I.endAngle}}),r.current=C,M.createElement(ze,null,M.createElement(uZ,{sectors:C,activeShape:d,inactiveShape:u,allOtherPieProps:t,shape:t.shape,id:n}))}),M.createElement(dZ,{showLabels:!g,sectors:i,props:t}),t.children)}var hZ={animationBegin:400,animationDuration:1500,animationEasing:"ease",cx:"50%",cy:"50%",dataKey:"value",endAngle:360,fill:"#808080",hide:!1,innerRadius:0,isAnimationActive:"auto",label:!1,labelLine:!0,legendType:"rect",minAngle:0,nameKey:"name",outerRadius:"80%",paddingAngle:0,rootTabIndex:0,startAngle:0,stroke:"#fff",zIndex:Je.area};function gZ(e){var{id:t}=e,r=Xu(e,KK),{hide:n,className:i,rootTabIndex:s}=e,o=w.useMemo(()=>Ah(e.children,cl),[e.children]),l=le(u=>cK(u,t,o)),c=w.useRef(null),d=we("recharts-pie",i);return n||l==null?(c.current=null,M.createElement(ze,{tabIndex:s,className:d})):M.createElement(Et,{zIndex:e.zIndex},M.createElement(rZ,{dataKey:e.dataKey,nameKey:e.nameKey,sectors:l,stroke:e.stroke,strokeWidth:e.strokeWidth,fill:e.fill,name:e.name,hide:e.hide,tooltipType:e.tooltipType,id:t,activeShape:e.activeShape}),M.createElement(ze,{tabIndex:s,className:d},M.createElement(mZ,{props:et(et({},r),{},{sectors:l}),previousSectorsRef:c,id:t})))}function xZ(e){var t=Ke(e,hZ),{id:r}=t,n=Xu(t,ZK),i=Ge(n);return M.createElement(fl,{id:r,type:"pie"},s=>M.createElement(M.Fragment,null,M.createElement(rN,{type:"pie",id:s,data:n.data,dataKey:n.dataKey,hide:n.hide,angleAxisId:0,radiusAxisId:0,name:n.name,nameKey:n.nameKey,tooltipType:n.tooltipType,legendType:n.legendType,fill:n.fill,cx:n.cx,cy:n.cy,startAngle:n.startAngle,endAngle:n.endAngle,paddingAngle:n.paddingAngle,minAngle:n.minAngle,innerRadius:n.innerRadius,outerRadius:n.outerRadius,cornerRadius:n.cornerRadius,presentationProps:i,maxRadius:t.maxRadius}),M.createElement(eZ,ua({},n,{id:s})),M.createElement(gZ,ua({},n,{id:s}))))}var nN=xZ;nN.displayName="Pie";var i2={},s2={},by;function yZ(){return by||(by=1,(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});function t(r){return r[r.length-1]}e.last=t})(s2)),s2}var o2={},wy;function vZ(){return wy||(wy=1,(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});function t(r){return Array.isArray(r)?r:Array.from(r)}e.toArray=t})(o2)),o2}var jy;function bZ(){return jy||(jy=1,(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});const t=yZ(),r=vZ(),n=Qp();function i(s){if(n.isArrayLike(s))return t.last(r.toArray(s))}e.last=i})(i2)),i2}var l2,Cy;function wZ(){return Cy||(Cy=1,l2=bZ().last),l2}var jZ=wZ();const CZ=Wt(jZ);var NZ=["points"];function Ny(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function c2(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Ny(Object(r),!0).forEach(function(n){kZ(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ny(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function kZ(e,t,r){return(t=SZ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function SZ(e){var t=EZ(e,"string");return typeof t=="symbol"?t:t+""}function EZ(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function yd(){return yd=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},yd.apply(null,arguments)}function PZ(e,t){if(e==null)return{};var r,n,i=MZ(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function MZ(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function AZ(e){var{option:t,dotProps:r,className:n}=e;if(w.isValidElement(t))return w.cloneElement(t,r);if(typeof t=="function")return t(r);var i=we(n,typeof t!="boolean"?t.className:""),s=r??{},{points:o}=s,l=PZ(s,NZ);return M.createElement(Ch,yd({},l,{className:i}))}function TZ(e,t){return e==null?!1:t?!0:e.length===1}function Rh(e){var{points:t,dot:r,className:n,dotClassName:i,dataKey:s,baseProps:o,needClip:l,clipPathId:c,zIndex:d=Je.scatter}=e;if(!TZ(t,r))return null;var u=Th(r),f=TO(r),p=t.map((m,g)=>{var x,y,v=c2(c2(c2({r:3},o),f),{},{index:g,cx:(x=m.x)!==null&&x!==void 0?x:void 0,cy:(y=m.y)!==null&&y!==void 0?y:void 0,dataKey:s,value:m.value,payload:m.payload,points:t});return M.createElement(AZ,{key:"dot-".concat(g),option:r,dotProps:v,className:i})}),h={};return l&&c!=null&&(h.clipPath="url(#clipPath-".concat(u?"":"dots-").concat(c,")")),M.createElement(Et,{zIndex:d},M.createElement(ze,yd({className:n},h),p))}function ky(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Sy(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?ky(Object(r),!0).forEach(function(n){OZ(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ky(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function OZ(e,t,r){return(t=LZ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function LZ(e){var t=DZ(e,"string");return typeof t=="symbol"?t:t+""}function DZ(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var aN=0,IZ={xAxis:{},yAxis:{},zAxis:{}},iN=Kt({name:"cartesianAxis",initialState:IZ,reducers:{addXAxis:{reducer(e,t){e.xAxis[t.payload.id]=t.payload},prepare:Ye()},replaceXAxis:{reducer(e,t){var{prev:r,next:n}=t.payload;e.xAxis[r.id]!==void 0&&(r.id!==n.id&&delete e.xAxis[r.id],e.xAxis[n.id]=n)},prepare:Ye()},removeXAxis:{reducer(e,t){delete e.xAxis[t.payload.id]},prepare:Ye()},addYAxis:{reducer(e,t){e.yAxis[t.payload.id]=t.payload},prepare:Ye()},replaceYAxis:{reducer(e,t){var{prev:r,next:n}=t.payload;e.yAxis[r.id]!==void 0&&(r.id!==n.id&&delete e.yAxis[r.id],e.yAxis[n.id]=n)},prepare:Ye()},removeYAxis:{reducer(e,t){delete e.yAxis[t.payload.id]},prepare:Ye()},addZAxis:{reducer(e,t){e.zAxis[t.payload.id]=t.payload},prepare:Ye()},replaceZAxis:{reducer(e,t){var{prev:r,next:n}=t.payload;e.zAxis[r.id]!==void 0&&(r.id!==n.id&&delete e.zAxis[r.id],e.zAxis[n.id]=n)},prepare:Ye()},removeZAxis:{reducer(e,t){delete e.zAxis[t.payload.id]},prepare:Ye()},updateYAxisWidth(e,t){var{id:r,width:n}=t.payload,i=e.yAxis[r];if(i){var s,o=i.widthHistory||[];if(o.length===3&&o[0]===o[2]&&n===o[1]&&n!==i.width&&Math.abs(n-((s=o[0])!==null&&s!==void 0?s:0))<=1)return;var l=[...o,n].slice(-3);e.yAxis[r]=Sy(Sy({},i),{},{width:n,widthHistory:l})}}}}),{addXAxis:zZ,replaceXAxis:VZ,removeXAxis:RZ,addYAxis:_Z,replaceYAxis:FZ,removeYAxis:BZ,addZAxis:ece,replaceZAxis:tce,removeZAxis:rce,updateYAxisWidth:qZ}=iN.actions,$Z=iN.reducer,HZ=$([Nt],e=>({top:e.top,bottom:e.bottom,left:e.left,right:e.right})),UZ=$([HZ,Bn,qn],(e,t,r)=>{if(!(!e||t==null||r==null))return{x:e.left,y:e.top,width:Math.max(0,t-e.left-e.right),height:Math.max(0,r-e.top-e.bottom)}}),Ju=()=>le(UZ),WZ=()=>le(vH);function Ey(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function d2(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Ey(Object(r),!0).forEach(function(n){GZ(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ey(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function GZ(e,t,r){return(t=KZ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function KZ(e){var t=ZZ(e,"string");return typeof t=="symbol"?t:t+""}function ZZ(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var YZ=e=>{var{point:t,childIndex:r,mainColor:n,activeDot:i,dataKey:s,clipPath:o}=e;if(i===!1||t.x==null||t.y==null)return null;var l={index:r,dataKey:s,cx:t.x,cy:t.y,r:4,fill:n??"none",strokeWidth:2,stroke:"#fff",payload:t.payload,value:t.value},c=d2(d2(d2({},l),On(i)),Jp(i)),d;return w.isValidElement(i)?d=w.cloneElement(i,c):typeof i=="function"?d=i(c):d=M.createElement(Ch,c),M.createElement(ze,{className:"recharts-active-dot",clipPath:o},d)};function vd(e){var{points:t,mainColor:r,activeDot:n,itemDataKey:i,clipPath:s,zIndex:o=Je.activeDot}=e,l=le(da),c=WZ();if(t==null||c==null)return null;var d=t.find(u=>c.includes(u.payload));return He(d)?null:M.createElement(Et,{zIndex:o},M.createElement(YZ,{point:d,childIndex:Number(l),mainColor:r,dataKey:i,activeDot:n,clipPath:s}))}function Py(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function bd(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Py(Object(r),!0).forEach(function(n){XZ(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Py(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function XZ(e,t,r){return(t=JZ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function JZ(e){var t=QZ(e,"string");return typeof t=="symbol"?t:t+""}function QZ(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var sN=(e,t)=>ws(e,"radiusAxis",t),eY=$([sN],e=>{if(e!=null)return{scale:e}}),tY=$([Xo,sN],(e,t)=>{if(!(e==null||t==null))return bd(bd({},e),{},{scale:t})}),rY=(e,t,r,n)=>js(e,"radiusAxis",t,n),oN=(e,t,r)=>us(e,r),lN=(e,t,r)=>ws(e,"angleAxis",r),nY=$([oN,lN],(e,t)=>{if(!(e==null||t==null))return bd(bd({},e),{},{scale:t})}),aY=(e,t,r,n)=>js(e,"angleAxis",r,n),iY=$([oN,lN,fs],(e,t,r)=>{if(!(r==null||t==null))return{scale:t,type:e.type,dataKey:e.dataKey,cx:r.cx,cy:r.cy}}),sY=(e,t,r,n,i)=>i,oY=$([Ce,tY,rY,nY,aY],(e,t,r,n,i)=>Dr(e,"radiusAxis")?cn(t,r,!1):cn(n,i,!1)),lY=$([Nh,sY],(e,t)=>{if(e!=null){var r=e.find(n=>n.type==="radar"&&t===n.id);return r?.dataKey}}),cY=$([eY,iY,os,lY,oY],(e,t,r,n,i)=>{var{chartData:s,dataStartIndex:o,dataEndIndex:l}=r;if(!(e==null||t==null||s==null||i==null||n==null)){var c=s.slice(o,l+1);return vY({radiusAxis:e,angleAxis:t,displayedData:c,dataKey:n,bandSize:i})}}),dY=["id"];function ko(){return ko=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ko.apply(null,arguments)}function My(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function sr(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?My(Object(r),!0).forEach(function(n){uY(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):My(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function uY(e,t,r){return(t=fY(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function fY(e){var t=pY(e,"string");return typeof t=="symbol"?t:t+""}function pY(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function mY(e,t){if(e==null)return{};var r,n,i=hY(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function hY(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function _h(e,t){return e&&e!=="none"?e:t}var gY=e=>{var{dataKey:t,name:r,stroke:n,fill:i,legendType:s,hide:o}=e;return[{inactive:o,dataKey:t,type:s,color:_h(n,i),value:vn(r,t),payload:e}]},xY=M.memo(e=>{var{dataKey:t,stroke:r,strokeWidth:n,fill:i,name:s,hide:o,tooltipType:l,id:c}=e,d={dataDefinedOnItem:void 0,getPosition:Kr,settings:{stroke:r,strokeWidth:n,fill:i,nameKey:void 0,dataKey:t,name:vn(s,t),hide:o,type:l,color:_h(r,i),unit:"",graphicalItemId:c}};return M.createElement(ul,{tooltipEntrySettings:d})});function yY(e){var{points:t,props:r}=e,{dot:n,dataKey:i}=r,{id:s}=r,o=mY(r,dY),l=Ge(o);return M.createElement(Rh,{points:t,dot:n,className:"recharts-radar-dots",dotClassName:"recharts-radar-dot",dataKey:i,baseProps:l})}function vY(e){var{radiusAxis:t,angleAxis:r,displayedData:n,dataKey:i,bandSize:s}=e,{cx:o,cy:l}=r,c=!1,d=[],u=r.type!=="number"?s??0:0;n.forEach((p,h)=>{var m,g,x=Ae(p,r.dataKey,h),y=Ae(p,i),v=((m=r.scale.map(x))!==null&&m!==void 0?m:0)+u,b=Array.isArray(y)?CZ(y):y,j=He(b)?0:(g=t.scale.map(b))!==null&&g!==void 0?g:0;Array.isArray(y)&&y.length>=2&&(c=!0),d.push(sr(sr({},Ie(o,l,j,v)),{},{name:x,value:y,cx:o,cy:l,radius:j,angle:v,payload:p}))});var f=[];return c&&d.forEach(p=>{if(Array.isArray(p.value)){var h,m=p.value[0],g=He(m)?0:(h=t.scale.map(m))!==null&&h!==void 0?h:0;f.push(sr(sr({},p),{},{radius:g},Ie(o,l,g,p.angle)))}else f.push(p)}),{points:d,isRange:c,baseLinePoints:f}}function bY(e){var{showLabels:t,points:r,children:n}=e,i=r.map(s=>{var o,l={x:s.x,y:s.y,width:0,lowerWidth:0,upperWidth:0,height:0};return sr(sr({},l),{},{value:(o=s.value)!==null&&o!==void 0?o:"",payload:s.payload,parentViewBox:void 0,viewBox:l,fill:void 0})});return M.createElement(Wu,{value:t?i:void 0},n)}function wY(e){var{points:t,baseLinePoints:r,props:n}=e;if(t==null)return null;var{shape:i,isRange:s,connectNulls:o}=n,l=u=>{var{onMouseEnter:f}=n;f&&f(n,u)},c=u=>{var{onMouseLeave:f}=n;f&&f(n,u)},d;return M.isValidElement(i)?d=M.cloneElement(i,sr(sr({},n),{},{points:t})):typeof i=="function"?d=i(sr(sr({},n),{},{points:t})):d=M.createElement(qC,ko({},ft(n),{onMouseEnter:l,onMouseLeave:c,points:t,baseLinePoints:s?r:void 0,connectNulls:o})),M.createElement(ze,{className:"recharts-radar-polygon"},d,M.createElement(yY,{props:n,points:t}))}var Ay=(e,t,r)=>(n,i)=>{var s=e&&e[Math.floor(i*t)];return s?sr(sr({},n),{},{x:Me(s.x,n.x,r),y:Me(s.y,n.y,r)}):sr(sr({},n),{},{x:Me(n.cx,n.x,r),y:Me(n.cy,n.y,r)})};function jY(e){var{props:t,previousPointsRef:r,previousBaseLinePointsRef:n}=e,{points:i,baseLinePoints:s,isAnimationActive:o,animationBegin:l,animationDuration:c,animationEasing:d,onAnimationEnd:u,onAnimationStart:f}=t,p=r.current,h=n.current,m=p?p.length/i.length:1,g=h?h.length/s.length:1,x=ui(t,"recharts-radar-"),[y,v]=w.useState(!1),b=!y,j=w.useCallback(()=>{typeof u=="function"&&u(),v(!1)},[u]),C=w.useCallback(()=>{typeof f=="function"&&f(),v(!0)},[f]);return M.createElement(bY,{showLabels:b,points:i},M.createElement(di,{animationId:x,begin:l,duration:c,isActive:o,easing:d,key:"radar-".concat(x),onAnimationEnd:j,onAnimationStart:C},N=>{var k=N===1?i:i.map(Ay(p,m,N)),S=N===1?s:s?.map(Ay(h,g,N));return N>0&&(r.current=k,n.current=S),M.createElement(wY,{points:k,baseLinePoints:S,props:t})}),M.createElement(dl,{label:t.label}),t.children)}function CY(e){var t=w.useRef(void 0),r=w.useRef(void 0);return M.createElement(jY,{props:e,previousPointsRef:t,previousBaseLinePointsRef:r})}var NY={activeDot:!0,angleAxisId:0,animationBegin:0,animationDuration:1500,animationEasing:"ease",dot:!1,hide:!1,isAnimationActive:"auto",label:!1,legendType:"rect",radiusAxisId:0,zIndex:Je.area};function kY(e){var{hide:t,className:r,points:n}=e;if(t)return null;var i=we("recharts-radar",r);return M.createElement(Et,{zIndex:e.zIndex},M.createElement(ze,{className:i},M.createElement(CY,e)),M.createElement(vd,{points:n,mainColor:_h(e.stroke,e.fill),itemDataKey:e.dataKey,activeDot:e.activeDot}))}function SY(e){var t=vt(),r=le(n=>cY(n,e.radiusAxisId,e.angleAxisId,t,e.id));return r?.points==null?null:M.createElement(kY,ko({},e,{points:r?.points,baseLinePoints:r?.baseLinePoints,isRange:r?.isRange}))}function cN(e){var t=Ke(e,NY);return M.createElement(fl,{id:t.id,type:"radar"},r=>M.createElement(M.Fragment,null,M.createElement(rN,{type:"radar",id:r,data:void 0,dataKey:t.dataKey,hide:t.hide,angleAxisId:t.angleAxisId,radiusAxisId:t.radiusAxisId}),M.createElement(eN,{legendPayload:gY(t)}),M.createElement(xY,{dataKey:t.dataKey,stroke:t.stroke,strokeWidth:t.strokeWidth,fill:t.fill,name:t.name,hide:t.hide,tooltipType:t.tooltipType,id:r}),M.createElement(SY,ko({},t,{id:r}))))}cN.displayName="Radar";var Ty=(e,t,r)=>{var n=r??e;if(!He(n))return Ut(n,t,0)},EY=(e,t,r)=>{var n={},i=e.filter(Tu),s=e.filter(d=>d.stackId==null),o=i.reduce((d,u)=>{var f=d[u.stackId];return f==null&&(f=[]),f.push(u),d[u.stackId]=f,d},n),l=Object.entries(o).map(d=>{var u,[f,p]=d,h=p.map(g=>g.dataKey),m=Ty(t,r,(u=p[0])===null||u===void 0?void 0:u.barSize);return{stackId:f,dataKeys:h,barSize:m}}),c=s.map(d=>{var u=[d.dataKey].filter(p=>p!=null),f=Ty(t,r,d.barSize);return{stackId:void 0,dataKeys:u,barSize:f}});return[...l,...c]};function Oy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Gl(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Oy(Object(r),!0).forEach(function(n){PY(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Oy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function PY(e,t,r){return(t=MY(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function MY(e){var t=AY(e,"string");return typeof t=="symbol"?t:t+""}function AY(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function TY(e,t,r,n,i){var s,o=n.length;if(!(o<1)){var l=Ut(e,r,0,!0),c,d=[];if(je((s=n[0])===null||s===void 0?void 0:s.barSize)){var u=!1,f=r/o,p=n.reduce((v,b)=>v+(b.barSize||0),0);p+=(o-1)*l,p>=r&&(p-=(o-1)*l,l=0),p>=r&&f>0&&(u=!0,f*=.9,p=o*f);var h=(r-p)/2>>0,m={offset:h-l,size:0};c=n.reduce((v,b)=>{var j,C={stackId:b.stackId,dataKeys:b.dataKeys,position:{offset:m.offset+m.size+l,size:u?f:(j=b.barSize)!==null&&j!==void 0?j:0}},N=[...v,C];return m=C.position,N},d)}else{var g=Ut(t,r,0,!0);r-2*g-(o-1)*l<=0&&(l=0);var x=(r-2*g-(o-1)*l)/o;x>1&&(x>>=0);var y=je(i)?Math.min(x,i):x;c=n.reduce((v,b,j)=>[...v,{stackId:b.stackId,dataKeys:b.dataKeys,position:{offset:g+(x+l)*j+(x-y)/2,size:y}}],d)}return c}}var OY=(e,t,r,n,i,s,o)=>{var l=He(o)?t:o,c=TY(r,n,i!==s?i:s,e,l);return i!==s&&c!=null&&(c=c.map(d=>Gl(Gl({},d),{},{position:Gl(Gl({},d.position),{},{offset:d.position.offset-i/2})}))),c},LY=(e,t)=>{var r=Au(t);if(!(!e||r==null||t==null)){var{stackId:n}=t;if(n!=null){var i=e[n];if(i){var{stackedData:s}=i;if(s)return s.find(o=>o.key===r)}}}},DY=(e,t)=>{if(!(e==null||t==null)){var r=e.find(n=>n.stackId===t.stackId&&t.dataKey!=null&&n.dataKeys.includes(t.dataKey));if(r!=null)return r.position}};function IY(e,t){return e&&typeof e=="object"&&"zIndex"in e&&typeof e.zIndex=="number"&&je(e.zIndex)?e.zIndex:t}var dN=e=>{var{chartData:t}=e,r=Fe(),n=vt();return w.useEffect(()=>n?()=>{}:(r(b6(t)),()=>{r(b6(void 0))}),[t,r,n]),null},Ly={x:0,y:0,width:0,height:0,padding:{top:0,right:0,bottom:0,left:0}},uN=Kt({name:"brush",initialState:Ly,reducers:{setBrushSettings(e,t){return t.payload==null?Ly:t.payload}}}),{setBrushSettings:nce}=uN.actions,zY=uN.reducer;function VY(e){return(e%180+180)%180}var RY=function(t){var{width:r,height:n}=t,i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:0,s=VY(i),o=s*Math.PI/180,l=Math.atan(n/r),c=o>l&&o<Math.PI-l?n/Math.sin(o):r/Math.cos(o);return Math.abs(c)},_Y={dots:[],areas:[],lines:[]},fN=Kt({name:"referenceElements",initialState:_Y,reducers:{addDot:(e,t)=>{e.dots.push(t.payload)},removeDot:(e,t)=>{var r=Pr(e).dots.findIndex(n=>n===t.payload);r!==-1&&e.dots.splice(r,1)},addArea:(e,t)=>{e.areas.push(t.payload)},removeArea:(e,t)=>{var r=Pr(e).areas.findIndex(n=>n===t.payload);r!==-1&&e.areas.splice(r,1)},addLine:(e,t)=>{e.lines.push(t.payload)},removeLine:(e,t)=>{var r=Pr(e).lines.findIndex(n=>n===t.payload);r!==-1&&e.lines.splice(r,1)}}}),{addDot:ace,removeDot:ice,addArea:sce,removeArea:oce,addLine:lce,removeLine:cce}=fN.actions,FY=fN.reducer,BY=w.createContext(void 0),qY=e=>{var{children:t}=e,[r]=w.useState("".concat(co("recharts"),"-clip")),n=Ju();if(n==null)return null;var{x:i,y:s,width:o,height:l}=n;return M.createElement(BY.Provider,{value:r},M.createElement("defs",null,M.createElement("clipPath",{id:r},M.createElement("rect",{x:i,y:s,height:l,width:o}))),t)};function pN(e,t){if(t<1)return[];if(t===1)return e;for(var r=[],n=0;n<e.length;n+=t){var i=e[n];i!==void 0&&r.push(i)}return r}function $Y(e,t,r){var n={width:e.width+t.width,height:e.height+t.height};return RY(n,r)}function HY(e,t,r){var n=r==="width",{x:i,y:s,width:o,height:l}=e;return t===1?{start:n?i:s,end:n?i+o:s+l}:{start:n?i+o:s+l,end:n?i:s}}function So(e,t,r,n,i){if(e*t<e*n||e*t>e*i)return!1;var s=r();return e*(t-e*s/2-n)>=0&&e*(t+e*s/2-i)<=0}function UY(e,t){return pN(e,t+1)}function WY(e,t,r,n,i){for(var s=(n||[]).slice(),{start:o,end:l}=t,c=0,d=1,u=o,f=function(){var m=n?.[c];if(m===void 0)return{v:pN(n,d)};var g=c,x,y=()=>(x===void 0&&(x=r(m,g)),x),v=m.coordinate,b=c===0||So(e,v,y,u,l);b||(c=0,u=o,d+=1),b&&(u=v+e*(y()/2+i),c+=d)},p;d<=s.length;)if(p=f(),p)return p.v;return[]}function GY(e,t,r,n,i){var s=(n||[]).slice(),o=s.length;if(o===0)return[];for(var{start:l,end:c}=t,d=1;d<=o;d++){for(var u=(o-1)%d,f=l,p=!0,h=function(){var j=n[g];if(j==null)return 0;var C=g,N,k=()=>(N===void 0&&(N=r(j,C)),N),S=j.coordinate,E=g===u||So(e,S,k,f,c);if(!E)return p=!1,1;E&&(f=S+e*(k()/2+i))},m,g=u;g<o&&(m=h(),!(m!==0&&m===1));g+=d);if(p){for(var x=[],y=u;y<o;y+=d){var v=n[y];v!=null&&x.push(v)}return x}}return[]}function Dy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function qt(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Dy(Object(r),!0).forEach(function(n){KY(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Dy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function KY(e,t,r){return(t=ZY(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ZY(e){var t=YY(e,"string");return typeof t=="symbol"?t:t+""}function YY(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function XY(e,t,r,n,i){for(var s=(n||[]).slice(),o=s.length,{start:l}=t,{end:c}=t,d=function(p){var h=s[p];if(h==null)return 1;var m=h,g,x=()=>(g===void 0&&(g=r(h,p)),g);if(p===o-1){var y=e*(m.coordinate+e*x()/2-c);s[p]=m=qt(qt({},m),{},{tickCoord:y>0?m.coordinate-y*e:m.coordinate})}else s[p]=m=qt(qt({},m),{},{tickCoord:m.coordinate});if(m.tickCoord!=null){var v=So(e,m.tickCoord,x,l,c);v&&(c=m.tickCoord-e*(x()/2+i),s[p]=qt(qt({},m),{},{isShow:!0}))}},u=o-1;u>=0;u--)d(u);return s}function JY(e,t,r,n,i,s){var o=(n||[]).slice(),l=o.length,{start:c,end:d}=t;if(s){var u=n[l-1];if(u!=null){var f=r(u,l-1),p=e*(u.coordinate+e*f/2-d);if(o[l-1]=u=qt(qt({},u),{},{tickCoord:p>0?u.coordinate-p*e:u.coordinate}),u.tickCoord!=null){var h=So(e,u.tickCoord,()=>f,c,d);h&&(d=u.tickCoord-e*(f/2+i),o[l-1]=qt(qt({},u),{},{isShow:!0}))}}}for(var m=s?l-1:l,g=function(v){var b=o[v];if(b==null)return 1;var j=b,C,N=()=>(C===void 0&&(C=r(b,v)),C);if(v===0){var k=e*(j.coordinate-e*N()/2-c);o[v]=j=qt(qt({},j),{},{tickCoord:k<0?j.coordinate-k*e:j.coordinate})}else o[v]=j=qt(qt({},j),{},{tickCoord:j.coordinate});if(j.tickCoord!=null){var S=So(e,j.tickCoord,N,c,d);S&&(c=j.tickCoord+e*(N()/2+i),o[v]=qt(qt({},j),{},{isShow:!0}))}},x=0;x<m;x++)g(x);return o}function Fh(e,t,r){var{tick:n,ticks:i,viewBox:s,minTickGap:o,orientation:l,interval:c,tickFormatter:d,unit:u,angle:f}=e;if(!i||!i.length||!n)return[];if(fe(c)||Ko.isSsr){var p;return(p=UY(i,fe(c)?c:0))!==null&&p!==void 0?p:[]}var h=[],m=l==="top"||l==="bottom"?"width":"height",g=u&&m==="width"?to(u,{fontSize:t,letterSpacing:r}):{width:0,height:0},x=(C,N)=>{var k=typeof d=="function"?d(C.value,N):C.value;return m==="width"?$Y(to(k,{fontSize:t,letterSpacing:r}),g,f):to(k,{fontSize:t,letterSpacing:r})[m]},y=i[0],v=i[1],b=i.length>=2&&y!=null&&v!=null?Tt(v.coordinate-y.coordinate):1,j=HY(s,b,m);return c==="equidistantPreserveStart"?WY(b,j,x,i,o):c==="equidistantPreserveEnd"?GY(b,j,x,i,o):(c==="preserveStart"||c==="preserveStartEnd"?h=JY(b,j,x,i,o,c==="preserveStartEnd"):h=XY(b,j,x,i,o),h.filter(C=>C.isShow))}var QY=e=>{var{ticks:t,label:r,labelGapWithTick:n=5,tickSize:i=0,tickMargin:s=0}=e,o=0;if(t){Array.from(t).forEach(u=>{if(u){var f=u.getBoundingClientRect();f.width>o&&(o=f.width)}});var l=r?r.getBoundingClientRect().width:0,c=i+s,d=o+c+l+(r?n:0);return Math.round(d)}return 0},eX={xAxis:{},yAxis:{}},mN=Kt({name:"renderedTicks",initialState:eX,reducers:{setRenderedTicks:(e,t)=>{var{axisType:r,axisId:n,ticks:i}=t.payload;e[r][n]=i},removeRenderedTicks:(e,t)=>{var{axisType:r,axisId:n}=t.payload;delete e[r][n]}}}),{setRenderedTicks:tX,removeRenderedTicks:rX}=mN.actions,nX=mN.reducer,aX=["axisLine","width","height","className","hide","ticks","axisType","axisId"];function iX(e,t){if(e==null)return{};var r,n,i=sX(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function sX(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function ti(){return ti=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ti.apply(null,arguments)}function Iy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function ot(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Iy(Object(r),!0).forEach(function(n){oX(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Iy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function oX(e,t,r){return(t=lX(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function lX(e){var t=cX(e,"string");return typeof t=="symbol"?t:t+""}function cX(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var Tn={x:0,y:0,width:0,height:0,viewBox:{x:0,y:0,width:0,height:0},orientation:"bottom",ticks:[],stroke:"#666",tickLine:!0,axisLine:!0,tick:!0,mirror:!1,minTickGap:5,tickSize:6,tickMargin:2,interval:"preserveEnd",zIndex:Je.axis};function dX(e){var{x:t,y:r,width:n,height:i,orientation:s,mirror:o,axisLine:l,otherSvgProps:c}=e;if(!l)return null;var d=ot(ot(ot({},c),Ge(l)),{},{fill:"none"});if(s==="top"||s==="bottom"){var u=+(s==="top"&&!o||s==="bottom"&&o);d=ot(ot({},d),{},{x1:t,y1:r+u*i,x2:t+n,y2:r+u*i})}else{var f=+(s==="left"&&!o||s==="right"&&o);d=ot(ot({},d),{},{x1:t+f*n,y1:r,x2:t+f*n,y2:r+i})}return M.createElement("line",ti({},d,{className:we("recharts-cartesian-axis-line",Ga(l,"className"))}))}function uX(e,t,r,n,i,s,o,l,c){var d,u,f,p,h,m,g=l?-1:1,x=e.tickSize||o,y=fe(e.tickCoord)?e.tickCoord:e.coordinate;switch(s){case"top":d=u=e.coordinate,p=r+ +!l*i,f=p-g*x,m=f-g*c,h=y;break;case"left":f=p=e.coordinate,u=t+ +!l*n,d=u-g*x,h=d-g*c,m=y;break;case"right":f=p=e.coordinate,u=t+ +l*n,d=u+g*x,h=d+g*c,m=y;break;default:d=u=e.coordinate,p=r+ +l*i,f=p+g*x,m=f+g*c,h=y;break}return{line:{x1:d,y1:f,x2:u,y2:p},tick:{x:h,y:m}}}function fX(e,t){switch(e){case"left":return t?"start":"end";case"right":return t?"end":"start";default:return"middle"}}function pX(e,t){switch(e){case"left":case"right":return"middle";case"top":return t?"start":"end";default:return t?"end":"start"}}function mX(e){var{option:t,tickProps:r,value:n}=e,i,s=we(r.className,"recharts-cartesian-axis-tick-value");if(M.isValidElement(t))i=M.cloneElement(t,ot(ot({},r),{},{className:s}));else if(typeof t=="function")i=t(ot(ot({},r),{},{className:s}));else{var o="recharts-cartesian-axis-tick-value";typeof t!="boolean"&&(o=we(o,Yu(t))),i=M.createElement(bs,ti({},r,{className:o}),n)}return i}function hX(e){var{ticks:t,axisType:r,axisId:n}=e,i=Fe();return w.useEffect(()=>{if(n==null||r==null)return Kr;var s=t.map(o=>({value:o.value,coordinate:o.coordinate,offset:o.offset,index:o.index}));return i(tX({ticks:s,axisId:n,axisType:r})),()=>{i(rX({axisId:n,axisType:r}))}},[i,t,n,r]),null}var gX=w.forwardRef((e,t)=>{var{ticks:r=[],tick:n,tickLine:i,stroke:s,tickFormatter:o,unit:l,padding:c,tickTextProps:d,orientation:u,mirror:f,x:p,y:h,width:m,height:g,tickSize:x,tickMargin:y,fontSize:v,letterSpacing:b,getTicksConfig:j,events:C,axisType:N,axisId:k}=e,S=Fh(ot(ot({},j),{},{ticks:r}),v,b),E=Ge(j),P=On(n),T=TC(E.textAnchor)?E.textAnchor:fX(u,f),A=pX(u,f),L={};typeof i=="object"&&(L=i);var D=ot(ot({},E),{},{fill:"none"},L),z=S.map(_=>ot({entry:_},uX(_,p,h,m,g,u,x,f,y))),U=z.map(_=>{var{entry:q,line:J}=_;return M.createElement(ze,{className:"recharts-cartesian-axis-tick",key:"tick-".concat(q.value,"-").concat(q.coordinate,"-").concat(q.tickCoord)},i&&M.createElement("line",ti({},D,J,{className:we("recharts-cartesian-axis-tick-line",Ga(i,"className"))})))}),I=z.map((_,q)=>{var J,oe,{entry:de,tick:ve}=_,Y=ot(ot(ot(ot({verticalAnchor:A},E),{},{textAnchor:T,stroke:"none",fill:s},ve),{},{index:q,payload:de,visibleTicksCount:S.length,tickFormatter:o,padding:c},d),{},{angle:(J=(oe=d?.angle)!==null&&oe!==void 0?oe:E.angle)!==null&&J!==void 0?J:0}),H=ot(ot({},Y),P);return M.createElement(ze,ti({className:"recharts-cartesian-axis-tick-label",key:"tick-label-".concat(de.value,"-").concat(de.coordinate,"-").concat(de.tickCoord)},oi(C,de,q)),n&&M.createElement(mX,{option:n,tickProps:H,value:"".concat(typeof o=="function"?o(de.value,q):de.value).concat(l||"")}))});return M.createElement("g",{className:"recharts-cartesian-axis-ticks recharts-".concat(N,"-ticks")},M.createElement(hX,{ticks:S,axisId:k,axisType:N}),I.length>0&&M.createElement(Et,{zIndex:Je.label},M.createElement("g",{className:"recharts-cartesian-axis-tick-labels recharts-".concat(N,"-tick-labels"),ref:t},I)),U.length>0&&M.createElement("g",{className:"recharts-cartesian-axis-tick-lines recharts-".concat(N,"-tick-lines")},U))}),xX=w.forwardRef((e,t)=>{var{axisLine:r,width:n,height:i,className:s,hide:o,ticks:l,axisType:c,axisId:d}=e,u=iX(e,aX),[f,p]=w.useState(""),[h,m]=w.useState(""),g=w.useRef(null);w.useImperativeHandle(t,()=>({getCalculatedWidth:()=>{var y;return QY({ticks:g.current,label:(y=e.labelRef)===null||y===void 0?void 0:y.current,labelGapWithTick:5,tickSize:e.tickSize,tickMargin:e.tickMargin})}}));var x=w.useCallback(y=>{if(y){var v=y.getElementsByClassName("recharts-cartesian-axis-tick-value");g.current=v;var b=v[0];if(b){var j=window.getComputedStyle(b),C=j.fontSize,N=j.letterSpacing;(C!==f||N!==h)&&(p(C),m(N))}}},[f,h]);return o||n!=null&&n<=0||i!=null&&i<=0?null:M.createElement(Et,{zIndex:e.zIndex},M.createElement(ze,{className:we("recharts-cartesian-axis",s)},M.createElement(dX,{x:e.x,y:e.y,width:n,height:i,orientation:e.orientation,mirror:e.mirror,axisLine:r,otherSvgProps:Ge(e)}),M.createElement(gX,{ref:x,axisType:c,events:u,fontSize:f,getTicksConfig:e,height:e.height,letterSpacing:h,mirror:e.mirror,orientation:e.orientation,padding:e.padding,stroke:e.stroke,tick:e.tick,tickFormatter:e.tickFormatter,tickLine:e.tickLine,tickMargin:e.tickMargin,tickSize:e.tickSize,tickTextProps:e.tickTextProps,ticks:l,unit:e.unit,width:e.width,x:e.x,y:e.y,axisId:d}),M.createElement(yW,{x:e.x,y:e.y,width:e.width,height:e.height,lowerWidth:e.width,upperWidth:e.width},M.createElement(SW,{label:e.label,labelRef:e.labelRef}),e.children)))}),Bh=M.forwardRef((e,t)=>{var r=Ke(e,Tn);return M.createElement(xX,ti({},r,{ref:t}))});Bh.displayName="CartesianAxis";var yX=["x1","y1","x2","y2","key"],vX=["offset"],bX=["xAxisId","yAxisId"],wX=["xAxisId","yAxisId"];function zy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function $t(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?zy(Object(r),!0).forEach(function(n){jX(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):zy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function jX(e,t,r){return(t=CX(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function CX(e){var t=NX(e,"string");return typeof t=="symbol"?t:t+""}function NX(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Da(){return Da=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Da.apply(null,arguments)}function wd(e,t){if(e==null)return{};var r,n,i=kX(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function kX(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}var SX=e=>{var{fill:t}=e;if(!t||t==="none")return null;var{fillOpacity:r,x:n,y:i,width:s,height:o,ry:l}=e;return M.createElement("rect",{x:n,y:i,ry:l,width:s,height:o,stroke:"none",fill:t,fillOpacity:r,className:"recharts-cartesian-grid-bg"})};function hN(e){var{option:t,lineItemProps:r}=e,n;if(M.isValidElement(t))n=M.cloneElement(t,r);else if(typeof t=="function")n=t(r);else{var i,{x1:s,y1:o,x2:l,y2:c,key:d}=r,u=wd(r,yX),f=(i=Ge(u))!==null&&i!==void 0?i:{},{offset:p}=f,h=wd(f,vX);n=M.createElement("line",Da({},h,{x1:s,y1:o,x2:l,y2:c,fill:"none",key:d}))}return n}function EX(e){var{x:t,width:r,horizontal:n=!0,horizontalPoints:i}=e;if(!n||!i||!i.length)return null;var{xAxisId:s,yAxisId:o}=e,l=wd(e,bX),c=i.map((d,u)=>{var f=$t($t({},l),{},{x1:t,y1:d,x2:t+r,y2:d,key:"line-".concat(u),index:u});return M.createElement(hN,{key:"line-".concat(u),option:n,lineItemProps:f})});return M.createElement("g",{className:"recharts-cartesian-grid-horizontal"},c)}function PX(e){var{y:t,height:r,vertical:n=!0,verticalPoints:i}=e;if(!n||!i||!i.length)return null;var{xAxisId:s,yAxisId:o}=e,l=wd(e,wX),c=i.map((d,u)=>{var f=$t($t({},l),{},{x1:d,y1:t,x2:d,y2:t+r,key:"line-".concat(u),index:u});return M.createElement(hN,{option:n,lineItemProps:f,key:"line-".concat(u)})});return M.createElement("g",{className:"recharts-cartesian-grid-vertical"},c)}function MX(e){var{horizontalFill:t,fillOpacity:r,x:n,y:i,width:s,height:o,horizontalPoints:l,horizontal:c=!0}=e;if(!c||!t||!t.length||l==null)return null;var d=l.map(f=>Math.round(f+i-i)).sort((f,p)=>f-p);i!==d[0]&&d.unshift(0);var u=d.map((f,p)=>{var h=d[p+1],m=h==null,g=m?i+o-f:h-f;if(g<=0)return null;var x=p%t.length;return M.createElement("rect",{key:"react-".concat(p),y:f,x:n,height:g,width:s,stroke:"none",fill:t[x],fillOpacity:r,className:"recharts-cartesian-grid-bg"})});return M.createElement("g",{className:"recharts-cartesian-gridstripes-horizontal"},u)}function AX(e){var{vertical:t=!0,verticalFill:r,fillOpacity:n,x:i,y:s,width:o,height:l,verticalPoints:c}=e;if(!t||!r||!r.length)return null;var d=c.map(f=>Math.round(f+i-i)).sort((f,p)=>f-p);i!==d[0]&&d.unshift(0);var u=d.map((f,p)=>{var h=d[p+1],m=h==null,g=m?i+o-f:h-f;if(g<=0)return null;var x=p%r.length;return M.createElement("rect",{key:"react-".concat(p),x:f,y:s,width:g,height:l,stroke:"none",fill:r[x],fillOpacity:n,className:"recharts-cartesian-grid-bg"})});return M.createElement("g",{className:"recharts-cartesian-gridstripes-vertical"},u)}var TX=(e,t)=>{var{xAxis:r,width:n,height:i,offset:s}=e;return V9(Fh($t($t($t({},Tn),r),{},{ticks:R9(r),viewBox:{x:0,y:0,width:n,height:i}})),s.left,s.left+s.width,t)},OX=(e,t)=>{var{yAxis:r,width:n,height:i,offset:s}=e;return V9(Fh($t($t($t({},Tn),r),{},{ticks:R9(r),viewBox:{x:0,y:0,width:n,height:i}})),s.top,s.top+s.height,t)},LX={horizontal:!0,vertical:!0,horizontalPoints:[],verticalPoints:[],stroke:"#ccc",fill:"none",verticalFill:[],horizontalFill:[],xAxisId:0,yAxisId:0,syncWithTicks:!1,zIndex:Je.grid};function pl(e){var t=fm(),r=pm(),n=G9(),i=$t($t({},Ke(e,LX)),{},{x:fe(e.x)?e.x:n.left,y:fe(e.y)?e.y:n.top,width:fe(e.width)?e.width:n.width,height:fe(e.height)?e.height:n.height}),{xAxisId:s,yAxisId:o,x:l,y:c,width:d,height:u,syncWithTicks:f,horizontalValues:p,verticalValues:h}=i,m=vt(),g=le(E=>o6(E,"xAxis",s,m)),x=le(E=>o6(E,"yAxis",o,m));if(!ln(d)||!ln(u)||!fe(l)||!fe(c))return null;var y=i.verticalCoordinatesGenerator||TX,v=i.horizontalCoordinatesGenerator||OX,{horizontalPoints:b,verticalPoints:j}=i;if((!b||!b.length)&&typeof v=="function"){var C=p&&p.length,N=v({yAxis:x?$t($t({},x),{},{ticks:C?p:x.ticks}):void 0,width:t??d,height:r??u,offset:n},C?!0:f);qc(Array.isArray(N),"horizontalCoordinatesGenerator should return Array but instead it returned [".concat(typeof N,"]")),Array.isArray(N)&&(b=N)}if((!j||!j.length)&&typeof y=="function"){var k=h&&h.length,S=y({xAxis:g?$t($t({},g),{},{ticks:k?h:g.ticks}):void 0,width:t??d,height:r??u,offset:n},k?!0:f);qc(Array.isArray(S),"verticalCoordinatesGenerator should return Array but instead it returned [".concat(typeof S,"]")),Array.isArray(S)&&(j=S)}return M.createElement(Et,{zIndex:i.zIndex},M.createElement("g",{className:"recharts-cartesian-grid"},M.createElement(SX,{fill:i.fill,fillOpacity:i.fillOpacity,x:i.x,y:i.y,width:i.width,height:i.height,ry:i.ry}),M.createElement(MX,Da({},i,{horizontalPoints:b})),M.createElement(AX,Da({},i,{verticalPoints:j})),M.createElement(EX,Da({},i,{offset:n,horizontalPoints:b,xAxis:g,yAxis:x})),M.createElement(PX,Da({},i,{offset:n,verticalPoints:j,xAxis:g,yAxis:x}))))}pl.displayName="CartesianGrid";var DX={},gN=Kt({name:"errorBars",initialState:DX,reducers:{addErrorBar:(e,t)=>{var{itemId:r,errorBar:n}=t.payload;e[r]||(e[r]=[]),e[r].push(n)},replaceErrorBar:(e,t)=>{var{itemId:r,prev:n,next:i}=t.payload;e[r]&&(e[r]=e[r].map(s=>s.dataKey===n.dataKey&&s.direction===n.direction?i:s))},removeErrorBar:(e,t)=>{var{itemId:r,errorBar:n}=t.payload;e[r]&&(e[r]=e[r].filter(i=>i.dataKey!==n.dataKey||i.direction!==n.direction))}}}),{addErrorBar:dce,replaceErrorBar:uce,removeErrorBar:fce}=gN.actions,IX=gN.reducer,zX=["children"];function VX(e,t){if(e==null)return{};var r,n,i=RX(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function RX(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}var _X={data:[],xAxisId:"xAxis-0",yAxisId:"yAxis-0",dataPointFormatter:()=>({x:0,y:0,value:0}),errorBarOffset:0},FX=w.createContext(_X);function xN(e){var{children:t}=e,r=VX(e,zX);return M.createElement(FX.Provider,{value:r},t)}function Qu(e,t){var r,n,i=le(d=>Hn(d,e)),s=le(d=>Un(d,t)),o=(r=i?.allowDataOverflow)!==null&&r!==void 0?r:wt.allowDataOverflow,l=(n=s?.allowDataOverflow)!==null&&n!==void 0?n:jt.allowDataOverflow,c=o||l;return{needClip:c,needClipX:o,needClipY:l}}function qh(e){var{xAxisId:t,yAxisId:r,clipPathId:n}=e,i=Ju(),{needClipX:s,needClipY:o,needClip:l}=Qu(t,r);if(!l||!i)return null;var{x:c,y:d,width:u,height:f}=i;return M.createElement("clipPath",{id:"clipPath-".concat(n)},M.createElement("rect",{x:s?c:c-u/2,y:o?d:d-f/2,width:s?u:u*2,height:o?f:f*2}))}var yN=(e,t,r,n)=>pn(e,"xAxis",t,n),vN=(e,t,r,n)=>fn(e,"xAxis",t,n),bN=(e,t,r,n)=>pn(e,"yAxis",r,n),wN=(e,t,r,n)=>fn(e,"yAxis",r,n),BX=$([Ce,yN,bN,vN,wN],(e,t,r,n,i)=>Dr(e,"xAxis")?cn(t,n,!1):cn(r,i,!1)),qX=(e,t,r,n,i)=>i;function $X(e){return e.type==="line"}var HX=$([nl,qX],(e,t)=>e.filter($X).find(r=>r.id===t)),UX=$([Ce,yN,bN,vN,wN,HX,BX,Zo],(e,t,r,n,i,s,o,l)=>{var{chartData:c,dataStartIndex:d,dataEndIndex:u}=l;if(!(s==null||t==null||r==null||n==null||i==null||n.length===0||i.length===0||o==null||e!=="horizontal"&&e!=="vertical")){var{dataKey:f,data:p}=s,h;if(p!=null&&p.length>0?h=p:h=c?.slice(d,u+1),h!=null)return uJ({layout:e,xAxis:t,yAxis:r,xAxisTicks:n,yAxisTicks:i,dataKey:f,bandSize:o,displayedData:h})}});function jN(e){var t=On(e),r=3,n=2;if(t!=null){var{r:i,strokeWidth:s}=t,o=Number(i),l=Number(s);return(Number.isNaN(o)||o<0)&&(o=r),(Number.isNaN(l)||l<0)&&(l=n),{r:o,strokeWidth:l}}return{r,strokeWidth:n}}var WX=["id"],GX=["type","layout","connectNulls","needClip","shape"],KX=["activeDot","animateNewValues","animationBegin","animationDuration","animationEasing","connectNulls","dot","hide","isAnimationActive","label","legendType","xAxisId","yAxisId","id"];function Eo(){return Eo=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Eo.apply(null,arguments)}function Vy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Jr(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Vy(Object(r),!0).forEach(function(n){ZX(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Vy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function ZX(e,t,r){return(t=YX(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function YX(e){var t=XX(e,"string");return typeof t=="symbol"?t:t+""}function XX(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function $h(e,t){if(e==null)return{};var r,n,i=JX(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function JX(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}var QX=e=>{var{dataKey:t,name:r,stroke:n,legendType:i,hide:s}=e;return[{inactive:s,dataKey:t,type:i,color:n,value:vn(r,t),payload:e}]},eJ=M.memo(e=>{var{dataKey:t,data:r,stroke:n,strokeWidth:i,fill:s,name:o,hide:l,unit:c,tooltipType:d,id:u}=e,f={dataDefinedOnItem:r,getPosition:Kr,settings:{stroke:n,strokeWidth:i,fill:s,dataKey:t,nameKey:void 0,name:vn(o,t),hide:l,type:d,color:n,unit:c,graphicalItemId:u}};return M.createElement(ul,{tooltipEntrySettings:f})}),CN=(e,t)=>"".concat(t,"px ").concat(e,"px");function tJ(e,t){for(var r=e.length%2!==0?[...e,0]:e,n=[],i=0;i<t;++i)n.push(...r);return n}var rJ=(e,t,r)=>{var n=r.reduce((p,h)=>p+h,0);if(!n)return CN(t,e);for(var i=Math.floor(e/n),s=e%n,o=[],l=0,c=0;l<r.length;c+=(d=r[l])!==null&&d!==void 0?d:0,++l){var d,u=r[l];if(u!=null&&c+u>s){o=[...r.slice(0,l),s-c];break}}var f=o.length%2===0?[0,t]:[t];return[...tJ(r,i),...o,...f].map(p=>"".concat(p,"px")).join(", ")};function nJ(e){var{clipPathId:t,points:r,props:n}=e,{dot:i,dataKey:s,needClip:o}=n,{id:l}=n,c=$h(n,WX),d=Ge(c);return M.createElement(Rh,{points:r,dot:i,className:"recharts-line-dots",dotClassName:"recharts-line-dot",dataKey:s,baseProps:d,needClip:o,clipPathId:t})}function aJ(e){var{showLabels:t,children:r,points:n}=e,i=w.useMemo(()=>n?.map(s=>{var o,l,c={x:(o=s.x)!==null&&o!==void 0?o:0,y:(l=s.y)!==null&&l!==void 0?l:0,width:0,lowerWidth:0,upperWidth:0,height:0};return Jr(Jr({},c),{},{value:s.value,payload:s.payload,viewBox:c,parentViewBox:void 0,fill:void 0})}),[n]);return M.createElement(Wu,{value:t?i:void 0},r)}function Ry(e){var{clipPathId:t,pathRef:r,points:n,strokeDasharray:i,props:s}=e,{type:o,layout:l,connectNulls:c,needClip:d,shape:u}=s,f=$h(s,GX),p=Jr(Jr({},ft(f)),{},{fill:"none",className:"recharts-line-curve",clipPath:d?"url(#clipPath-".concat(t,")"):void 0,points:n,type:o,layout:l,connectNulls:c,strokeDasharray:i??s.strokeDasharray});return M.createElement(M.Fragment,null,n?.length>1&&M.createElement(Oh,Eo({shapeType:"curve",option:u},p,{pathRef:r})),M.createElement(nJ,{points:n,clipPathId:t,props:s}))}function iJ(e){try{return e&&e.getTotalLength&&e.getTotalLength()||0}catch{return 0}}function sJ(e){var{clipPathId:t,props:r,pathRef:n,previousPointsRef:i,longestAnimatedLengthRef:s}=e,{points:o,strokeDasharray:l,isAnimationActive:c,animationBegin:d,animationDuration:u,animationEasing:f,animateNewValues:p,width:h,height:m,onAnimationEnd:g,onAnimationStart:x}=r,y=i.current,v=ui(o,"recharts-line-"),b=w.useRef(v),[j,C]=w.useState(!1),N=!j,k=w.useCallback(()=>{typeof g=="function"&&g(),C(!1)},[g]),S=w.useCallback(()=>{typeof x=="function"&&x(),C(!0)},[x]),E=iJ(n.current),P=w.useRef(0);b.current!==v&&(P.current=s.current,b.current=v);var T=P.current;return M.createElement(aJ,{points:o,showLabels:N},r.children,M.createElement(di,{animationId:v,begin:d,duration:u,isActive:c,easing:f,onAnimationEnd:k,onAnimationStart:S,key:v},A=>{var L=Me(T,E+T,A),D=Math.min(L,E),z;if(c)if(l){var U="".concat(l).split(/[,\s]+/gim).map(q=>parseFloat(q));z=rJ(D,E,U)}else z=CN(E,D);else z=l==null?void 0:String(l);if(A>0&&E>0&&(i.current=o,s.current=Math.max(s.current,D)),y){var I=y.length/o.length,_=A===1?o:o.map((q,J)=>{var oe=Math.floor(J*I);if(y[oe]){var de=y[oe];return Jr(Jr({},q),{},{x:Me(de.x,q.x,A),y:Me(de.y,q.y,A)})}return p?Jr(Jr({},q),{},{x:Me(h*2,q.x,A),y:Me(m/2,q.y,A)}):Jr(Jr({},q),{},{x:q.x,y:q.y})});return i.current=_,M.createElement(Ry,{props:r,points:_,clipPathId:t,pathRef:n,strokeDasharray:z})}return M.createElement(Ry,{props:r,points:o,clipPathId:t,pathRef:n,strokeDasharray:z})}),M.createElement(dl,{label:r.label}))}function oJ(e){var{clipPathId:t,props:r}=e,n=w.useRef(null),i=w.useRef(0),s=w.useRef(null);return M.createElement(sJ,{props:r,clipPathId:t,previousPointsRef:n,longestAnimatedLengthRef:i,pathRef:s})}var lJ=(e,t)=>{var r,n;return{x:(r=e.x)!==null&&r!==void 0?r:void 0,y:(n=e.y)!==null&&n!==void 0?n:void 0,value:e.value,errorVal:Ae(e.payload,t)}};class cJ extends w.Component{render(){var{hide:t,dot:r,points:n,className:i,xAxisId:s,yAxisId:o,top:l,left:c,width:d,height:u,id:f,needClip:p,zIndex:h}=this.props;if(t)return null;var m=we("recharts-line",i),g=f,{r:x,strokeWidth:y}=jN(r),v=Th(r),b=x*2+y,j=p?"url(#clipPath-".concat(v?"":"dots-").concat(g,")"):void 0;return M.createElement(Et,{zIndex:h},M.createElement(ze,{className:m},p&&M.createElement("defs",null,M.createElement(qh,{clipPathId:g,xAxisId:s,yAxisId:o}),!v&&M.createElement("clipPath",{id:"clipPath-dots-".concat(g)},M.createElement("rect",{x:c-b/2,y:l-b/2,width:d+b,height:u+b}))),M.createElement(xN,{xAxisId:s,yAxisId:o,data:n,dataPointFormatter:lJ,errorBarOffset:0},M.createElement(oJ,{props:this.props,clipPathId:g}))),M.createElement(vd,{activeDot:this.props.activeDot,points:n,mainColor:this.props.stroke,itemDataKey:this.props.dataKey,clipPath:j}))}}var NN={activeDot:!0,animateNewValues:!0,animationBegin:0,animationDuration:1500,animationEasing:"ease",connectNulls:!1,dot:!0,fill:"#fff",hide:!1,isAnimationActive:"auto",label:!1,legendType:"line",stroke:"#3182bd",strokeWidth:1,xAxisId:0,yAxisId:0,zIndex:Je.line,type:"linear"};function dJ(e){var t=Ke(e,NN),{activeDot:r,animateNewValues:n,animationBegin:i,animationDuration:s,animationEasing:o,connectNulls:l,dot:c,hide:d,isAnimationActive:u,label:f,legendType:p,xAxisId:h,yAxisId:m,id:g}=t,x=$h(t,KX),{needClip:y}=Qu(h,m),v=Ju(),b=ha(),j=vt(),C=le(P=>UX(P,h,m,j,g));if(b!=="horizontal"&&b!=="vertical"||C==null||v==null)return null;var{height:N,width:k,x:S,y:E}=v;return M.createElement(cJ,Eo({},x,{id:g,connectNulls:l,dot:c,activeDot:r,animateNewValues:n,animationBegin:i,animationDuration:s,animationEasing:o,isAnimationActive:u,hide:d,label:f,legendType:p,xAxisId:h,yAxisId:m,points:C,layout:b,height:N,width:k,left:S,top:E,needClip:y}))}function uJ(e){var{layout:t,xAxis:r,yAxis:n,xAxisTicks:i,yAxisTicks:s,dataKey:o,bandSize:l,displayedData:c}=e;return c.map((d,u)=>{var f=Ae(d,o);if(t==="horizontal"){var p=Bc({axis:r,ticks:i,bandSize:l,entry:d,index:u}),h=He(f)?null:n.scale.map(f);return{x:p,y:h??null,value:f,payload:d}}var m=He(f)?null:r.scale.map(f),g=Bc({axis:n,ticks:s,bandSize:l,entry:d,index:u});return m==null||g==null?null:{x:m,y:g,value:f,payload:d}}).filter(Boolean)}function fJ(e){var t=Ke(e,NN),r=vt();return M.createElement(fl,{id:t.id,type:"line"},n=>M.createElement(M.Fragment,null,M.createElement(zh,{legendPayload:QX(t)}),M.createElement(eJ,{dataKey:t.dataKey,data:t.data,stroke:t.stroke,strokeWidth:t.strokeWidth,fill:t.fill,name:t.name,hide:t.hide,unit:t.unit,tooltipType:t.tooltipType,id:n}),M.createElement(Vh,{type:"line",id:n,data:t.data,xAxisId:t.xAxisId,yAxisId:t.yAxisId,zAxisId:0,dataKey:t.dataKey,hide:t.hide,isPanorama:r}),M.createElement(dJ,Eo({},t,{id:n}))))}var Hh=M.memo(fJ,li);Hh.displayName="Line";function wn(e,t){var r,n;return(r=(n=e.graphicalItems.cartesianItems.find(i=>i.id===t))===null||n===void 0?void 0:n.xAxisId)!==null&&r!==void 0?r:aN}function jn(e,t){var r,n;return(r=(n=e.graphicalItems.cartesianItems.find(i=>i.id===t))===null||n===void 0?void 0:n.yAxisId)!==null&&r!==void 0?r:aN}var kN=(e,t,r)=>pn(e,"xAxis",wn(e,t),r),SN=(e,t,r)=>fn(e,"xAxis",wn(e,t),r),EN=(e,t,r)=>pn(e,"yAxis",jn(e,t),r),PN=(e,t,r)=>fn(e,"yAxis",jn(e,t),r),pJ=$([Ce,kN,EN,SN,PN],(e,t,r,n,i)=>Dr(e,"xAxis")?cn(t,n,!1):cn(r,i,!1)),mJ=(e,t)=>t,MN=$([nl,mJ],(e,t)=>e.filter(r=>r.type==="area").find(r=>r.id===t)),AN=e=>{var t=Ce(e),r=Dr(t,"xAxis");return r?"yAxis":"xAxis"},hJ=(e,t)=>{var r=AN(e);return r==="yAxis"?jn(e,t):wn(e,t)},gJ=(e,t,r)=>ud(e,AN(e),hJ(e,t),r),xJ=$([MN,gJ],(e,t)=>{var r;if(!(e==null||t==null)){var{stackId:n}=e,i=Au(e);if(!(n==null||i==null)){var s=(r=t[n])===null||r===void 0?void 0:r.stackedData,o=s?.find(l=>l.key===i);if(o!=null)return o.map(l=>[l[0],l[1]])}}}),yJ=$([Ce,kN,EN,SN,PN,xJ,xw,pJ,MN,M_],(e,t,r,n,i,s,o,l,c,d)=>{var{chartData:u,dataStartIndex:f,dataEndIndex:p}=o;if(!(c==null||e!=="horizontal"&&e!=="vertical"||t==null||r==null||n==null||i==null||n.length===0||i.length===0||l==null)){var{data:h}=c,m;if(h&&h.length>0?m=h:m=u?.slice(f,p+1),m!=null)return RJ({layout:e,xAxis:t,yAxis:r,xAxisTicks:n,yAxisTicks:i,dataStartIndex:f,areaSettings:c,stackedData:s,displayedData:m,chartBaseValue:d,bandSize:l})}}),vJ=["id"],bJ=["activeDot","animationBegin","animationDuration","animationEasing","connectNulls","dot","fill","fillOpacity","hide","isAnimationActive","legendType","stroke","xAxisId","yAxisId"];function qa(){return qa=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},qa.apply(null,arguments)}function TN(e,t){if(e==null)return{};var r,n,i=wJ(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function wJ(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function _y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Ti(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?_y(Object(r),!0).forEach(function(n){jJ(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_y(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function jJ(e,t,r){return(t=CJ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function CJ(e){var t=NJ(e,"string");return typeof t=="symbol"?t:t+""}function NJ(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function jd(e,t){return e&&e!=="none"?e:t}var kJ=e=>{var{dataKey:t,name:r,stroke:n,fill:i,legendType:s,hide:o}=e;return[{inactive:o,dataKey:t,type:s,color:jd(n,i),value:vn(r,t),payload:e}]},SJ=M.memo(e=>{var{dataKey:t,data:r,stroke:n,strokeWidth:i,fill:s,name:o,hide:l,unit:c,tooltipType:d,id:u}=e,f={dataDefinedOnItem:r,getPosition:Kr,settings:{stroke:n,strokeWidth:i,fill:s,dataKey:t,nameKey:void 0,name:vn(o,t),hide:l,type:d,color:jd(n,s),unit:c,graphicalItemId:u}};return M.createElement(ul,{tooltipEntrySettings:f})});function EJ(e){var{clipPathId:t,points:r,props:n}=e,{needClip:i,dot:s,dataKey:o}=n,l=Ge(n);return M.createElement(Rh,{points:r,dot:s,className:"recharts-area-dots",dotClassName:"recharts-area-dot",dataKey:o,baseProps:l,needClip:i,clipPathId:t})}function PJ(e){var{showLabels:t,children:r,points:n}=e,i=n.map(s=>{var o,l,c={x:(o=s.x)!==null&&o!==void 0?o:0,y:(l=s.y)!==null&&l!==void 0?l:0,width:0,lowerWidth:0,upperWidth:0,height:0};return Ti(Ti({},c),{},{value:s.value,payload:s.payload,parentViewBox:void 0,viewBox:c,fill:void 0})});return M.createElement(Wu,{value:t?i:void 0},r)}function Fy(e){var{points:t,baseLine:r,needClip:n,clipPathId:i,props:s}=e,{layout:o,type:l,stroke:c,connectNulls:d,isRange:u}=s,{id:f}=s,p=TN(s,vJ),h=Ge(p),m=ft(p);return M.createElement(M.Fragment,null,t?.length>1&&M.createElement(ze,{clipPath:n?"url(#clipPath-".concat(i,")"):void 0},M.createElement(Bi,qa({},m,{id:f,points:t,connectNulls:d,type:l,baseLine:r,layout:o,stroke:"none",className:"recharts-area-area"})),c!=="none"&&M.createElement(Bi,qa({},h,{className:"recharts-area-curve",layout:o,type:l,connectNulls:d,fill:"none",points:t})),c!=="none"&&u&&Array.isArray(r)&&M.createElement(Bi,qa({},h,{className:"recharts-area-curve",layout:o,type:l,connectNulls:d,fill:"none",points:r}))),M.createElement(EJ,{points:t,props:p,clipPathId:i}))}function MJ(e){var t,r,{alpha:n,baseLine:i,points:s,strokeWidth:o}=e,l=(t=s[0])===null||t===void 0?void 0:t.y,c=(r=s[s.length-1])===null||r===void 0?void 0:r.y;if(!je(l)||!je(c))return null;var d=n*Math.abs(l-c),u=Math.max(...s.map(f=>f.x||0));return fe(i)?u=Math.max(i,u):i&&Array.isArray(i)&&i.length&&(u=Math.max(...i.map(f=>f.x||0),u)),fe(u)?M.createElement("rect",{x:0,y:l<c?l:l-d,width:u+(o?parseInt("".concat(o),10):1),height:Math.floor(d)}):null}function AJ(e){var t,r,{alpha:n,baseLine:i,points:s,strokeWidth:o}=e,l=(t=s[0])===null||t===void 0?void 0:t.x,c=(r=s[s.length-1])===null||r===void 0?void 0:r.x;if(!je(l)||!je(c))return null;var d=n*Math.abs(l-c),u=Math.max(...s.map(f=>f.y||0));return fe(i)?u=Math.max(i,u):i&&Array.isArray(i)&&i.length&&(u=Math.max(...i.map(f=>f.y||0),u)),fe(u)?M.createElement("rect",{x:l<c?l:l-d,y:0,width:d,height:Math.floor(u+(o?parseInt("".concat(o),10):1))}):null}function TJ(e){var{alpha:t,layout:r,points:n,baseLine:i,strokeWidth:s}=e;return r==="vertical"?M.createElement(MJ,{alpha:t,points:n,baseLine:i,strokeWidth:s}):M.createElement(AJ,{alpha:t,points:n,baseLine:i,strokeWidth:s})}function OJ(e){var{needClip:t,clipPathId:r,props:n,previousPointsRef:i,previousBaselineRef:s}=e,{points:o,baseLine:l,isAnimationActive:c,animationBegin:d,animationDuration:u,animationEasing:f,onAnimationStart:p,onAnimationEnd:h}=n,m=w.useMemo(()=>({points:o,baseLine:l}),[o,l]),g=ui(m,"recharts-area-"),x=mm(),[y,v]=w.useState(!1),b=!y,j=w.useCallback(()=>{typeof h=="function"&&h(),v(!1)},[h]),C=w.useCallback(()=>{typeof p=="function"&&p(),v(!0)},[p]);if(x==null)return null;var N=i.current,k=s.current;return M.createElement(PJ,{showLabels:b,points:o},n.children,M.createElement(di,{animationId:g,begin:d,duration:u,isActive:c,easing:f,onAnimationEnd:j,onAnimationStart:C,key:g},S=>{if(N){var E=N.length/o.length,P=S===1?o:o.map((A,L)=>{var D=Math.floor(L*E);if(N[D]){var z=N[D];return Ti(Ti({},A),{},{x:Me(z.x,A.x,S),y:Me(z.y,A.y,S)})}return A}),T;return fe(l)?T=Me(k,l,S):He(l)||Ur(l)?T=Me(k,0,S):T=l.map((A,L)=>{var D=Math.floor(L*E);if(Array.isArray(k)&&k[D]){var z=k[D];return Ti(Ti({},A),{},{x:Me(z.x,A.x,S),y:Me(z.y,A.y,S)})}return A}),S>0&&(i.current=P,s.current=T),M.createElement(Fy,{points:P,baseLine:T,needClip:t,clipPathId:r,props:n})}return S>0&&(i.current=o,s.current=l),M.createElement(ze,null,c&&M.createElement("defs",null,M.createElement("clipPath",{id:"animationClipPath-".concat(r)},M.createElement(TJ,{alpha:S,points:o,baseLine:l,layout:x,strokeWidth:n.strokeWidth}))),M.createElement(ze,{clipPath:"url(#animationClipPath-".concat(r,")")},M.createElement(Fy,{points:o,baseLine:l,needClip:t,clipPathId:r,props:n})))}),M.createElement(dl,{label:n.label}))}function LJ(e){var{needClip:t,clipPathId:r,props:n}=e,i=w.useRef(null),s=w.useRef();return M.createElement(OJ,{needClip:t,clipPathId:r,props:n,previousPointsRef:i,previousBaselineRef:s})}class DJ extends w.PureComponent{render(){var{hide:t,dot:r,points:n,className:i,top:s,left:o,needClip:l,xAxisId:c,yAxisId:d,width:u,height:f,id:p,baseLine:h,zIndex:m}=this.props;if(t)return null;var g=we("recharts-area",i),x=p,{r:y,strokeWidth:v}=jN(r),b=Th(r),j=y*2+v,C=l?"url(#clipPath-".concat(b?"":"dots-").concat(x,")"):void 0;return M.createElement(Et,{zIndex:m},M.createElement(ze,{className:g},l&&M.createElement("defs",null,M.createElement(qh,{clipPathId:x,xAxisId:c,yAxisId:d}),!b&&M.createElement("clipPath",{id:"clipPath-dots-".concat(x)},M.createElement("rect",{x:o-j/2,y:s-j/2,width:u+j,height:f+j}))),M.createElement(LJ,{needClip:l,clipPathId:x,props:this.props})),M.createElement(vd,{points:n,mainColor:jd(this.props.stroke,this.props.fill),itemDataKey:this.props.dataKey,activeDot:this.props.activeDot,clipPath:C}),this.props.isRange&&Array.isArray(h)&&M.createElement(vd,{points:h,mainColor:jd(this.props.stroke,this.props.fill),itemDataKey:this.props.dataKey,activeDot:this.props.activeDot,clipPath:C}))}}var IJ={activeDot:!0,animationBegin:0,animationDuration:1500,animationEasing:"ease",connectNulls:!1,dot:!1,fill:"#3182bd",fillOpacity:.6,hide:!1,isAnimationActive:"auto",legendType:"line",stroke:"#3182bd",strokeWidth:1,type:"linear",label:!1,xAxisId:0,yAxisId:0,zIndex:Je.area};function zJ(e){var t,{activeDot:r,animationBegin:n,animationDuration:i,animationEasing:s,connectNulls:o,dot:l,fill:c,fillOpacity:d,hide:u,isAnimationActive:f,legendType:p,stroke:h,xAxisId:m,yAxisId:g}=e,x=TN(e,bJ),y=ha(),v=yC(),{needClip:b}=Qu(m,g),j=vt(),{points:C,isRange:N,baseLine:k}=(t=le(L=>yJ(L,e.id,j)))!==null&&t!==void 0?t:{},S=Ju();if(y!=="horizontal"&&y!=="vertical"||S==null||v!=="AreaChart"&&v!=="ComposedChart")return null;var{height:E,width:P,x:T,y:A}=S;return!C||!C.length?null:M.createElement(DJ,qa({},x,{activeDot:r,animationBegin:n,animationDuration:i,animationEasing:s,baseLine:k,connectNulls:o,dot:l,fill:c,fillOpacity:d,height:E,hide:u,layout:y,isAnimationActive:f,isRange:N,legendType:p,needClip:b,points:C,stroke:h,width:P,left:T,top:A,xAxisId:m,yAxisId:g}))}var VJ=(e,t,r,n,i)=>{var s=r??t;if(fe(s))return s;var o=e==="horizontal"?i:n,l=o.scale.domain();if(o.type==="number"){var c=Math.max(l[0],l[1]),d=Math.min(l[0],l[1]);return s==="dataMin"?d:s==="dataMax"||c<0?c:Math.max(Math.min(l[0],l[1]),0)}return s==="dataMin"?l[0]:s==="dataMax"?l[1]:l[0]};function RJ(e){var{areaSettings:{connectNulls:t,baseValue:r,dataKey:n},stackedData:i,layout:s,chartBaseValue:o,xAxis:l,yAxis:c,displayedData:d,dataStartIndex:u,xAxisTicks:f,yAxisTicks:p,bandSize:h}=e,m=i&&i.length,g=VJ(s,o,r,l,c),x=s==="horizontal",y=!1,v=d.map((j,C)=>{var N,k,S,E;if(m)E=i[u+C];else{var P=Ae(j,n);Array.isArray(P)?(E=P,y=!0):E=[g,P]}var T=(N=(k=E)===null||k===void 0?void 0:k[1])!==null&&N!==void 0?N:null,A=T==null||m&&!t&&Ae(j,n)==null;if(x){var L;return{x:Bc({axis:l,ticks:f,bandSize:h,entry:j,index:C}),y:A?null:(L=c.scale.map(T))!==null&&L!==void 0?L:null,value:E,payload:j}}return{x:A?null:(S=l.scale.map(T))!==null&&S!==void 0?S:null,y:Bc({axis:c,ticks:p,bandSize:h,entry:j,index:C}),value:E,payload:j}}),b;return m||y?b=v.map(j=>{var C,N=Array.isArray(j.value)?j.value[0]:null;if(x){var k;return{x:j.x,y:N!=null&&j.y!=null&&(k=c.scale.map(N))!==null&&k!==void 0?k:null,payload:j.payload}}return{x:N!=null&&(C=l.scale.map(N))!==null&&C!==void 0?C:null,y:j.y,payload:j.payload}}):b=x?c.scale.map(g):l.scale.map(g),{points:v,baseLine:b??0,isRange:y}}function _J(e){var t=Ke(e,IJ),r=vt();return M.createElement(fl,{id:t.id,type:"area"},n=>M.createElement(M.Fragment,null,M.createElement(zh,{legendPayload:kJ(t)}),M.createElement(SJ,{dataKey:t.dataKey,data:t.data,stroke:t.stroke,strokeWidth:t.strokeWidth,fill:t.fill,name:t.name,hide:t.hide,unit:t.unit,tooltipType:t.tooltipType,id:n}),M.createElement(Vh,{type:"area",id:n,data:t.data,dataKey:t.dataKey,xAxisId:t.xAxisId,yAxisId:t.yAxisId,zAxisId:0,stackId:_9(t.stackId),hide:t.hide,barSize:void 0,baseValue:t.baseValue,isPanorama:r,connectNulls:t.connectNulls}),M.createElement(zJ,qa({},t,{id:n}))))}var e0=M.memo(_J,li);e0.displayName="Area";var FJ=process.env.NODE_ENV==="production",u2="Invariant failed";function BJ(e,t){if(FJ)throw new Error(u2);var r=typeof t=="function"?t():t,n=r?"".concat(u2,": ").concat(r):u2;throw new Error(n)}function Lf(){return Lf=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Lf.apply(null,arguments)}function Uh(e){return M.createElement(Oh,Lf({shapeType:"rectangle",activeClassName:"recharts-active-bar",inActiveClassName:"recharts-inactive-bar"},e))}var qJ=function(t){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:0;return(n,i)=>{if(fe(t))return t;var s=fe(n)||He(n);return s?t(n,i):(s||BJ(!1,"minPointSize callback function received a value with type of ".concat(typeof n,". Currently only numbers or null/undefined are supported.")),r)}},$J=(e,t,r)=>r,HJ=(e,t)=>t,ml=$([nl,HJ],(e,t)=>e.filter(r=>r.type==="bar").find(r=>r.id===t)),UJ=$([ml],e=>e?.maxBarSize),WJ=(e,t,r,n)=>n,GJ=$([Ce,nl,wn,jn,$J],(e,t,r,n,i)=>t.filter(s=>e==="horizontal"?s.xAxisId===r:s.yAxisId===n).filter(s=>s.isPanorama===i).filter(s=>s.hide===!1).filter(s=>s.type==="bar")),KJ=(e,t,r)=>{var n=Ce(e),i=wn(e,t),s=jn(e,t);if(!(i==null||s==null))return n==="horizontal"?ud(e,"yAxis",s,r):ud(e,"xAxis",i,r)},ZJ=(e,t)=>{var r=Ce(e),n=wn(e,t),i=jn(e,t);if(!(n==null||i==null))return r==="horizontal"?s6(e,"xAxis",n):s6(e,"yAxis",i)},YJ=$([GJ,P_,ZJ],EY),XJ=(e,t,r)=>{var n,i,s=ml(e,t);if(s==null)return 0;var o=wn(e,t),l=jn(e,t);if(o==null||l==null)return 0;var c=Ce(e),d=Mw(e),{maxBarSize:u}=s,f=He(u)?d:u,p,h;return c==="horizontal"?(p=pn(e,"xAxis",o,r),h=fn(e,"xAxis",o,r)):(p=pn(e,"yAxis",l,r),h=fn(e,"yAxis",l,r)),(n=(i=cn(p,h,!0))!==null&&i!==void 0?i:f)!==null&&n!==void 0?n:0},ON=(e,t,r)=>{var n=Ce(e),i=wn(e,t),s=jn(e,t);if(!(i==null||s==null)){var o,l;return n==="horizontal"?(o=pn(e,"xAxis",i,r),l=fn(e,"xAxis",i,r)):(o=pn(e,"yAxis",s,r),l=fn(e,"yAxis",s,r)),cn(o,l)}},JJ=$([YJ,Mw,E_,Aw,XJ,ON,UJ],OY),QJ=(e,t,r)=>{var n=wn(e,t);if(n!=null)return pn(e,"xAxis",n,r)},eQ=(e,t,r)=>{var n=jn(e,t);if(n!=null)return pn(e,"yAxis",n,r)},tQ=(e,t,r)=>{var n=wn(e,t);if(n!=null)return fn(e,"xAxis",n,r)},rQ=(e,t,r)=>{var n=jn(e,t);if(n!=null)return fn(e,"yAxis",n,r)},nQ=$([JJ,ml],DY),aQ=$([KJ,ml],LY),iQ=$([Nt,cm,QJ,eQ,tQ,rQ,nQ,Ce,xw,ON,aQ,ml,WJ],(e,t,r,n,i,s,o,l,c,d,u,f,p)=>{var{chartData:h,dataStartIndex:m,dataEndIndex:g}=c;if(!(f==null||o==null||t==null||l!=="horizontal"&&l!=="vertical"||r==null||n==null||i==null||s==null||d==null)){var{data:x}=f,y;if(x!=null&&x.length>0?y=x:y=h?.slice(m,g+1),y!=null)return LQ({layout:l,barSettings:f,pos:o,parentViewBox:t,bandSize:d,xAxis:r,yAxis:n,xAxisTicks:i,yAxisTicks:s,stackedData:u,displayedData:y,offset:e,cells:p,dataStartIndex:m})}}),sQ=["index"];function Df(){return Df=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Df.apply(null,arguments)}function oQ(e,t){if(e==null)return{};var r,n,i=lQ(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function lQ(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}var LN=w.createContext(void 0),cQ=e=>{var t=w.useContext(LN);if(t!=null)return t.stackId;if(e!=null)return _9(e)},dQ=(e,t)=>"recharts-bar-stack-clip-path-".concat(e,"-").concat(t),uQ=e=>{var t=w.useContext(LN);if(t!=null){var{stackId:r}=t;return"url(#".concat(dQ(r,e),")")}},DN=e=>{var{index:t}=e,r=oQ(e,sQ),n=uQ(t);return M.createElement(ze,Df({className:"recharts-bar-stack-layer",clipPath:n},r))},fQ=["onMouseEnter","onMouseLeave","onClick"],pQ=["value","background","tooltipPosition"],mQ=["id"],hQ=["onMouseEnter","onClick","onMouseLeave"];function fa(){return fa=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},fa.apply(null,arguments)}function By(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Yt(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?By(Object(r),!0).forEach(function(n){gQ(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):By(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function gQ(e,t,r){return(t=xQ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function xQ(e){var t=yQ(e,"string");return typeof t=="symbol"?t:t+""}function yQ(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Cd(e,t){if(e==null)return{};var r,n,i=vQ(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function vQ(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}var bQ=e=>{var{dataKey:t,name:r,fill:n,legendType:i,hide:s}=e;return[{inactive:s,dataKey:t,type:i,color:n,value:vn(r,t),payload:e}]},wQ=M.memo(e=>{var{dataKey:t,stroke:r,strokeWidth:n,fill:i,name:s,hide:o,unit:l,tooltipType:c,id:d}=e,u={dataDefinedOnItem:void 0,getPosition:Kr,settings:{stroke:r,strokeWidth:n,fill:i,dataKey:t,nameKey:void 0,name:vn(s,t),hide:o,type:c,color:i,unit:l,graphicalItemId:d}};return M.createElement(ul,{tooltipEntrySettings:u})});function jQ(e){var t=le(da),{data:r,dataKey:n,background:i,allOtherBarProps:s}=e,{onMouseEnter:o,onMouseLeave:l,onClick:c}=s,d=Cd(s,fQ),u=Lh(o,n,s.id),f=Dh(l),p=Ih(c,n,s.id);if(!i||r==null)return null;var h=On(i);return M.createElement(Et,{zIndex:IY(i,Je.barBackground)},r.map((m,g)=>{var{value:x,background:y,tooltipPosition:v}=m,b=Cd(m,pQ);if(!y)return null;var j=u(m,g),C=f(m,g),N=p(m,g),k=Yt(Yt(Yt(Yt(Yt({option:i,isActive:String(g)===t},b),{},{fill:"#eee"},y),h),oi(d,m,g)),{},{onMouseEnter:j,onMouseLeave:C,onClick:N,dataKey:n,index:g,className:"recharts-bar-background-rectangle"});return M.createElement(Uh,fa({key:"background-bar-".concat(g)},k))}))}function CQ(e){var{showLabels:t,children:r,rects:n}=e,i=n?.map(s=>{var o={x:s.x,y:s.y,width:s.width,lowerWidth:s.width,upperWidth:s.width,height:s.height};return Yt(Yt({},o),{},{value:s.value,payload:s.payload,parentViewBox:s.parentViewBox,viewBox:o,fill:s.fill})});return M.createElement(Wu,{value:t?i:void 0},r)}function NQ(e){var{shape:t,activeBar:r,baseProps:n,entry:i,index:s,dataKey:o}=e,l=le(da),c=le(xh),d=r&&String(i.originalDataIndex)===l&&(c==null||o===c),[u,f]=w.useState(!1),[p,h]=w.useState(!1);w.useEffect(()=>{var b;return d?(f(!0),b=requestAnimationFrame(()=>{h(!0)})):h(!1),()=>{cancelAnimationFrame(b)}},[d]);var m=w.useCallback(()=>{d||f(!1)},[d]),g=d&&p,x=d||u,y;d?r===!0?y=t:y=r:y=t;var v=M.createElement(Uh,fa({},n,{name:String(n.name)},i,{isActive:g,option:y,index:s,dataKey:o,onTransitionEnd:m}));return x?M.createElement(Et,{zIndex:Je.activeBar},M.createElement(DN,{index:i.originalDataIndex},v)):v}function kQ(e){var{shape:t,baseProps:r,entry:n,index:i,dataKey:s}=e;return M.createElement(Uh,fa({},r,{name:String(r.name)},n,{isActive:!1,option:t,index:i,dataKey:s}))}function SQ(e){var t,{data:r,props:n}=e,i=(t=Ge(n))!==null&&t!==void 0?t:{},{id:s}=i,o=Cd(i,mQ),{shape:l,dataKey:c,activeBar:d}=n,{onMouseEnter:u,onClick:f,onMouseLeave:p}=n,h=Cd(n,hQ),m=Lh(u,c,s),g=Dh(p),x=Ih(f,c,s);return r?M.createElement(M.Fragment,null,r.map((y,v)=>M.createElement(DN,fa({index:y.originalDataIndex,key:"rectangle-".concat(y?.x,"-").concat(y?.y,"-").concat(y?.value,"-").concat(v),className:"recharts-bar-rectangle"},oi(h,y,v),{onMouseEnter:m(y,v),onMouseLeave:g(y,v),onClick:x(y,v)}),d?M.createElement(NQ,{shape:l,activeBar:d,baseProps:o,entry:y,index:v,dataKey:c}):M.createElement(kQ,{shape:l,baseProps:o,entry:y,index:v,dataKey:c})))):null}function EQ(e){var{props:t,previousRectanglesRef:r}=e,{data:n,layout:i,isAnimationActive:s,animationBegin:o,animationDuration:l,animationEasing:c,onAnimationEnd:d,onAnimationStart:u}=t,f=r.current,p=ui(t,"recharts-bar-"),[h,m]=w.useState(!1),g=!h,x=w.useCallback(()=>{typeof d=="function"&&d(),m(!1)},[d]),y=w.useCallback(()=>{typeof u=="function"&&u(),m(!0)},[u]);return M.createElement(CQ,{showLabels:g,rects:n},M.createElement(di,{animationId:p,begin:o,duration:l,isActive:s,easing:c,onAnimationEnd:x,onAnimationStart:y,key:p},v=>{var b=v===1?n:n?.map((j,C)=>{var N=f&&f[C];if(N)return Yt(Yt({},j),{},{x:Me(N.x,j.x,v),y:Me(N.y,j.y,v),width:Me(N.width,j.width,v),height:Me(N.height,j.height,v)});if(i==="horizontal"){var k=Me(0,j.height,v),S=Me(j.stackedBarStart,j.y,v);return Yt(Yt({},j),{},{y:S,height:k})}var E=Me(0,j.width,v),P=Me(j.stackedBarStart,j.x,v);return Yt(Yt({},j),{},{width:E,x:P})});return v>0&&(r.current=b??null),b==null?null:M.createElement(ze,null,M.createElement(SQ,{props:t,data:b}))}),M.createElement(dl,{label:t.label}),t.children)}function PQ(e){var t=w.useRef(null);return M.createElement(EQ,{previousRectanglesRef:t,props:e})}var IN=0,MQ=(e,t)=>{var r=Array.isArray(e.value)?e.value[1]:e.value;return{x:e.x,y:e.y,value:r,errorVal:Ae(e,t)}};class AQ extends w.PureComponent{render(){var{hide:t,data:r,dataKey:n,className:i,xAxisId:s,yAxisId:o,needClip:l,background:c,id:d}=this.props;if(t||r==null)return null;var u=we("recharts-bar",i),f=d;return M.createElement(ze,{className:u,id:d},l&&M.createElement("defs",null,M.createElement(qh,{clipPathId:f,xAxisId:s,yAxisId:o})),M.createElement(ze,{className:"recharts-bar-rectangles",clipPath:l?"url(#clipPath-".concat(f,")"):void 0},M.createElement(jQ,{data:r,dataKey:n,background:c,allOtherBarProps:this.props}),M.createElement(PQ,this.props)))}}var TQ={activeBar:!1,animationBegin:0,animationDuration:400,animationEasing:"ease",background:!1,hide:!1,isAnimationActive:"auto",label:!1,legendType:"rect",minPointSize:IN,xAxisId:0,yAxisId:0,zIndex:Je.bar};function OQ(e){var{xAxisId:t,yAxisId:r,hide:n,legendType:i,minPointSize:s,activeBar:o,animationBegin:l,animationDuration:c,animationEasing:d,isAnimationActive:u}=e,{needClip:f}=Qu(t,r),p=ha(),h=vt(),m=Ah(e.children,cl),g=le(v=>iQ(v,e.id,h,m));if(p!=="vertical"&&p!=="horizontal")return null;var x,y=g?.[0];return y==null||y.height==null||y.width==null?x=0:x=p==="vertical"?y.height/2:y.width/2,M.createElement(xN,{xAxisId:t,yAxisId:r,data:g,dataPointFormatter:MQ,errorBarOffset:x},M.createElement(AQ,fa({},e,{layout:p,needClip:f,data:g,xAxisId:t,yAxisId:r,hide:n,legendType:i,minPointSize:s,activeBar:o,animationBegin:l,animationDuration:c,animationEasing:d,isAnimationActive:u})))}function LQ(e){var{layout:t,barSettings:{dataKey:r,minPointSize:n,hasCustomShape:i},pos:s,bandSize:o,xAxis:l,yAxis:c,xAxisTicks:d,yAxisTicks:u,stackedData:f,displayedData:p,offset:h,cells:m,parentViewBox:g,dataStartIndex:x}=e,y=t==="horizontal"?c:l,v=f?y.scale.domain():null,b=hz({numericAxis:y}),j=y.scale.map(b);return p.map((C,N)=>{var k,S,E,P,T,A;if(f){var L=f[N+x];if(L==null)return null;k=dz(L,v)}else k=Ae(C,r),Array.isArray(k)||(k=[b,k]);var D=qJ(n,IN)(k[1],N);if(t==="horizontal"){var z,U=c.scale.map(k[0]),I=c.scale.map(k[1]);if(U==null||I==null)return null;S=Q5({axis:l,ticks:d,bandSize:o,offset:s.offset,entry:C,index:N}),E=(z=I??U)!==null&&z!==void 0?z:void 0,P=s.size;var _=U-I;if(T=Ur(_)?0:_,A={x:S,y:h.top,width:P,height:h.height},Math.abs(D)>0&&Math.abs(T)<Math.abs(D)){var q=Tt(T||D)*(Math.abs(D)-Math.abs(T));E-=q,T+=q}}else{var J=l.scale.map(k[0]),oe=l.scale.map(k[1]);if(J==null||oe==null)return null;if(S=J,E=Q5({axis:c,ticks:u,bandSize:o,offset:s.offset,entry:C,index:N}),P=oe-J,T=s.size,A={x:h.left,y:E,width:h.width,height:T},Math.abs(D)>0&&Math.abs(P)<Math.abs(D)){var de=Tt(P||D)*(Math.abs(D)-Math.abs(P));P+=de}}if(S==null||E==null||P==null||T==null||!i&&(P===0||T===0))return null;var ve=Yt(Yt({},C),{},{stackedBarStart:j,x:S,y:E,width:P,height:T,value:f?k:k[1],payload:C,background:A,tooltipPosition:{x:S+P/2,y:E+T/2},parentViewBox:g,originalDataIndex:N},m&&m[N]&&m[N].props);return ve}).filter(Boolean)}function DQ(e){var t=Ke(e,TQ),r=cQ(t.stackId),n=vt();return M.createElement(fl,{id:t.id,type:"bar"},i=>M.createElement(M.Fragment,null,M.createElement(zh,{legendPayload:bQ(t)}),M.createElement(wQ,{dataKey:t.dataKey,stroke:t.stroke,strokeWidth:t.strokeWidth,fill:t.fill,name:t.name,hide:t.hide,unit:t.unit,tooltipType:t.tooltipType,id:i}),M.createElement(Vh,{type:"bar",id:i,data:void 0,xAxisId:t.xAxisId,yAxisId:t.yAxisId,zAxisId:0,dataKey:t.dataKey,stackId:r,hide:t.hide,barSize:t.barSize,minPointSize:t.minPointSize,maxBarSize:t.maxBarSize,isPanorama:n,hasCustomShape:t.shape!=null}),M.createElement(Et,{zIndex:t.zIndex},M.createElement(OQ,fa({},t,{id:i})))))}var Wh=M.memo(DQ,li);Wh.displayName="Bar";var IQ=["domain","range"],zQ=["domain","range"];function qy(e,t){if(e==null)return{};var r,n,i=VQ(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function VQ(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function $y(e,t){return e===t?!0:Array.isArray(e)&&e.length===2&&Array.isArray(t)&&t.length===2?e[0]===t[0]&&e[1]===t[1]:!1}function zN(e,t){if(e===t)return!0;var{domain:r,range:n}=e,i=qy(e,IQ),{domain:s,range:o}=t,l=qy(t,zQ);return!$y(r,s)||!$y(n,o)?!1:li(i,l)}var RQ=["type"],_Q=["dangerouslySetInnerHTML","ticks","scale"],FQ=["id","scale"];function If(){return If=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},If.apply(null,arguments)}function Hy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Uy(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Hy(Object(r),!0).forEach(function(n){BQ(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Hy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function BQ(e,t,r){return(t=qQ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function qQ(e){var t=$Q(e,"string");return typeof t=="symbol"?t:t+""}function $Q(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function zf(e,t){if(e==null)return{};var r,n,i=HQ(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function HQ(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function UQ(e){var t=Fe(),r=w.useRef(null),n=mm(),{type:i}=e,s=zf(e,RQ),o=ds(n,"xAxis",i),l=w.useMemo(()=>{if(o!=null)return Uy(Uy({},s),{},{type:o})},[s,o]);return w.useLayoutEffect(()=>{l!=null&&(r.current===null?t(zZ(l)):r.current!==l&&t(VZ({prev:r.current,next:l})),r.current=l)},[l,t]),w.useLayoutEffect(()=>()=>{r.current&&(t(RZ(r.current)),r.current=null)},[t]),null}var WQ=e=>{var{xAxisId:t,className:r}=e,n=le(cm),i=vt(),s="xAxis",o=le(y=>Wj(y,s,t,i)),l=le(y=>qj(y,t)),c=le(y=>d$(y,t)),d=le(y=>wj(y,t));if(l==null||c==null||d==null)return null;var{dangerouslySetInnerHTML:u,ticks:f,scale:p}=e,h=zf(e,_Q),{id:m,scale:g}=d,x=zf(d,FQ);return M.createElement(Bh,If({},h,x,{x:c.x,y:c.y,width:l.width,height:l.height,className:we("recharts-".concat(s," ").concat(s),r),viewBox:n,ticks:o,axisType:s,axisId:t}))},GQ={allowDataOverflow:wt.allowDataOverflow,allowDecimals:wt.allowDecimals,allowDuplicatedCategory:wt.allowDuplicatedCategory,angle:wt.angle,axisLine:Tn.axisLine,height:wt.height,hide:!1,includeHidden:wt.includeHidden,interval:wt.interval,label:!1,minTickGap:wt.minTickGap,mirror:wt.mirror,orientation:wt.orientation,padding:wt.padding,reversed:wt.reversed,scale:wt.scale,tick:wt.tick,tickCount:wt.tickCount,tickLine:Tn.tickLine,tickSize:Tn.tickSize,type:wt.type,niceTicks:wt.niceTicks,xAxisId:0},KQ=e=>{var t=Ke(e,GQ);return M.createElement(M.Fragment,null,M.createElement(UQ,{allowDataOverflow:t.allowDataOverflow,allowDecimals:t.allowDecimals,allowDuplicatedCategory:t.allowDuplicatedCategory,angle:t.angle,dataKey:t.dataKey,domain:t.domain,height:t.height,hide:t.hide,id:t.xAxisId,includeHidden:t.includeHidden,interval:t.interval,minTickGap:t.minTickGap,mirror:t.mirror,name:t.name,orientation:t.orientation,padding:t.padding,reversed:t.reversed,scale:t.scale,tick:t.tick,tickCount:t.tickCount,tickFormatter:t.tickFormatter,ticks:t.ticks,type:t.type,unit:t.unit,niceTicks:t.niceTicks}),M.createElement(WQ,t))},es=M.memo(KQ,zN);es.displayName="XAxis";var ZQ=["type"],YQ=["dangerouslySetInnerHTML","ticks","scale"],XQ=["id","scale"];function Vf(){return Vf=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Vf.apply(null,arguments)}function Wy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Gy(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Wy(Object(r),!0).forEach(function(n){JQ(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Wy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function JQ(e,t,r){return(t=QQ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function QQ(e){var t=eee(e,"string");return typeof t=="symbol"?t:t+""}function eee(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Rf(e,t){if(e==null)return{};var r,n,i=tee(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function tee(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function ree(e){var t=Fe(),r=w.useRef(null),n=mm(),{type:i}=e,s=Rf(e,ZQ),o=ds(n,"yAxis",i),l=w.useMemo(()=>{if(o!=null)return Gy(Gy({},s),{},{type:o})},[o,s]);return w.useLayoutEffect(()=>{l!=null&&(r.current===null?t(_Z(l)):r.current!==l&&t(FZ({prev:r.current,next:l})),r.current=l)},[l,t]),w.useLayoutEffect(()=>()=>{r.current&&(t(BZ(r.current)),r.current=null)},[t]),null}function nee(e){var{yAxisId:t,className:r,width:n,label:i}=e,s=w.useRef(null),o=w.useRef(null),l=le(cm),c=vt(),d=Fe(),u="yAxis",f=le(N=>$j(N,t)),p=le(N=>f$(N,t)),h=le(N=>Wj(N,u,t,c)),m=le(N=>jj(N,t));if(w.useLayoutEffect(()=>{if(!(n!=="auto"||!f||jh(i)||w.isValidElement(i)||m==null)){var N=s.current;if(N){var k=N.getCalculatedWidth();Math.round(f.width)!==Math.round(k)&&d(qZ({id:t,width:k}))}}},[h,f,d,i,t,n,m]),f==null||p==null||m==null)return null;var{dangerouslySetInnerHTML:g,ticks:x,scale:y}=e,v=Rf(e,YQ),{id:b,scale:j}=m,C=Rf(m,XQ);return M.createElement(Bh,Vf({},v,C,{ref:s,labelRef:o,x:p.x,y:p.y,tickTextProps:n==="auto"?{width:void 0}:{width:n},width:f.width,height:f.height,className:we("recharts-".concat(u," ").concat(u),r),viewBox:l,ticks:h,axisType:u,axisId:t}))}var aee={allowDataOverflow:jt.allowDataOverflow,allowDecimals:jt.allowDecimals,allowDuplicatedCategory:jt.allowDuplicatedCategory,angle:jt.angle,axisLine:Tn.axisLine,hide:!1,includeHidden:jt.includeHidden,interval:jt.interval,label:!1,minTickGap:jt.minTickGap,mirror:jt.mirror,orientation:jt.orientation,padding:jt.padding,reversed:jt.reversed,scale:jt.scale,tick:jt.tick,tickCount:jt.tickCount,tickLine:Tn.tickLine,tickSize:Tn.tickSize,type:jt.type,niceTicks:jt.niceTicks,width:jt.width,yAxisId:0},iee=e=>{var t=Ke(e,aee);return M.createElement(M.Fragment,null,M.createElement(ree,{interval:t.interval,id:t.yAxisId,scale:t.scale,type:t.type,domain:t.domain,allowDataOverflow:t.allowDataOverflow,dataKey:t.dataKey,allowDuplicatedCategory:t.allowDuplicatedCategory,allowDecimals:t.allowDecimals,tickCount:t.tickCount,padding:t.padding,includeHidden:t.includeHidden,reversed:t.reversed,ticks:t.ticks,width:t.width,orientation:t.orientation,mirror:t.mirror,hide:t.hide,unit:t.unit,name:t.name,angle:t.angle,minTickGap:t.minTickGap,tick:t.tick,tickFormatter:t.tickFormatter,niceTicks:t.niceTicks}),M.createElement(nee,t))},ts=M.memo(iee,zN);ts.displayName="YAxis";var see=(e,t)=>t,Gh=$([see,Ce,fs,Dt,uC,Wn,TH,Nt],RH);function oee(e){return"getBBox"in e.currentTarget&&typeof e.currentTarget.getBBox=="function"}function Kh(e){var t=e.currentTarget.getBoundingClientRect(),r,n;if(oee(e)){var i=e.currentTarget.getBBox();r=i.width>0?t.width/i.width:1,n=i.height>0?t.height/i.height:1}else{var s=e.currentTarget;r=s.offsetWidth>0?t.width/s.offsetWidth:1,n=s.offsetHeight>0?t.height/s.offsetHeight:1}var o=(l,c)=>({relativeX:Math.round((l-t.left)/r),relativeY:Math.round((c-t.top)/n)});return"touches"in e?Array.from(e.touches).map(l=>o(l.clientX,l.clientY)):o(e.clientX,e.clientY)}var VN=hr("mouseClick"),RN=Ho();RN.startListening({actionCreator:VN,effect:(e,t)=>{var r=e.payload,n=Gh(t.getState(),Kh(r));n?.activeIndex!=null&&t.dispatch(S$({activeIndex:n.activeIndex,activeDataKey:void 0,activeCoordinate:n.activeCoordinate}))}});var _f=hr("mouseMove"),_N=Ho(),ki=null,ba=null,f2=null;_N.startListening({actionCreator:_f,effect:(e,t)=>{var r=e.payload,n=t.getState(),{throttleDelay:i,throttledEvents:s}=n.eventSettings,o=s==="all"||s?.includes("mousemove");ki!==null&&(cancelAnimationFrame(ki),ki=null),ba!==null&&(typeof i!="number"||!o)&&(clearTimeout(ba),ba=null),f2=Kh(r);var l=()=>{var c=t.getState(),d=ol(c,c.tooltip.settings.shared);if(!f2){ki=null,ba=null;return}if(d==="axis"){var u=Gh(c,f2);u?.activeIndex!=null?t.dispatch(tC({activeIndex:u.activeIndex,activeDataKey:void 0,activeCoordinate:u.activeCoordinate})):t.dispatch(eC())}ki=null,ba=null};if(!o){l();return}i==="raf"?ki=requestAnimationFrame(l):typeof i=="number"&&ba===null&&(ba=setTimeout(l,i))}});function lee(e,t){return t instanceof HTMLElement?"HTMLElement <".concat(t.tagName,' class="').concat(t.className,'">'):t===window?"global.window":e==="children"&&typeof t=="object"&&t!==null?"<<CHILDREN>>":t}var Ky={accessibilityLayer:!0,barCategoryGap:"10%",barGap:4,barSize:void 0,className:void 0,maxBarSize:void 0,stackOffset:"none",syncId:void 0,syncMethod:"index",baseValue:void 0,reverseStackOrder:!1},FN=Kt({name:"rootProps",initialState:Ky,reducers:{updateOptions:(e,t)=>{var r;e.accessibilityLayer=t.payload.accessibilityLayer,e.barCategoryGap=t.payload.barCategoryGap,e.barGap=(r=t.payload.barGap)!==null&&r!==void 0?r:Ky.barGap,e.barSize=t.payload.barSize,e.maxBarSize=t.payload.maxBarSize,e.stackOffset=t.payload.stackOffset,e.syncId=t.payload.syncId,e.syncMethod=t.payload.syncMethod,e.className=t.payload.className,e.baseValue=t.payload.baseValue,e.reverseStackOrder=t.payload.reverseStackOrder}}}),cee=FN.reducer,{updateOptions:dee}=FN.actions,uee=null,fee={updatePolarOptions:(e,t)=>e===null?t.payload:(e.startAngle=t.payload.startAngle,e.endAngle=t.payload.endAngle,e.cx=t.payload.cx,e.cy=t.payload.cy,e.innerRadius=t.payload.innerRadius,e.outerRadius=t.payload.outerRadius,e)},BN=Kt({name:"polarOptions",initialState:uee,reducers:fee}),{updatePolarOptions:pee}=BN.actions,mee=BN.reducer,qN=hr("keyDown"),$N=hr("focus"),HN=hr("blur"),t0=Ho(),Si=null,wa=null,Kl=null;t0.startListening({actionCreator:qN,effect:(e,t)=>{Kl=e.payload,Si!==null&&(cancelAnimationFrame(Si),Si=null);var r=t.getState(),{throttleDelay:n,throttledEvents:i}=r.eventSettings,s=i==="all"||i.includes("keydown");wa!==null&&(typeof n!="number"||!s)&&(clearTimeout(wa),wa=null);var o=()=>{try{var l=t.getState(),c=l.rootProps.accessibilityLayer!==!1;if(!c)return;var{keyboardInteraction:d}=l.tooltip,u=Kl;if(u!=="ArrowRight"&&u!=="ArrowLeft"&&u!=="Enter")return;var f=eo(d,Qa(l),Ji(l),Qi(l)),p=f==null?-1:Number(f),h=!Number.isFinite(p)||p<0,m=Wn(l),g=Qa(l),x=ol(l,l.tooltip.settings.shared);if(u==="Enter"){if(h)return;var y=md(l,x,"hover",String(d.index));t.dispatch(pd({active:!d.active,activeIndex:d.index,activeCoordinate:y}));return}var v=h$(l),b=v==="left-to-right"?1:-1,j=u==="ArrowRight"?1:-1,C;if(h){var N=Ji(l),k=Qi(l),S=j*b,E=D=>({active:!1,index:String(D),dataKey:void 0,graphicalItemId:void 0,coordinate:void 0});if(C=-1,S>0){for(var P=0;P<g.length;P++)if(eo(E(P),g,N,k)!=null){C=P;break}}else for(var T=g.length-1;T>=0;T--)if(eo(E(T),g,N,k)!=null){C=T;break}if(C<0)return}else{C=p+j*b;var A=m?.length||g.length;if(A===0||C>=A||C<0)return}var L=md(l,x,"hover",String(C));t.dispatch(pd({active:!0,activeIndex:C.toString(),activeCoordinate:L}))}finally{Si=null,wa=null}};if(!s){o();return}n==="raf"?Si=requestAnimationFrame(o):typeof n=="number"&&wa===null&&(o(),Kl=null,wa=setTimeout(()=>{Kl?o():(wa=null,Si=null)},n))}});t0.startListening({actionCreator:$N,effect:(e,t)=>{var r=t.getState(),n=r.rootProps.accessibilityLayer!==!1;if(n){var{keyboardInteraction:i}=r.tooltip;if(!i.active&&i.index==null){var s="0",o=ol(r,r.tooltip.settings.shared),l=md(r,o,"hover",String(s));t.dispatch(pd({active:!0,activeIndex:s,activeCoordinate:l}))}}}});t0.startListening({actionCreator:HN,effect:(e,t)=>{var r=t.getState(),n=r.rootProps.accessibilityLayer!==!1;if(n){var{keyboardInteraction:i}=r.tooltip;i.active&&t.dispatch(pd({active:!1,activeIndex:i.index,activeCoordinate:i.coordinate}))}}});function UN(e){e.persist();var{currentTarget:t}=e;return new Proxy(e,{get:(r,n)=>{if(n==="currentTarget")return t;var i=Reflect.get(r,n);return typeof i=="function"?i.bind(r):i}})}var Cr=hr("externalEvent"),WN=Ho(),Zl=new Map,_s=new Map,p2=new Map;WN.startListening({actionCreator:Cr,effect:(e,t)=>{var{handler:r,reactEvent:n}=e.payload;if(r!=null){var i=n.type,s=UN(n);p2.set(i,{handler:r,reactEvent:s});var o=Zl.get(i);o!==void 0&&(cancelAnimationFrame(o),Zl.delete(i));var l=t.getState(),{throttleDelay:c,throttledEvents:d}=l.eventSettings,u=d,f=u==="all"||u?.includes(i),p=_s.get(i);p!==void 0&&(typeof c!="number"||!f)&&(clearTimeout(p),_s.delete(i));var h=()=>{var x=p2.get(i);try{if(!x)return;var{handler:y,reactEvent:v}=x,b=t.getState(),j={activeCoordinate:gH(b),activeDataKey:xh(b),activeIndex:da(b),activeLabel:mC(b),activeTooltipIndex:da(b),isTooltipActive:xH(b)};y&&y(j,v)}finally{Zl.delete(i),_s.delete(i),p2.delete(i)}};if(!f){h();return}if(c==="raf"){var m=requestAnimationFrame(h);Zl.set(i,m)}else if(typeof c=="number"){if(!_s.has(i)){h();var g=setTimeout(h,c);_s.set(i,g)}}else h()}}});var hee=$([xs],e=>e.tooltipItemPayloads),gee=$([hee,(e,t)=>t,(e,t,r)=>r],(e,t,r)=>{if(t!=null){var n=e.find(s=>s.settings.graphicalItemId===r);if(n!=null){var{getPosition:i}=n;if(i!=null)return i(t)}}}),GN=hr("touchMove"),KN=Ho(),ja=null,Zn=null,Zy=null,Fs=null;KN.startListening({actionCreator:GN,effect:(e,t)=>{var r=e.payload;if(!(r.touches==null||r.touches.length===0)){Fs=UN(r);var n=t.getState(),{throttleDelay:i,throttledEvents:s}=n.eventSettings,o=s==="all"||s.includes("touchmove");ja!==null&&(cancelAnimationFrame(ja),ja=null),Zn!==null&&(typeof i!="number"||!o)&&(clearTimeout(Zn),Zn=null),Zy=Array.from(r.touches).map(c=>Kh({clientX:c.clientX,clientY:c.clientY,currentTarget:r.currentTarget}));var l=()=>{if(Fs!=null){var c=t.getState(),d=ol(c,c.tooltip.settings.shared);if(d==="axis"){var u,f=(u=Zy)===null||u===void 0?void 0:u[0];if(f==null){ja=null,Zn=null;return}var p=Gh(c,f);p?.activeIndex!=null&&t.dispatch(tC({activeIndex:p.activeIndex,activeDataKey:void 0,activeCoordinate:p.activeCoordinate}))}else if(d==="item"){var h,m=Fs.touches[0];if(document.elementFromPoint==null||m==null)return;var g=document.elementFromPoint(m.clientX,m.clientY);if(!g||!g.getAttribute)return;var x=g.getAttribute(B9),y=(h=g.getAttribute(q9))!==null&&h!==void 0?h:void 0,v=hi(c).find(C=>C.id===y);if(x==null||v==null||y==null)return;var{dataKey:b}=v,j=gee(c,x,y);t.dispatch(Qj({activeDataKey:b,activeIndex:x,activeCoordinate:j,activeGraphicalItemId:y}))}ja=null,Zn=null}};if(!o){l();return}i==="raf"?ja=requestAnimationFrame(l):typeof i=="number"&&Zn===null&&(l(),Fs=null,Zn=setTimeout(()=>{Fs?l():(Zn=null,ja=null)},i))}}});var Zh={throttleDelay:"raf",throttledEvents:["mousemove","touchmove","pointermove","scroll","wheel"]},ZN=Kt({name:"eventSettings",initialState:Zh,reducers:{setEventSettings:(e,t)=>{t.payload.throttleDelay!=null&&(e.throttleDelay=t.payload.throttleDelay),t.payload.throttledEvents!=null&&(e.throttledEvents=t.payload.throttledEvents)}}}),{setEventSettings:xee}=ZN.actions,yee=ZN.reducer,vee=a9({brush:zY,cartesianAxis:$Z,chartData:mU,errorBars:IX,eventSettings:yee,graphicalItems:$K,layout:iz,legend:fV,options:cU,polarAxis:NG,polarOptions:mee,referenceElements:FY,renderedTicks:nX,rootProps:cee,tooltip:E$,zIndex:XH}),bee=function(t){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"Chart";return AI({reducer:vee,preloadedState:t,middleware:n=>{var i;return n({serializableCheck:!1,immutableCheck:!["commonjs","es6","production"].includes((i="es6")!==null&&i!==void 0?i:"")}).concat([RN.middleware,_N.middleware,t0.middleware,WN.middleware,KN.middleware])},enhancers:n=>{var i=n;return typeof n=="function"&&(i=n()),i.concat(C9({type:"raf"}))},devTools:{serialize:{replacer:lee},name:"recharts-".concat(r)}})};function YN(e){var{preloadedState:t,children:r,reduxStoreName:n}=e,i=vt(),s=w.useRef(null);if(i)return r;s.current==null&&(s.current=bee(t,n));var o=rm;return M.createElement(TV,{context:o,store:s.current},r)}function wee(e){var{layout:t,margin:r}=e,n=Fe(),i=vt();return w.useEffect(()=>{i||(n(rz(t)),n(tz(r)))},[n,i,t,r]),null}var XN=w.memo(wee,li);function JN(e){var t=Fe();return w.useEffect(()=>{t(dee(e))},[t,e]),null}var jee=e=>{var t=Fe();return w.useEffect(()=>{t(xee(e))},[t,e]),null},QN=w.memo(jee,li);function Yy(e){var{zIndex:t,isPanorama:r}=e,n=w.useRef(null),i=Fe();return w.useLayoutEffect(()=>(n.current&&i(ZH({zIndex:t,element:n.current,isPanorama:r})),()=>{i(YH({zIndex:t,isPanorama:r}))}),[i,t,r]),M.createElement("g",{tabIndex:-1,ref:n,className:"recharts-zIndex-layer_".concat(t)})}function Xy(e){var{children:t,isPanorama:r}=e,n=le(FH);if(!n||n.length===0)return t;var i=n.filter(o=>o<0),s=n.filter(o=>o>0);return M.createElement(M.Fragment,null,i.map(o=>M.createElement(Yy,{key:o,zIndex:o,isPanorama:r})),t,s.map(o=>M.createElement(Yy,{key:o,zIndex:o,isPanorama:r})))}var Cee=["children"];function Nee(e,t){if(e==null)return{};var r,n,i=kee(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function kee(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function Nd(){return Nd=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Nd.apply(null,arguments)}var See={width:"100%",height:"100%",display:"block"},Eee=w.forwardRef((e,t)=>{var r=fm(),n=pm(),i=sw();if(!ln(r)||!ln(n))return null;var{children:s,otherAttributes:o,title:l,desc:c}=e,d,u;return o!=null&&(typeof o.tabIndex=="number"?d=o.tabIndex:d=i?0:void 0,typeof o.role=="string"?u=o.role:u=i?"application":void 0),M.createElement(Hp,Nd({},o,{title:l,desc:c,role:u,tabIndex:d,width:r,height:n,style:See,ref:t}),s)}),Pee=e=>{var{children:t}=e,r=le(Cu);if(!r)return null;var{width:n,height:i,y:s,x:o}=r;return M.createElement(Hp,{width:n,height:i,x:o,y:s},t)},Jy=w.forwardRef((e,t)=>{var{children:r}=e,n=Nee(e,Cee),i=vt();return i?M.createElement(Pee,null,M.createElement(Xy,{isPanorama:!0},r)):M.createElement(Eee,Nd({ref:t},n),M.createElement(Xy,{isPanorama:!1},r))});function Mee(){var e=Fe(),[t,r]=w.useState(null),n=le(wz);return w.useEffect(()=>{if(t!=null){var i=t.getBoundingClientRect(),s=i.width/t.offsetWidth;je(s)&&s!==n&&e(az(s))}},[t,e,n]),r}function Qy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Aee(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Qy(Object(r),!0).forEach(function(n){Tee(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Qy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Tee(e,t,r){return(t=Oee(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Oee(e){var t=Lee(e,"string");return typeof t=="symbol"?t:t+""}function Lee(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function la(){return la=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},la.apply(null,arguments)}var Dee=()=>(CU(),null);function kd(e){if(typeof e=="number")return e;if(typeof e=="string"){var t=parseFloat(e);if(!Number.isNaN(t))return t}return 0}var Iee=w.forwardRef((e,t)=>{var r,n,i=w.useRef(null),[s,o]=w.useState({containerWidth:kd((r=e.style)===null||r===void 0?void 0:r.width),containerHeight:kd((n=e.style)===null||n===void 0?void 0:n.height)}),l=w.useCallback((d,u)=>{o(f=>{var p=Math.round(d),h=Math.round(u);return f.containerWidth===p&&f.containerHeight===h?f:{containerWidth:p,containerHeight:h}})},[]),c=w.useCallback(d=>{if(typeof t=="function"&&t(d),i.current!=null&&(i.current.disconnect(),i.current=null),d!=null&&typeof ResizeObserver<"u"){var{width:u,height:f}=d.getBoundingClientRect();l(u,f);var p=m=>{var g=m[0];if(g!=null){var{width:x,height:y}=g.contentRect;l(x,y)}},h=new ResizeObserver(p);h.observe(d),i.current=h}},[t,l]);return w.useEffect(()=>()=>{var d=i.current;d?.disconnect()},[l]),M.createElement(M.Fragment,null,M.createElement(Wo,{width:s.containerWidth,height:s.containerHeight}),M.createElement("div",la({ref:c},e)))}),zee=w.forwardRef((e,t)=>{var{width:r,height:n}=e,[i,s]=w.useState({containerWidth:kd(r),containerHeight:kd(n)}),o=w.useCallback((c,d)=>{s(u=>{var f=Math.round(c),p=Math.round(d);return u.containerWidth===f&&u.containerHeight===p?u:{containerWidth:f,containerHeight:p}})},[]),l=w.useCallback(c=>{if(typeof t=="function"&&t(c),c!=null){var{width:d,height:u}=c.getBoundingClientRect();o(d,u)}},[t,o]);return M.createElement(M.Fragment,null,M.createElement(Wo,{width:i.containerWidth,height:i.containerHeight}),M.createElement("div",la({ref:l},e)))}),Vee=w.forwardRef((e,t)=>{var{width:r,height:n}=e;return M.createElement(M.Fragment,null,M.createElement(Wo,{width:r,height:n}),M.createElement("div",la({ref:t},e)))}),Ree=w.forwardRef((e,t)=>{var{width:r,height:n}=e;return typeof r=="string"||typeof n=="string"?M.createElement(zee,la({},e,{ref:t})):typeof r=="number"&&typeof n=="number"?M.createElement(Vee,la({},e,{width:r,height:n,ref:t})):M.createElement(M.Fragment,null,M.createElement(Wo,{width:r,height:n}),M.createElement("div",la({ref:t},e)))});function _ee(e){return e?Iee:Ree}var Fee=w.forwardRef((e,t)=>{var{children:r,className:n,height:i,onClick:s,onContextMenu:o,onDoubleClick:l,onMouseDown:c,onMouseEnter:d,onMouseLeave:u,onMouseMove:f,onMouseUp:p,onTouchEnd:h,onTouchMove:m,onTouchStart:g,style:x,width:y,responsive:v,dispatchTouchEvents:b=!0}=e,j=w.useRef(null),C=Fe(),[N,k]=w.useState(null),[S,E]=w.useState(null),P=Mee(),T=dm(),A=T?.width>0?T.width:y,L=T?.height>0?T.height:i,D=w.useCallback(re=>{P(re),typeof t=="function"&&t(re),k(re),E(re),re!=null&&(j.current=re)},[P,t,k,E]),z=w.useCallback(re=>{C(VN(re)),C(Cr({handler:s,reactEvent:re}))},[C,s]),U=w.useCallback(re=>{C(_f(re)),C(Cr({handler:d,reactEvent:re}))},[C,d]),I=w.useCallback(re=>{C(eC()),C(Cr({handler:u,reactEvent:re}))},[C,u]),_=w.useCallback(re=>{C(_f(re)),C(Cr({handler:f,reactEvent:re}))},[C,f]),q=w.useCallback(()=>{C($N())},[C]),J=w.useCallback(()=>{C(HN())},[C]),oe=w.useCallback(re=>{C(qN(re.key))},[C]),de=w.useCallback(re=>{C(Cr({handler:o,reactEvent:re}))},[C,o]),ve=w.useCallback(re=>{C(Cr({handler:l,reactEvent:re}))},[C,l]),Y=w.useCallback(re=>{C(Cr({handler:c,reactEvent:re}))},[C,c]),H=w.useCallback(re=>{C(Cr({handler:p,reactEvent:re}))},[C,p]),W=w.useCallback(re=>{C(Cr({handler:g,reactEvent:re}))},[C,g]),Z=w.useCallback(re=>{b&&C(GN(re)),C(Cr({handler:m,reactEvent:re}))},[C,b,m]),ne=w.useCallback(re=>{C(Cr({handler:h,reactEvent:re}))},[C,h]),te=_ee(v);return M.createElement(CC.Provider,{value:N},M.createElement(b7.Provider,{value:S},M.createElement(te,{width:A??x?.width,height:L??x?.height,className:we("recharts-wrapper",n),style:Aee({position:"relative",cursor:"default",width:A,height:L},x),onClick:z,onContextMenu:de,onDoubleClick:ve,onFocus:q,onBlur:J,onKeyDown:oe,onMouseDown:Y,onMouseEnter:U,onMouseLeave:I,onMouseMove:_,onMouseUp:H,onTouchEnd:ne,onTouchMove:Z,onTouchStart:W,ref:D},M.createElement(Dee,null),r)))}),Bee=["width","height","responsive","children","className","style","compact","title","desc"];function qee(e,t){if(e==null)return{};var r,n,i=$ee(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function $ee(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}var ek=w.forwardRef((e,t)=>{var{width:r,height:n,responsive:i,children:s,className:o,style:l,compact:c,title:d,desc:u}=e,f=qee(e,Bee),p=Ge(f);return c?M.createElement(M.Fragment,null,M.createElement(Wo,{width:r,height:n}),M.createElement(Jy,{otherAttributes:p,title:d,desc:u},s)):M.createElement(Fee,{className:o,style:l,width:r,height:n,responsive:i??!1,onClick:e.onClick,onMouseLeave:e.onMouseLeave,onMouseEnter:e.onMouseEnter,onMouseMove:e.onMouseMove,onMouseDown:e.onMouseDown,onMouseUp:e.onMouseUp,onContextMenu:e.onContextMenu,onDoubleClick:e.onDoubleClick,onTouchStart:e.onTouchStart,onTouchMove:e.onTouchMove,onTouchEnd:e.onTouchEnd},M.createElement(Jy,{otherAttributes:p,title:d,desc:u,ref:t},M.createElement(qY,null,s)))});function Ff(){return Ff=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Ff.apply(null,arguments)}function ev(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Hee(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?ev(Object(r),!0).forEach(function(n){Uee(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ev(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Uee(e,t,r){return(t=Wee(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Wee(e){var t=Gee(e,"string");return typeof t=="symbol"?t:t+""}function Gee(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var Kee={top:5,right:5,bottom:5,left:5},Zee=Hee({accessibilityLayer:!0,barCategoryGap:"10%",barGap:4,layout:"horizontal",margin:Kee,responsive:!1,reverseStackOrder:!1,stackOffset:"none",syncMethod:"index"},Zh),r0=w.forwardRef(function(t,r){var n,i=Ke(t.categoricalChartProps,Zee),{chartName:s,defaultTooltipEventType:o,validateTooltipEventTypes:l,tooltipPayloadSearcher:c,categoricalChartProps:d}=t,u={chartName:s,defaultTooltipEventType:o,validateTooltipEventTypes:l,tooltipPayloadSearcher:c,eventEmitter:void 0};return M.createElement(YN,{preloadedState:{options:u},reduxStoreName:(n=d.id)!==null&&n!==void 0?n:s},M.createElement(dN,{chartData:d.data}),M.createElement(XN,{layout:i.layout,margin:i.margin}),M.createElement(QN,{throttleDelay:i.throttleDelay,throttledEvents:i.throttledEvents}),M.createElement(JN,{baseValue:i.baseValue,accessibilityLayer:i.accessibilityLayer,barCategoryGap:i.barCategoryGap,maxBarSize:i.maxBarSize,stackOffset:i.stackOffset,barGap:i.barGap,barSize:i.barSize,syncId:i.syncId,syncMethod:i.syncMethod,className:i.className,reverseStackOrder:i.reverseStackOrder}),M.createElement(ek,Ff({},i,{ref:r})))}),Yee=["axis"],Xee=w.forwardRef((e,t)=>M.createElement(r0,{chartName:"LineChart",defaultTooltipEventType:"axis",validateTooltipEventTypes:Yee,tooltipPayloadSearcher:ys,categoricalChartProps:e,ref:t})),Jee=["axis","item"],Qee=w.forwardRef((e,t)=>M.createElement(r0,{chartName:"BarChart",defaultTooltipEventType:"axis",validateTooltipEventTypes:Jee,tooltipPayloadSearcher:ys,categoricalChartProps:e,ref:t}));function ete(e){var t=Fe();return w.useEffect(()=>{t(pee(e))},[t,e]),null}var tte=["layout"];function Bf(){return Bf=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Bf.apply(null,arguments)}function rte(e,t){if(e==null)return{};var r,n,i=nte(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function nte(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function tv(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function ate(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?tv(Object(r),!0).forEach(function(n){ite(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):tv(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function ite(e,t,r){return(t=ste(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ste(e){var t=ote(e,"string");return typeof t=="symbol"?t:t+""}function ote(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var lte={top:5,right:5,bottom:5,left:5},Yh=ate({accessibilityLayer:!0,stackOffset:"none",barCategoryGap:"10%",barGap:4,margin:lte,reverseStackOrder:!1,syncMethod:"index",layout:"radial",responsive:!1,cx:"50%",cy:"50%",innerRadius:0,outerRadius:"80%"},Zh),tk=w.forwardRef(function(t,r){var n,i=Ke(t.categoricalChartProps,Yh),{layout:s}=i,o=rte(i,tte),{chartName:l,defaultTooltipEventType:c,validateTooltipEventTypes:d,tooltipPayloadSearcher:u}=t,f={chartName:l,defaultTooltipEventType:c,validateTooltipEventTypes:d,tooltipPayloadSearcher:u,eventEmitter:void 0};return M.createElement(YN,{preloadedState:{options:f},reduxStoreName:(n=i.id)!==null&&n!==void 0?n:l},M.createElement(dN,{chartData:i.data}),M.createElement(XN,{layout:s,margin:i.margin}),M.createElement(QN,{throttleDelay:i.throttleDelay,throttledEvents:i.throttledEvents}),M.createElement(JN,{baseValue:void 0,accessibilityLayer:i.accessibilityLayer,barCategoryGap:i.barCategoryGap,maxBarSize:i.maxBarSize,stackOffset:i.stackOffset,barGap:i.barGap,barSize:i.barSize,syncId:i.syncId,syncMethod:i.syncMethod,className:i.className,reverseStackOrder:i.reverseStackOrder}),M.createElement(ete,{cx:i.cx,cy:i.cy,startAngle:i.startAngle,endAngle:i.endAngle,innerRadius:i.innerRadius,outerRadius:i.outerRadius}),M.createElement(ek,Bf({},o,{ref:r})))});function rv(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function nv(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?rv(Object(r),!0).forEach(function(n){cte(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):rv(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function cte(e,t,r){return(t=dte(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function dte(e){var t=ute(e,"string");return typeof t=="symbol"?t:t+""}function ute(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var fte=["item"],pte=nv(nv({},Yh),{},{layout:"centric",startAngle:0,endAngle:360}),mte=w.forwardRef((e,t)=>{var r=Ke(e,pte);return M.createElement(tk,{chartName:"PieChart",defaultTooltipEventType:"item",validateTooltipEventTypes:fte,tooltipPayloadSearcher:ys,categoricalChartProps:r,ref:t})});function av(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function iv(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?av(Object(r),!0).forEach(function(n){hte(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):av(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function hte(e,t,r){return(t=gte(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function gte(e){var t=xte(e,"string");return typeof t=="symbol"?t:t+""}function xte(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var yte=["axis"],vte=iv(iv({},Yh),{},{layout:"centric",startAngle:90,endAngle:-270}),bte=w.forwardRef((e,t)=>{var r=Ke(e,vte);return M.createElement(tk,{chartName:"RadarChart",defaultTooltipEventType:"axis",validateTooltipEventTypes:yte,tooltipPayloadSearcher:ys,categoricalChartProps:r,ref:t})}),wte=["axis"],rk=w.forwardRef((e,t)=>M.createElement(r0,{chartName:"AreaChart",defaultTooltipEventType:"axis",validateTooltipEventTypes:wte,tooltipPayloadSearcher:ys,categoricalChartProps:e,ref:t})),jte=["axis"],Cte=w.forwardRef((e,t)=>M.createElement(r0,{chartName:"ComposedChart",defaultTooltipEventType:"axis",validateTooltipEventTypes:jte,tooltipPayloadSearcher:ys,categoricalChartProps:e,ref:t})),Yl={},sv;function Nte(){if(sv)return Yl;sv=1,Object.defineProperty(Yl,"__esModule",{value:!0});var e=w,t=tu(),r=["mousedown","touchstart"],n=function(i,s,o){o===void 0&&(o=r);var l=e.useRef(s);e.useEffect(function(){l.current=s},[s]),e.useEffect(function(){for(var c=function(p){var h=i.current;h&&!h.contains(p.target)&&l.current(p)},d=0,u=o;d<u.length;d++){var f=u[d];t.on(document,f,c)}return function(){for(var p=0,h=o;p<h.length;p++){var m=h[p];t.off(document,m,c)}}},[o,i])};return Yl.default=n,Yl}var kte=Nte();const nk=Wt(kte);var Xl={},m2,ov;function Ste(){return ov||(ov=1,m2=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,r=[],n=0;n<e.rangeCount;n++)r.push(e.getRangeAt(n));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null;break}return e.removeAllRanges(),function(){e.type==="Caret"&&e.removeAllRanges(),e.rangeCount||r.forEach(function(i){e.addRange(i)}),t&&t.focus()}}),m2}var h2,lv;function Ete(){if(lv)return h2;lv=1;var e=Ste(),t={"text/plain":"Text","text/html":"Url",default:"Text"},r="Copy to clipboard: #{key}, Enter";function n(s){var o=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return s.replace(/#{\s*key\s*}/g,o)}function i(s,o){var l,c,d,u,f,p,h=!1;o||(o={}),l=o.debug||!1;try{d=e(),u=document.createRange(),f=document.getSelection(),p=document.createElement("span"),p.textContent=s,p.ariaHidden="true",p.style.all="unset",p.style.position="fixed",p.style.top=0,p.style.clip="rect(0, 0, 0, 0)",p.style.whiteSpace="pre",p.style.webkitUserSelect="text",p.style.MozUserSelect="text",p.style.msUserSelect="text",p.style.userSelect="text",p.addEventListener("copy",function(g){if(g.stopPropagation(),o.format)if(g.preventDefault(),typeof g.clipboardData>"u"){l&&console.warn("unable to use e.clipboardData"),l&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var x=t[o.format]||t.default;window.clipboardData.setData(x,s)}else g.clipboardData.clearData(),g.clipboardData.setData(o.format,s);o.onCopy&&(g.preventDefault(),o.onCopy(g.clipboardData))}),document.body.appendChild(p),u.selectNodeContents(p),f.addRange(u);var m=document.execCommand("copy");if(!m)throw new Error("copy command was unsuccessful");h=!0}catch(g){l&&console.error("unable to copy using execCommand: ",g),l&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(o.format||"text",s),o.onCopy&&o.onCopy(window.clipboardData),h=!0}catch(x){l&&console.error("unable to copy using clipboardData: ",x),l&&console.error("falling back to prompt"),c=n("message"in o?o.message:r),window.prompt(c,s)}}finally{f&&(typeof f.removeRange=="function"?f.removeRange(u):f.removeAllRanges()),p&&document.body.removeChild(p),d()}return h}return h2=i,h2}var Jl={},cv;function Pte(){if(cv)return Jl;cv=1,Object.defineProperty(Jl,"__esModule",{value:!0});var e=w;function t(){var r=e.useRef(!1),n=e.useCallback(function(){return r.current},[]);return e.useEffect(function(){return r.current=!0,function(){r.current=!1}},[]),n}return Jl.default=t,Jl}var Ql={},dv;function Mte(){if(dv)return Ql;dv=1,Object.defineProperty(Ql,"__esModule",{value:!0});var e=w,t=function(r){r===void 0&&(r={});var n=e.useState(r),i=n[0],s=n[1],o=e.useCallback(function(l){s(function(c){return Object.assign({},c,l instanceof Function?l(c):l)})},[]);return[i,o]};return Ql.default=t,Ql}var uv;function Ate(){if(uv)return Xl;uv=1,Object.defineProperty(Xl,"__esModule",{value:!0});var e=m7,t=e.__importDefault(Ete()),r=w,n=e.__importDefault(Pte()),i=e.__importDefault(Mte()),s=function(){var o=n.default(),l=i.default({value:void 0,error:void 0,noUserInteraction:!0}),c=l[0],d=l[1],u=r.useCallback(function(f){if(o()){var p,h;try{if(typeof f!="string"&&typeof f!="number"){var m=new Error("Cannot copy typeof "+typeof f+" to clipboard, must be a string");process.env.NODE_ENV==="development"&&console.error(m),d({value:f,error:m,noUserInteraction:!0});return}else if(f===""){var m=new Error("Cannot copy empty string to clipboard.");process.env.NODE_ENV==="development"&&console.error(m),d({value:f,error:m,noUserInteraction:!0});return}h=f.toString(),p=t.default(h),d({value:h,error:void 0,noUserInteraction:p})}catch(g){d({value:h,error:g,noUserInteraction:p})}}},[]);return[c,u]};return Xl.default=s,Xl}var Tte=Ate();const Ote=Wt(Tte),Xh=typeof window<"u"?w.useLayoutEffect:w.useEffect;function ak(e,t,r,n){const i=w.useRef(t);Xh(()=>{i.current=t},[t]),w.useEffect(()=>{const s=r?.current??window;if(!(s&&s.addEventListener))return;const o=l=>i.current(l);return s.addEventListener(e,o,n),()=>{s.removeEventListener(e,o,n)}},[e,r,n])}function Lte(){const[e,t]=w.useState(null),[r,n]=w.useState({width:0,height:0}),i=w.useCallback(()=>{n({width:e?.offsetWidth||0,height:e?.offsetHeight||0})},[e?.offsetHeight,e?.offsetWidth]);return ak("resize",i),Xh(()=>{i()},[e?.offsetHeight,e?.offsetWidth]),[t,r]}const Dte=bp(e=>({isGridCompact:!1,setIsGridCompact:t=>e({isGridCompact:t})}));function Ite(e){w.useEffect(()=>{const t=document.documentElement.style.paddingRight,r=window.innerWidth-document.documentElement.clientWidth;return e?(document.documentElement.style.paddingRight=`${r}px`,window.document.documentElement.style.overflow="hidden"):document.documentElement.style.removeProperty("overflow"),()=>{document.documentElement.style.paddingRight=t}},[e])}function zte(e="/"){const r=Ee.useLocation().pathname,n=w.useRef(null),i=w.useRef(null),s=w.useRef(null);function o(){const c=n.current.offsetWidth;n.current.scrollLeft+=c/2,i.current.classList.remove("opacity-0","invisible")}function l(){const c=n.current.offsetWidth;n.current.scrollLeft-=c/2,s.current.classList.remove("opacity-0","invisible")}return w.useEffect(()=>{const c=n.current,d=i.current,u=s.current;f();function f(){const h=c.offsetWidth;c.scrollWidth>h?u?.classList.remove("opacity-0","invisible"):u?.classList.add("opacity-0","invisible")}function p(){const h=c.scrollLeft,m=c.offsetWidth;c.scrollWidth-h===m?(u?.classList.add("opacity-0","invisible"),d?.classList.remove("opacity-0","invisible")):u?.classList.remove("opacity-0","invisible"),h===0?(d?.classList.add("opacity-0","invisible"),u?.classList.remove("opacity-0","invisible")):d?.classList.remove("opacity-0","invisible")}return window.addEventListener("resize",f),c.addEventListener("scroll",p),()=>{window.removeEventListener("resize",f),c.removeEventListener("scroll",p)}},[]),w.useEffect(()=>{r===e&&l()},[r,e]),{sliderEl:n,sliderPrevBtn:i,sliderNextBtn:s,scrollToTheRight:o,scrollToTheLeft:l}}const Jh=bp((e,t)=>({toasts:[],setToasts:r=>e({toasts:r}),addToast:r=>{const i=!!t().toasts.find(s=>s.id===r.id);r.id&&(r.timeout=r?.timeout||3e3,r.open=!0,r.dismissing=!1),i||e(s=>({toasts:[...s.toasts,r]}))},dismissToast:r=>e(n=>r?{toasts:n.toasts.filter(i=>i.id!==r)}:{toasts:[]})}));function n0(){const[e,t]=w.useState(()=>{if(typeof window>"u")return{x:0,y:0};const n=window.scrollX||window.pageXOffset||0,i=window.scrollY||window.pageYOffset||0,s=document.documentElement.scrollLeft||0,o=document.documentElement.scrollTop||0,l=document.body.scrollLeft||0,c=document.body.scrollTop||0;return{x:Math.max(n,s,l),y:Math.max(i,o,c)}}),r=w.useRef([]);return w.useEffect(()=>{const n=()=>{const l=window.scrollX||window.pageXOffset||0,c=window.scrollY||window.pageYOffset||0,d=document.documentElement.scrollLeft||0,u=document.documentElement.scrollTop||0,f=document.body.scrollLeft||0,p=document.body.scrollTop||0;let h=Math.max(l,d,f),m=Math.max(c,u,p);const g=Array.from(document.querySelectorAll("*")).filter(x=>{const y=x,v=window.getComputedStyle(y);return v.overflow==="auto"||v.overflow==="scroll"||v.overflowY==="auto"||v.overflowY==="scroll"||v.overflowX==="auto"||v.overflowX==="scroll"?y.scrollHeight>y.clientHeight||y.scrollWidth>y.clientWidth:!1});for(const x of g){const y=x.scrollTop,v=x.scrollLeft;y>m&&(m=y),v>h&&(h=v)}return{x:h,y:m}},i=()=>{t(n())};i();const s=setTimeout(i,100);window.addEventListener("scroll",i,{passive:!0}),document.addEventListener("scroll",i,{passive:!0,capture:!0});const o=Array.from(document.querySelectorAll("*")).filter(l=>{const c=l,d=window.getComputedStyle(c);return d.overflow==="auto"||d.overflow==="scroll"||d.overflowY==="auto"||d.overflowY==="scroll"||d.overflowX==="auto"||d.overflowX==="scroll"?c.scrollHeight>c.clientHeight||c.scrollWidth>c.clientWidth:!1});return r.current=o,o.forEach(l=>{l.addEventListener("scroll",i,{passive:!0})}),()=>{window.removeEventListener("scroll",i),document.removeEventListener("scroll",i,{capture:!0}),r.current.forEach(l=>{l.removeEventListener("scroll",i)}),clearTimeout(s)}},[]),e}const Vte=()=>(w.useEffect(()=>{const e=t=>{const n=t.target.closest('a[href^="#"]');if(n){const i=n.getAttribute("href");if(i&&i.startsWith("#")){t.preventDefault();const s=i.substring(1),o=document.getElementById(s);o&&o.scrollIntoView({behavior:"smooth",block:"start"})}}};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}},[]),null);function qf({id:e,name:t,symbol:r,icon:n,balance:i,usdBalance:s,change:o,isChangePositive:l,prices:c,isBorder:d}){return a.jsxs("div",{className:V("flex items-center gap-4 w-full rounded-lg bg-white p-5 dark:bg-light-dark lg:flex-row",{"light:border light:border-slate-200":!d,"shadow-card":!d}),children:[a.jsxs("div",{className:"w-1/3 min-w-fit flex-col",children:[a.jsxs("div",{className:"mb-3 flex items-center",children:[n,a.jsx("h4",{className:"text-sm font-medium text-gray-900 ltr:ml-3 rtl:mr-3 dark:text-white",children:t})]}),a.jsxs("div",{className:"mb-2 text-sm font-medium tracking-tighter text-gray-900 dark:text-white lg:text-lg 2xl:text-xl min-[1780px]:text-2xl",children:[i,a.jsx("span",{className:"ml-3",children:r})]}),a.jsxs("div",{className:"flex items-center text-sm font-medium 2xl:text-sm",children:[a.jsxs("span",{className:"truncate tracking-tighter text-gray-600 ltr:mr-5 rtl:ml-5 dark:text-gray-400 2xl:w-24 min-[1780px]:w-auto",title:`${s} USD`,children:[s," USD"]}),a.jsxs("span",{className:`flex items-center  ${l?"text-green-500":"text-red-500"}`,children:[a.jsx("span",{className:`ltr:mr-2 rtl:ml-2 ${l?"":"rotate-180"}`,children:a.jsx(Vd,{})}),o]})]})]}),a.jsx("div",{className:"h-20 w-2/3","data-hello":l?"#22c55e":"#D6455D",children:a.jsx(W9,{width:"100%",height:"100%",children:a.jsxs(rk,{data:c,children:[a.jsx("defs",{children:a.jsxs("linearGradient",{id:`${t}-${e}`,x1:"0",y1:"0",x2:"0",y2:"1",children:[a.jsx("stop",{offset:"0%",stopColor:l?"#22c55e":"#D6455D",stopOpacity:.5}),a.jsx("stop",{offset:"100%",stopColor:l?"#22c55e":"#D6455D",stopOpacity:0})]})}),a.jsx(e0,{type:"linear",dataKey:"value",stroke:l?"#22c55e":"#D6455D",strokeWidth:2.5,fill:`url(#${`${t}-${e}`})`,dot:!1})]})})})]})}function Rte({limit:e,priceFeeds:t,gridClassName:r}){const n=Gt(),i=yn(),s={480:{slidesPerView:1,spaceBetween:20},640:{slidesPerView:1,spaceBetween:20},768:{slidesPerView:1,spaceBetween:20},1024:{slidesPerView:2,spaceBetween:24},1280:{slidesPerView:2,spaceBetween:24},1440:{slidesPerView:2,spaceBetween:24},1700:{slidesPerView:2.5,spaceBetween:24}};return n&&["xs","sm","md","lg","xl","2xl"].indexOf(i)!==-1?a.jsx(Dd,{modules:[yp],spaceBetween:24,slidesPerView:1,breakpoints:s,observer:!0,dir:"ltr",children:t.map(o=>a.jsx(Id,{children:a.jsx(qf,{...o})},o.id))}):a.jsx("div",{className:V("grid",r),children:t.slice(0,e??4).map(o=>a.jsx(qf,{...o},o.id))})}function _te({author:e,authorImage:t,image:r,name:n,collection:i,price:s,profilePath:o}){return a.jsxs("div",{className:"w-full relative overflow-hidden rounded-xl bg-white shadow-card transition-all duration-200 hover:shadow-large hover:-translate-y-0.5 dark:bg-gray-900 dark:shadow-none dark:ring-1 dark:ring-gray-800",children:[a.jsx(De,{to:"/",className:"block w-full overflow-hidden",children:a.jsx(Tr,{src:r,alt:n,fill:!0,aspectRatio:"4/3",objectFit:"cover",containerClassName:"w-full transition-transform duration-300 hover:scale-105"})}),a.jsxs("div",{className:"px-4 pb-4 pt-2.5 space-y-2",children:[a.jsxs(De,{to:o||"/",className:"flex items-center gap-2 text-sm font-medium text-gray-600 transition hover:text-gray-900 dark:text-gray-400 dark:hover:text-white",children:[a.jsx(ss,{image:t,alt:e,size:"xs",className:"ring-2 ring-white dark:ring-gray-800"}),a.jsxs("span",{className:"overflow-hidden text-ellipsis",children:["@",e]})]}),a.jsxs("div",{children:[a.jsx(De,{to:o||"/",className:"text-sm font-semibold text-gray-900 dark:text-white hover:text-brand dark:hover:text-brand transition-colors",children:n}),a.jsx("div",{className:"mt-0.5 flex items-center",children:a.jsxs(De,{to:o||"/",className:"inline-flex items-center gap-1 text-xs text-gray-500 dark:text-gray-500",children:[i,a.jsx(Cb,{className:"h-3.5 w-3.5 text-blue-500"})]})})]}),a.jsxs("div",{className:"flex items-center justify-between border-t border-gray-100 dark:border-gray-800 pt-2.5",children:[a.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-500",children:"Price"}),a.jsx("span",{className:"text-sm font-bold text-gray-900 dark:text-white",children:s})]})]})]})}function Fte({label:e,value:t,className:r}){return a.jsxs("div",{className:V("flex items-center justify-between w-full max-w-md dark:text-gray-300 border border-gray-100 dark:border-gray-700 dark:bg-light-dark bg-white rounded-lg py-3 px-4",r),children:[a.jsx("span",{className:"font-medium",children:e}),a.jsx("span",{children:t||"_ _"})]})}const a0=w.forwardRef(({children:e,slidesPerView:t=1,spaceBetween:r=0,direction:n="horizontal",effect:i="slide",showNavigation:s=!1,showPagination:o=!1,mousewheel:l=!0,paginationType:c="bullets",autoplay:d=!1,breakpoints:u,loop:f=!1,centeredSlides:p=!1,grabCursor:h=!0,freeMode:m=!1,className:g,slideClassName:x,onSlideChange:y,onSwiper:v,"aria-label":b,...j},C)=>{const N=w.useRef(null),k=A=>{N.current=A,v?.(A)};w.useImperativeHandle(C,()=>({swiper:N.current,slideNext:()=>N.current?.slideNext(),slidePrev:()=>N.current?.slidePrev(),slideTo:A=>N.current?.slideTo(A)}));const S=[G8,yp];i==="cards"&&S.push(eb),i==="cube"&&S.push(Y8),i==="flip"&&S.push(X8),i==="fade"&&S.push(Z8),i==="coverflow"&&S.push(J8),i==="creative"&&S.push(Q8),l&&S.push(H8),s&&S.push(U8),o&&S.push(W8),d&&S.push(K8);const E=d===!0?{delay:3e3}:d,P=w.useMemo(()=>{if(!o)return!1;switch(c){case"bullets":return{type:"bullets",clickable:!0,dynamicBullets:!0};case"fraction":return{type:"fraction",clickable:!0};case"progressbar":return{type:"progressbar",clickable:!0};case"custom":return{clickable:!0,renderBullet:function(A,L){return`<span style="width: 20px; height: 20px; background-color: transparent; font-size: 12px; font-weight: 500; border: 1px solid var(--color-neutral-200);" class="${L}">${A+1}</span>`}};default:return!1}},[o,c]),T=s?{nextEl:".swiper-button-next-custom",prevEl:".swiper-button-prev-custom"}:!1;return a.jsxs("div",{className:V("relative flex items-center justify-center z-0",n==="vertical"&&" h-full",n==="horizontal"&&"h-auto",g),"aria-label":b,role:"group","aria-roledescription":"carousel",children:[s&&a.jsx(he,{variant:"transparent",size:"mini",shape:"circle",className:V("swiper-button-prev-custom mr-1"),"aria-label":"Previous slide",children:a.jsx(B.ChevronLeft,{className:"w-6 h-6"})}),a.jsx(Dd,{modules:S,spaceBetween:r,slidesPerView:t,direction:n,cubeEffect:i==="cube"?{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}:void 0,flipEffect:i==="flip"?{slideShadows:!0}:void 0,creativeEffect:i==="creative"?{prev:{shadow:!0,translate:[0,0,-400]},next:{translate:["100%",0,0]}}:void 0,effect:i,loop:f,centeredSlides:p,grabCursor:h,freeMode:m,mousewheel:l,autoplay:E,pagination:P,navigation:T,breakpoints:u,onSlideChange:y,onSwiper:k,style:i==="cube"?{maxHeight:"400px",height:"-webkit-fill-available"}:void 0,className:V("flex items-center justify-center",n==="vertical"&&"flex-col",n==="horizontal"&&"flex-row"),...j,children:e.map((A,L)=>a.jsx(Id,{className:V("!flex !items-center !justify-center z-10",i==="fade"&&"opacity-0 transition-opacity duration-300",i!=="fade"&&"transition-opacity duration-300",x),children:A},L))}),s&&a.jsx(he,{variant:"transparent",size:"mini",shape:"circle",className:V("swiper-button-next-custom ml-1"),"aria-label":"Next slide",children:a.jsx(B.ChevronRight,{className:"w-6 h-6"})})]})});a0.displayName="Carousel";const Bte={sm:"p-4",md:"p-6",lg:"p-8",xl:"p-10"},qte={default:"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700",elevated:"bg-white dark:bg-gray-800 shadow-lg border border-gray-200 dark:border-gray-700",outlined:"bg-transparent border-2 border-gray-200 dark:border-gray-700",filled:"bg-gray-50 dark:bg-gray-800 border border-gray-100 dark:border-gray-700"},$te=({cards:e,cardClassName:t,cardSize:r="md",variant:n="default",showCardTitles:i=!0,className:s,...o})=>a.jsx(a0,{className:V("w-full",s),slidesPerView:1,spaceBetween:16,breakpoints:{640:{slidesPerView:2},1024:{slidesPerView:3},1280:{slidesPerView:4}},...o,children:e.map((l,c)=>a.jsxs(K,{className:V("flex flex-col h-full transition-transform duration-300 hover:scale-98",Bte[r],qte[n],t),children:[(l.image||l.icon)&&a.jsx("div",{className:"shrink-0 mb-4",children:l.image?a.jsx("img",{src:l.image,alt:l.title||`Card ${c+1}`,className:"w-full h-32 object-cover rounded-lg"}):l.icon&&a.jsx("div",{className:"flex items-center justify-center w-12 h-12 bg-brand/10 rounded-lg",children:l.icon})}),i&&l.title&&a.jsx("h3",{className:"text-lg font-semibold text-gray-900 dark:text-white mb-2",children:l.title}),l.description&&a.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 flex-grow mb-4",children:l.description}),l.content&&a.jsx("div",{className:"flex-grow mb-4",children:l.content}),l.footer&&a.jsx("div",{className:"mt-auto pt-4 border-t border-gray-200 dark:border-gray-700",children:l.footer})]},c))}),Hte=({images:e,imageClassName:t,showTitles:r=!1,imageFit:n="cover",aspectRatio:i="aspect-video",lazy:s=!0,className:o,...l})=>a.jsx(a0,{className:V("w-full",o),...l,children:e.map((c,d)=>a.jsxs("div",{className:V("relative overflow-hidden rounded-lg bg-gray-100 dark:bg-gray-800",i),children:[a.jsx("img",{src:c.src,alt:c.alt||`Slide ${d+1}`,className:V("w-full h-full object-cover transition-transform duration-300 hover:scale-105",n==="contain"&&"object-contain",n==="fill"&&"object-fill",n==="none"&&"object-none",n==="scale-down"&&"object-scale-down",t),loading:s?"lazy":"eager"}),r&&(c.title||c.description)&&a.jsxs("div",{className:"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-4 text-white",children:[c.title&&a.jsx("h3",{className:"text-lg font-semibold mb-1",children:c.title}),c.description&&a.jsx("p",{className:"text-sm opacity-90",children:c.description})]})]},d))}),Qh=({basePath:e,buttonText:t})=>{const r=e||document.querySelector("base")?.getAttribute("href")||"/",n=Gt(),{mode:i}=_e(),s=i==="dark",o=()=>{window.location.href=r};return a.jsxs("div",{className:"bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0",children:[a.jsxs("div",{className:"flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]",children:[n&&!s&&a.jsx(B.Shield,{className:"w-52 h-52 text-primary"}),n&&s&&a.jsx(B.Shield,{className:"w-52 h-52 text-primary"})]}),a.jsx("h2",{className:"mb-2 mt-5 text-xl font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-xl min-[1780px]:mt-12 min-[1780px]:text-2xl",children:"Access Denied Page"}),a.jsx("p",{className:"mb-4 px-6 max-w-full text-lg leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm",children:"Sorry, you are not authorized to access this page. or go back to the home page."}),a.jsx(De,{to:r,onClick:o,children:a.jsx(he,{shape:"rounded",children:t||"Go to Home"})})]})},ik=({basePath:e})=>{const t=e||document.querySelector("base")?.getAttribute("href")||"/",r=Gt(),{mode:n}=_e(),i=n==="dark",s=()=>{window.location.href=t};return a.jsxs("div",{className:"bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0",children:[a.jsxs("div",{className:"flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]",children:[r&&!i&&a.jsx(B.AlertCircle,{className:"w-52 h-52 text-primary"}),r&&i&&a.jsx(B.AlertCircle,{className:"w-52 h-52 text-primary"})]}),a.jsx("h2",{className:"mb-2 mt-5 text-xl font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-xl min-[1780px]:mt-12 min-[1780px]:text-2xl",children:"Error Page"}),a.jsx("p",{className:"mb-4 px-6 max-w-full text-lg leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm",children:"An error has occurred. Please try again later or go back to the home page."}),a.jsx(De,{to:t,onClick:s,children:a.jsx(he,{shape:"rounded",children:"Go to Home"})})]})},Ute={h1:"text-h1",h2:"text-h2",h3:"text-h3",h4:"text-h4",h5:"text-h5",h6:"text-h6",p:"",i:"",b:"",q:"text-quote",em:"",strong:"",small:"",span:"",del:"",mark:"",abbr:"cursor-help",pre:"border-2 border-gray-300 py-3 px-4 rounded-xl dark:border-gray-700 dark:bg-gray-800 bg-gray-100",code:"whitespace-pre prose text-sm prose-sm py-2 px-3 rounded-md shadow-sm bg-gray-100 dark:bg-gray-900 text-current px-4 py-2 rounded-lg block font-mono",kbd:"bg-gray-100 border border-gray-300 text-gray-900 rounded-lg leading-none inline-flex items-center justify-center text-sm py-1.5 px-2",blockquote:"border-l-4 border-gray-300 text-quote py-3 px-4",sub:"p-3 text-sx text-bottom",sup:"p-3 text-sx text-top",headline:"text-headline",body:"text-body","label-1":"text-label-1","label-2":"text-label-2",caption:"text-caption",legal:"text-legal"},Wte={default:"text-primary-color",primary:"text-primary",secondary:"text-secondary-color",dark:"text-dark",light:"text-light",muted:"text-muted",success:"text-success",warning:"text-warning",error:"text-error"},Gte={default:"font-sans",mono:"font-mono"},Kte=["h1","h2","h3","h4","h5","h6","p","i","b","q","em","strong","small","span","del","mark","abbr","pre","code","kbd","blockquote","sub","sup"];function O({tag:e="p",title:t,children:r,className:n,color:i,fontFamily:s,tooltip:o,tooltipPlacement:l="top",tooltipColor:c,tooltipArrow:d=!0}){const f=!Kte.includes(e)?"div":e;let p="",h="";e==="abbr"&&t===void 0&&console.warn("title attribute is missing for abbr tag."),i&&(p=Wte[i]),s&&(h=Gte[s]);const m=a.jsx(f,{...t&&{title:t},className:V(Ute[e],h,p,n),children:r});return o?a.jsx(Vo,{content:o,placement:l,color:c,arrow:d,children:m}):m}const i0=({loadingText:e,loaderProps:t})=>a.jsxs("div",{className:"flex flex-col gap-[16px] items-center justify-center h-screen w-full absolute top-0 left-0",children:[a.jsx(Ep,{tag:"span",size:"large",variant:"scaleUp",...t}),e&&a.jsx(O,{tag:"h3",children:e})]}),sk=({basePath:e})=>{const t=e||document.querySelector("base")?.getAttribute("href")||"/",r=Gt(),{mode:n}=_e(),i=n==="dark",s=()=>{window.location.href=t};return a.jsxs("div",{className:"bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0",children:[a.jsxs("div",{className:"flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]",children:[r&&!i&&a.jsx(B.Ban,{className:"w-52 h-52 text-primary"}),r&&i&&a.jsx(B.Ban,{className:"w-52 h-52 text-primary"})]}),a.jsx("h2",{className:"mb-2 mt-5 text-xl font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-xl min-[1780px]:mt-12 min-[1780px]:text-2xl",children:"Forbidden Page"}),a.jsx("p",{className:"mb-4 px-6 max-w-full text-lg leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm",children:"You do not have permission to access this resource. Please contact support if you believe this is an error, or go back to the home page."}),a.jsx(De,{to:t,onClick:s,children:a.jsx(he,{shape:"rounded",children:"Go to Home"})})]})},Zte="data:image/svg+xml,%3csvg%20width='514'%20height='346'%20viewBox='0%200%20514%20346'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M510.009%20261.774H455.964C459.909%20245.596%20462.007%20228.709%20462.007%20211.318C462.007%20176.766%20453.729%20144.136%20439.066%20115.327H477.4C479.612%20115.327%20481.39%20113.542%20481.39%20111.323C481.39%20109.103%20479.612%20107.318%20477.4%20107.318H434.779C398.612%2043.2476%20330.041%200%20251.413%200C199.124%200%20151.281%2019.1296%20114.453%2050.7988H49.5985C47.3865%2050.7988%2045.6078%2052.5836%2045.6078%2054.8032C45.6078%2057.0228%2047.3865%2058.8076%2049.5985%2058.8076H105.65C101.181%2063.1095%2096.8938%2067.6173%2092.8119%2072.3082H3.99068C1.7787%2072.3082%200%2074.093%200%2076.3126C0%2078.5322%201.7787%2080.317%203.99068%2080.317H86.1531C57.7623%20116.334%2040.819%20161.847%2040.819%20211.318C40.819%20239.006%2046.1323%20265.458%2055.7784%20289.69H45.2658C43.0538%20289.69%2041.2751%20291.475%2041.2751%20293.695C41.2751%20295.914%2043.0538%20297.699%2045.2658%20297.699H59.1533C60.6128%20300.949%2062.1406%20304.152%2063.7369%20307.31H16.5328C14.3209%20307.31%2012.5421%20309.095%2012.5421%20311.314C12.5421%20313.534%2014.3209%20315.319%2016.5328%20315.319H68.0469C72.9725%20324.037%2078.491%20332.366%2084.5569%20340.26H418.269C429.603%20325.524%20439.044%20309.209%20446.204%20291.75H485.381C487.593%20291.75%20489.372%20289.965%20489.372%20287.745C489.372%20285.526%20487.593%20283.741%20485.381%20283.741H449.305C450.97%20279.165%20452.475%20274.497%20453.843%20269.783H510.009C512.221%20269.783%20514%20267.998%20514%20265.778C514%20263.559%20512.221%20261.774%20510.009%20261.774Z'%20fill='%23F3F4F6'/%3e%3cpath%20d='M339.915%20340.238H314.397C314.397%20338.385%20315.88%20336.898%20317.727%20336.898H336.563C338.433%20336.898%20339.915%20338.408%20339.915%20340.238Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M333.872%20336.898H320.463L324.819%20212.12L327.76%20214.065L333.872%20336.898Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M338.022%20340.238H312.505C312.505%20338.385%20313.987%20336.898%20315.834%20336.898H334.67C336.54%20336.898%20338.022%20338.408%20338.022%20340.238Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M325.275%20213.219L389.468%20250.402L388.761%20246.741C388.624%20246.009%20388.236%20245.368%20387.643%20244.934L345.707%20212.349C344.932%20211.754%20343.928%20211.571%20342.993%20211.846L334.579%20214.363C333.781%20214.592%20332.937%20214.5%20332.207%20214.088L326.62%20210.839L325.275%20213.219Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M323.907%20210.861L259.714%20248.045L263.225%20249.258C263.932%20249.51%20264.685%20249.487%20265.369%20249.189L314.443%20229.03C315.355%20228.664%20316.017%20227.863%20316.245%20226.925L318.274%20218.367C318.457%20217.543%20318.981%20216.857%20319.711%20216.445L325.298%20213.218L323.907%20210.861Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M326.62%20210.861V136.471L323.815%20138.919C323.268%20139.4%20322.903%20140.063%20322.789%20140.796L315.651%20193.517C315.515%20194.478%20315.857%20195.462%20316.564%20196.125L322.949%20202.166C323.542%20202.738%20323.884%20203.539%20323.884%20204.363V210.839H326.62V210.861Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M331.432%20336.897H319.118L323.473%20212.12H327.076L331.432%20336.897Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M328.343%20212.862C328.742%20211.165%20327.695%20209.464%20326.004%20209.063C324.312%20208.662%20322.617%20209.713%20322.218%20211.41C321.818%20213.108%20322.866%20214.809%20324.557%20215.209C326.249%20215.61%20327.944%20214.559%20328.343%20212.862Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M325.047%20214.82C326.634%20214.82%20327.92%20213.529%20327.92%20211.937C327.92%20210.344%20326.634%20209.053%20325.047%20209.053C323.46%20209.053%20322.174%20210.344%20322.174%20211.937C322.174%20213.529%20323.46%20214.82%20325.047%20214.82Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M260.854%20248.434L322.174%20211.937L322.128%20211.891L259.714%20248.045L260.854%20248.434Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M331.432%20336.097H319.141V336.898H331.432V336.097Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M325.731%20137.272L326.575%20209.305L326.62%20209.283V136.471L325.731%20137.272Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M389.24%20249.212L327.054%20214.179V214.248L389.468%20250.402L389.24%20249.212Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M423.742%20340.238H382.9C382.9%20337.286%20385.295%20334.883%20388.236%20334.883H418.406C421.348%20334.883%20423.742%20337.286%20423.742%20340.238Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M414.073%20334.884H392.569L399.547%20135.121L404.245%20138.233L414.073%20334.884Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M420.709%20340.238H379.867C379.867%20337.286%20382.262%20334.883%20385.204%20334.883H415.373C418.315%20334.883%20420.709%20337.286%20420.709%20340.238Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M400.277%20136.882L503.054%20196.422L501.8%20189.878C501.663%20189.146%20501.276%20188.505%20500.683%20188.047L432.271%20134.915C431.496%20134.32%20430.492%20134.137%20429.557%20134.411L414.461%20138.942C413.663%20139.171%20412.819%20139.079%20412.09%20138.667L402.466%20133.084L400.277%20136.882Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M398.111%20133.084L295.333%20192.624L301.605%20194.798C302.289%20195.049%20303.064%20195.026%20303.725%20194.729L385.226%20161.252L389.536%20143.084L400.277%20136.86L398.111%20133.084Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M402.466%20133.084V14.0039L397.449%2018.3515C396.902%2018.8321%20396.537%2019.4957%20396.423%2020.2279L384.77%20106.243C384.634%20107.204%20384.976%20108.188%20385.683%20108.851L397.13%20119.72C397.723%20120.292%20398.088%20121.093%20398.088%20121.917V133.061H402.466V133.084Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M410.151%20334.884H390.426L397.404%20135.121H403.15L410.151%20334.884Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M404.976%20137.054C406.046%20134.462%20404.819%20131.49%20402.236%20130.417C399.653%20129.343%20396.691%20130.574%20395.621%20133.166C394.551%20135.758%20395.778%20138.73%20398.361%20139.803C400.944%20140.877%20403.906%20139.646%20404.976%20137.054Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M404.191%20136.571C405.164%20134.212%20404.048%20131.508%20401.698%20130.531C399.347%20129.554%20396.653%20130.674%20395.679%20133.033C394.705%20135.391%20395.821%20138.095%20398.172%20139.072C400.522%20140.049%20403.217%20138.929%20404.191%20136.571Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M297.158%20193.264L395.329%20134.8L395.237%20134.754L295.333%20192.624L297.158%20193.264Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M410.151%20333.602H390.472V334.906H410.151V333.602Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M401.007%2015.2624L402.352%20130.635L402.466%20130.589V14.0039L401.007%2015.2624Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M502.689%20194.523L403.15%20138.415L403.128%20138.529L503.054%20196.422L502.689%20194.523Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M96.5974%20243.514C83.4395%20243.514%2072.6761%20232.714%2072.6761%20219.511V164.296C72.6761%20151.092%2083.4395%20140.292%2096.5974%20140.292C109.755%20140.292%20120.519%20151.092%20120.519%20164.296V219.534C120.519%20232.714%20109.755%20243.514%2096.5974%20243.514Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M97.92%20340.376H95.3203V178.689C95.3203%20177.957%2095.9132%20177.385%2096.6201%20177.385C97.3499%20177.385%2097.92%20177.98%2097.92%20178.689V340.376Z'%20fill='%23D7DADF'/%3e%3cpath%20d='M97.92%20200.587L90.6683%20187.979C90.3035%20187.361%2089.5053%20187.132%2088.8896%20187.498C88.2739%20187.864%2088.0459%20188.665%2088.4108%20189.283L95.6624%20201.891L97.92%20200.587Z'%20fill='%23D7DADF'/%3e%3cpath%20d='M97.5551%20215.666L104.807%20203.058C105.172%20202.44%20104.944%20201.64%20104.328%20201.273C103.712%20200.907%20102.914%20201.136%20102.549%20201.754L95.2975%20214.362L97.5551%20215.666Z'%20fill='%23D7DADF'/%3e%3cpath%20d='M157.666%20217.245C140.974%20217.245%20127.291%20203.539%20127.291%20186.766V116.632C127.291%2099.882%20140.951%2086.1526%20157.666%2086.1526C174.359%2086.1526%20188.041%2099.8591%20188.041%20116.632V186.766C188.041%20203.539%20174.359%20217.245%20157.666%20217.245Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M159.331%20340.216H156.024V134.892C156.024%20133.977%20156.777%20133.222%20157.689%20133.222C158.601%20133.222%20159.354%20133.977%20159.354%20134.892V340.216H159.331Z'%20fill='%23D7DADF'/%3e%3cpath%20d='M159.331%20162.739L150.118%20146.721C149.662%20145.921%20148.659%20145.646%20147.861%20146.104C147.062%20146.561%20146.789%20147.568%20147.245%20148.369L156.458%20164.387L159.331%20162.739Z'%20fill='%23D7DADF'/%3e%3cpath%20d='M158.875%20181.869L168.088%20165.851C168.544%20165.05%20168.27%20164.043%20167.472%20163.586C166.674%20163.128%20165.67%20163.403%20165.214%20164.204L156.001%20180.221L158.875%20181.869Z'%20fill='%23D7DADF'/%3e%3cpath%20d='M111.351%20331.291C112.742%20329.986%20113.381%20328.476%20112.834%20327.423C112.15%20326.119%20109.869%20325.913%20107.452%20326.828C107.566%20326.508%20107.703%20326.188%20107.794%20325.844C109.094%20321.703%20108.341%20317.767%20106.152%20317.081C104.009%20316.394%20101.249%20319.048%2099.9038%20323.03C98.7865%20318.476%2095.9588%20315.273%2093.5188%20315.845C91.2156%20316.394%2090.0982%20320.101%2090.8279%20324.334C87.4757%20322.847%2084.2148%20322.961%2083.1886%20324.769C82.1168%20326.623%2083.7815%20329.643%2086.9512%20331.84C85.4462%20332.343%2084.42%20333.281%2084.2604%20334.425C84.0779%20335.844%2085.3094%20337.263%2087.2477%20338.132C87.1337%20338.407%2087.1109%20338.682%2087.1793%20338.956C87.3845%20339.826%2088.4563%20340.352%2089.8929%20340.398H90.0982C90.0982%20340.398%2090.0982%20340.398%2090.121%20340.398H108.068V340.375C108.41%20340.329%20108.683%20340.192%20108.775%20339.94C108.843%20339.78%20108.797%20339.597%20108.706%20339.414C109.641%20339.322%20110.371%20338.956%20110.599%20338.315C110.781%20337.835%20110.644%20337.263%20110.257%20336.714C112.72%20336.553%20114.59%20335.478%20114.658%20334.082C114.704%20332.892%20113.335%20331.794%20111.351%20331.291Z'%20fill='%23DDDFE2'/%3e%3cpath%20d='M149.115%20323.648C151.669%20321.222%20152.855%20318.477%20151.828%20316.532C150.574%20314.129%20146.401%20313.763%20141.932%20315.456C142.16%20314.861%20142.365%20314.266%20142.57%20313.648C144.942%20306.029%20143.596%20298.798%20139.537%20297.516C135.592%20296.281%20130.53%20301.132%20128.067%20308.454C126.037%20300.079%20120.815%20294.176%20116.323%20295.228C112.104%20296.235%20110.029%20303.031%20111.397%20310.857C105.217%20308.111%2099.2427%20308.34%2097.3499%20311.635C95.3888%20315.044%2098.4445%20320.605%20104.282%20324.655C101.523%20325.593%2099.6075%20327.286%2099.3567%20329.414C99.0374%20332.046%20101.272%20334.632%20104.83%20336.21C104.624%20336.714%20104.579%20337.24%20104.693%20337.721C105.058%20339.3%20107.064%20340.283%20109.664%20340.375H110.052H110.075H143.049V340.352C143.687%20340.261%20144.166%20339.986%20144.326%20339.551C144.44%20339.254%20144.394%20338.933%20144.212%20338.59C145.945%20338.43%20147.245%20337.744%20147.678%20336.577C148.02%20335.684%20147.769%20334.654%20147.062%20333.625C151.578%20333.327%20155.044%20331.336%20155.158%20328.797C155.295%20326.6%20152.763%20324.563%20149.115%20323.648Z'%20fill='%23EAECEF'/%3e%3cpath%20d='M373.687%20325.364C371.407%20323.213%20370.358%20320.764%20371.27%20319.025C372.388%20316.874%20376.105%20316.554%20380.095%20318.064C379.89%20317.538%20379.708%20317.012%20379.525%20316.463C377.404%20309.667%20378.613%20303.237%20382.239%20302.115C385.751%20301.017%20390.266%20305.342%20392.455%20311.84C394.279%20304.381%20398.931%20299.118%20402.922%20300.056C406.685%20300.948%20408.532%20307.012%20407.323%20313.968C412.819%20311.52%20418.132%20311.726%20419.842%20314.655C421.598%20317.698%20418.862%20322.641%20413.663%20326.256C416.125%20327.08%20417.813%20328.59%20418.064%20330.512C418.337%20332.846%20416.353%20335.157%20413.184%20336.576C413.366%20337.034%20413.412%20337.491%20413.298%20337.926C412.978%20339.345%20411.2%20340.214%20408.874%20340.306H408.532H408.509H379.138V340.283C378.567%20340.214%20378.134%20339.963%20377.997%20339.574C377.906%20339.322%20377.952%20339.025%20378.089%20338.727C376.538%20338.567%20375.375%20337.972%20374.987%20336.942C374.691%20336.141%20374.919%20335.226%20375.535%20334.311C371.521%20334.036%20368.442%20332.274%20368.328%20330.009C368.192%20327.995%20370.426%20326.188%20373.687%20325.364Z'%20fill='%23EAEAEA'/%3e%3cpath%20d='M407.62%20334.289C406.708%20333.419%20406.274%20332.435%20406.639%20331.726C407.095%20330.856%20408.6%20330.719%20410.197%20331.337C410.105%20331.131%20410.037%20330.902%20409.969%20330.696C409.102%20327.95%20409.604%20325.364%20411.063%20324.907C412.477%20324.449%20414.301%20326.211%20415.191%20328.842C415.92%20325.822%20417.813%20323.694%20419.409%20324.083C420.937%20324.449%20421.667%20326.898%20421.188%20329.712C423.423%20328.728%20425.566%20328.797%20426.251%20329.987C426.957%20331.222%20425.863%20333.213%20423.765%20334.677C424.768%20335.021%20425.452%20335.616%20425.544%20336.394C425.658%20337.332%20424.86%20338.27%20423.583%20338.842C423.651%20339.025%20423.674%20339.208%20423.628%20339.391C423.491%20339.963%20422.784%20340.307%20421.827%20340.352H421.69H409.832C409.604%20340.329%20409.421%20340.215%20409.376%20340.078C409.33%20339.963%20409.353%20339.849%20409.421%20339.734C408.806%20339.666%20408.327%20339.437%20408.167%20339.002C408.053%20338.682%20408.144%20338.316%20408.395%20337.95C406.776%20337.835%20405.522%20337.126%20405.476%20336.211C405.408%20335.364%20406.32%20334.632%20407.62%20334.289Z'%20fill='%23DDDFE2'/%3e%3cpath%20d='M262.997%20326.234C260.854%20324.198%20259.873%20321.887%20260.717%20320.262C261.766%20318.249%20265.278%20317.928%20269.018%20319.347C268.835%20318.866%20268.653%20318.34%20268.493%20317.837C266.486%20311.43%20267.626%20305.366%20271.047%20304.313C274.376%20303.261%20278.618%20307.357%20280.67%20313.489C282.381%20306.464%20286.759%20301.499%20290.522%20302.391C294.056%20303.238%20295.789%20308.958%20294.649%20315.503C299.848%20313.214%20304.842%20313.397%20306.439%20316.166C308.081%20319.027%20305.527%20323.695%20300.624%20327.104C302.95%20327.882%20304.546%20329.324%20304.774%20331.108C305.048%20333.305%20303.155%20335.479%20300.168%20336.829C300.327%20337.264%20300.373%20337.676%20300.282%20338.11C299.962%20339.438%20298.298%20340.261%20296.109%20340.353H295.789H295.767H268.083V340.33C267.535%20340.261%20267.148%20340.032%20267.011%20339.666C266.92%20339.415%20266.965%20339.14%20267.102%20338.865C265.643%20338.728%20264.548%20338.156%20264.183%20337.172C263.909%20336.417%20264.115%20335.548%20264.685%20334.701C260.899%20334.449%20257.98%20332.779%20257.889%20330.651C257.821%20328.729%20259.942%20327.012%20262.997%20326.234Z'%20fill='%23F2F2F2'/%3e%3cpath%20d='M294.125%20332.344C292.916%20331.2%20292.346%20329.873%20292.825%20328.957C293.418%20327.813%20295.402%20327.63%20297.523%20328.454C297.409%20328.179%20297.317%20327.882%20297.226%20327.584C296.086%20323.946%20296.747%20320.537%20298.663%20319.919C300.533%20319.324%20302.95%20321.635%20304.113%20325.113C305.071%20321.132%20307.556%20318.317%20309.7%20318.82C311.707%20319.301%20312.687%20322.527%20312.049%20326.257C314.99%20324.953%20317.818%20325.067%20318.73%20326.623C319.665%20328.248%20318.206%20330.879%20315.424%20332.802C316.746%20333.236%20317.636%20334.06%20317.772%20335.067C317.932%20336.303%20316.86%20337.538%20315.173%20338.293C315.264%20338.545%20315.287%20338.774%20315.241%20339.026C315.059%20339.781%20314.124%20340.238%20312.87%20340.284H312.687C312.687%20340.284%20312.687%20340.284%20312.664%20340.284H296.975V340.261C296.679%20340.215%20296.451%20340.101%20296.36%20339.895C296.314%20339.758%20296.337%20339.598%20296.405%20339.437C295.584%20339.346%20294.968%20339.025%20294.763%20338.476C294.604%20338.042%20294.718%20337.561%20295.06%20337.081C292.916%20336.943%20291.274%20336.005%20291.206%20334.769C291.183%20333.74%20292.392%20332.779%20294.125%20332.344Z'%20fill='%23DDDFE2'/%3e%3cpath%20d='M309.882%20142.673C309.677%20142.673%20309.495%20142.696%20309.312%20142.764C309.312%20142.673%20309.312%20142.581%20309.312%20142.49C309.312%20140.293%20307.534%20138.508%20305.344%20138.508C303.52%20138.508%20301.992%20139.721%20301.536%20141.391C301.308%20141.323%20301.08%20141.3%20300.829%20141.3C299.415%20141.3%20298.275%20142.444%20298.275%20143.863C298.275%20145.281%20299.415%20146.425%20300.829%20146.425C300.875%20146.425%20300.921%20146.425%20300.966%20146.425H309.837C310.886%20146.425%20311.707%20145.579%20311.707%20144.549C311.775%20143.519%20310.931%20142.673%20309.882%20142.673Z'%20fill='%23F2F2F2'/%3e%3cpath%20d='M240.809%2099.3101C239.738%2099.3101%20238.734%2099.6076%20237.891%20100.111C237.001%2096.2668%20233.581%2093.4065%20229.476%2093.4065C229.111%2093.4065%20228.769%2093.4294%20228.404%2093.4751C226.489%2089.1961%20222.224%2086.2214%20217.253%2086.2214C210.503%2086.2214%20205.03%2091.7132%20205.03%2098.4864C205.03%2098.555%20205.03%2098.6237%20205.03%2098.6923C204.209%2098.3033%20203.297%2098.0974%20202.339%2098.0974C198.85%2098.0974%20196.045%20100.935%20196.045%20104.413C196.045%20107.891%20198.873%20110.728%20202.339%20110.728H240.809C243.956%20110.728%20246.51%20108.166%20246.51%20105.008C246.51%20101.873%20243.956%2099.3101%20240.809%2099.3101Z'%20fill='%23F0F2F5'/%3e%3cpath%20d='M182.203%20235.482C182.91%20235.482%20183.572%20235.688%20184.119%20236.008C184.712%20233.491%20186.947%20231.592%20189.66%20231.592C189.888%20231.592%20190.139%20231.615%20190.367%20231.638C191.621%20228.823%20194.426%20226.878%20197.71%20226.878C202.157%20226.878%20205.737%20230.494%20205.737%20234.933C205.737%20234.979%20205.737%20235.025%20205.737%20235.07C206.284%20234.819%20206.877%20234.681%20207.516%20234.681C209.796%20234.681%20211.666%20236.535%20211.666%20238.846C211.666%20241.134%20209.819%20243.01%20207.516%20243.01H182.203C180.128%20243.01%20178.464%20241.317%20178.464%20239.258C178.464%20237.198%20180.128%20235.482%20182.203%20235.482Z'%20fill='%23F2F2F2'/%3e%3cpath%20d='M433.776%20317.789L433.707%20318.018C433.707%20318.041%20433.548%20318.636%20433.16%20319.368C432.795%20320.055%20432.18%20320.97%20431.199%20321.542C430.218%20322.114%20429.101%20322.229%20428.348%20322.206C427.528%20322.183%20426.935%20322.046%20426.912%20322.046L426.684%20321.977L426.752%20321.748C426.752%20321.725%20426.912%20321.13%20427.299%20320.398C427.664%20319.711%20428.28%20318.796%20429.261%20318.224C430.241%20317.652%20431.359%20317.538%20432.111%20317.561C432.932%20317.583%20433.525%20317.721%20433.548%20317.721L433.776%20317.789ZM427.277%20321.634C427.892%20321.748%20429.603%20321.931%20430.971%20321.13C432.339%20320.329%20432.978%20318.728%20433.183%20318.133C432.567%20318.018%20430.857%20317.835%20429.489%20318.636C428.143%20319.437%20427.482%20321.039%20427.277%20321.634Z'%20fill='%23E4E4E4'/%3e%3cpath%20d='M430.538%20323.258C428.371%20324.082%20425.954%20322.984%20425.954%20322.984C425.954%20322.984%20427.049%20320.558%20429.215%20319.735C431.381%20318.911%20433.799%20320.009%20433.799%20320.009C433.799%20320.009%20432.704%20322.435%20430.538%20323.258Z'%20fill='%23F2F2F2'/%3e%3cpath%20d='M425.886%20291.635V291.932C425.886%20291.955%20425.886%20292.733%20425.635%20293.717C425.407%20294.632%20424.928%20295.96%20423.925%20296.943C422.921%20297.927%20421.599%20298.408%20420.687%20298.614C419.683%20298.843%20418.931%20298.843%20418.908%20298.843H418.611V298.545C418.611%20298.522%20418.611%20297.744%20418.862%20296.76C419.09%20295.845%20419.569%20294.518%20420.573%20293.534C421.576%20292.55%20422.899%20292.07%20423.811%20291.864C424.814%20291.635%20425.567%20291.635%20425.589%20291.635H425.886ZM419.204%20298.248C419.98%20298.202%20422.1%20297.905%20423.514%20296.532C424.928%20295.136%20425.225%20293.008%20425.293%20292.23C424.518%20292.275%20422.397%20292.573%20420.983%20293.946C419.569%20295.342%20419.273%20297.47%20419.204%20298.248Z'%20fill='%23E4E4E4'/%3e%3cpath%20d='M423.605%20299.231C421.234%20300.879%20417.995%20300.307%20417.995%20300.307C417.995%20300.307%20418.588%20297.058%20420.96%20295.41C423.332%20293.763%20426.57%20294.335%20426.57%20294.335C426.57%20294.335%20425.977%20297.561%20423.605%20299.231Z'%20fill='%23F2F2F2'/%3e%3cpath%20d='M124.92%20283.947L125.102%20284.107C125.125%20284.13%20125.604%20284.541%20126.106%20285.228C126.562%20285.869%20127.155%20286.875%20127.246%20288.042C127.337%20289.209%20126.927%20290.308%20126.584%20291.017C126.197%20291.772%20125.786%20292.253%20125.786%20292.276L125.627%20292.459L125.444%20292.299C125.421%20292.276%20124.943%20291.864%20124.441%20291.177C123.962%20290.537%20123.392%20289.53%20123.301%20288.363C123.209%20287.196%20123.62%20286.097%20123.962%20285.388C124.35%20284.633%20124.76%20284.152%20124.76%20284.13L124.92%20283.947ZM125.536%20291.772C125.923%20291.246%20126.881%20289.736%20126.744%20288.088C126.607%20286.441%20125.421%20285.114%20124.965%20284.656C124.578%20285.182%20123.62%20286.692%20123.757%20288.34C123.894%20289.987%20125.079%20291.315%20125.536%20291.772Z'%20fill='%23E4E4E4'/%3e%3cpath%20d='M128.523%20289.46C128.295%20291.863%20126.197%20293.625%20126.197%20293.625C126.197%20293.625%20124.441%20291.497%20124.669%20289.094C124.897%20286.692%20126.995%20284.93%20126.995%20284.93C126.995%20284.93%20128.751%20287.058%20128.523%20289.46Z'%20fill='%23F2F2F2'/%3e%3cpath%20d='M78.7647%20311.703L78.9699%20311.68C78.9927%20311.68%2079.5172%20311.634%2080.2241%20311.772C80.8854%20311.886%2081.8204%20312.138%2082.5729%20312.801C83.3255%20313.442%2083.7131%20314.357%2083.9184%20314.975C84.1236%20315.662%2084.1692%20316.188%2084.1692%20316.211L84.192%20316.417L83.9868%20316.44C83.964%20316.44%2083.4395%20316.485%2082.7326%20316.348C82.0713%20316.234%2081.1363%20315.982%2080.3838%20315.318C79.6312%20314.678%2079.2436%20313.762%2079.0383%20313.145C78.8331%20312.458%2078.7875%20311.932%2078.7875%20311.909L78.7647%20311.703ZM83.736%20316.028C83.6447%20315.479%2083.3483%20314.014%2082.2993%20313.099C81.2503%20312.184%2079.7681%20312.092%2079.2208%20312.092C79.312%20312.641%2079.6084%20314.106%2080.6574%20315.021C81.6836%20315.913%2083.1887%20316.028%2083.736%20316.028Z'%20fill='%23E4E4E4'/%3e%3cpath%20d='M84.1691%20312.893C85.4461%20314.472%2085.2181%20316.783%2085.2181%20316.783C85.2181%20316.783%2082.9149%20316.532%2081.6378%20314.953C80.3608%20313.374%2080.5889%20311.063%2080.5889%20311.063C80.5889%20311.063%2082.8921%20311.314%2084.1691%20312.893Z'%20fill='%23F2F2F2'/%3e%3cpath%20d='M364.703%20305.456H364.931C364.954%20305.456%20365.547%20305.433%20366.345%20305.616C367.074%20305.776%20368.123%20306.119%20368.922%20306.874C369.72%20307.629%20370.13%20308.659%20370.313%20309.391C370.518%20310.169%20370.541%20310.764%20370.541%20310.787V311.016H370.313C370.29%20311.016%20369.697%20311.039%20368.899%20310.856C368.169%20310.696%20367.12%20310.352%20366.322%20309.597C365.524%20308.842%20365.113%20307.812%20364.931%20307.08C364.726%20306.302%20364.703%20305.707%20364.703%20305.684V305.456ZM370.062%20310.535C369.993%20309.918%20369.72%20308.247%20368.602%20307.195C367.485%20306.119%20365.797%20305.936%20365.182%20305.913C365.25%20306.531%20365.524%20308.201%20366.641%20309.254C367.781%20310.329%20369.446%20310.512%20370.062%20310.535Z'%20fill='%23E4E4E4'/%3e%3cpath%20d='M370.7%20307.035C372.046%20308.865%20371.704%20311.428%20371.704%20311.428C371.704%20311.428%20369.15%20311.039%20367.781%20309.232C366.436%20307.401%20366.778%20304.838%20366.778%20304.838C366.778%20304.838%20369.355%20305.204%20370.7%20307.035Z'%20fill='%23F2F2F2'/%3e%3cpath%20d='M301.126%20326.211H195.088L197.026%20319.209L200.788%20305.526L203.069%20297.242L206.444%20285.023L212.92%20261.477L216.295%20249.258L239.92%20163.381H256.293L264.959%20194.844L279.918%20249.258L283.293%20261.477L289.769%20285.023L293.144%20297.242L299.187%20319.209L301.126%20326.211Z'%20fill='%233F444F'/%3e%3cpath%20d='M301.126%20326.212H195.088L197.026%20319.21L200.788%20305.526C274.673%20301.155%20264.936%20194.867%20264.936%20194.867L299.187%20319.21L301.126%20326.212Z'%20fill='%23343944'/%3e%3cpath%20d='M322.812%20326.212H173.401V340.468H322.812V326.212Z'%20fill='%233F444F'/%3e%3cpath%20d='M301.126%20326.211H195.088L197.026%20319.209H299.187L301.126%20326.211Z'%20fill='%23111827'/%3e%3cpath%20d='M283.293%20261.478C283.293%20261.478%20281.081%20308.501%20227.241%20319.256L299.187%20319.21L283.293%20261.478Z'%20fill='%2323272F'/%3e%3cpath%20d='M283.293%20261.477H212.92L216.295%20249.258H279.918L283.293%20261.477Z'%20fill='white'/%3e%3cpath%20d='M293.144%20297.242H203.069L206.444%20285.023H289.769L293.144%20297.242Z'%20fill='white'/%3e%3cpath%20d='M288.241%20326.212C288.241%20326.212%20268.448%20341.223%20195.088%20340.468H322.789V326.212H288.241Z'%20fill='%232F3541'/%3e%3cpath%20d='M344.749%20345.181H149.366C148.043%20345.181%20146.971%20344.106%20146.971%20342.778V342.71C146.971%20341.383%20148.043%20340.307%20149.366%20340.307H344.749C346.072%20340.307%20347.144%20341.383%20347.144%20342.71V342.778C347.167%20344.083%20346.095%20345.181%20344.749%20345.181Z'%20fill='%23111827'/%3e%3cpath%20d='M153.083%20345.181H121.431C120.108%20345.181%20119.036%20344.106%20119.036%20342.778V342.71C119.036%20341.383%20120.108%20340.307%20121.431%20340.307H153.083C154.405%20340.307%20155.477%20341.383%20155.477%20342.71V342.778C155.477%20344.083%20154.405%20345.181%20153.083%20345.181Z'%20fill='%23111827'/%3e%3cpath%20d='M106.927%20345.181H73.6794C72.3567%20345.181%2071.2849%20344.106%2071.2849%20342.778V342.71C71.2849%20341.383%2072.3567%20340.307%2073.6794%20340.307H106.927C108.25%20340.307%20109.322%20341.383%20109.322%20342.71V342.778C109.322%20344.083%20108.25%20345.181%20106.927%20345.181Z'%20fill='%23111827'/%3e%3cpath%20d='M386.937%20345.181H359.64C358.318%20345.181%20357.246%20344.106%20357.246%20342.778V342.71C357.246%20341.383%20358.318%20340.307%20359.64%20340.307H386.937C388.259%20340.307%20389.331%20341.383%20389.331%20342.71V342.778C389.354%20344.083%20388.259%20345.181%20386.937%20345.181Z'%20fill='%23111827'/%3e%3cpath%20d='M422.625%20345.181H401.873C400.551%20345.181%20399.479%20344.106%20399.479%20342.778V342.71C399.479%20341.383%20400.551%20340.307%20401.873%20340.307H422.625C423.947%20340.307%20425.019%20341.383%20425.019%20342.71V342.778C425.019%20344.083%20423.947%20345.181%20422.625%20345.181Z'%20fill='%23111827'/%3e%3c/svg%3e",Yte="data:image/svg+xml,%3csvg%20width='514'%20height='346'%20viewBox='0%200%20514%20346'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M510.009%20261.774H455.964C459.909%20245.596%20462.007%20228.709%20462.007%20211.318C462.007%20176.766%20453.729%20144.136%20439.066%20115.327H477.4C479.612%20115.327%20481.39%20113.542%20481.39%20111.323C481.39%20109.103%20479.612%20107.318%20477.4%20107.318H434.779C398.612%2043.2476%20330.041%200%20251.413%200C199.124%200%20151.281%2019.1296%20114.453%2050.7988H49.5985C47.3865%2050.7988%2045.6078%2052.5836%2045.6078%2054.8032C45.6078%2057.0228%2047.3865%2058.8076%2049.5985%2058.8076H105.65C101.181%2063.1095%2096.8938%2067.6173%2092.8119%2072.3082H3.99068C1.7787%2072.3082%200%2074.093%200%2076.3126C0%2078.5322%201.7787%2080.317%203.99068%2080.317H86.1531C57.7623%20116.334%2040.819%20161.847%2040.819%20211.318C40.819%20239.006%2046.1323%20265.458%2055.7784%20289.69H45.2658C43.0538%20289.69%2041.2751%20291.475%2041.2751%20293.695C41.2751%20295.914%2043.0538%20297.699%2045.2658%20297.699H59.1533C60.6128%20300.949%2062.1406%20304.152%2063.7369%20307.31H16.5328C14.3209%20307.31%2012.5421%20309.095%2012.5421%20311.314C12.5421%20313.534%2014.3209%20315.319%2016.5328%20315.319H68.0469C72.9725%20324.037%2078.491%20332.366%2084.5569%20340.26H418.269C429.603%20325.524%20439.044%20309.209%20446.204%20291.75H485.381C487.593%20291.75%20489.372%20289.965%20489.372%20287.745C489.372%20285.526%20487.593%20283.741%20485.381%20283.741H449.305C450.97%20279.165%20452.475%20274.497%20453.843%20269.783H510.009C512.221%20269.783%20514%20267.998%20514%20265.778C514%20263.559%20512.221%20261.774%20510.009%20261.774Z'%20fill='%232D323E'/%3e%3cpath%20d='M339.915%20340.238H314.397C314.397%20338.385%20315.88%20336.898%20317.727%20336.898H336.563C338.433%20336.898%20339.915%20338.408%20339.915%20340.238Z'%20fill='%23424753'/%3e%3cpath%20d='M333.872%20336.898H320.463L324.819%20212.12L327.76%20214.065L333.872%20336.898Z'%20fill='%23424753'/%3e%3cpath%20d='M338.022%20340.238H312.505C312.505%20338.385%20313.987%20336.898%20315.834%20336.898H334.67C336.54%20336.898%20338.022%20338.408%20338.022%20340.238Z'%20fill='%23424753'/%3e%3cpath%20d='M325.275%20213.219L389.468%20250.402L388.761%20246.741C388.624%20246.009%20388.236%20245.368%20387.644%20244.934L345.707%20212.349C344.932%20211.754%20343.928%20211.571%20342.994%20211.846L334.579%20214.363C333.781%20214.592%20332.937%20214.5%20332.207%20214.088L326.62%20210.839L325.275%20213.219Z'%20fill='%23424753'/%3e%3cpath%20d='M323.907%20210.861L259.714%20248.045L263.225%20249.258C263.932%20249.51%20264.685%20249.487%20265.369%20249.189L314.443%20229.03C315.355%20228.664%20316.017%20227.863%20316.245%20226.925L318.274%20218.367C318.457%20217.543%20318.981%20216.857%20319.711%20216.445L325.298%20213.218L323.907%20210.861Z'%20fill='%23424753'/%3e%3cpath%20d='M326.62%20210.861V136.471L323.815%20138.919C323.268%20139.4%20322.903%20140.063%20322.789%20140.796L315.651%20193.517C315.515%20194.478%20315.857%20195.462%20316.564%20196.125L322.949%20202.166C323.542%20202.738%20323.884%20203.539%20323.884%20204.363V210.839H326.62V210.861Z'%20fill='%23424753'/%3e%3cpath%20d='M331.432%20336.897H319.118L323.473%20212.12H327.076L331.432%20336.897Z'%20fill='%23424753'/%3e%3cpath%20d='M328.343%20212.862C328.742%20211.165%20327.695%20209.464%20326.004%20209.063C324.312%20208.662%20322.617%20209.713%20322.218%20211.41C321.818%20213.108%20322.866%20214.809%20324.557%20215.209C326.249%20215.61%20327.944%20214.559%20328.343%20212.862Z'%20fill='%23424753'/%3e%3cpath%20d='M325.047%20214.82C326.634%20214.82%20327.92%20213.529%20327.92%20211.937C327.92%20210.344%20326.634%20209.053%20325.047%20209.053C323.46%20209.053%20322.174%20210.344%20322.174%20211.937C322.174%20213.529%20323.46%20214.82%20325.047%20214.82Z'%20fill='%23424753'/%3e%3cpath%20d='M260.854%20248.434L322.174%20211.937L322.128%20211.891L259.714%20248.045L260.854%20248.434Z'%20fill='%23424753'/%3e%3cpath%20d='M331.432%20336.097H319.141V336.898H331.432V336.097Z'%20fill='%23424753'/%3e%3cpath%20d='M325.731%20137.272L326.575%20209.305L326.62%20209.283V136.471L325.731%20137.272Z'%20fill='%23424753'/%3e%3cpath%20d='M389.24%20249.212L327.054%20214.179V214.248L389.468%20250.402L389.24%20249.212Z'%20fill='%23424753'/%3e%3cpath%20d='M423.742%20340.238H382.9C382.9%20337.286%20385.295%20334.883%20388.237%20334.883H418.406C421.348%20334.883%20423.742%20337.286%20423.742%20340.238Z'%20fill='%23535967'/%3e%3cpath%20d='M414.074%20334.884H392.569L399.547%20135.121L404.245%20138.233L414.074%20334.884Z'%20fill='%23535967'/%3e%3cpath%20d='M420.709%20340.238H379.867C379.867%20337.286%20382.262%20334.883%20385.204%20334.883H415.373C418.315%20334.883%20420.709%20337.286%20420.709%20340.238Z'%20fill='%23535967'/%3e%3cpath%20d='M400.277%20136.882L503.054%20196.422L501.8%20189.878C501.663%20189.146%20501.276%20188.505%20500.683%20188.047L432.271%20134.915C431.496%20134.32%20430.492%20134.137%20429.558%20134.411L414.461%20138.942C413.663%20139.171%20412.819%20139.079%20412.09%20138.667L402.467%20133.084L400.277%20136.882Z'%20fill='%23535967'/%3e%3cpath%20d='M398.111%20133.084L295.333%20192.624L301.605%20194.798C302.289%20195.049%20303.064%20195.026%20303.725%20194.729L385.226%20161.252L389.536%20143.084L400.277%20136.86L398.111%20133.084Z'%20fill='%23535967'/%3e%3cpath%20d='M402.466%20133.084V14.0039L397.449%2018.3515C396.902%2018.8321%20396.537%2019.4957%20396.423%2020.2279L384.77%20106.243C384.634%20107.204%20384.976%20108.188%20385.683%20108.851L397.13%20119.72C397.723%20120.292%20398.088%20121.093%20398.088%20121.917V133.061H402.466V133.084Z'%20fill='%23535967'/%3e%3cpath%20d='M410.151%20334.884H390.426L397.404%20135.121H403.15L410.151%20334.884Z'%20fill='%23535967'/%3e%3cpath%20d='M404.976%20137.054C406.046%20134.462%20404.819%20131.49%20402.236%20130.417C399.653%20129.343%20396.691%20130.574%20395.621%20133.166C394.551%20135.758%20395.778%20138.73%20398.361%20139.803C400.944%20140.877%20403.906%20139.646%20404.976%20137.054Z'%20fill='%23535967'/%3e%3cpath%20d='M404.191%20136.571C405.164%20134.212%20404.048%20131.508%20401.698%20130.531C399.347%20129.554%20396.652%20130.674%20395.679%20133.033C394.705%20135.391%20395.821%20138.095%20398.172%20139.072C400.522%20140.049%20403.217%20138.929%20404.191%20136.571Z'%20fill='%23535967'/%3e%3cpath%20d='M297.158%20193.264L395.329%20134.8L395.237%20134.754L295.333%20192.624L297.158%20193.264Z'%20fill='%23535967'/%3e%3cpath%20d='M410.151%20333.602H390.472V334.906H410.151V333.602Z'%20fill='%23535967'/%3e%3cpath%20d='M401.007%2015.2624L402.352%20130.635L402.466%20130.589V14.0039L401.007%2015.2624Z'%20fill='%23535967'/%3e%3cpath%20d='M502.689%20194.523L403.15%20138.415L403.127%20138.529L503.054%20196.422L502.689%20194.523Z'%20fill='%23535967'/%3e%3cpath%20d='M96.5974%20243.514C83.4396%20243.514%2072.6761%20232.714%2072.6761%20219.511V164.296C72.6761%20151.092%2083.4396%20140.292%2096.5974%20140.292C109.755%20140.292%20120.519%20151.092%20120.519%20164.296V219.534C120.519%20232.714%20109.755%20243.514%2096.5974%20243.514Z'%20fill='%23424753'/%3e%3cpath%20d='M97.9201%20340.376H95.3204V178.689C95.3204%20177.957%2095.9133%20177.385%2096.6203%20177.385C97.35%20177.385%2097.9201%20177.98%2097.9201%20178.689V340.376Z'%20fill='%23535967'/%3e%3cpath%20d='M97.92%20200.587L90.6683%20187.979C90.3035%20187.361%2089.5053%20187.132%2088.8896%20187.498C88.2739%20187.864%2088.0459%20188.665%2088.4108%20189.283L95.6624%20201.891L97.92%20200.587Z'%20fill='%23535967'/%3e%3cpath%20d='M97.5552%20215.666L104.807%20203.058C105.172%20202.44%20104.944%20201.64%20104.328%20201.273C103.712%20200.907%20102.914%20201.136%20102.549%20201.754L95.2976%20214.362L97.5552%20215.666Z'%20fill='%23535967'/%3e%3cpath%20d='M157.666%20217.245C140.974%20217.245%20127.292%20203.539%20127.292%20186.766V116.632C127.292%2099.882%20140.951%2086.1526%20157.666%2086.1526C174.359%2086.1526%20188.041%2099.8591%20188.041%20116.632V186.766C188.041%20203.539%20174.359%20217.245%20157.666%20217.245Z'%20fill='%23424753'/%3e%3cpath%20d='M159.331%20340.216H156.024V134.892C156.024%20133.977%20156.777%20133.222%20157.689%20133.222C158.601%20133.222%20159.354%20133.977%20159.354%20134.892V340.216H159.331Z'%20fill='%23535967'/%3e%3cpath%20d='M159.331%20162.739L150.118%20146.721C149.662%20145.921%20148.659%20145.646%20147.861%20146.104C147.062%20146.561%20146.789%20147.568%20147.245%20148.369L156.458%20164.387L159.331%20162.739Z'%20fill='%23535967'/%3e%3cpath%20d='M158.875%20181.869L168.088%20165.851C168.544%20165.05%20168.27%20164.043%20167.472%20163.586C166.674%20163.128%20165.67%20163.403%20165.214%20164.204L156.002%20180.221L158.875%20181.869Z'%20fill='%23535967'/%3e%3cpath%20d='M111.351%20331.291C112.742%20329.986%20113.381%20328.476%20112.834%20327.423C112.149%20326.119%20109.869%20325.913%20107.452%20326.828C107.566%20326.508%20107.703%20326.188%20107.794%20325.844C109.094%20321.703%20108.341%20317.767%20106.152%20317.081C104.008%20316.394%20101.249%20319.048%2099.9038%20323.03C98.7864%20318.476%2095.9587%20315.273%2093.5187%20315.845C91.2155%20316.394%2090.0981%20320.101%2090.8278%20324.334C87.4757%20322.847%2084.2147%20322.961%2083.1885%20324.769C82.1167%20326.623%2083.7814%20329.643%2086.9512%20331.84C85.4461%20332.343%2084.4199%20333.281%2084.2603%20334.425C84.0779%20335.844%2085.3093%20337.263%2087.2476%20338.132C87.1336%20338.407%2087.1108%20338.682%2087.1792%20338.956C87.3844%20339.826%2088.4562%20340.352%2089.8929%20340.398H90.0981C90.0981%20340.398%2090.0981%20340.398%2090.1209%20340.398H108.068V340.375C108.41%20340.329%20108.683%20340.192%20108.774%20339.94C108.843%20339.78%20108.797%20339.597%20108.706%20339.414C109.641%20339.322%20110.371%20338.956%20110.599%20338.315C110.781%20337.835%20110.644%20337.263%20110.257%20336.714C112.72%20336.553%20114.589%20335.478%20114.658%20334.082C114.704%20332.892%20113.335%20331.794%20111.351%20331.291Z'%20fill='%23535967'/%3e%3cpath%20d='M149.115%20323.648C151.669%20321.222%20152.854%20318.477%20151.828%20316.532C150.574%20314.129%20146.401%20313.763%20141.931%20315.456C142.159%20314.861%20142.365%20314.266%20142.57%20313.648C144.942%20306.029%20143.596%20298.798%20139.537%20297.516C135.592%20296.281%20130.529%20301.132%20128.067%20308.454C126.037%20300.079%20120.815%20294.176%20116.323%20295.228C112.104%20296.235%20110.029%20303.031%20111.397%20310.857C105.217%20308.111%2099.2425%20308.34%2097.3498%20311.635C95.3887%20315.044%2098.4444%20320.605%20104.282%20324.655C101.523%20325.593%2099.6074%20327.286%2099.3566%20329.414C99.0373%20332.046%20101.272%20334.632%20104.829%20336.21C104.624%20336.714%20104.579%20337.24%20104.693%20337.721C105.058%20339.3%20107.064%20340.283%20109.664%20340.375H110.052H110.074H143.049V340.352C143.687%20340.261%20144.166%20339.986%20144.326%20339.551C144.44%20339.254%20144.394%20338.933%20144.212%20338.59C145.945%20338.43%20147.245%20337.744%20147.678%20336.577C148.02%20335.684%20147.769%20334.654%20147.062%20333.625C151.577%20333.327%20155.044%20331.336%20155.158%20328.797C155.295%20326.6%20152.763%20324.563%20149.115%20323.648Z'%20fill='%23424753'/%3e%3cpath%20d='M373.687%20325.364C371.407%20323.213%20370.358%20320.764%20371.27%20319.025C372.388%20316.874%20376.105%20316.554%20380.095%20318.064C379.89%20317.538%20379.708%20317.012%20379.525%20316.463C377.404%20309.667%20378.613%20303.237%20382.239%20302.115C385.751%20301.017%20390.266%20305.342%20392.455%20311.84C394.279%20304.381%20398.931%20299.118%20402.922%20300.056C406.685%20300.948%20408.532%20307.012%20407.323%20313.968C412.819%20311.52%20418.132%20311.726%20419.842%20314.655C421.598%20317.698%20418.862%20322.641%20413.663%20326.256C416.125%20327.08%20417.813%20328.59%20418.064%20330.512C418.337%20332.846%20416.353%20335.157%20413.184%20336.576C413.366%20337.034%20413.412%20337.491%20413.298%20337.926C412.978%20339.345%20411.2%20340.214%20408.874%20340.306H408.532H408.509H379.138V340.283C378.567%20340.214%20378.134%20339.963%20377.997%20339.574C377.906%20339.322%20377.952%20339.025%20378.089%20338.727C376.538%20338.567%20375.375%20337.972%20374.987%20336.942C374.691%20336.141%20374.919%20335.226%20375.535%20334.311C371.521%20334.036%20368.442%20332.274%20368.328%20330.009C368.192%20327.995%20370.426%20326.188%20373.687%20325.364Z'%20fill='%23424753'/%3e%3cpath%20d='M407.62%20334.289C406.708%20333.419%20406.274%20332.435%20406.639%20331.726C407.095%20330.856%20408.6%20330.719%20410.197%20331.337C410.105%20331.131%20410.037%20330.902%20409.969%20330.696C409.102%20327.95%20409.604%20325.364%20411.063%20324.907C412.477%20324.449%20414.301%20326.211%20415.191%20328.842C415.92%20325.822%20417.813%20323.694%20419.409%20324.083C420.937%20324.449%20421.667%20326.898%20421.188%20329.712C423.423%20328.728%20425.566%20328.797%20426.251%20329.987C426.958%20331.222%20425.863%20333.213%20423.765%20334.677C424.768%20335.021%20425.452%20335.616%20425.544%20336.394C425.658%20337.332%20424.86%20338.27%20423.583%20338.842C423.651%20339.025%20423.674%20339.208%20423.628%20339.391C423.491%20339.963%20422.784%20340.307%20421.827%20340.352H421.69H409.832C409.604%20340.329%20409.421%20340.215%20409.376%20340.078C409.33%20339.963%20409.353%20339.849%20409.421%20339.734C408.806%20339.666%20408.327%20339.437%20408.167%20339.002C408.053%20338.682%20408.144%20338.316%20408.395%20337.95C406.776%20337.835%20405.522%20337.126%20405.476%20336.211C405.408%20335.364%20406.32%20334.632%20407.62%20334.289Z'%20fill='%23535967'/%3e%3cpath%20d='M262.997%20326.234C260.854%20324.198%20259.873%20321.887%20260.717%20320.262C261.766%20318.249%20265.278%20317.928%20269.017%20319.347C268.835%20318.866%20268.653%20318.34%20268.493%20317.837C266.486%20311.43%20267.626%20305.366%20271.047%20304.313C274.376%20303.261%20278.618%20307.357%20280.67%20313.489C282.381%20306.464%20286.759%20301.499%20290.522%20302.391C294.056%20303.238%20295.789%20308.958%20294.649%20315.503C299.848%20313.214%20304.842%20313.397%20306.439%20316.166C308.081%20319.027%20305.527%20323.695%20300.624%20327.104C302.95%20327.882%20304.546%20329.324%20304.774%20331.108C305.048%20333.305%20303.155%20335.479%20300.168%20336.829C300.327%20337.264%20300.373%20337.676%20300.282%20338.11C299.962%20339.438%20298.298%20340.261%20296.109%20340.353H295.789H295.766H268.083V340.33C267.535%20340.261%20267.148%20340.032%20267.011%20339.666C266.92%20339.415%20266.965%20339.14%20267.102%20338.865C265.643%20338.728%20264.548%20338.156%20264.183%20337.172C263.909%20336.417%20264.115%20335.548%20264.685%20334.701C260.899%20334.449%20257.98%20332.779%20257.889%20330.651C257.821%20328.729%20259.942%20327.012%20262.997%20326.234Z'%20fill='%23535967'/%3e%3cpath%20d='M294.125%20332.344C292.916%20331.2%20292.346%20329.873%20292.825%20328.957C293.418%20327.813%20295.402%20327.63%20297.522%20328.454C297.408%20328.179%20297.317%20327.882%20297.226%20327.584C296.086%20323.946%20296.747%20320.537%20298.663%20319.919C300.533%20319.324%20302.95%20321.635%20304.113%20325.113C305.071%20321.132%20307.556%20318.317%20309.7%20318.82C311.706%20319.301%20312.687%20322.527%20312.049%20326.257C314.99%20324.953%20317.818%20325.067%20318.73%20326.623C319.665%20328.248%20318.206%20330.879%20315.424%20332.802C316.746%20333.236%20317.636%20334.06%20317.772%20335.067C317.932%20336.303%20316.86%20337.538%20315.173%20338.293C315.264%20338.545%20315.287%20338.774%20315.241%20339.026C315.059%20339.781%20314.124%20340.238%20312.869%20340.284H312.687C312.687%20340.284%20312.687%20340.284%20312.664%20340.284H296.975V340.261C296.679%20340.215%20296.451%20340.101%20296.359%20339.895C296.314%20339.758%20296.337%20339.598%20296.405%20339.437C295.584%20339.346%20294.968%20339.025%20294.763%20338.476C294.604%20338.042%20294.718%20337.561%20295.06%20337.081C292.916%20336.943%20291.274%20336.005%20291.206%20334.769C291.183%20333.74%20292.392%20332.779%20294.125%20332.344Z'%20fill='%23424753'/%3e%3cpath%20d='M309.882%20142.673C309.677%20142.673%20309.495%20142.696%20309.312%20142.764C309.312%20142.673%20309.312%20142.581%20309.312%20142.49C309.312%20140.293%20307.534%20138.508%20305.344%20138.508C303.52%20138.508%20301.992%20139.721%20301.536%20141.391C301.308%20141.323%20301.08%20141.3%20300.829%20141.3C299.415%20141.3%20298.275%20142.444%20298.275%20143.863C298.275%20145.281%20299.415%20146.425%20300.829%20146.425C300.875%20146.425%20300.921%20146.425%20300.966%20146.425H309.837C310.886%20146.425%20311.707%20145.579%20311.707%20144.549C311.775%20143.519%20310.931%20142.673%20309.882%20142.673Z'%20fill='%23424753'/%3e%3cpath%20d='M240.809%2099.3101C239.738%2099.3101%20238.734%2099.6076%20237.891%20100.111C237.001%2096.2668%20233.581%2093.4065%20229.476%2093.4065C229.111%2093.4065%20228.769%2093.4294%20228.404%2093.4751C226.489%2089.1961%20222.224%2086.2214%20217.253%2086.2214C210.503%2086.2214%20205.03%2091.7132%20205.03%2098.4864C205.03%2098.555%20205.03%2098.6237%20205.03%2098.6923C204.209%2098.3033%20203.297%2098.0974%20202.339%2098.0974C198.85%2098.0974%20196.045%20100.935%20196.045%20104.413C196.045%20107.891%20198.873%20110.728%20202.339%20110.728H240.809C243.956%20110.728%20246.51%20108.166%20246.51%20105.008C246.51%20101.873%20243.956%2099.3101%20240.809%2099.3101Z'%20fill='%23424753'/%3e%3cpath%20d='M182.203%20235.482C182.91%20235.482%20183.572%20235.688%20184.119%20236.008C184.712%20233.491%20186.947%20231.592%20189.66%20231.592C189.888%20231.592%20190.139%20231.615%20190.367%20231.638C191.621%20228.823%20194.426%20226.878%20197.71%20226.878C202.157%20226.878%20205.737%20230.494%20205.737%20234.933C205.737%20234.979%20205.737%20235.025%20205.737%20235.07C206.284%20234.819%20206.877%20234.681%20207.516%20234.681C209.796%20234.681%20211.666%20236.535%20211.666%20238.846C211.666%20241.134%20209.819%20243.01%20207.516%20243.01H182.203C180.128%20243.01%20178.464%20241.317%20178.464%20239.258C178.464%20237.198%20180.128%20235.482%20182.203%20235.482Z'%20fill='%23424753'/%3e%3cpath%20d='M433.776%20317.789L433.707%20318.018C433.707%20318.041%20433.548%20318.636%20433.16%20319.368C432.795%20320.055%20432.179%20320.97%20431.199%20321.542C430.218%20322.114%20429.101%20322.229%20428.348%20322.206C427.527%20322.183%20426.934%20322.046%20426.912%20322.046L426.684%20321.977L426.752%20321.748C426.752%20321.725%20426.912%20321.13%20427.299%20320.398C427.664%20319.711%20428.28%20318.796%20429.26%20318.224C430.241%20317.652%20431.358%20317.538%20432.111%20317.561C432.932%20317.583%20433.525%20317.721%20433.548%20317.721L433.776%20317.789ZM427.276%20321.634C427.892%20321.748%20429.602%20321.931%20430.971%20321.13C432.339%20320.329%20432.977%20318.728%20433.183%20318.133C432.567%20318.018%20430.857%20317.835%20429.488%20318.636C428.143%20319.437%20427.482%20321.039%20427.276%20321.634Z'%20fill='%23535967'/%3e%3cpath%20d='M430.537%20323.258C428.371%20324.082%20425.954%20322.984%20425.954%20322.984C425.954%20322.984%20427.048%20320.558%20429.215%20319.735C431.381%20318.911%20433.798%20320.009%20433.798%20320.009C433.798%20320.009%20432.704%20322.435%20430.537%20323.258Z'%20fill='%23424753'/%3e%3cpath%20d='M425.886%20291.635V291.932C425.886%20291.955%20425.886%20292.733%20425.635%20293.717C425.407%20294.632%20424.928%20295.96%20423.925%20296.943C422.921%20297.927%20421.599%20298.408%20420.687%20298.614C419.683%20298.843%20418.931%20298.843%20418.908%20298.843H418.611V298.545C418.611%20298.522%20418.611%20297.744%20418.862%20296.76C419.09%20295.845%20419.569%20294.518%20420.573%20293.534C421.576%20292.55%20422.899%20292.07%20423.811%20291.864C424.814%20291.635%20425.567%20291.635%20425.589%20291.635H425.886ZM419.204%20298.248C419.98%20298.202%20422.1%20297.905%20423.514%20296.532C424.928%20295.136%20425.225%20293.008%20425.293%20292.23C424.518%20292.275%20422.397%20292.573%20420.983%20293.946C419.569%20295.342%20419.273%20297.47%20419.204%20298.248Z'%20fill='%23535967'/%3e%3cpath%20d='M423.605%20299.231C421.234%20300.879%20417.995%20300.307%20417.995%20300.307C417.995%20300.307%20418.588%20297.058%20420.96%20295.41C423.332%20293.763%20426.57%20294.335%20426.57%20294.335C426.57%20294.335%20425.977%20297.561%20423.605%20299.231Z'%20fill='%23424753'/%3e%3cpath%20d='M124.92%20283.947L125.102%20284.107C125.125%20284.13%20125.604%20284.541%20126.106%20285.228C126.562%20285.869%20127.155%20286.875%20127.246%20288.042C127.337%20289.209%20126.926%20290.308%20126.584%20291.017C126.197%20291.772%20125.786%20292.253%20125.786%20292.276L125.627%20292.459L125.444%20292.299C125.421%20292.276%20124.943%20291.864%20124.441%20291.177C123.962%20290.537%20123.392%20289.53%20123.301%20288.363C123.209%20287.196%20123.62%20286.097%20123.962%20285.388C124.35%20284.633%20124.76%20284.152%20124.76%20284.13L124.92%20283.947ZM125.535%20291.772C125.923%20291.246%20126.881%20289.736%20126.744%20288.088C126.607%20286.441%20125.421%20285.114%20124.965%20284.656C124.578%20285.182%20123.62%20286.692%20123.757%20288.34C123.894%20289.987%20125.079%20291.315%20125.535%20291.772Z'%20fill='%23424753'/%3e%3cpath%20d='M128.523%20289.46C128.295%20291.863%20126.197%20293.625%20126.197%20293.625C126.197%20293.625%20124.441%20291.497%20124.669%20289.094C124.897%20286.692%20126.995%20284.93%20126.995%20284.93C126.995%20284.93%20128.751%20287.058%20128.523%20289.46Z'%20fill='%23424753'/%3e%3cpath%20d='M78.7646%20311.703L78.9699%20311.68C78.9927%20311.68%2079.5172%20311.634%2080.2241%20311.772C80.8854%20311.886%2081.8204%20312.138%2082.5729%20312.801C83.3254%20313.442%2083.7131%20314.357%2083.9184%20314.975C84.1236%20315.662%2084.1692%20316.188%2084.1692%20316.211L84.192%20316.417L83.9868%20316.44C83.964%20316.44%2083.4395%20316.485%2082.7325%20316.348C82.0712%20316.234%2081.1363%20315.982%2080.3837%20315.318C79.6312%20314.678%2079.2435%20313.762%2079.0383%20313.145C78.8331%20312.458%2078.7875%20311.932%2078.7875%20311.909L78.7646%20311.703ZM83.7359%20316.028C83.6447%20315.479%2083.3482%20314.014%2082.2993%20313.099C81.2503%20312.184%2079.768%20312.092%2079.2207%20312.092C79.3119%20312.641%2079.6084%20314.106%2080.6574%20315.021C81.6836%20315.913%2083.1886%20316.028%2083.7359%20316.028Z'%20fill='%23424753'/%3e%3cpath%20d='M84.169%20312.893C85.446%20314.472%2085.218%20316.783%2085.218%20316.783C85.218%20316.783%2082.9148%20316.532%2081.6378%20314.953C80.3608%20313.374%2080.5888%20311.063%2080.5888%20311.063C80.5888%20311.063%2082.892%20311.314%2084.169%20312.893Z'%20fill='%23424753'/%3e%3cpath%20d='M364.703%20305.456H364.931C364.954%20305.456%20365.547%20305.433%20366.345%20305.616C367.074%20305.776%20368.123%20306.119%20368.922%20306.874C369.72%20307.629%20370.13%20308.659%20370.313%20309.391C370.518%20310.169%20370.541%20310.764%20370.541%20310.787V311.016H370.313C370.29%20311.016%20369.697%20311.039%20368.899%20310.856C368.169%20310.696%20367.12%20310.352%20366.322%20309.597C365.524%20308.842%20365.113%20307.812%20364.931%20307.08C364.726%20306.302%20364.703%20305.707%20364.703%20305.684V305.456ZM370.062%20310.535C369.993%20309.918%20369.72%20308.247%20368.602%20307.195C367.485%20306.119%20365.797%20305.936%20365.182%20305.913C365.25%20306.531%20365.524%20308.201%20366.641%20309.254C367.781%20310.329%20369.446%20310.512%20370.062%20310.535Z'%20fill='%23535967'/%3e%3cpath%20d='M370.7%20307.035C372.046%20308.865%20371.704%20311.428%20371.704%20311.428C371.704%20311.428%20369.15%20311.039%20367.781%20309.232C366.436%20307.401%20366.778%20304.838%20366.778%20304.838C366.778%20304.838%20369.355%20305.204%20370.7%20307.035Z'%20fill='%23424753'/%3e%3cpath%20d='M301.126%20326.211H195.087L197.026%20319.209L200.788%20305.526L203.069%20297.242L206.444%20285.023L212.92%20261.477L216.295%20249.258L239.92%20163.381H256.293L264.959%20194.844L279.918%20249.258L283.293%20261.477L289.769%20285.023L293.144%20297.242L299.187%20319.209L301.126%20326.211Z'%20fill='%23CACDD3'/%3e%3cpath%20d='M301.126%20326.212H195.087L197.026%20319.21L200.788%20305.526C274.673%20301.155%20264.936%20194.867%20264.936%20194.867L299.187%20319.21L301.126%20326.212Z'%20fill='%23AFB5C0'/%3e%3cpath%20d='M322.812%20326.212H173.401V340.468H322.812V326.212Z'%20fill='%23CACDD3'/%3e%3cpath%20d='M301.126%20326.211H195.087L197.026%20319.209H299.187L301.126%20326.211Z'%20fill='%23CACDD3'/%3e%3cpath%20d='M283.293%20261.478C283.293%20261.478%20281.081%20308.501%20227.241%20319.256L299.187%20319.21L283.293%20261.478Z'%20fill='%23979FAD'/%3e%3cpath%20d='M283.293%20261.477H212.92L216.295%20249.258H279.918L283.293%20261.477Z'%20fill='white'/%3e%3cpath%20d='M293.144%20297.242H203.069L206.444%20285.023H289.769L293.144%20297.242Z'%20fill='white'/%3e%3cpath%20d='M288.241%20326.212C288.241%20326.212%20268.448%20341.223%20195.087%20340.468H322.789V326.212H288.241Z'%20fill='%23AFB5C0'/%3e%3cpath%20d='M344.749%20345.181H149.365C148.043%20345.181%20146.971%20344.106%20146.971%20342.778V342.71C146.971%20341.383%20148.043%20340.307%20149.365%20340.307H344.749C346.072%20340.307%20347.144%20341.383%20347.144%20342.71V342.778C347.167%20344.083%20346.095%20345.181%20344.749%20345.181Z'%20fill='%23111827'/%3e%3cpath%20d='M153.083%20345.181H121.431C120.108%20345.181%20119.036%20344.106%20119.036%20342.778V342.71C119.036%20341.383%20120.108%20340.307%20121.431%20340.307H153.083C154.405%20340.307%20155.477%20341.383%20155.477%20342.71V342.778C155.477%20344.083%20154.405%20345.181%20153.083%20345.181Z'%20fill='%23111827'/%3e%3cpath%20d='M106.927%20345.181H73.6793C72.3567%20345.181%2071.2849%20344.106%2071.2849%20342.778V342.71C71.2849%20341.383%2072.3567%20340.307%2073.6793%20340.307H106.927C108.25%20340.307%20109.322%20341.383%20109.322%20342.71V342.778C109.322%20344.083%20108.25%20345.181%20106.927%20345.181Z'%20fill='%23111827'/%3e%3cpath%20d='M386.937%20345.181H359.64C358.318%20345.181%20357.246%20344.106%20357.246%20342.778V342.71C357.246%20341.383%20358.318%20340.307%20359.64%20340.307H386.937C388.259%20340.307%20389.331%20341.383%20389.331%20342.71V342.778C389.354%20344.083%20388.259%20345.181%20386.937%20345.181Z'%20fill='%23111827'/%3e%3cpath%20d='M422.625%20345.181H401.873C400.551%20345.181%20399.479%20344.106%20399.479%20342.778V342.71C399.479%20341.383%20400.551%20340.307%20401.873%20340.307H422.625C423.947%20340.307%20425.019%20341.383%20425.019%20342.71V342.778C425.019%20344.083%20423.947%20345.181%20422.625%20345.181Z'%20fill='%23111827'/%3e%3c/svg%3e",s0=({basePath:e})=>{const t=e||document.querySelector("base")?.getAttribute("href")||"/",r=Gt(),{mode:n}=_e(),i=n==="dark",s=()=>{window.location.href=t};return a.jsxs("div",{className:"bg-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0",children:[a.jsxs("div",{className:"relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]",children:[r&&!i&&a.jsx(Tr,{src:Zte,alt:"404 Error"}),r&&i&&a.jsx(Tr,{src:Yte,alt:"404 Error"})]}),a.jsx("h2",{className:"mb-2 mt-5 text-xl font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-xl min-[1780px]:mt-12 min-[1780px]:text-2xl",children:"Not Found Page"}),a.jsx("p",{className:"mb-4 px-6 max-w-full text-lg leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm",children:"Sorry, the page you are looking for does not exist. Please check the URL or go back to the home page."}),a.jsx(De,{to:t,onClick:s,children:a.jsx(he,{shape:"rounded",children:"Go to Home"})})]})},ok=({basePath:e})=>{const t=e||document.querySelector("base")?.getAttribute("href")||"/",r=Gt(),{mode:n}=_e(),i=n==="dark",s=()=>{window.location.href=t};return a.jsxs("div",{className:"bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0",children:[a.jsxs("div",{className:"flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]",children:[r&&!i&&a.jsx(B.ServerCrash,{className:"w-52 h-52 text-primary"}),r&&i&&a.jsx(B.ServerCrash,{className:"w-52 h-52 text-primary"})]}),a.jsx("h2",{className:"mb-2 mt-5 text-xl font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-xl min-[1780px]:mt-12 min-[1780px]:text-2xl",children:"Server Error Page"}),a.jsx("p",{className:"mb-4 px-6 max-w-full text-lg leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm",children:"We're experiencing server issues. Our team has been notified and is working on a fix. Please try again later or go back to the home page."}),a.jsx(De,{to:t,onClick:s,children:a.jsx(he,{shape:"rounded",children:"Go to Home"})})]})},lk=({basePath:e})=>{const t=e||document.querySelector("base")?.getAttribute("href")||"/",r=Gt(),{mode:n}=_e(),i=n==="dark",s=()=>{window.location.href=t};return a.jsxs("div",{className:"bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0",children:[a.jsxs("div",{className:"flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]",children:[r&&!i&&a.jsx(B.UserX,{className:"w-52 h-52 text-primary"}),r&&i&&a.jsx(B.UserX,{className:"w-52 h-52 text-primary"})]}),a.jsx("h2",{className:"mb-2 mt-5 text-xl font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-xl min-[1780px]:mt-12 min-[1780px]:text-2xl",children:"User Blocked Page"}),a.jsx("p",{className:"mb-4 px-6 max-w-full text-lg leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm",children:"Your account has been blocked. Please contact support for assistance or go back to the home page."}),a.jsx(De,{to:t,onClick:s,children:a.jsx(he,{shape:"rounded",children:"Go to Home"})})]})},Xte=({basePath:e})=>{const t=e||document.querySelector("base")?.getAttribute("href")||"/",r=Gt(),{mode:n}=_e(),i=n==="dark",s=()=>{window.location.href=t};return a.jsxs("div",{className:"bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0",children:[a.jsxs("div",{className:"flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]",children:[r&&!i&&a.jsx(B.HelpCircle,{className:"w-52 h-52 text-primary"}),r&&i&&a.jsx(B.HelpCircle,{className:"w-52 h-52 text-primary"})]}),a.jsx("h2",{className:"mb-2 mt-5 text-xl font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-xl min-[1780px]:mt-12 min-[1780px]:text-2xl",children:"Unknown Error Page"}),a.jsx("p",{className:"mb-4 px-6 max-w-full text-lg leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm",children:"An unknown error has occurred. Please try again later or go back to the home page."}),a.jsx(De,{to:t,onClick:s,children:a.jsx(he,{shape:"rounded",children:"Go to Home"})})]})},ck=({basePath:e})=>{const t=e||document.querySelector("base")?.getAttribute("href")||"/",r=Gt(),{mode:n}=_e(),i=n==="dark",s=()=>{window.location.href=t};return a.jsxs("div",{className:"bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0",children:[a.jsxs("div",{className:"flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]",children:[r&&!i&&a.jsx(B.RouteOff,{className:"w-52 h-52 text-primary"}),r&&i&&a.jsx(B.RouteOff,{className:"w-52 h-52 text-primary"})]}),a.jsx("h2",{className:"mb-2 mt-5 text-xl font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-xl min-[1780px]:mt-12 min-[1780px]:text-2xl",children:"No Routes"}),a.jsx("p",{className:"mb-4 px-6 max-w-full text-lg leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm",children:"Please add routes to the menuItems prop to start using the theme provider."}),a.jsx(De,{to:t,onClick:s,children:a.jsx(he,{shape:"rounded",children:"Go to Home"})})]})},dk=({basePath:e})=>{const t=e||document.querySelector("base")?.getAttribute("href")||"/",r=Gt(),{mode:n}=_e(),i=n==="dark",s=()=>{window.location.href=t};return a.jsxs("div",{className:"bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0",children:[a.jsxs("div",{className:"flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]",children:[r&&!i&&a.jsx(B.SlidersHorizontal,{className:"w-52 h-52 text-primary"}),r&&i&&a.jsx(B.SlidersHorizontal,{className:"w-52 h-52 text-primary"})]}),a.jsx("h2",{className:"mb-2 mt-5 text-xl font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-xl min-[1780px]:mt-12 min-[1780px]:text-2xl",children:"Disabled Page"}),a.jsx("p",{className:"mb-4 px-6 max-w-full text-lg leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm",children:"This resource is currently disabled. Please contact support if you believe this is an error, or go back to the home page."}),a.jsx(De,{to:t,onClick:s,children:a.jsx(he,{shape:"rounded",children:"Go to Home"})})]})},e3=({children:e,isAuthenticated:t,loginUrl:r})=>t?a.jsx(w.Suspense,{fallback:a.jsx(i0,{loadingText:"Loading..."}),children:e}):a.jsx(Qh,{basePath:r,buttonText:"Login"}),Jte=({className:e,children:t})=>{const{lang:r,setLang:n}=_e();return a.jsxs("div",{className:V("flex items-center justify-between w-full gap-1",e),children:[a.jsx("span",{className:"text-sm font-medium",children:"Language"}),a.jsx(ii,{buttonClassName:"h-[32px]! gap-1 rounded-full!",options:ic.map(i=>({name:i.label,value:i.value})),selectedOption:{name:ic.find(i=>i.value===r)?.label||"",value:ic.find(i=>i.value===r)?.value||""},onChange:i=>n(i.value)}),t]})};function uk(e){w.useEffect(()=>{document.documentElement.dir=e},[e])}function Qte(e){const t=parseInt(e.slice(1,3),16),r=parseInt(e.slice(3,5),16),n=parseInt(e.slice(5,7),16);return`${t} ${r} ${n}`}function fk({primaryPreset:e,darkPrimaryPreset:t,secondaryPreset:r,darkSecondaryPreset:n,accentPreset:i,darkAccentPreset:s,mutedPreset:o,darkMutedPreset:l,darkBgPreset:c,lightBgPreset:d,lightDarkPreset:u,darkLightDarkPreset:f}){w.useEffect(()=>{document.documentElement.style.setProperty("--color-semantic-bg-primary",e),document.documentElement.style.setProperty("--color-semantic-dark-bg-primary",t),document.documentElement.style.setProperty("--color-semantic-bg-secondary",r),document.documentElement.style.setProperty("--color-semantic-dark-bg-secondary",n),document.documentElement.style.setProperty("--color-semantic-accent-bold-yellow",i),document.documentElement.style.setProperty("--color-semantic-dark-accent-bold-yellow",s),document.documentElement.style.setProperty("--color-semantic-fg-muted",o),document.documentElement.style.setProperty("--color-semantic-dark-fg-muted",l),document.documentElement.style.setProperty("--color-semantic-bg",d),document.documentElement.style.setProperty("--color-semantic-dark-bg",c),document.documentElement.style.setProperty("--color-semantic-bg-secondary-wash",u),document.documentElement.style.setProperty("--color-semantic-dark-bg-secondary-wash",f)},[i,s,c,f,l,t,n,d,u,o,e,r])}function pk(){const{setIsSettingsOpen:e}=_e(),{primaryPreset:t,darkPrimaryPreset:r,secondaryPreset:n,darkSecondaryPreset:i,accentPreset:s,darkAccentPreset:o,mutedPreset:l,darkMutedPreset:c,darkBgPreset:d,lightBgPreset:u,lightDarkPreset:f,darkLightDarkPreset:p,direction:h,showSettings:m}=_e();return uk(h||"ltr"),fk({primaryPreset:t?t.value:qd.value,darkPrimaryPreset:r?r.value:$d.value,secondaryPreset:n?n.value:Hd.value,darkSecondaryPreset:i?i.value:Ud.value,accentPreset:s?s.value:Wd.value,darkAccentPreset:o?o.value:Gd.value,mutedPreset:l?l.value:Kd.value,darkMutedPreset:c?c.value:Zd.value,darkBgPreset:d?d.value:Yd.value,lightBgPreset:u?u.value:Xd.value,lightDarkPreset:f?f.value:Jd.value,darkLightDarkPreset:p?p.value:Qd.value}),m?a.jsx("div",{className:"fixed top-1/2 z-40 -translate-y-1/2 ltr:right-0 rtl:left-0",children:a.jsxs("button",{className:"flex h-[48px] w-[48px] items-center justify-center text-gray-600 shadow-large backdrop-blur-sm ltr:rounded-l-lg rtl:rounded-r-lg bg-light-dark dark:text-gray-200/70",onClick:()=>e(!0),"aria-label":"Settings","aria-describedby":"Settings",title:"Settings",children:[a.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:[a.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.5565 2.10053C3.94225 2.2122 2 3.88336 2 6.5C2 9.11665 3.94225 10.7878 6.5565 10.8995C7.9246 10.9579 9.7062 11 12 11C14.2938 11 16.0754 10.9579 17.4435 10.8995C20.0578 10.7878 22 9.11665 22 6.5C22 3.88336 20.0578 2.2122 17.4435 2.10053C16.0754 2.04209 14.2938 2 12 2C9.7062 2 7.9246 2.04209 6.5565 2.10053ZM20 6.5C20 7.88071 18.8807 9 17.5 9C16.1193 9 15 7.88071 15 6.5C15 5.11929 16.1193 4 17.5 4C18.8807 4 20 5.11929 20 6.5Z",fill:"currentColor"}),a.jsx("path",{opacity:"0.4",fillRule:"evenodd",clipRule:"evenodd",d:"M17.4435 13.1005C20.0578 13.2122 22 14.8833 22 17.5C22 20.1167 20.0578 21.7878 17.4435 21.8995C16.0754 21.9579 14.2938 22 12 22C9.7062 22 7.9246 21.9579 6.5565 21.8995C3.94225 21.7878 2 20.1167 2 17.5C2 14.8833 3.94225 13.2122 6.5565 13.1005C7.9246 13.0421 9.7062 13 12 13C14.2938 13 16.0754 13.0421 17.4435 13.1005ZM4 17.5C4 18.8807 5.11929 20 6.5 20C7.88071 20 9 18.8807 9 17.5C9 16.1193 7.88071 15 6.5 15C5.11929 15 4 16.1193 4 17.5Z",fill:"currentColor"}),a.jsx("path",{opacity:"0.4",d:"M17.5 9C18.8807 9 20 7.88071 20 6.5C20 5.11929 18.8807 4 17.5 4C16.1193 4 15 5.11929 15 6.5C15 7.88071 16.1193 9 17.5 9Z",fill:"currentColor"}),a.jsx("path",{d:"M6.5 20C5.11929 20 4 18.8807 4 17.5C4 16.1193 5.11929 15 6.5 15C7.88071 15 9 16.1193 9 17.5C9 18.8807 7.88071 20 6.5 20Z",fill:"currentColor"})]}),a.jsxs("span",{className:"absolute right-[4px] top-[4px] flex h-[12px] w-[12px] items-center justify-center",children:[a.jsx("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-red-400 opacity-80"}),a.jsx("span",{className:"relative inline-flex h-[8px] w-[8px] rounded-full bg-red-500"})]})]})}):null}function t3({isOpen:e,setIsOpen:t,children:r,position:n="left",backdrop:i=!0}){const[s,o]=w.useState(!1),[l,c]=w.useState(!1);w.useEffect(()=>{if(e){document.body.style.overflow="hidden",o(!0);const h=setTimeout(()=>{c(!0)},0);return()=>clearTimeout(h)}else{c(!1);const h=setTimeout(()=>{o(!1),document.body.style.overflow=""},300);return()=>clearTimeout(h)}},[e]),w.useEffect(()=>()=>{document.body.style.overflow=""},[]);const d=h=>{h.target===h.currentTarget&&t(!1)};if(w.useEffect(()=>{const h=m=>{m.key==="Escape"&&e&&t(!1)};if(e)return document.addEventListener("keydown",h),()=>document.removeEventListener("keydown",h)},[e,t]),!s)return null;const u=V("fixed inset-0 w-screen h-screen transition-opacity duration-300 ease-out",l?"opacity-100":"opacity-0",i?"bg-gray-700/10 backdrop-blur-xs":""),f=V("fixed inset-y-0 h-screen w-full max-w-full min-[500px]:w-auto transition-transform duration-300 ease-out",n==="left"?V("ltr:left-0 rtl:right-0",l?"ltr:translate-x-0 rtl:translate-x-0":"ltr:-translate-x-full rtl:translate-x-full"):V("ltr:right-0 rtl:left-0",l?"translate-x-0":"ltr:translate-x-full rtl:-translate-x-full")),p=a.jsxs(a.Fragment,{children:[i&&a.jsx("div",{className:u,onClick:d,"aria-hidden":"true",style:{zIndex:50}}),a.jsx("div",{className:f,style:{zIndex:51},children:r})]});return xr.createPortal(p,document.body)}const $f=({size:e=60,className:t="",props:r})=>a.jsxs("svg",{width:e,height:e,viewBox:"0 0 240 240",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,...r,children:[a.jsx("rect",{width:"240",height:"240",rx:"54"}),a.jsxs("g",{transform:"translate(40, 50)",children:[a.jsx("path",{d:"M5 28 L90 28 L80 50 L53 50 L35 120 L8 120 L26 50 L5 50 Z",className:"fill-slate-400 dark:fill-slate-600 transition-colors"}),a.jsx("path",{d:"M45 0 L130 0 L120 22 L93 22 L75 92 L48 92 L66 22 L45 22 Z",className:"fill-primary"}),a.jsxs("g",{transform:"translate(90, 95) skewX(-15)",children:[a.jsx("path",{d:"M5 0 V14 C5 17.3 7.7 20 11 20 C14.3 20 17 17.3 17 14 V0",strokeWidth:"3.5",strokeLinecap:"round",className:"stroke-slate-900 dark:stroke-slate-200"}),a.jsxs("g",{transform:"translate(30, 0)",children:[a.jsx("path",{d:"M0 5 V20",strokeWidth:"3.5",strokeLinecap:"round",className:"stroke-slate-900 dark:stroke-slate-200"}),a.jsx("rect",{x:"-2",y:"-5",width:"4",height:"4",rx:"1",className:"fill-fuchsia-500"})]})]})]})]});function mn({name:e,secondName:t,path:r,className:n,size:i="medium",logo:s=null,isoType:o=!1}){const l=i==="small"?"text-xl":i==="medium"?"text-2xl":i==="large"?"text-3xl":"text-4xl",c=i==="small"?60:i==="medium"?80:i==="large"?100:i==="xlarge"?120:i==="xxlarge"?200:80,d=u=>o?u?.[0]?.toUpperCase():u;return a.jsx(De,{to:r||"/",children:a.jsx("span",{className:V("relative flex w-full",n),children:a.jsxs("div",{className:V(!!s&&"gap-1","flex items-center flex-nowrap overflow-hidden truncate"),children:[s||(e||t?a.jsx($f,{size:c,className:`w-[${c}px] h-[${c}px]`}):a.jsx($f,{size:c,className:`w-[${c}px] h-[${c}px]`})),a.jsxs("div",{className:V(!s&&"-ml-2","flex flex-nowrap truncate items-end text-base font-medium text-gray-900 dark:text-white sm:text-xl"),children:[a.jsx(O,{tag:"span",className:V("font-semibold truncate ",l),children:d(e||(e===void 0?"TUCU":""))}),a.jsx(O,{tag:"span",className:V("font-semibold truncate text-primary",l),children:d(t||(t===void 0?"UI":""))})]})]})})})}function Hf({className:e,children:t,title:r,actionContent:n,logo:i,onClose:s}){return a.jsxs("aside",{className:V("top-0 z-40 h-full w-full max-w-full border-dashed border-gray-200 dark:border-gray-700 bg-light-dark min-[500px]:w-80 lg:w-96 xl:w-96 2xl:w-96",e),children:[a.jsxs("div",{className:"relative flex h-[96px] items-center justify-between overflow-hidden px-[24px] py-[16px] 2xl:px-[32px]",children:[!r&&a.jsx(mn,{...i}),r&&a.jsx("h2",{className:"text-lg font-medium uppercase tracking-wider text-gray-900 dark:text-white",children:r}),a.jsx(he,{title:"Close",shape:"circle",variant:"ghost",size:"mini",onClick:s,onTouchStart:s,onTouchEnd:s,children:a.jsx(Fn,{className:"h-[16px] w-[16px]",width:16,height:16})})]}),a.jsx("div",{className:"h-[calc(100%-96px)] overflow-y-auto",children:a.jsx("div",{className:"px-[24px] pb-[80px] pt-[4px]",children:t})}),n&&a.jsx("div",{className:"absolute bottom-[16px] left-0 z-10 w-full px-[24px] flex gap-[8px]",children:n})]})}const Sd=w.createContext({});function ere(e){const t=w.useRef(null);return t.current===null&&(t.current=e()),t.current}const r3=typeof window<"u",mk=r3?w.useLayoutEffect:w.useEffect,n3=w.createContext(null);function a3(e,t){e.indexOf(t)===-1&&e.push(t)}function i3(e,t){const r=e.indexOf(t);r>-1&&e.splice(r,1)}const hn=(e,t,r)=>r>t?t:r<e?e:r;function Uf(e,t){return t?`${e}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}`:e}let Cs=()=>{},Vn=()=>{};typeof process<"u"&&process.env?.NODE_ENV!=="production"&&(Cs=(e,t,r)=>{!e&&typeof console<"u"&&console.warn(Uf(t,r))},Vn=(e,t,r)=>{if(!e)throw new Error(Uf(t,r))});const Rn={},hk=e=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);function gk(e){return typeof e=="object"&&e!==null}const xk=e=>/^0[^.\s]+$/u.test(e);function s3(e){let t;return()=>(t===void 0&&(t=e()),t)}const Or=e=>e,tre=(e,t)=>r=>t(e(r)),hl=(...e)=>e.reduce(tre),Po=(e,t,r)=>{const n=t-e;return n===0?1:(r-e)/n};class o3{constructor(){this.subscriptions=[]}add(t){return a3(this.subscriptions,t),()=>i3(this.subscriptions,t)}notify(t,r,n){const i=this.subscriptions.length;if(i)if(i===1)this.subscriptions[0](t,r,n);else for(let s=0;s<i;s++){const o=this.subscriptions[s];o&&o(t,r,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const an=e=>e*1e3,Ar=e=>e/1e3;function yk(e,t){return t?e*(1e3/t):0}const fv=new Set;function l3(e,t,r){e||fv.has(t)||(console.warn(Uf(t,r)),fv.add(t))}const vk=(e,t,r)=>(((1-3*r+3*t)*e+(3*r-6*t))*e+3*t)*e,rre=1e-7,nre=12;function are(e,t,r,n,i){let s,o,l=0;do o=t+(r-t)/2,s=vk(o,n,i)-e,s>0?r=o:t=o;while(Math.abs(s)>rre&&++l<nre);return o}function gl(e,t,r,n){if(e===t&&r===n)return Or;const i=s=>are(s,0,1,e,r);return s=>s===0||s===1?s:vk(i(s),t,n)}const bk=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,wk=e=>t=>1-e(1-t),jk=gl(.33,1.53,.69,.99),c3=wk(jk),Ck=bk(c3),Nk=e=>(e*=2)<1?.5*c3(e):.5*(2-Math.pow(2,-10*(e-1))),d3=e=>1-Math.sin(Math.acos(e)),kk=wk(d3),Sk=bk(d3),ire=gl(.42,0,1,1),sre=gl(0,0,.58,1),Ek=gl(.42,0,.58,1),ore=e=>Array.isArray(e)&&typeof e[0]!="number",Pk=e=>Array.isArray(e)&&typeof e[0]=="number",pv={linear:Or,easeIn:ire,easeInOut:Ek,easeOut:sre,circIn:d3,circInOut:Sk,circOut:kk,backIn:c3,backInOut:Ck,backOut:jk,anticipate:Nk},lre=e=>typeof e=="string",mv=e=>{if(Pk(e)){Vn(e.length===4,"Cubic bezier arrays must contain four numerical values.","cubic-bezier-length");const[t,r,n,i]=e;return gl(t,r,n,i)}else if(lre(e))return Vn(pv[e]!==void 0,`Invalid easing type '${e}'`,"invalid-easing-type"),pv[e];return e},ec=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function cre(e,t){let r=new Set,n=new Set,i=!1,s=!1;const o=new WeakSet;let l={delta:0,timestamp:0,isProcessing:!1};function c(u){o.has(u)&&(d.schedule(u),e()),u(l)}const d={schedule:(u,f=!1,p=!1)=>{const m=p&&i?r:n;return f&&o.add(u),m.has(u)||m.add(u),u},cancel:u=>{n.delete(u),o.delete(u)},process:u=>{if(l=u,i){s=!0;return}i=!0,[r,n]=[n,r],r.forEach(c),r.clear(),i=!1,s&&(s=!1,d.process(u))}};return d}const dre=40;function Mk(e,t){let r=!1,n=!0;const i={delta:0,timestamp:0,isProcessing:!1},s=()=>r=!0,o=ec.reduce((b,j)=>(b[j]=cre(s),b),{}),{setup:l,read:c,resolveKeyframes:d,preUpdate:u,update:f,preRender:p,render:h,postRender:m}=o,g=()=>{const b=Rn.useManualTiming?i.timestamp:performance.now();r=!1,Rn.useManualTiming||(i.delta=n?1e3/60:Math.max(Math.min(b-i.timestamp,dre),1)),i.timestamp=b,i.isProcessing=!0,l.process(i),c.process(i),d.process(i),u.process(i),f.process(i),p.process(i),h.process(i),m.process(i),i.isProcessing=!1,r&&t&&(n=!1,e(g))},x=()=>{r=!0,n=!0,i.isProcessing||e(g)};return{schedule:ec.reduce((b,j)=>{const C=o[j];return b[j]=(N,k=!1,S=!1)=>(r||x(),C.schedule(N,k,S)),b},{}),cancel:b=>{for(let j=0;j<ec.length;j++)o[ec[j]].cancel(b)},state:i,steps:o}}const{schedule:Qe,cancel:pa,state:Vt,steps:g2}=Mk(typeof requestAnimationFrame<"u"?requestAnimationFrame:Or,!0);let fc;function ure(){fc=void 0}const Jt={now:()=>(fc===void 0&&Jt.set(Vt.isProcessing||Rn.useManualTiming?Vt.timestamp:performance.now()),fc),set:e=>{fc=e,queueMicrotask(ure)}},Ak=e=>t=>typeof t=="string"&&t.startsWith(e),u3=Ak("--"),fre=Ak("var(--"),f3=e=>fre(e)?pre.test(e.split("/*")[0].trim()):!1,pre=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;function hv(e){return typeof e!="string"?!1:e.split("/*")[0].includes("var(--")}const Ns={test:e=>typeof e=="number",parse:parseFloat,transform:e=>e},Mo={...Ns,transform:e=>hn(0,1,e)},tc={...Ns,default:1},no=e=>Math.round(e*1e5)/1e5,p3=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function mre(e){return e==null}const hre=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,m3=(e,t)=>r=>!!(typeof r=="string"&&hre.test(r)&&r.startsWith(e)||t&&!mre(r)&&Object.prototype.hasOwnProperty.call(r,t)),Tk=(e,t,r)=>n=>{if(typeof n!="string")return n;const[i,s,o,l]=n.match(p3);return{[e]:parseFloat(i),[t]:parseFloat(s),[r]:parseFloat(o),alpha:l!==void 0?parseFloat(l):1}},gre=e=>hn(0,255,e),x2={...Ns,transform:e=>Math.round(gre(e))},Ia={test:m3("rgb","red"),parse:Tk("red","green","blue"),transform:({red:e,green:t,blue:r,alpha:n=1})=>"rgba("+x2.transform(e)+", "+x2.transform(t)+", "+x2.transform(r)+", "+no(Mo.transform(n))+")"};function xre(e){let t="",r="",n="",i="";return e.length>5?(t=e.substring(1,3),r=e.substring(3,5),n=e.substring(5,7),i=e.substring(7,9)):(t=e.substring(1,2),r=e.substring(2,3),n=e.substring(3,4),i=e.substring(4,5),t+=t,r+=r,n+=n,i+=i),{red:parseInt(t,16),green:parseInt(r,16),blue:parseInt(n,16),alpha:i?parseInt(i,16)/255:1}}const Wf={test:m3("#"),parse:xre,transform:Ia.transform},xl=e=>({test:t=>typeof t=="string"&&t.endsWith(e)&&t.split(" ").length===1,parse:parseFloat,transform:t=>`${t}${e}`}),Qn=xl("deg"),sn=xl("%"),pe=xl("px"),yre=xl("vh"),vre=xl("vw"),gv={...sn,parse:e=>sn.parse(e)/100,transform:e=>sn.transform(e*100)},Oi={test:m3("hsl","hue"),parse:Tk("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:r,alpha:n=1})=>"hsla("+Math.round(e)+", "+sn.transform(no(t))+", "+sn.transform(no(r))+", "+no(Mo.transform(n))+")"},xt={test:e=>Ia.test(e)||Wf.test(e)||Oi.test(e),parse:e=>Ia.test(e)?Ia.parse(e):Oi.test(e)?Oi.parse(e):Wf.parse(e),transform:e=>typeof e=="string"?e:e.hasOwnProperty("red")?Ia.transform(e):Oi.transform(e),getAnimatableNone:e=>{const t=xt.parse(e);return t.alpha=0,xt.transform(t)}},bre=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function wre(e){return isNaN(e)&&typeof e=="string"&&(e.match(p3)?.length||0)+(e.match(bre)?.length||0)>0}const Ok="number",Lk="color",jre="var",Cre="var(",xv="${}",Nre=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function Ao(e){const t=e.toString(),r=[],n={color:[],number:[],var:[]},i=[];let s=0;const l=t.replace(Nre,c=>(xt.test(c)?(n.color.push(s),i.push(Lk),r.push(xt.parse(c))):c.startsWith(Cre)?(n.var.push(s),i.push(jre),r.push(c)):(n.number.push(s),i.push(Ok),r.push(parseFloat(c))),++s,xv)).split(xv);return{values:r,split:l,indexes:n,types:i}}function Dk(e){return Ao(e).values}function Ik(e){const{split:t,types:r}=Ao(e),n=t.length;return i=>{let s="";for(let o=0;o<n;o++)if(s+=t[o],i[o]!==void 0){const l=r[o];l===Ok?s+=no(i[o]):l===Lk?s+=xt.transform(i[o]):s+=i[o]}return s}}const kre=e=>typeof e=="number"?0:xt.test(e)?xt.getAnimatableNone(e):e;function Sre(e){const t=Dk(e);return Ik(e)(t.map(kre))}const ma={test:wre,parse:Dk,createTransformer:Ik,getAnimatableNone:Sre};function y2(e,t,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+(t-e)*6*r:r<1/2?t:r<2/3?e+(t-e)*(2/3-r)*6:e}function Ere({hue:e,saturation:t,lightness:r,alpha:n}){e/=360,t/=100,r/=100;let i=0,s=0,o=0;if(!t)i=s=o=r;else{const l=r<.5?r*(1+t):r+t-r*t,c=2*r-l;i=y2(c,l,e+1/3),s=y2(c,l,e),o=y2(c,l,e-1/3)}return{red:Math.round(i*255),green:Math.round(s*255),blue:Math.round(o*255),alpha:n}}function Ed(e,t){return r=>r>0?t:e}const st=(e,t,r)=>e+(t-e)*r,v2=(e,t,r)=>{const n=e*e,i=r*(t*t-n)+n;return i<0?0:Math.sqrt(i)},Pre=[Wf,Ia,Oi],Mre=e=>Pre.find(t=>t.test(e));function yv(e){const t=Mre(e);if(Cs(!!t,`'${e}' is not an animatable color. Use the equivalent color code instead.`,"color-not-animatable"),!t)return!1;let r=t.parse(e);return t===Oi&&(r=Ere(r)),r}const vv=(e,t)=>{const r=yv(e),n=yv(t);if(!r||!n)return Ed(e,t);const i={...r};return s=>(i.red=v2(r.red,n.red,s),i.green=v2(r.green,n.green,s),i.blue=v2(r.blue,n.blue,s),i.alpha=st(r.alpha,n.alpha,s),Ia.transform(i))},Gf=new Set(["none","hidden"]);function Are(e,t){return Gf.has(e)?r=>r<=0?e:t:r=>r>=1?t:e}function Tre(e,t){return r=>st(e,t,r)}function h3(e){return typeof e=="number"?Tre:typeof e=="string"?f3(e)?Ed:xt.test(e)?vv:Dre:Array.isArray(e)?zk:typeof e=="object"?xt.test(e)?vv:Ore:Ed}function zk(e,t){const r=[...e],n=r.length,i=e.map((s,o)=>h3(s)(s,t[o]));return s=>{for(let o=0;o<n;o++)r[o]=i[o](s);return r}}function Ore(e,t){const r={...e,...t},n={};for(const i in r)e[i]!==void 0&&t[i]!==void 0&&(n[i]=h3(e[i])(e[i],t[i]));return i=>{for(const s in n)r[s]=n[s](i);return r}}function Lre(e,t){const r=[],n={color:0,var:0,number:0};for(let i=0;i<t.values.length;i++){const s=t.types[i],o=e.indexes[s][n[s]],l=e.values[o]??0;r[i]=l,n[s]++}return r}const Dre=(e,t)=>{const r=ma.createTransformer(t),n=Ao(e),i=Ao(t);return n.indexes.var.length===i.indexes.var.length&&n.indexes.color.length===i.indexes.color.length&&n.indexes.number.length>=i.indexes.number.length?Gf.has(e)&&!i.values.length||Gf.has(t)&&!n.values.length?Are(e,t):hl(zk(Lre(n,i),i.values),r):(Cs(!0,`Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`,"complex-values-different"),Ed(e,t))};function Vk(e,t,r){return typeof e=="number"&&typeof t=="number"&&typeof r=="number"?st(e,t,r):h3(e)(e,t)}const Ire=e=>{const t=({timestamp:r})=>e(r);return{start:(r=!0)=>Qe.update(t,r),stop:()=>pa(t),now:()=>Vt.isProcessing?Vt.timestamp:Jt.now()}},Rk=(e,t,r=10)=>{let n="";const i=Math.max(Math.round(t/r),2);for(let s=0;s<i;s++)n+=Math.round(e(s/(i-1))*1e4)/1e4+", ";return`linear(${n.substring(0,n.length-2)})`},Pd=2e4;function g3(e){let t=0;const r=50;let n=e.next(t);for(;!n.done&&t<Pd;)t+=r,n=e.next(t);return t>=Pd?1/0:t}function zre(e,t=100,r){const n=r({...e,keyframes:[0,t]}),i=Math.min(g3(n),Pd);return{type:"keyframes",ease:s=>n.next(i*s).value/t,duration:Ar(i)}}const Vre=5;function _k(e,t,r){const n=Math.max(t-Vre,0);return yk(r-e(n),t-n)}const nt={stiffness:100,damping:10,mass:1,velocity:0,duration:800,bounce:.3,visualDuration:.3,restSpeed:{granular:.01,default:2},restDelta:{granular:.005,default:.5},minDuration:.01,maxDuration:10,minDamping:.05,maxDamping:1},b2=.001;function Rre({duration:e=nt.duration,bounce:t=nt.bounce,velocity:r=nt.velocity,mass:n=nt.mass}){let i,s;Cs(e<=an(nt.maxDuration),"Spring duration must be 10 seconds or less","spring-duration-limit");let o=1-t;o=hn(nt.minDamping,nt.maxDamping,o),e=hn(nt.minDuration,nt.maxDuration,Ar(e)),o<1?(i=d=>{const u=d*o,f=u*e,p=u-r,h=Kf(d,o),m=Math.exp(-f);return b2-p/h*m},s=d=>{const f=d*o*e,p=f*r+r,h=Math.pow(o,2)*Math.pow(d,2)*e,m=Math.exp(-f),g=Kf(Math.pow(d,2),o);return(-i(d)+b2>0?-1:1)*((p-h)*m)/g}):(i=d=>{const u=Math.exp(-d*e),f=(d-r)*e+1;return-b2+u*f},s=d=>{const u=Math.exp(-d*e),f=(r-d)*(e*e);return u*f});const l=5/e,c=Fre(i,s,l);if(e=an(e),isNaN(c))return{stiffness:nt.stiffness,damping:nt.damping,duration:e};{const d=Math.pow(c,2)*n;return{stiffness:d,damping:o*2*Math.sqrt(n*d),duration:e}}}const _re=12;function Fre(e,t,r){let n=r;for(let i=1;i<_re;i++)n=n-e(n)/t(n);return n}function Kf(e,t){return e*Math.sqrt(1-t*t)}const Bre=["duration","bounce"],qre=["stiffness","damping","mass"];function bv(e,t){return t.some(r=>e[r]!==void 0)}function $re(e){let t={velocity:nt.velocity,stiffness:nt.stiffness,damping:nt.damping,mass:nt.mass,isResolvedFromDuration:!1,...e};if(!bv(e,qre)&&bv(e,Bre))if(e.visualDuration){const r=e.visualDuration,n=2*Math.PI/(r*1.2),i=n*n,s=2*hn(.05,1,1-(e.bounce||0))*Math.sqrt(i);t={...t,mass:nt.mass,stiffness:i,damping:s}}else{const r=Rre(e);t={...t,...r,mass:nt.mass},t.isResolvedFromDuration=!0}return t}function Md(e=nt.visualDuration,t=nt.bounce){const r=typeof e!="object"?{visualDuration:e,keyframes:[0,1],bounce:t}:e;let{restSpeed:n,restDelta:i}=r;const s=r.keyframes[0],o=r.keyframes[r.keyframes.length-1],l={done:!1,value:s},{stiffness:c,damping:d,mass:u,duration:f,velocity:p,isResolvedFromDuration:h}=$re({...r,velocity:-Ar(r.velocity||0)}),m=p||0,g=d/(2*Math.sqrt(c*u)),x=o-s,y=Ar(Math.sqrt(c/u)),v=Math.abs(x)<5;n||(n=v?nt.restSpeed.granular:nt.restSpeed.default),i||(i=v?nt.restDelta.granular:nt.restDelta.default);let b;if(g<1){const C=Kf(y,g);b=N=>{const k=Math.exp(-g*y*N);return o-k*((m+g*y*x)/C*Math.sin(C*N)+x*Math.cos(C*N))}}else if(g===1)b=C=>o-Math.exp(-y*C)*(x+(m+y*x)*C);else{const C=y*Math.sqrt(g*g-1);b=N=>{const k=Math.exp(-g*y*N),S=Math.min(C*N,300);return o-k*((m+g*y*x)*Math.sinh(S)+C*x*Math.cosh(S))/C}}const j={calculatedDuration:h&&f||null,next:C=>{const N=b(C);if(h)l.done=C>=f;else{let k=C===0?m:0;g<1&&(k=C===0?an(m):_k(b,C,N));const S=Math.abs(k)<=n,E=Math.abs(o-N)<=i;l.done=S&&E}return l.value=l.done?o:N,l},toString:()=>{const C=Math.min(g3(j),Pd),N=Rk(k=>j.next(C*k).value,C,30);return C+"ms "+N},toTransition:()=>{}};return j}Md.applyToOptions=e=>{const t=zre(e,100,Md);return e.ease=t.ease,e.duration=an(t.duration),e.type="keyframes",e};function Zf({keyframes:e,velocity:t=0,power:r=.8,timeConstant:n=325,bounceDamping:i=10,bounceStiffness:s=500,modifyTarget:o,min:l,max:c,restDelta:d=.5,restSpeed:u}){const f=e[0],p={done:!1,value:f},h=S=>l!==void 0&&S<l||c!==void 0&&S>c,m=S=>l===void 0?c:c===void 0||Math.abs(l-S)<Math.abs(c-S)?l:c;let g=r*t;const x=f+g,y=o===void 0?x:o(x);y!==x&&(g=y-f);const v=S=>-g*Math.exp(-S/n),b=S=>y+v(S),j=S=>{const E=v(S),P=b(S);p.done=Math.abs(E)<=d,p.value=p.done?y:P};let C,N;const k=S=>{h(p.value)&&(C=S,N=Md({keyframes:[p.value,m(p.value)],velocity:_k(b,S,p.value),damping:i,stiffness:s,restDelta:d,restSpeed:u}))};return k(0),{calculatedDuration:null,next:S=>{let E=!1;return!N&&C===void 0&&(E=!0,j(S),k(S)),C!==void 0&&S>=C?N.next(S-C):(!E&&j(S),p)}}}function Hre(e,t,r){const n=[],i=r||Rn.mix||Vk,s=e.length-1;for(let o=0;o<s;o++){let l=i(e[o],e[o+1]);if(t){const c=Array.isArray(t)?t[o]||Or:t;l=hl(c,l)}n.push(l)}return n}function Ure(e,t,{clamp:r=!0,ease:n,mixer:i}={}){const s=e.length;if(Vn(s===t.length,"Both input and output ranges must be the same length","range-length"),s===1)return()=>t[0];if(s===2&&t[0]===t[1])return()=>t[1];const o=e[0]===e[1];e[0]>e[s-1]&&(e=[...e].reverse(),t=[...t].reverse());const l=Hre(t,n,i),c=l.length,d=u=>{if(o&&u<e[0])return t[0];let f=0;if(c>1)for(;f<e.length-2&&!(u<e[f+1]);f++);const p=Po(e[f],e[f+1],u);return l[f](p)};return r?u=>d(hn(e[0],e[s-1],u)):d}function Wre(e,t){const r=e[e.length-1];for(let n=1;n<=t;n++){const i=Po(0,t,n);e.push(st(r,1,i))}}function Gre(e){const t=[0];return Wre(t,e.length-1),t}function Kre(e,t){return e.map(r=>r*t)}function Zre(e,t){return e.map(()=>t||Ek).splice(0,e.length-1)}function Li({duration:e=300,keyframes:t,times:r,ease:n="easeInOut"}){const i=ore(n)?n.map(mv):mv(n),s={done:!1,value:t[0]},o=Kre(r&&r.length===t.length?r:Gre(t),e),l=Ure(o,t,{ease:Array.isArray(i)?i:Zre(t,i)});return{calculatedDuration:e,next:c=>(s.value=l(c),s.done=c>=e,s)}}const Yre=e=>e!==null;function x3(e,{repeat:t,repeatType:r="loop"},n,i=1){const s=e.filter(Yre),l=i<0||t&&r!=="loop"&&t%2===1?0:s.length-1;return!l||n===void 0?s[l]:n}const Xre={decay:Zf,inertia:Zf,tween:Li,keyframes:Li,spring:Md};function Fk(e){typeof e.type=="string"&&(e.type=Xre[e.type])}class y3{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(t=>{this.resolve=t})}notifyFinished(){this.resolve()}then(t,r){return this.finished.then(t,r)}}const Jre=e=>e/100;class v3 extends y3{constructor(t){super(),this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.stop=()=>{const{motionValue:r}=this.options;r&&r.updatedAt!==Jt.now()&&this.tick(Jt.now()),this.isStopped=!0,this.state!=="idle"&&(this.teardown(),this.options.onStop?.())},this.options=t,this.initAnimation(),this.play(),t.autoplay===!1&&this.pause()}initAnimation(){const{options:t}=this;Fk(t);const{type:r=Li,repeat:n=0,repeatDelay:i=0,repeatType:s,velocity:o=0}=t;let{keyframes:l}=t;const c=r||Li;process.env.NODE_ENV!=="production"&&c!==Li&&Vn(l.length<=2,`Only two keyframes currently supported with spring and inertia animations. Trying to animate ${l}`,"spring-two-frames"),c!==Li&&typeof l[0]!="number"&&(this.mixKeyframes=hl(Jre,Vk(l[0],l[1])),l=[0,100]);const d=c({...t,keyframes:l});s==="mirror"&&(this.mirroredGenerator=c({...t,keyframes:[...l].reverse(),velocity:-o})),d.calculatedDuration===null&&(d.calculatedDuration=g3(d));const{calculatedDuration:u}=d;this.calculatedDuration=u,this.resolvedDuration=u+i,this.totalDuration=this.resolvedDuration*(n+1)-i,this.generator=d}updateTime(t){const r=Math.round(t-this.startTime)*this.playbackSpeed;this.holdTime!==null?this.currentTime=this.holdTime:this.currentTime=r}tick(t,r=!1){const{generator:n,totalDuration:i,mixKeyframes:s,mirroredGenerator:o,resolvedDuration:l,calculatedDuration:c}=this;if(this.startTime===null)return n.next(0);const{delay:d=0,keyframes:u,repeat:f,repeatType:p,repeatDelay:h,type:m,onUpdate:g,finalKeyframe:x}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,t):this.speed<0&&(this.startTime=Math.min(t-i/this.speed,this.startTime)),r?this.currentTime=t:this.updateTime(t);const y=this.currentTime-d*(this.playbackSpeed>=0?1:-1),v=this.playbackSpeed>=0?y<0:y>i;this.currentTime=Math.max(y,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=i);let b=this.currentTime,j=n;if(f){const S=Math.min(this.currentTime,i)/l;let E=Math.floor(S),P=S%1;!P&&S>=1&&(P=1),P===1&&E--,E=Math.min(E,f+1),!!(E%2)&&(p==="reverse"?(P=1-P,h&&(P-=h/l)):p==="mirror"&&(j=o)),b=hn(0,1,P)*l}const C=v?{done:!1,value:u[0]}:j.next(b);s&&(C.value=s(C.value));let{done:N}=C;!v&&c!==null&&(N=this.playbackSpeed>=0?this.currentTime>=i:this.currentTime<=0);const k=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&N);return k&&m!==Zf&&(C.value=x3(u,this.options,x,this.speed)),g&&g(C.value),k&&this.finish(),C}then(t,r){return this.finished.then(t,r)}get duration(){return Ar(this.calculatedDuration)}get iterationDuration(){const{delay:t=0}=this.options||{};return this.duration+Ar(t)}get time(){return Ar(this.currentTime)}set time(t){t=an(t),this.currentTime=t,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=t:this.driver&&(this.startTime=this.driver.now()-t/this.playbackSpeed),this.driver?.start(!1)}get speed(){return this.playbackSpeed}set speed(t){this.updateTime(Jt.now());const r=this.playbackSpeed!==t;this.playbackSpeed=t,r&&(this.time=Ar(this.currentTime))}play(){if(this.isStopped)return;const{driver:t=Ire,startTime:r}=this.options;this.driver||(this.driver=t(i=>this.tick(i))),this.options.onPlay?.();const n=this.driver.now();this.state==="finished"?(this.updateFinished(),this.startTime=n):this.holdTime!==null?this.startTime=n-this.holdTime:this.startTime||(this.startTime=r??n),this.state==="finished"&&this.speed<0&&(this.startTime+=this.calculatedDuration),this.holdTime=null,this.state="running",this.driver.start()}pause(){this.state="paused",this.updateTime(Jt.now()),this.holdTime=this.currentTime}complete(){this.state!=="running"&&this.play(),this.state="finished",this.holdTime=null}finish(){this.notifyFinished(),this.teardown(),this.state="finished",this.options.onComplete?.()}cancel(){this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),this.options.onCancel?.()}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(t){return this.startTime=0,this.tick(t,!0)}attachTimeline(t){return this.options.allowFlatten&&(this.options.type="keyframes",this.options.ease="linear",this.initAnimation()),this.driver?.stop(),t.observe(this)}}function Qre(e){for(let t=1;t<e.length;t++)e[t]??(e[t]=e[t-1])}const za=e=>e*180/Math.PI,Yf=e=>{const t=za(Math.atan2(e[1],e[0]));return Xf(t)},ene={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:e=>(Math.abs(e[0])+Math.abs(e[3]))/2,rotate:Yf,rotateZ:Yf,skewX:e=>za(Math.atan(e[1])),skewY:e=>za(Math.atan(e[2])),skew:e=>(Math.abs(e[1])+Math.abs(e[2]))/2},Xf=e=>(e=e%360,e<0&&(e+=360),e),wv=Yf,jv=e=>Math.sqrt(e[0]*e[0]+e[1]*e[1]),Cv=e=>Math.sqrt(e[4]*e[4]+e[5]*e[5]),tne={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:jv,scaleY:Cv,scale:e=>(jv(e)+Cv(e))/2,rotateX:e=>Xf(za(Math.atan2(e[6],e[5]))),rotateY:e=>Xf(za(Math.atan2(-e[2],e[0]))),rotateZ:wv,rotate:wv,skewX:e=>za(Math.atan(e[4])),skewY:e=>za(Math.atan(e[1])),skew:e=>(Math.abs(e[1])+Math.abs(e[4]))/2};function Jf(e){return e.includes("scale")?1:0}function Qf(e,t){if(!e||e==="none")return Jf(t);const r=e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);let n,i;if(r)n=tne,i=r;else{const l=e.match(/^matrix\(([-\d.e\s,]+)\)$/u);n=ene,i=l}if(!i)return Jf(t);const s=n[t],o=i[1].split(",").map(nne);return typeof s=="function"?s(o):o[s]}const rne=(e,t)=>{const{transform:r="none"}=getComputedStyle(e);return Qf(r,t)};function nne(e){return parseFloat(e.trim())}const ks=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],Ss=new Set(ks),Nv=e=>e===Ns||e===pe,ane=new Set(["x","y","z"]),ine=ks.filter(e=>!ane.has(e));function sne(e){const t=[];return ine.forEach(r=>{const n=e.getValue(r);n!==void 0&&(t.push([r,n.get()]),n.set(r.startsWith("scale")?1:0))}),t}const sa={width:({x:e},{paddingLeft:t="0",paddingRight:r="0"})=>e.max-e.min-parseFloat(t)-parseFloat(r),height:({y:e},{paddingTop:t="0",paddingBottom:r="0"})=>e.max-e.min-parseFloat(t)-parseFloat(r),top:(e,{top:t})=>parseFloat(t),left:(e,{left:t})=>parseFloat(t),bottom:({y:e},{top:t})=>parseFloat(t)+(e.max-e.min),right:({x:e},{left:t})=>parseFloat(t)+(e.max-e.min),x:(e,{transform:t})=>Qf(t,"x"),y:(e,{transform:t})=>Qf(t,"y")};sa.translateX=sa.x;sa.translateY=sa.y;const $a=new Set;let ep=!1,tp=!1,rp=!1;function Bk(){if(tp){const e=Array.from($a).filter(n=>n.needsMeasurement),t=new Set(e.map(n=>n.element)),r=new Map;t.forEach(n=>{const i=sne(n);i.length&&(r.set(n,i),n.render())}),e.forEach(n=>n.measureInitialState()),t.forEach(n=>{n.render();const i=r.get(n);i&&i.forEach(([s,o])=>{n.getValue(s)?.set(o)})}),e.forEach(n=>n.measureEndState()),e.forEach(n=>{n.suspendedScrollY!==void 0&&window.scrollTo(0,n.suspendedScrollY)})}tp=!1,ep=!1,$a.forEach(e=>e.complete(rp)),$a.clear()}function qk(){$a.forEach(e=>{e.readKeyframes(),e.needsMeasurement&&(tp=!0)})}function one(){rp=!0,qk(),Bk(),rp=!1}class b3{constructor(t,r,n,i,s,o=!1){this.state="pending",this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...t],this.onComplete=r,this.name=n,this.motionValue=i,this.element=s,this.isAsync=o}scheduleResolve(){this.state="scheduled",this.isAsync?($a.add(this),ep||(ep=!0,Qe.read(qk),Qe.resolveKeyframes(Bk))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:t,name:r,element:n,motionValue:i}=this;if(t[0]===null){const s=i?.get(),o=t[t.length-1];if(s!==void 0)t[0]=s;else if(n&&r){const l=n.readValue(r,o);l!=null&&(t[0]=l)}t[0]===void 0&&(t[0]=o),i&&s===void 0&&i.set(t[0])}Qre(t)}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(t=!1){this.state="complete",this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,t),$a.delete(this)}cancel(){this.state==="scheduled"&&($a.delete(this),this.state="pending")}resume(){this.state==="pending"&&this.scheduleResolve()}}const lne=e=>e.startsWith("--");function cne(e,t,r){lne(t)?e.style.setProperty(t,r):e.style[t]=r}const dne=s3(()=>window.ScrollTimeline!==void 0),une={};function fne(e,t){const r=s3(e);return()=>une[t]??r()}const $k=fne(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch{return!1}return!0},"linearEasing"),Ks=([e,t,r,n])=>`cubic-bezier(${e}, ${t}, ${r}, ${n})`,kv={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:Ks([0,.65,.55,1]),circOut:Ks([.55,0,1,.45]),backIn:Ks([.31,.01,.66,-.59]),backOut:Ks([.33,1.53,.69,.99])};function Hk(e,t){if(e)return typeof e=="function"?$k()?Rk(e,t):"ease-out":Pk(e)?Ks(e):Array.isArray(e)?e.map(r=>Hk(r,t)||kv.easeOut):kv[e]}function pne(e,t,r,{delay:n=0,duration:i=300,repeat:s=0,repeatType:o="loop",ease:l="easeOut",times:c}={},d=void 0){const u={[t]:r};c&&(u.offset=c);const f=Hk(l,i);Array.isArray(f)&&(u.easing=f);const p={delay:n,duration:i,easing:Array.isArray(f)?"linear":f,fill:"both",iterations:s+1,direction:o==="reverse"?"alternate":"normal"};return d&&(p.pseudoElement=d),e.animate(u,p)}function Uk(e){return typeof e=="function"&&"applyToOptions"in e}function mne({type:e,...t}){return Uk(e)&&$k()?e.applyToOptions(t):(t.duration??(t.duration=300),t.ease??(t.ease="easeOut"),t)}class hne extends y3{constructor(t){if(super(),this.finishedTime=null,this.isStopped=!1,this.manualStartTime=null,!t)return;const{element:r,name:n,keyframes:i,pseudoElement:s,allowFlatten:o=!1,finalKeyframe:l,onComplete:c}=t;this.isPseudoElement=!!s,this.allowFlatten=o,this.options=t,Vn(typeof t.type!="string",`Mini animate() doesn't support "type" as a string.`,"mini-spring");const d=mne(t);this.animation=pne(r,n,i,d,s),d.autoplay===!1&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!s){const u=x3(i,this.options,l,this.speed);this.updateMotionValue?this.updateMotionValue(u):cne(r,n,u),this.animation.cancel()}c?.(),this.notifyFinished()}}play(){this.isStopped||(this.manualStartTime=null,this.animation.play(),this.state==="finished"&&this.updateFinished())}pause(){this.animation.pause()}complete(){this.animation.finish?.()}cancel(){try{this.animation.cancel()}catch{}}stop(){if(this.isStopped)return;this.isStopped=!0;const{state:t}=this;t==="idle"||t==="finished"||(this.updateMotionValue?this.updateMotionValue():this.commitStyles(),this.isPseudoElement||this.cancel())}commitStyles(){this.isPseudoElement||this.animation.commitStyles?.()}get duration(){const t=this.animation.effect?.getComputedTiming?.().duration||0;return Ar(Number(t))}get iterationDuration(){const{delay:t=0}=this.options||{};return this.duration+Ar(t)}get time(){return Ar(Number(this.animation.currentTime)||0)}set time(t){this.manualStartTime=null,this.finishedTime=null,this.animation.currentTime=an(t)}get speed(){return this.animation.playbackRate}set speed(t){t<0&&(this.finishedTime=null),this.animation.playbackRate=t}get state(){return this.finishedTime!==null?"finished":this.animation.playState}get startTime(){return this.manualStartTime??Number(this.animation.startTime)}set startTime(t){this.manualStartTime=this.animation.startTime=t}attachTimeline({timeline:t,observe:r}){return this.allowFlatten&&this.animation.effect?.updateTiming({easing:"linear"}),this.animation.onfinish=null,t&&dne()?(this.animation.timeline=t,Or):r(this)}}const Wk={anticipate:Nk,backInOut:Ck,circInOut:Sk};function gne(e){return e in Wk}function xne(e){typeof e.ease=="string"&&gne(e.ease)&&(e.ease=Wk[e.ease])}const w2=10;class yne extends hne{constructor(t){xne(t),Fk(t),super(t),t.startTime!==void 0&&(this.startTime=t.startTime),this.options=t}updateMotionValue(t){const{motionValue:r,onUpdate:n,onComplete:i,element:s,...o}=this.options;if(!r)return;if(t!==void 0){r.set(t);return}const l=new v3({...o,autoplay:!1}),c=Math.max(w2,Jt.now()-this.startTime),d=hn(0,w2,c-w2);r.setWithVelocity(l.sample(Math.max(0,c-d)).value,l.sample(c).value,d),l.stop()}}const Sv=(e,t)=>t==="zIndex"?!1:!!(typeof e=="number"||Array.isArray(e)||typeof e=="string"&&(ma.test(e)||e==="0")&&!e.startsWith("url("));function vne(e){const t=e[0];if(e.length===1)return!0;for(let r=0;r<e.length;r++)if(e[r]!==t)return!0}function bne(e,t,r,n){const i=e[0];if(i===null)return!1;if(t==="display"||t==="visibility")return!0;const s=e[e.length-1],o=Sv(i,t),l=Sv(s,t);return Cs(o===l,`You are trying to animate ${t} from "${i}" to "${s}". "${o?s:i}" is not an animatable value.`,"value-not-animatable"),!o||!l?!1:vne(e)||(r==="spring"||Uk(r))&&n}function wne(e){e.duration=0,e.type="keyframes"}const jne=new Set(["opacity","clipPath","filter","transform"]),Cne=s3(()=>Object.hasOwnProperty.call(Element.prototype,"animate"));function Nne(e){const{motionValue:t,name:r,repeatDelay:n,repeatType:i,damping:s,type:o}=e;if(!(t?.owner?.current instanceof HTMLElement))return!1;const{onUpdate:c,transformTemplate:d}=t.owner.getProps();return Cne()&&r&&jne.has(r)&&(r!=="transform"||!d)&&!c&&!n&&i!=="mirror"&&s!==0&&o!=="inertia"}const kne=40;class Sne extends y3{constructor({autoplay:t=!0,delay:r=0,type:n="keyframes",repeat:i=0,repeatDelay:s=0,repeatType:o="loop",keyframes:l,name:c,motionValue:d,element:u,...f}){super(),this.stop=()=>{this._animation&&(this._animation.stop(),this.stopTimeline?.()),this.keyframeResolver?.cancel()},this.createdAt=Jt.now();const p={autoplay:t,delay:r,type:n,repeat:i,repeatDelay:s,repeatType:o,name:c,motionValue:d,element:u,...f},h=u?.KeyframeResolver||b3;this.keyframeResolver=new h(l,(m,g,x)=>this.onKeyframesResolved(m,g,p,!x),c,d,u),this.keyframeResolver?.scheduleResolve()}onKeyframesResolved(t,r,n,i){this.keyframeResolver=void 0;const{name:s,type:o,velocity:l,delay:c,isHandoff:d,onUpdate:u}=n;this.resolvedAt=Jt.now(),bne(t,s,o,l)||((Rn.instantAnimations||!c)&&u?.(x3(t,n,r)),t[0]=t[t.length-1],wne(n),n.repeat=0);const p={startTime:i?this.resolvedAt?this.resolvedAt-this.createdAt>kne?this.resolvedAt:this.createdAt:this.createdAt:void 0,finalKeyframe:r,...n,keyframes:t},h=!d&&Nne(p)?new yne({...p,element:p.motionValue.owner.current}):new v3(p);h.finished.then(()=>this.notifyFinished()).catch(Or),this.pendingTimeline&&(this.stopTimeline=h.attachTimeline(this.pendingTimeline),this.pendingTimeline=void 0),this._animation=h}get finished(){return this._animation?this.animation.finished:this._finished}then(t,r){return this.finished.finally(t).then(()=>{})}get animation(){return this._animation||(this.keyframeResolver?.resume(),one()),this._animation}get duration(){return this.animation.duration}get iterationDuration(){return this.animation.iterationDuration}get time(){return this.animation.time}set time(t){this.animation.time=t}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(t){this.animation.speed=t}get startTime(){return this.animation.startTime}attachTimeline(t){return this._animation?this.stopTimeline=this.animation.attachTimeline(t):this.pendingTimeline=t,()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){this._animation&&this.animation.cancel(),this.keyframeResolver?.cancel()}}const Ene=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function Pne(e){const t=Ene.exec(e);if(!t)return[,];const[,r,n,i]=t;return[`--${r??n}`,i]}const Mne=4;function Gk(e,t,r=1){Vn(r<=Mne,`Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`,"max-css-var-depth");const[n,i]=Pne(e);if(!n)return;const s=window.getComputedStyle(t).getPropertyValue(n);if(s){const o=s.trim();return hk(o)?parseFloat(o):o}return f3(i)?Gk(i,t,r+1):i}function w3(e,t){return e?.[t]??e?.default??e}const Kk=new Set(["width","height","top","left","right","bottom",...ks]),Ane={test:e=>e==="auto",parse:e=>e},Zk=e=>t=>t.test(e),Yk=[Ns,pe,sn,Qn,vre,yre,Ane],Ev=e=>Yk.find(Zk(e));function Tne(e){return typeof e=="number"?e===0:e!==null?e==="none"||e==="0"||xk(e):!0}const One=new Set(["brightness","contrast","saturate","opacity"]);function Lne(e){const[t,r]=e.slice(0,-1).split("(");if(t==="drop-shadow")return e;const[n]=r.match(p3)||[];if(!n)return e;const i=r.replace(n,"");let s=One.has(t)?1:0;return n!==r&&(s*=100),t+"("+s+i+")"}const Dne=/\b([a-z-]*)\(.*?\)/gu,np={...ma,getAnimatableNone:e=>{const t=e.match(Dne);return t?t.map(Lne).join(" "):e}},Pv={...Ns,transform:Math.round},Ine={rotate:Qn,rotateX:Qn,rotateY:Qn,rotateZ:Qn,scale:tc,scaleX:tc,scaleY:tc,scaleZ:tc,skew:Qn,skewX:Qn,skewY:Qn,distance:pe,translateX:pe,translateY:pe,translateZ:pe,x:pe,y:pe,z:pe,perspective:pe,transformPerspective:pe,opacity:Mo,originX:gv,originY:gv,originZ:pe},j3={borderWidth:pe,borderTopWidth:pe,borderRightWidth:pe,borderBottomWidth:pe,borderLeftWidth:pe,borderRadius:pe,radius:pe,borderTopLeftRadius:pe,borderTopRightRadius:pe,borderBottomRightRadius:pe,borderBottomLeftRadius:pe,width:pe,maxWidth:pe,height:pe,maxHeight:pe,top:pe,right:pe,bottom:pe,left:pe,inset:pe,insetBlock:pe,insetBlockStart:pe,insetBlockEnd:pe,insetInline:pe,insetInlineStart:pe,insetInlineEnd:pe,padding:pe,paddingTop:pe,paddingRight:pe,paddingBottom:pe,paddingLeft:pe,paddingBlock:pe,paddingBlockStart:pe,paddingBlockEnd:pe,paddingInline:pe,paddingInlineStart:pe,paddingInlineEnd:pe,margin:pe,marginTop:pe,marginRight:pe,marginBottom:pe,marginLeft:pe,marginBlock:pe,marginBlockStart:pe,marginBlockEnd:pe,marginInline:pe,marginInlineStart:pe,marginInlineEnd:pe,backgroundPositionX:pe,backgroundPositionY:pe,...Ine,zIndex:Pv,fillOpacity:Mo,strokeOpacity:Mo,numOctaves:Pv},zne={...j3,color:xt,backgroundColor:xt,outlineColor:xt,fill:xt,stroke:xt,borderColor:xt,borderTopColor:xt,borderRightColor:xt,borderBottomColor:xt,borderLeftColor:xt,filter:np,WebkitFilter:np},Xk=e=>zne[e];function Jk(e,t){let r=Xk(e);return r!==np&&(r=ma),r.getAnimatableNone?r.getAnimatableNone(t):void 0}const Vne=new Set(["auto","none","0"]);function Rne(e,t,r){let n=0,i;for(;n<e.length&&!i;){const s=e[n];typeof s=="string"&&!Vne.has(s)&&Ao(s).values.length&&(i=e[n]),n++}if(i&&r)for(const s of t)e[s]=Jk(r,i)}class _ne extends b3{constructor(t,r,n,i,s){super(t,r,n,i,s,!0)}readKeyframes(){const{unresolvedKeyframes:t,element:r,name:n}=this;if(!r||!r.current)return;super.readKeyframes();for(let u=0;u<t.length;u++){let f=t[u];if(typeof f=="string"&&(f=f.trim(),f3(f))){const p=Gk(f,r.current);p!==void 0&&(t[u]=p),u===t.length-1&&(this.finalKeyframe=f)}}if(this.resolveNoneKeyframes(),!Kk.has(n)||t.length!==2)return;const[i,s]=t,o=Ev(i),l=Ev(s),c=hv(i),d=hv(s);if(c!==d&&sa[n]){this.needsMeasurement=!0;return}if(o!==l)if(Nv(o)&&Nv(l))for(let u=0;u<t.length;u++){const f=t[u];typeof f=="string"&&(t[u]=parseFloat(f))}else sa[n]&&(this.needsMeasurement=!0)}resolveNoneKeyframes(){const{unresolvedKeyframes:t,name:r}=this,n=[];for(let i=0;i<t.length;i++)(t[i]===null||Tne(t[i]))&&n.push(i);n.length&&Rne(t,n,r)}measureInitialState(){const{element:t,unresolvedKeyframes:r,name:n}=this;if(!t||!t.current)return;n==="height"&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=sa[n](t.measureViewportBox(),window.getComputedStyle(t.current)),r[0]=this.measuredOrigin;const i=r[r.length-1];i!==void 0&&t.getValue(n,i).jump(i,!1)}measureEndState(){const{element:t,name:r,unresolvedKeyframes:n}=this;if(!t||!t.current)return;const i=t.getValue(r);i&&i.jump(this.measuredOrigin,!1);const s=n.length-1,o=n[s];n[s]=sa[r](t.measureViewportBox(),window.getComputedStyle(t.current)),o!==null&&this.finalKeyframe===void 0&&(this.finalKeyframe=o),this.removedTransforms?.length&&this.removedTransforms.forEach(([l,c])=>{t.getValue(l).set(c)}),this.resolveNoneKeyframes()}}function Fne(e,t,r){if(e instanceof EventTarget)return[e];if(typeof e=="string"){let n=document;const i=r?.[e]??n.querySelectorAll(e);return i?Array.from(i):[]}return Array.from(e)}const Qk=(e,t)=>t&&typeof e=="number"?t.transform(e):e;function Bne(e){return gk(e)&&"offsetHeight"in e}const Mv=30,qne=e=>!isNaN(parseFloat(e));class $ne{constructor(t,r={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=n=>{const i=Jt.now();if(this.updatedAt!==i&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(n),this.current!==this.prev&&(this.events.change?.notify(this.current),this.dependents))for(const s of this.dependents)s.dirty()},this.hasAnimated=!1,this.setCurrent(t),this.owner=r.owner}setCurrent(t){this.current=t,this.updatedAt=Jt.now(),this.canTrackVelocity===null&&t!==void 0&&(this.canTrackVelocity=qne(this.current))}setPrevFrameValue(t=this.current){this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt}onChange(t){return process.env.NODE_ENV!=="production"&&l3(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",t)}on(t,r){this.events[t]||(this.events[t]=new o3);const n=this.events[t].add(r);return t==="change"?()=>{n(),Qe.read(()=>{this.events.change.getSize()||this.stop()})}:n}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,r){this.passiveEffect=t,this.stopPassiveEffect=r}set(t){this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t)}setWithVelocity(t,r,n){this.set(r),this.prev=void 0,this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt-n}jump(t,r=!0){this.updateAndNotify(t),this.prev=t,this.prevUpdatedAt=this.prevFrameValue=void 0,r&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){this.events.change?.notify(this.current)}addDependent(t){this.dependents||(this.dependents=new Set),this.dependents.add(t)}removeDependent(t){this.dependents&&this.dependents.delete(t)}get(){return this.current}getPrevious(){return this.prev}getVelocity(){const t=Jt.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||t-this.updatedAt>Mv)return 0;const r=Math.min(this.updatedAt-this.prevUpdatedAt,Mv);return yk(parseFloat(this.current)-parseFloat(this.prevFrameValue),r)}start(t){return this.stop(),new Promise(r=>{this.hasAnimated=!0,this.animation=t(r),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.dependents?.clear(),this.events.destroy?.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function rs(e,t){return new $ne(e,t)}const{schedule:C3}=Mk(queueMicrotask,!1),Vr={x:!1,y:!1};function eS(){return Vr.x||Vr.y}function Hne(e){return e==="x"||e==="y"?Vr[e]?null:(Vr[e]=!0,()=>{Vr[e]=!1}):Vr.x||Vr.y?null:(Vr.x=Vr.y=!0,()=>{Vr.x=Vr.y=!1})}function tS(e,t){const r=Fne(e),n=new AbortController,i={passive:!0,...t,signal:n.signal};return[r,i,()=>n.abort()]}function Av(e){return!(e.pointerType==="touch"||eS())}function Une(e,t,r={}){const[n,i,s]=tS(e,r),o=l=>{if(!Av(l))return;const{target:c}=l,d=t(c,l);if(typeof d!="function"||!c)return;const u=f=>{Av(f)&&(d(f),c.removeEventListener("pointerleave",u))};c.addEventListener("pointerleave",u,i)};return n.forEach(l=>{l.addEventListener("pointerenter",o,i)}),s}const rS=(e,t)=>t?e===t?!0:rS(e,t.parentElement):!1,N3=e=>e.pointerType==="mouse"?typeof e.button!="number"||e.button<=0:e.isPrimary!==!1,Wne=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);function Gne(e){return Wne.has(e.tagName)||e.isContentEditable===!0}const pc=new WeakSet;function Tv(e){return t=>{t.key==="Enter"&&e(t)}}function j2(e,t){e.dispatchEvent(new PointerEvent("pointer"+t,{isPrimary:!0,bubbles:!0}))}const Kne=(e,t)=>{const r=e.currentTarget;if(!r)return;const n=Tv(()=>{if(pc.has(r))return;j2(r,"down");const i=Tv(()=>{j2(r,"up")}),s=()=>j2(r,"cancel");r.addEventListener("keyup",i,t),r.addEventListener("blur",s,t)});r.addEventListener("keydown",n,t),r.addEventListener("blur",()=>r.removeEventListener("keydown",n),t)};function Ov(e){return N3(e)&&!eS()}function Zne(e,t,r={}){const[n,i,s]=tS(e,r),o=l=>{const c=l.currentTarget;if(!Ov(l))return;pc.add(c);const d=t(c,l),u=(h,m)=>{window.removeEventListener("pointerup",f),window.removeEventListener("pointercancel",p),pc.has(c)&&pc.delete(c),Ov(h)&&typeof d=="function"&&d(h,{success:m})},f=h=>{u(h,c===window||c===document||r.useGlobalTarget||rS(c,h.target))},p=h=>{u(h,!1)};window.addEventListener("pointerup",f,i),window.addEventListener("pointercancel",p,i)};return n.forEach(l=>{(r.useGlobalTarget?window:l).addEventListener("pointerdown",o,i),Bne(l)&&(l.addEventListener("focus",d=>Kne(d,i)),!Gne(l)&&!l.hasAttribute("tabindex")&&(l.tabIndex=0))}),s}function nS(e){return gk(e)&&"ownerSVGElement"in e}function Yne(e){return nS(e)&&e.tagName==="svg"}const Ht=e=>!!(e&&e.getVelocity),Xne=[...Yk,xt,ma],Jne=e=>Xne.find(Zk(e)),aS=w.createContext({transformPagePoint:e=>e,isStatic:!1,reducedMotion:"never"});function Qne(e=!0){const t=w.useContext(n3);if(t===null)return[!0,null];const{isPresent:r,onExitComplete:n,register:i}=t,s=w.useId();w.useEffect(()=>{if(e)return i(s)},[e]);const o=w.useCallback(()=>e&&n&&n(s),[s,n,e]);return!r&&n?[!1,o]:[!0]}const eae=w.createContext(null);function tae(){const e=w.useRef(!1);return mk(()=>(e.current=!0,()=>{e.current=!1}),[]),e}function rae(){const e=tae(),[t,r]=w.useState(0),n=w.useCallback(()=>{e.current&&r(t+1)},[t]);return[w.useCallback(()=>Qe.postRender(n),[n]),t]}const nae=e=>!e.isLayoutDirty&&e.willUpdate(!1);function Lv(){const e=new Set,t=new WeakMap,r=()=>e.forEach(nae);return{add:n=>{e.add(n),t.set(n,n.addEventListener("willUpdate",r))},remove:n=>{e.delete(n);const i=t.get(n);i&&(i(),t.delete(n)),r()},dirty:r}}const iS=e=>e===!0,aae=e=>iS(e===!0)||e==="id",iae=({children:e,id:t,inherit:r=!0})=>{const n=w.useContext(Sd),i=w.useContext(eae),[s,o]=rae(),l=w.useRef(null),c=n.id||i;l.current===null&&(aae(r)&&c&&(t=t?c+"-"+t:c),l.current={id:t,group:iS(r)&&n.group||Lv()});const d=w.useMemo(()=>({...l.current,forceRender:s}),[o]);return a.jsx(Sd.Provider,{value:d,children:e})},sS=w.createContext({strict:!1}),Dv={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},ns={};for(const e in Dv)ns[e]={isEnabled:t=>Dv[e].some(r=>!!t[r])};function sae(e){for(const t in e)ns[t]={...ns[t],...e[t]}}const oae=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","ignoreStrict","viewport"]);function Ad(e){return e.startsWith("while")||e.startsWith("drag")&&e!=="draggable"||e.startsWith("layout")||e.startsWith("onTap")||e.startsWith("onPan")||e.startsWith("onLayout")||oae.has(e)}let oS=e=>!Ad(e);function lae(e){typeof e=="function"&&(oS=t=>t.startsWith("on")?!Ad(t):e(t))}try{lae(require("@emotion/is-prop-valid").default)}catch{}function cae(e,t,r){const n={};for(const i in e)i==="values"&&typeof e.values=="object"||(oS(i)||r===!0&&Ad(i)||!t&&!Ad(i)||e.draggable&&i.startsWith("onDrag"))&&(n[i]=e[i]);return n}function dae(e){if(typeof Proxy>"u")return e;const t=new Map,r=(...n)=>(process.env.NODE_ENV!=="production"&&l3(!1,"motion() is deprecated. Use motion.create() instead."),e(...n));return new Proxy(r,{get:(n,i)=>i==="create"?e:(t.has(i)||t.set(i,e(i)),t.get(i))})}const o0=w.createContext({});function l0(e){return e!==null&&typeof e=="object"&&typeof e.start=="function"}function To(e){return typeof e=="string"||Array.isArray(e)}const k3=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],S3=["initial",...k3];function c0(e){return l0(e.animate)||S3.some(t=>To(e[t]))}function lS(e){return!!(c0(e)||e.variants)}function uae(e,t){if(c0(e)){const{initial:r,animate:n}=e;return{initial:r===!1||To(r)?r:void 0,animate:To(n)?n:void 0}}return e.inherit!==!1?t:{}}function fae(e){const{initial:t,animate:r}=uae(e,w.useContext(o0));return w.useMemo(()=>({initial:t,animate:r}),[Iv(t),Iv(r)])}function Iv(e){return Array.isArray(e)?e.join(" "):e}const pae=Symbol.for("motionComponentSymbol");function Di(e){return e&&typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}function mae(e,t,r){return w.useCallback(n=>{n&&e.onMount&&e.onMount(n),t&&(n?t.mount(n):t.unmount()),r&&(typeof r=="function"?r(n):Di(r)&&(r.current=n))},[t])}const E3=e=>e.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),hae="framerAppearId",cS="data-"+E3(hae),dS=w.createContext({});function gae(e,t,r,n,i){const{visualElement:s}=w.useContext(o0),o=w.useContext(sS),l=w.useContext(n3),c=w.useContext(aS).reducedMotion,d=w.useRef(null);n=n||o.renderer,!d.current&&n&&(d.current=n(e,{visualState:t,parent:s,props:r,presenceContext:l,blockInitialAnimation:l?l.initial===!1:!1,reducedMotionConfig:c}));const u=d.current,f=w.useContext(dS);u&&!u.projection&&i&&(u.type==="html"||u.type==="svg")&&xae(d.current,r,i,f);const p=w.useRef(!1);w.useInsertionEffect(()=>{u&&p.current&&u.update(r,l)});const h=r[cS],m=w.useRef(!!h&&!window.MotionHandoffIsComplete?.(h)&&window.MotionHasOptimisedAnimation?.(h));return mk(()=>{u&&(p.current=!0,window.MotionIsMounted=!0,u.updateFeatures(),C3.render(u.render),m.current&&u.animationState&&u.animationState.animateChanges())}),w.useEffect(()=>{u&&(!m.current&&u.animationState&&u.animationState.animateChanges(),m.current&&(queueMicrotask(()=>{window.MotionHandoffMarkAsComplete?.(h)}),m.current=!1))}),u}function xae(e,t,r,n){const{layoutId:i,layout:s,drag:o,dragConstraints:l,layoutScroll:c,layoutRoot:d,layoutCrossfade:u}=t;e.projection=new r(e.latestValues,t["data-framer-portal-id"]?void 0:uS(e.parent)),e.projection.setOptions({layoutId:i,layout:s,alwaysMeasureLayout:!!o||l&&Di(l),visualElement:e,animationType:typeof s=="string"?s:"both",initialPromotionConfig:n,crossfade:u,layoutScroll:c,layoutRoot:d})}function uS(e){if(e)return e.options.allowProjection!==!1?e.projection:uS(e.parent)}function yae({preloadedFeatures:e,createVisualElement:t,useRender:r,useVisualState:n,Component:i}){e&&sae(e);function s(l,c){let d;const u={...w.useContext(aS),...l,layoutId:vae(l)},{isStatic:f}=u,p=fae(l),h=n(l,f);if(!f&&r3){bae(u,e);const m=wae(u);d=m.MeasureLayout,p.visualElement=gae(i,h,u,t,m.ProjectionNode)}return a.jsxs(o0.Provider,{value:p,children:[d&&p.visualElement?a.jsx(d,{visualElement:p.visualElement,...u}):null,r(i,l,mae(h,p.visualElement,c),h,f,p.visualElement)]})}s.displayName=`motion.${typeof i=="string"?i:`create(${i.displayName??i.name??""})`}`;const o=w.forwardRef(s);return o[pae]=i,o}function vae({layoutId:e}){const t=w.useContext(Sd).id;return t&&e!==void 0?t+"-"+e:e}function bae(e,t){const r=w.useContext(sS).strict;if(process.env.NODE_ENV!=="production"&&t&&r){const n="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";e.ignoreStrict?Cs(!1,n,"lazy-strict-mode"):Vn(!1,n,"lazy-strict-mode")}}function wae(e){const{drag:t,layout:r}=ns;if(!t&&!r)return{};const n={...t,...r};return{MeasureLayout:t?.isEnabled(e)||r?.isEnabled(e)?n.MeasureLayout:void 0,ProjectionNode:n.ProjectionNode}}const Oo={};function jae(e){for(const t in e)Oo[t]=e[t],u3(t)&&(Oo[t].isCSSVariable=!0)}function fS(e,{layout:t,layoutId:r}){return Ss.has(e)||e.startsWith("origin")||(t||r!==void 0)&&(!!Oo[e]||e==="opacity")}const Cae={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},Nae=ks.length;function kae(e,t,r){let n="",i=!0;for(let s=0;s<Nae;s++){const o=ks[s],l=e[o];if(l===void 0)continue;let c=!0;if(typeof l=="number"?c=l===(o.startsWith("scale")?1:0):c=parseFloat(l)===0,!c||r){const d=Qk(l,j3[o]);if(!c){i=!1;const u=Cae[o]||o;n+=`${u}(${d}) `}r&&(t[o]=d)}}return n=n.trim(),r?n=r(t,i?"":n):i&&(n="none"),n}function P3(e,t,r){const{style:n,vars:i,transformOrigin:s}=e;let o=!1,l=!1;for(const c in t){const d=t[c];if(Ss.has(c)){o=!0;continue}else if(u3(c)){i[c]=d;continue}else{const u=Qk(d,j3[c]);c.startsWith("origin")?(l=!0,s[c]=u):n[c]=u}}if(t.transform||(o||r?n.transform=kae(t,e.transform,r):n.transform&&(n.transform="none")),l){const{originX:c="50%",originY:d="50%",originZ:u=0}=s;n.transformOrigin=`${c} ${d} ${u}`}}const M3=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function pS(e,t,r){for(const n in t)!Ht(t[n])&&!fS(n,r)&&(e[n]=t[n])}function Sae({transformTemplate:e},t){return w.useMemo(()=>{const r=M3();return P3(r,t,e),Object.assign({},r.vars,r.style)},[t])}function Eae(e,t){const r=e.style||{},n={};return pS(n,r,e),Object.assign(n,Sae(e,t)),n}function Pae(e,t){const r={},n=Eae(e,t);return e.drag&&e.dragListener!==!1&&(r.draggable=!1,n.userSelect=n.WebkitUserSelect=n.WebkitTouchCallout="none",n.touchAction=e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(r.tabIndex=0),r.style=n,r}const Mae={offset:"stroke-dashoffset",array:"stroke-dasharray"},Aae={offset:"strokeDashoffset",array:"strokeDasharray"};function Tae(e,t,r=1,n=0,i=!0){e.pathLength=1;const s=i?Mae:Aae;e[s.offset]=pe.transform(-n);const o=pe.transform(t),l=pe.transform(r);e[s.array]=`${o} ${l}`}function mS(e,{attrX:t,attrY:r,attrScale:n,pathLength:i,pathSpacing:s=1,pathOffset:o=0,...l},c,d,u){if(P3(e,l,d),c){e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox);return}e.attrs=e.style,e.style={};const{attrs:f,style:p}=e;f.transform&&(p.transform=f.transform,delete f.transform),(p.transform||f.transformOrigin)&&(p.transformOrigin=f.transformOrigin??"50% 50%",delete f.transformOrigin),p.transform&&(p.transformBox=u?.transformBox??"fill-box",delete f.transformBox),t!==void 0&&(f.x=t),r!==void 0&&(f.y=r),n!==void 0&&(f.scale=n),i!==void 0&&Tae(f,i,s,o,!1)}const hS=()=>({...M3(),attrs:{}}),gS=e=>typeof e=="string"&&e.toLowerCase()==="svg";function Oae(e,t,r,n){const i=w.useMemo(()=>{const s=hS();return mS(s,t,gS(n),e.transformTemplate,e.style),{...s.attrs,style:{...s.style}}},[t]);if(e.style){const s={};pS(s,e.style,e),i.style={...s,...i.style}}return i}const Lae=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function A3(e){return typeof e!="string"||e.includes("-")?!1:!!(Lae.indexOf(e)>-1||/[A-Z]/u.test(e))}function Dae(e=!1){return(r,n,i,{latestValues:s},o)=>{const c=(A3(r)?Oae:Pae)(n,s,o,r),d=cae(n,typeof r=="string",e),u=r!==w.Fragment?{...d,...c,ref:i}:{},{children:f}=n,p=w.useMemo(()=>Ht(f)?f.get():f,[f]);return w.createElement(r,{...u,children:p})}}function zv(e){const t=[{},{}];return e?.values.forEach((r,n)=>{t[0][n]=r.get(),t[1][n]=r.getVelocity()}),t}function T3(e,t,r,n){if(typeof t=="function"){const[i,s]=zv(n);t=t(r!==void 0?r:e.custom,i,s)}if(typeof t=="string"&&(t=e.variants&&e.variants[t]),typeof t=="function"){const[i,s]=zv(n);t=t(r!==void 0?r:e.custom,i,s)}return t}function mc(e){return Ht(e)?e.get():e}function Iae({scrapeMotionValuesFromProps:e,createRenderState:t},r,n,i){return{latestValues:zae(r,n,i,e),renderState:t()}}const xS=e=>(t,r)=>{const n=w.useContext(o0),i=w.useContext(n3),s=()=>Iae(e,t,n,i);return r?s():ere(s)};function zae(e,t,r,n){const i={},s=n(e,{});for(const p in s)i[p]=mc(s[p]);let{initial:o,animate:l}=e;const c=c0(e),d=lS(e);t&&d&&!c&&e.inherit!==!1&&(o===void 0&&(o=t.initial),l===void 0&&(l=t.animate));let u=r?r.initial===!1:!1;u=u||o===!1;const f=u?l:o;if(f&&typeof f!="boolean"&&!l0(f)){const p=Array.isArray(f)?f:[f];for(let h=0;h<p.length;h++){const m=T3(e,p[h]);if(m){const{transitionEnd:g,transition:x,...y}=m;for(const v in y){let b=y[v];if(Array.isArray(b)){const j=u?b.length-1:0;b=b[j]}b!==null&&(i[v]=b)}for(const v in g)i[v]=g[v]}}}return i}function O3(e,t,r){const{style:n}=e,i={};for(const s in n)(Ht(n[s])||t.style&&Ht(t.style[s])||fS(s,e)||r?.getValue(s)?.liveStyle!==void 0)&&(i[s]=n[s]);return i}const Vae={useVisualState:xS({scrapeMotionValuesFromProps:O3,createRenderState:M3})};function yS(e,t,r){const n=O3(e,t,r);for(const i in e)if(Ht(e[i])||Ht(t[i])){const s=ks.indexOf(i)!==-1?"attr"+i.charAt(0).toUpperCase()+i.substring(1):i;n[s]=e[i]}return n}const Rae={useVisualState:xS({scrapeMotionValuesFromProps:yS,createRenderState:hS})};function _ae(e,t){return function(n,{forwardMotionProps:i}={forwardMotionProps:!1}){const o={...A3(n)?Rae:Vae,preloadedFeatures:e,useRender:Dae(i),createVisualElement:t,Component:n};return yae(o)}}function Lo(e,t,r){const n=e.getProps();return T3(n,t,r!==void 0?r:n.custom,e)}const ap=e=>Array.isArray(e);function Fae(e,t,r){e.hasValue(t)?e.getValue(t).set(r):e.addValue(t,rs(r))}function Bae(e){return ap(e)?e[e.length-1]||0:e}function qae(e,t){const r=Lo(e,t);let{transitionEnd:n={},transition:i={},...s}=r||{};s={...s,...n};for(const o in s){const l=Bae(s[o]);Fae(e,o,l)}}function $ae(e){return!!(Ht(e)&&e.add)}function ip(e,t){const r=e.getValue("willChange");if($ae(r))return r.add(t);if(!r&&Rn.WillChange){const n=new Rn.WillChange("auto");e.addValue("willChange",n),n.add(t)}}function vS(e){return e.props[cS]}const Hae=e=>e!==null;function Uae(e,{repeat:t,repeatType:r="loop"},n){const i=e.filter(Hae),s=t&&r!=="loop"&&t%2===1?0:i.length-1;return i[s]}const Wae={type:"spring",stiffness:500,damping:25,restSpeed:10},Gae=e=>({type:"spring",stiffness:550,damping:e===0?2*Math.sqrt(550):30,restSpeed:10}),Kae={type:"keyframes",duration:.8},Zae={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},Yae=(e,{keyframes:t})=>t.length>2?Kae:Ss.has(e)?e.startsWith("scale")?Gae(t[1]):Wae:Zae;function Xae({when:e,delay:t,delayChildren:r,staggerChildren:n,staggerDirection:i,repeat:s,repeatType:o,repeatDelay:l,from:c,elapsed:d,...u}){return!!Object.keys(u).length}const L3=(e,t,r,n={},i,s)=>o=>{const l=w3(n,e)||{},c=l.delay||n.delay||0;let{elapsed:d=0}=n;d=d-an(c);const u={keyframes:Array.isArray(r)?r:[null,r],ease:"easeOut",velocity:t.getVelocity(),...l,delay:-d,onUpdate:p=>{t.set(p),l.onUpdate&&l.onUpdate(p)},onComplete:()=>{o(),l.onComplete&&l.onComplete()},name:e,motionValue:t,element:s?void 0:i};Xae(l)||Object.assign(u,Yae(e,u)),u.duration&&(u.duration=an(u.duration)),u.repeatDelay&&(u.repeatDelay=an(u.repeatDelay)),u.from!==void 0&&(u.keyframes[0]=u.from);let f=!1;if((u.type===!1||u.duration===0&&!u.repeatDelay)&&(u.duration=0,u.delay===0&&(f=!0)),(Rn.instantAnimations||Rn.skipAnimations)&&(f=!0,u.duration=0,u.delay=0),u.allowFlatten=!l.type&&!l.ease,f&&!s&&t.get()!==void 0){const p=Uae(u.keyframes,l);if(p!==void 0){Qe.update(()=>{u.onUpdate(p),u.onComplete()});return}}return l.isSync?new v3(u):new Sne(u)};function Jae({protectedKeys:e,needsAnimating:t},r){const n=e.hasOwnProperty(r)&&t[r]!==!0;return t[r]=!1,n}function bS(e,t,{delay:r=0,transitionOverride:n,type:i}={}){let{transition:s=e.getDefaultTransition(),transitionEnd:o,...l}=t;n&&(s=n);const c=[],d=i&&e.animationState&&e.animationState.getState()[i];for(const u in l){const f=e.getValue(u,e.latestValues[u]??null),p=l[u];if(p===void 0||d&&Jae(d,u))continue;const h={delay:r,...w3(s||{},u)},m=f.get();if(m!==void 0&&!f.isAnimating&&!Array.isArray(p)&&p===m&&!h.velocity)continue;let g=!1;if(window.MotionHandoffAnimation){const y=vS(e);if(y){const v=window.MotionHandoffAnimation(y,u,Qe);v!==null&&(h.startTime=v,g=!0)}}ip(e,u),f.start(L3(u,f,p,e.shouldReduceMotion&&Kk.has(u)?{type:!1}:h,e,g));const x=f.animation;x&&c.push(x)}return o&&Promise.all(c).then(()=>{Qe.update(()=>{o&&qae(e,o)})}),c}function sp(e,t,r={}){const n=Lo(e,t,r.type==="exit"?e.presenceContext?.custom:void 0);let{transition:i=e.getDefaultTransition()||{}}=n||{};r.transitionOverride&&(i=r.transitionOverride);const s=n?()=>Promise.all(bS(e,n,r)):()=>Promise.resolve(),o=e.variantChildren&&e.variantChildren.size?(c=0)=>{const{delayChildren:d=0,staggerChildren:u,staggerDirection:f}=i;return Qae(e,t,c,d,u,f,r)}:()=>Promise.resolve(),{when:l}=i;if(l){const[c,d]=l==="beforeChildren"?[s,o]:[o,s];return c().then(()=>d())}else return Promise.all([s(),o(r.delay)])}function Qae(e,t,r=0,n=0,i=0,s=1,o){const l=[],c=e.variantChildren.size,d=(c-1)*i,u=typeof n=="function",f=u?p=>n(p,c):s===1?(p=0)=>p*i:(p=0)=>d-p*i;return Array.from(e.variantChildren).sort(eie).forEach((p,h)=>{p.notify("AnimationStart",t),l.push(sp(p,t,{...o,delay:r+(u?0:n)+f(h)}).then(()=>p.notify("AnimationComplete",t)))}),Promise.all(l)}function eie(e,t){return e.sortNodePosition(t)}function tie(e,t,r={}){e.notify("AnimationStart",t);let n;if(Array.isArray(t)){const i=t.map(s=>sp(e,s,r));n=Promise.all(i)}else if(typeof t=="string")n=sp(e,t,r);else{const i=typeof t=="function"?Lo(e,t,r.custom):t;n=Promise.all(bS(e,i,r))}return n.then(()=>{e.notify("AnimationComplete",t)})}function wS(e,t){if(!Array.isArray(t))return!1;const r=t.length;if(r!==e.length)return!1;for(let n=0;n<r;n++)if(t[n]!==e[n])return!1;return!0}const rie=S3.length;function jS(e){if(!e)return;if(!e.isControllingVariants){const r=e.parent?jS(e.parent)||{}:{};return e.props.initial!==void 0&&(r.initial=e.props.initial),r}const t={};for(let r=0;r<rie;r++){const n=S3[r],i=e.props[n];(To(i)||i===!1)&&(t[n]=i)}return t}const nie=[...k3].reverse(),aie=k3.length;function iie(e){return t=>Promise.all(t.map(({animation:r,options:n})=>tie(e,r,n)))}function sie(e){let t=iie(e),r=Vv(),n=!0;const i=c=>(d,u)=>{const f=Lo(e,u,c==="exit"?e.presenceContext?.custom:void 0);if(f){const{transition:p,transitionEnd:h,...m}=f;d={...d,...m,...h}}return d};function s(c){t=c(e)}function o(c){const{props:d}=e,u=jS(e.parent)||{},f=[],p=new Set;let h={},m=1/0;for(let x=0;x<aie;x++){const y=nie[x],v=r[y],b=d[y]!==void 0?d[y]:u[y],j=To(b),C=y===c?v.isActive:null;C===!1&&(m=x);let N=b===u[y]&&b!==d[y]&&j;if(N&&n&&e.manuallyAnimateOnMount&&(N=!1),v.protectedKeys={...h},!v.isActive&&C===null||!b&&!v.prevProp||l0(b)||typeof b=="boolean")continue;const k=oie(v.prevProp,b);let S=k||y===c&&v.isActive&&!N&&j||x>m&&j,E=!1;const P=Array.isArray(b)?b:[b];let T=P.reduce(i(y),{});C===!1&&(T={});const{prevResolvedValues:A={}}=v,L={...A,...T},D=I=>{S=!0,p.has(I)&&(E=!0,p.delete(I)),v.needsAnimating[I]=!0;const _=e.getValue(I);_&&(_.liveStyle=!1)};for(const I in L){const _=T[I],q=A[I];if(h.hasOwnProperty(I))continue;let J=!1;ap(_)&&ap(q)?J=!wS(_,q):J=_!==q,J?_!=null?D(I):p.add(I):_!==void 0&&p.has(I)?D(I):v.protectedKeys[I]=!0}v.prevProp=b,v.prevResolvedValues=T,v.isActive&&(h={...h,...T}),n&&e.blockInitialAnimation&&(S=!1),S&&(!(N&&k)||E)&&f.push(...P.map(I=>({animation:I,options:{type:y}})))}if(p.size){const x={};if(typeof d.initial!="boolean"){const y=Lo(e,Array.isArray(d.initial)?d.initial[0]:d.initial);y&&y.transition&&(x.transition=y.transition)}p.forEach(y=>{const v=e.getBaseTarget(y),b=e.getValue(y);b&&(b.liveStyle=!0),x[y]=v??null}),f.push({animation:x})}let g=!!f.length;return n&&(d.initial===!1||d.initial===d.animate)&&!e.manuallyAnimateOnMount&&(g=!1),n=!1,g?t(f):Promise.resolve()}function l(c,d){if(r[c].isActive===d)return Promise.resolve();e.variantChildren?.forEach(f=>f.animationState?.setActive(c,d)),r[c].isActive=d;const u=o(c);for(const f in r)r[f].protectedKeys={};return u}return{animateChanges:o,setActive:l,setAnimateFunction:s,getState:()=>r,reset:()=>{r=Vv(),n=!0}}}function oie(e,t){return typeof t=="string"?t!==e:Array.isArray(t)?!wS(t,e):!1}function Ca(e=!1){return{isActive:e,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function Vv(){return{animate:Ca(!0),whileInView:Ca(),whileHover:Ca(),whileTap:Ca(),whileDrag:Ca(),whileFocus:Ca(),exit:Ca()}}class ya{constructor(t){this.isMounted=!1,this.node=t}update(){}}class lie extends ya{constructor(t){super(t),t.animationState||(t.animationState=sie(t))}updateAnimationControlsSubscription(){const{animate:t}=this.node.getProps();l0(t)&&(this.unmountControls=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:t}=this.node.getProps(),{animate:r}=this.node.prevProps||{};t!==r&&this.updateAnimationControlsSubscription()}unmount(){this.node.animationState.reset(),this.unmountControls?.()}}let cie=0;class die extends ya{constructor(){super(...arguments),this.id=cie++}update(){if(!this.node.presenceContext)return;const{isPresent:t,onExitComplete:r}=this.node.presenceContext,{isPresent:n}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===n)return;const i=this.node.animationState.setActive("exit",!t);r&&!t&&i.then(()=>{r(this.id)})}mount(){const{register:t,onExitComplete:r}=this.node.presenceContext||{};r&&r(this.id),t&&(this.unmount=t(this.id))}unmount(){}}const uie={animation:{Feature:lie},exit:{Feature:die}};function Do(e,t,r,n={passive:!0}){return e.addEventListener(t,r,n),()=>e.removeEventListener(t,r)}function yl(e){return{point:{x:e.pageX,y:e.pageY}}}const fie=e=>t=>N3(t)&&e(t,yl(t));function ao(e,t,r,n){return Do(e,t,fie(r),n)}function CS({top:e,left:t,right:r,bottom:n}){return{x:{min:t,max:r},y:{min:e,max:n}}}function pie({x:e,y:t}){return{top:t.min,right:e.max,bottom:t.max,left:e.min}}function mie(e,t){if(!t)return e;const r=t({x:e.left,y:e.top}),n=t({x:e.right,y:e.bottom});return{top:r.y,left:r.x,bottom:n.y,right:n.x}}const NS=1e-4,hie=1-NS,gie=1+NS,kS=.01,xie=0-kS,yie=0+kS;function Qt(e){return e.max-e.min}function vie(e,t,r){return Math.abs(e-t)<=r}function Rv(e,t,r,n=.5){e.origin=n,e.originPoint=st(t.min,t.max,e.origin),e.scale=Qt(r)/Qt(t),e.translate=st(r.min,r.max,e.origin)-e.originPoint,(e.scale>=hie&&e.scale<=gie||isNaN(e.scale))&&(e.scale=1),(e.translate>=xie&&e.translate<=yie||isNaN(e.translate))&&(e.translate=0)}function io(e,t,r,n){Rv(e.x,t.x,r.x,n?n.originX:void 0),Rv(e.y,t.y,r.y,n?n.originY:void 0)}function _v(e,t,r){e.min=r.min+t.min,e.max=e.min+Qt(t)}function bie(e,t,r){_v(e.x,t.x,r.x),_v(e.y,t.y,r.y)}function Fv(e,t,r){e.min=t.min-r.min,e.max=e.min+Qt(t)}function so(e,t,r){Fv(e.x,t.x,r.x),Fv(e.y,t.y,r.y)}const Bv=()=>({translate:0,scale:1,origin:0,originPoint:0}),Ii=()=>({x:Bv(),y:Bv()}),qv=()=>({min:0,max:0}),ct=()=>({x:qv(),y:qv()});function kr(e){return[e("x"),e("y")]}function C2(e){return e===void 0||e===1}function op({scale:e,scaleX:t,scaleY:r}){return!C2(e)||!C2(t)||!C2(r)}function Ea(e){return op(e)||SS(e)||e.z||e.rotate||e.rotateX||e.rotateY||e.skewX||e.skewY}function SS(e){return $v(e.x)||$v(e.y)}function $v(e){return e&&e!=="0%"}function Td(e,t,r){const n=e-r,i=t*n;return r+i}function Hv(e,t,r,n,i){return i!==void 0&&(e=Td(e,i,n)),Td(e,r,n)+t}function lp(e,t=0,r=1,n,i){e.min=Hv(e.min,t,r,n,i),e.max=Hv(e.max,t,r,n,i)}function ES(e,{x:t,y:r}){lp(e.x,t.translate,t.scale,t.originPoint),lp(e.y,r.translate,r.scale,r.originPoint)}const Uv=.999999999999,Wv=1.0000000000001;function wie(e,t,r,n=!1){const i=r.length;if(!i)return;t.x=t.y=1;let s,o;for(let l=0;l<i;l++){s=r[l],o=s.projectionDelta;const{visualElement:c}=s.options;c&&c.props.style&&c.props.style.display==="contents"||(n&&s.options.layoutScroll&&s.scroll&&s!==s.root&&Vi(e,{x:-s.scroll.offset.x,y:-s.scroll.offset.y}),o&&(t.x*=o.x.scale,t.y*=o.y.scale,ES(e,o)),n&&Ea(s.latestValues)&&Vi(e,s.latestValues))}t.x<Wv&&t.x>Uv&&(t.x=1),t.y<Wv&&t.y>Uv&&(t.y=1)}function zi(e,t){e.min=e.min+t,e.max=e.max+t}function Gv(e,t,r,n,i=.5){const s=st(e.min,e.max,i);lp(e,t,r,s,n)}function Vi(e,t){Gv(e.x,t.x,t.scaleX,t.scale,t.originX),Gv(e.y,t.y,t.scaleY,t.scale,t.originY)}function PS(e,t){return CS(mie(e.getBoundingClientRect(),t))}function jie(e,t,r){const n=PS(e,r),{scroll:i}=t;return i&&(zi(n.x,i.offset.x),zi(n.y,i.offset.y)),n}const MS=({current:e})=>e?e.ownerDocument.defaultView:null,Kv=(e,t)=>Math.abs(e-t);function Cie(e,t){const r=Kv(e.x,t.x),n=Kv(e.y,t.y);return Math.sqrt(r**2+n**2)}class AS{constructor(t,r,{transformPagePoint:n,contextWindow:i=window,dragSnapToOrigin:s=!1,distanceThreshold:o=3}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const p=k2(this.lastMoveEventInfo,this.history),h=this.startEvent!==null,m=Cie(p.offset,{x:0,y:0})>=this.distanceThreshold;if(!h&&!m)return;const{point:g}=p,{timestamp:x}=Vt;this.history.push({...g,timestamp:x});const{onStart:y,onMove:v}=this.handlers;h||(y&&y(this.lastMoveEvent,p),this.startEvent=this.lastMoveEvent),v&&v(this.lastMoveEvent,p)},this.handlePointerMove=(p,h)=>{this.lastMoveEvent=p,this.lastMoveEventInfo=N2(h,this.transformPagePoint),Qe.update(this.updatePoint,!0)},this.handlePointerUp=(p,h)=>{this.end();const{onEnd:m,onSessionEnd:g,resumeAnimation:x}=this.handlers;if(this.dragSnapToOrigin&&x&&x(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const y=k2(p.type==="pointercancel"?this.lastMoveEventInfo:N2(h,this.transformPagePoint),this.history);this.startEvent&&m&&m(p,y),g&&g(p,y)},!N3(t))return;this.dragSnapToOrigin=s,this.handlers=r,this.transformPagePoint=n,this.distanceThreshold=o,this.contextWindow=i||window;const l=yl(t),c=N2(l,this.transformPagePoint),{point:d}=c,{timestamp:u}=Vt;this.history=[{...d,timestamp:u}];const{onSessionStart:f}=r;f&&f(t,k2(c,this.history)),this.removeListeners=hl(ao(this.contextWindow,"pointermove",this.handlePointerMove),ao(this.contextWindow,"pointerup",this.handlePointerUp),ao(this.contextWindow,"pointercancel",this.handlePointerUp))}updateHandlers(t){this.handlers=t}end(){this.removeListeners&&this.removeListeners(),pa(this.updatePoint)}}function N2(e,t){return t?{point:t(e.point)}:e}function Zv(e,t){return{x:e.x-t.x,y:e.y-t.y}}function k2({point:e},t){return{point:e,delta:Zv(e,TS(t)),offset:Zv(e,Nie(t)),velocity:kie(t,.1)}}function Nie(e){return e[0]}function TS(e){return e[e.length-1]}function kie(e,t){if(e.length<2)return{x:0,y:0};let r=e.length-1,n=null;const i=TS(e);for(;r>=0&&(n=e[r],!(i.timestamp-n.timestamp>an(t)));)r--;if(!n)return{x:0,y:0};const s=Ar(i.timestamp-n.timestamp);if(s===0)return{x:0,y:0};const o={x:(i.x-n.x)/s,y:(i.y-n.y)/s};return o.x===1/0&&(o.x=0),o.y===1/0&&(o.y=0),o}function Sie(e,{min:t,max:r},n){return t!==void 0&&e<t?e=n?st(t,e,n.min):Math.max(e,t):r!==void 0&&e>r&&(e=n?st(r,e,n.max):Math.min(e,r)),e}function Yv(e,t,r){return{min:t!==void 0?e.min+t:void 0,max:r!==void 0?e.max+r-(e.max-e.min):void 0}}function Eie(e,{top:t,left:r,bottom:n,right:i}){return{x:Yv(e.x,r,i),y:Yv(e.y,t,n)}}function Xv(e,t){let r=t.min-e.min,n=t.max-e.max;return t.max-t.min<e.max-e.min&&([r,n]=[n,r]),{min:r,max:n}}function Pie(e,t){return{x:Xv(e.x,t.x),y:Xv(e.y,t.y)}}function Mie(e,t){let r=.5;const n=Qt(e),i=Qt(t);return i>n?r=Po(t.min,t.max-n,e.min):n>i&&(r=Po(e.min,e.max-i,t.min)),hn(0,1,r)}function Aie(e,t){const r={};return t.min!==void 0&&(r.min=t.min-e.min),t.max!==void 0&&(r.max=t.max-e.min),r}const cp=.35;function Tie(e=cp){return e===!1?e=0:e===!0&&(e=cp),{x:Jv(e,"left","right"),y:Jv(e,"top","bottom")}}function Jv(e,t,r){return{min:Qv(e,t),max:Qv(e,r)}}function Qv(e,t){return typeof e=="number"?e:e[t]||0}const Oie=new WeakMap;class Lie{constructor(t){this.openDragLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=ct(),this.latestPointerEvent=null,this.latestPanInfo=null,this.visualElement=t}start(t,{snapToCursor:r=!1,distanceThreshold:n}={}){const{presenceContext:i}=this.visualElement;if(i&&i.isPresent===!1)return;const s=f=>{const{dragSnapToOrigin:p}=this.getProps();p?this.pauseAnimation():this.stopAnimation(),r&&this.snapToCursor(yl(f).point)},o=(f,p)=>{const{drag:h,dragPropagation:m,onDragStart:g}=this.getProps();if(h&&!m&&(this.openDragLock&&this.openDragLock(),this.openDragLock=Hne(h),!this.openDragLock))return;this.latestPointerEvent=f,this.latestPanInfo=p,this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),kr(y=>{let v=this.getAxisMotionValue(y).get()||0;if(sn.test(v)){const{projection:b}=this.visualElement;if(b&&b.layout){const j=b.layout.layoutBox[y];j&&(v=Qt(j)*(parseFloat(v)/100))}}this.originPoint[y]=v}),g&&Qe.postRender(()=>g(f,p)),ip(this.visualElement,"transform");const{animationState:x}=this.visualElement;x&&x.setActive("whileDrag",!0)},l=(f,p)=>{this.latestPointerEvent=f,this.latestPanInfo=p;const{dragPropagation:h,dragDirectionLock:m,onDirectionLock:g,onDrag:x}=this.getProps();if(!h&&!this.openDragLock)return;const{offset:y}=p;if(m&&this.currentDirection===null){this.currentDirection=Die(y),this.currentDirection!==null&&g&&g(this.currentDirection);return}this.updateAxis("x",p.point,y),this.updateAxis("y",p.point,y),this.visualElement.render(),x&&x(f,p)},c=(f,p)=>{this.latestPointerEvent=f,this.latestPanInfo=p,this.stop(f,p),this.latestPointerEvent=null,this.latestPanInfo=null},d=()=>kr(f=>this.getAnimationState(f)==="paused"&&this.getAxisMotionValue(f).animation?.play()),{dragSnapToOrigin:u}=this.getProps();this.panSession=new AS(t,{onSessionStart:s,onStart:o,onMove:l,onSessionEnd:c,resumeAnimation:d},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:u,distanceThreshold:n,contextWindow:MS(this.visualElement)})}stop(t,r){const n=t||this.latestPointerEvent,i=r||this.latestPanInfo,s=this.isDragging;if(this.cancel(),!s||!i||!n)return;const{velocity:o}=i;this.startAnimation(o);const{onDragEnd:l}=this.getProps();l&&Qe.postRender(()=>l(n,i))}cancel(){this.isDragging=!1;const{projection:t,animationState:r}=this.visualElement;t&&(t.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:n}=this.getProps();!n&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),r&&r.setActive("whileDrag",!1)}updateAxis(t,r,n){const{drag:i}=this.getProps();if(!n||!rc(t,i,this.currentDirection))return;const s=this.getAxisMotionValue(t);let o=this.originPoint[t]+n[t];this.constraints&&this.constraints[t]&&(o=Sie(o,this.constraints[t],this.elastic[t])),s.set(o)}resolveConstraints(){const{dragConstraints:t,dragElastic:r}=this.getProps(),n=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):this.visualElement.projection?.layout,i=this.constraints;t&&Di(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):t&&n?this.constraints=Eie(n.layoutBox,t):this.constraints=!1,this.elastic=Tie(r),i!==this.constraints&&n&&this.constraints&&!this.hasMutatedConstraints&&kr(s=>{this.constraints!==!1&&this.getAxisMotionValue(s)&&(this.constraints[s]=Aie(n.layoutBox[s],this.constraints[s]))})}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:r}=this.getProps();if(!t||!Di(t))return!1;const n=t.current;Vn(n!==null,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.","drag-constraints-ref");const{projection:i}=this.visualElement;if(!i||!i.layout)return!1;const s=jie(n,i.root,this.visualElement.getTransformPagePoint());let o=Pie(i.layout.layoutBox,s);if(r){const l=r(pie(o));this.hasMutatedConstraints=!!l,l&&(o=CS(l))}return o}startAnimation(t){const{drag:r,dragMomentum:n,dragElastic:i,dragTransition:s,dragSnapToOrigin:o,onDragTransitionEnd:l}=this.getProps(),c=this.constraints||{},d=kr(u=>{if(!rc(u,r,this.currentDirection))return;let f=c&&c[u]||{};o&&(f={min:0,max:0});const p=i?200:1e6,h=i?40:1e7,m={type:"inertia",velocity:n?t[u]:0,bounceStiffness:p,bounceDamping:h,timeConstant:750,restDelta:1,restSpeed:10,...s,...f};return this.startAxisValueAnimation(u,m)});return Promise.all(d).then(l)}startAxisValueAnimation(t,r){const n=this.getAxisMotionValue(t);return ip(this.visualElement,t),n.start(L3(t,n,0,r,this.visualElement,!1))}stopAnimation(){kr(t=>this.getAxisMotionValue(t).stop())}pauseAnimation(){kr(t=>this.getAxisMotionValue(t).animation?.pause())}getAnimationState(t){return this.getAxisMotionValue(t).animation?.state}getAxisMotionValue(t){const r=`_drag${t.toUpperCase()}`,n=this.visualElement.getProps(),i=n[r];return i||this.visualElement.getValue(t,(n.initial?n.initial[t]:void 0)||0)}snapToCursor(t){kr(r=>{const{drag:n}=this.getProps();if(!rc(r,n,this.currentDirection))return;const{projection:i}=this.visualElement,s=this.getAxisMotionValue(r);if(i&&i.layout){const{min:o,max:l}=i.layout.layoutBox[r];s.set(t[r]-st(o,l,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:t,dragConstraints:r}=this.getProps(),{projection:n}=this.visualElement;if(!Di(r)||!n||!this.constraints)return;this.stopAnimation();const i={x:0,y:0};kr(o=>{const l=this.getAxisMotionValue(o);if(l&&this.constraints!==!1){const c=l.get();i[o]=Mie({min:c,max:c},this.constraints[o])}});const{transformTemplate:s}=this.visualElement.getProps();this.visualElement.current.style.transform=s?s({},""):"none",n.root&&n.root.updateScroll(),n.updateLayout(),this.resolveConstraints(),kr(o=>{if(!rc(o,t,null))return;const l=this.getAxisMotionValue(o),{min:c,max:d}=this.constraints[o];l.set(st(c,d,i[o]))})}addListeners(){if(!this.visualElement.current)return;Oie.set(this.visualElement,this);const t=this.visualElement.current,r=ao(t,"pointerdown",c=>{const{drag:d,dragListener:u=!0}=this.getProps();d&&u&&this.start(c)}),n=()=>{const{dragConstraints:c}=this.getProps();Di(c)&&c.current&&(this.constraints=this.resolveRefConstraints())},{projection:i}=this.visualElement,s=i.addEventListener("measure",n);i&&!i.layout&&(i.root&&i.root.updateScroll(),i.updateLayout()),Qe.read(n);const o=Do(window,"resize",()=>this.scalePositionWithinConstraints()),l=i.addEventListener("didUpdate",(({delta:c,hasLayoutChanged:d})=>{this.isDragging&&d&&(kr(u=>{const f=this.getAxisMotionValue(u);f&&(this.originPoint[u]+=c[u].translate,f.set(f.get()+c[u].translate))}),this.visualElement.render())}));return()=>{o(),r(),s(),l&&l()}}getProps(){const t=this.visualElement.getProps(),{drag:r=!1,dragDirectionLock:n=!1,dragPropagation:i=!1,dragConstraints:s=!1,dragElastic:o=cp,dragMomentum:l=!0}=t;return{...t,drag:r,dragDirectionLock:n,dragPropagation:i,dragConstraints:s,dragElastic:o,dragMomentum:l}}}function rc(e,t,r){return(t===!0||t===e)&&(r===null||r===e)}function Die(e,t=10){let r=null;return Math.abs(e.y)>t?r="y":Math.abs(e.x)>t&&(r="x"),r}class Iie extends ya{constructor(t){super(t),this.removeGroupControls=Or,this.removeListeners=Or,this.controls=new Lie(t)}mount(){const{dragControls:t}=this.node.getProps();t&&(this.removeGroupControls=t.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||Or}unmount(){this.removeGroupControls(),this.removeListeners()}}const e8=e=>(t,r)=>{e&&Qe.postRender(()=>e(t,r))};class zie extends ya{constructor(){super(...arguments),this.removePointerDownListener=Or}onPointerDown(t){this.session=new AS(t,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:MS(this.node)})}createPanHandlers(){const{onPanSessionStart:t,onPanStart:r,onPan:n,onPanEnd:i}=this.node.getProps();return{onSessionStart:e8(t),onStart:e8(r),onMove:n,onEnd:(s,o)=>{delete this.session,i&&Qe.postRender(()=>i(s,o))}}}mount(){this.removePointerDownListener=ao(this.node.current,"pointerdown",t=>this.onPointerDown(t))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}const hc={hasAnimatedSinceResize:!0,hasEverUpdated:!1};function t8(e,t){return t.max===t.min?0:e/(t.max-t.min)*100}const Bs={correct:(e,t)=>{if(!t.target)return e;if(typeof e=="string")if(pe.test(e))e=parseFloat(e);else return e;const r=t8(e,t.target.x),n=t8(e,t.target.y);return`${r}% ${n}%`}},Vie={correct:(e,{treeScale:t,projectionDelta:r})=>{const n=e,i=ma.parse(e);if(i.length>5)return n;const s=ma.createTransformer(e),o=typeof i[0]!="number"?1:0,l=r.x.scale*t.x,c=r.y.scale*t.y;i[0+o]/=l,i[1+o]/=c;const d=st(l,c,.5);return typeof i[2+o]=="number"&&(i[2+o]/=d),typeof i[3+o]=="number"&&(i[3+o]/=d),s(i)}};let r8=!1;class Rie extends w.Component{componentDidMount(){const{visualElement:t,layoutGroup:r,switchLayoutGroup:n,layoutId:i}=this.props,{projection:s}=t;jae(_ie),s&&(r.group&&r.group.add(s),n&&n.register&&i&&n.register(s),r8&&s.root.didUpdate(),s.addEventListener("animationComplete",()=>{this.safeToRemove()}),s.setOptions({...s.options,onExitComplete:()=>this.safeToRemove()})),hc.hasEverUpdated=!0}getSnapshotBeforeUpdate(t){const{layoutDependency:r,visualElement:n,drag:i,isPresent:s}=this.props,{projection:o}=n;return o&&(o.isPresent=s,r8=!0,i||t.layoutDependency!==r||r===void 0||t.isPresent!==s?o.willUpdate():this.safeToRemove(),t.isPresent!==s&&(s?o.promote():o.relegate()||Qe.postRender(()=>{const l=o.getStack();(!l||!l.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:t}=this.props.visualElement;t&&(t.root.didUpdate(),C3.postRender(()=>{!t.currentAnimation&&t.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:t,layoutGroup:r,switchLayoutGroup:n}=this.props,{projection:i}=t;i&&(i.scheduleCheckAfterUnmount(),r&&r.group&&r.group.remove(i),n&&n.deregister&&n.deregister(i))}safeToRemove(){const{safeToRemove:t}=this.props;t&&t()}render(){return null}}function OS(e){const[t,r]=Qne(),n=w.useContext(Sd);return a.jsx(Rie,{...e,layoutGroup:n,switchLayoutGroup:w.useContext(dS),isPresent:t,safeToRemove:r})}const _ie={borderRadius:{...Bs,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:Bs,borderTopRightRadius:Bs,borderBottomLeftRadius:Bs,borderBottomRightRadius:Bs,boxShadow:Vie};function Fie(e,t,r){const n=Ht(e)?e:rs(e);return n.start(L3("",n,t,r)),n.animation}const Bie=(e,t)=>e.depth-t.depth;class qie{constructor(){this.children=[],this.isDirty=!1}add(t){a3(this.children,t),this.isDirty=!0}remove(t){i3(this.children,t),this.isDirty=!0}forEach(t){this.isDirty&&this.children.sort(Bie),this.isDirty=!1,this.children.forEach(t)}}function $ie(e,t){const r=Jt.now(),n=({timestamp:i})=>{const s=i-r;s>=t&&(pa(n),e(s-t))};return Qe.setup(n,!0),()=>pa(n)}const LS=["TopLeft","TopRight","BottomLeft","BottomRight"],Hie=LS.length,n8=e=>typeof e=="string"?parseFloat(e):e,a8=e=>typeof e=="number"||pe.test(e);function Uie(e,t,r,n,i,s){i?(e.opacity=st(0,r.opacity??1,Wie(n)),e.opacityExit=st(t.opacity??1,0,Gie(n))):s&&(e.opacity=st(t.opacity??1,r.opacity??1,n));for(let o=0;o<Hie;o++){const l=`border${LS[o]}Radius`;let c=i8(t,l),d=i8(r,l);if(c===void 0&&d===void 0)continue;c||(c=0),d||(d=0),c===0||d===0||a8(c)===a8(d)?(e[l]=Math.max(st(n8(c),n8(d),n),0),(sn.test(d)||sn.test(c))&&(e[l]+="%")):e[l]=d}(t.rotate||r.rotate)&&(e.rotate=st(t.rotate||0,r.rotate||0,n))}function i8(e,t){return e[t]!==void 0?e[t]:e.borderRadius}const Wie=DS(0,.5,kk),Gie=DS(.5,.95,Or);function DS(e,t,r){return n=>n<e?0:n>t?1:r(Po(e,t,n))}function s8(e,t){e.min=t.min,e.max=t.max}function jr(e,t){s8(e.x,t.x),s8(e.y,t.y)}function o8(e,t){e.translate=t.translate,e.scale=t.scale,e.originPoint=t.originPoint,e.origin=t.origin}function l8(e,t,r,n,i){return e-=t,e=Td(e,1/r,n),i!==void 0&&(e=Td(e,1/i,n)),e}function Kie(e,t=0,r=1,n=.5,i,s=e,o=e){if(sn.test(t)&&(t=parseFloat(t),t=st(o.min,o.max,t/100)-o.min),typeof t!="number")return;let l=st(s.min,s.max,n);e===s&&(l-=t),e.min=l8(e.min,t,r,l,i),e.max=l8(e.max,t,r,l,i)}function c8(e,t,[r,n,i],s,o){Kie(e,t[r],t[n],t[i],t.scale,s,o)}const Zie=["x","scaleX","originX"],Yie=["y","scaleY","originY"];function d8(e,t,r,n){c8(e.x,t,Zie,r?r.x:void 0,n?n.x:void 0),c8(e.y,t,Yie,r?r.y:void 0,n?n.y:void 0)}function u8(e){return e.translate===0&&e.scale===1}function IS(e){return u8(e.x)&&u8(e.y)}function f8(e,t){return e.min===t.min&&e.max===t.max}function Xie(e,t){return f8(e.x,t.x)&&f8(e.y,t.y)}function p8(e,t){return Math.round(e.min)===Math.round(t.min)&&Math.round(e.max)===Math.round(t.max)}function zS(e,t){return p8(e.x,t.x)&&p8(e.y,t.y)}function m8(e){return Qt(e.x)/Qt(e.y)}function h8(e,t){return e.translate===t.translate&&e.scale===t.scale&&e.originPoint===t.originPoint}class Jie{constructor(){this.members=[]}add(t){a3(this.members,t),t.scheduleRender()}remove(t){if(i3(this.members,t),t===this.prevLead&&(this.prevLead=void 0),t===this.lead){const r=this.members[this.members.length-1];r&&this.promote(r)}}relegate(t){const r=this.members.findIndex(i=>t===i);if(r===0)return!1;let n;for(let i=r;i>=0;i--){const s=this.members[i];if(s.isPresent!==!1){n=s;break}}return n?(this.promote(n),!0):!1}promote(t,r){const n=this.lead;if(t!==n&&(this.prevLead=n,this.lead=t,t.show(),n)){n.instance&&n.scheduleRender(),t.scheduleRender(),t.resumeFrom=n,r&&(t.resumeFrom.preserveOpacity=!0),n.snapshot&&(t.snapshot=n.snapshot,t.snapshot.latestValues=n.animationValues||n.latestValues),t.root&&t.root.isUpdating&&(t.isLayoutDirty=!0);const{crossfade:i}=t.options;i===!1&&n.hide()}}exitAnimationComplete(){this.members.forEach(t=>{const{options:r,resumingFrom:n}=t;r.onExitComplete&&r.onExitComplete(),n&&n.options.onExitComplete&&n.options.onExitComplete()})}scheduleRender(){this.members.forEach(t=>{t.instance&&t.scheduleRender(!1)})}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function Qie(e,t,r){let n="";const i=e.x.translate/t.x,s=e.y.translate/t.y,o=r?.z||0;if((i||s||o)&&(n=`translate3d(${i}px, ${s}px, ${o}px) `),(t.x!==1||t.y!==1)&&(n+=`scale(${1/t.x}, ${1/t.y}) `),r){const{transformPerspective:d,rotate:u,rotateX:f,rotateY:p,skewX:h,skewY:m}=r;d&&(n=`perspective(${d}px) ${n}`),u&&(n+=`rotate(${u}deg) `),f&&(n+=`rotateX(${f}deg) `),p&&(n+=`rotateY(${p}deg) `),h&&(n+=`skewX(${h}deg) `),m&&(n+=`skewY(${m}deg) `)}const l=e.x.scale*t.x,c=e.y.scale*t.y;return(l!==1||c!==1)&&(n+=`scale(${l}, ${c})`),n||"none"}const S2=["","X","Y","Z"],ese=1e3;let tse=0;function E2(e,t,r,n){const{latestValues:i}=t;i[e]&&(r[e]=i[e],t.setStaticValue(e,0),n&&(n[e]=0))}function VS(e){if(e.hasCheckedOptimisedAppear=!0,e.root===e)return;const{visualElement:t}=e.options;if(!t)return;const r=vS(t);if(window.MotionHasOptimisedAnimation(r,"transform")){const{layout:i,layoutId:s}=e.options;window.MotionCancelOptimisedAnimation(r,"transform",Qe,!(i||s))}const{parent:n}=e;n&&!n.hasCheckedOptimisedAppear&&VS(n)}function RS({attachResizeListener:e,defaultParent:t,measureScroll:r,checkIsScrollRoot:n,resetTransform:i}){return class{constructor(o={},l=t?.()){this.id=tse++,this.animationId=0,this.animationCommitId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.hasCheckedOptimisedAppear=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.updateScheduled=!1,this.scheduleUpdate=()=>this.update(),this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,this.nodes.forEach(ase),this.nodes.forEach(lse),this.nodes.forEach(cse),this.nodes.forEach(ise)},this.resolvedRelativeTargetAt=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=o,this.root=l?l.root||l:this,this.path=l?[...l.path,l]:[],this.parent=l,this.depth=l?l.depth+1:0;for(let c=0;c<this.path.length;c++)this.path[c].shouldResetTransform=!0;this.root===this&&(this.nodes=new qie)}addEventListener(o,l){return this.eventHandlers.has(o)||this.eventHandlers.set(o,new o3),this.eventHandlers.get(o).add(l)}notifyListeners(o,...l){const c=this.eventHandlers.get(o);c&&c.notify(...l)}hasListeners(o){return this.eventHandlers.has(o)}mount(o){if(this.instance)return;this.isSVG=nS(o)&&!Yne(o),this.instance=o;const{layoutId:l,layout:c,visualElement:d}=this.options;if(d&&!d.current&&d.mount(o),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),this.root.hasTreeAnimated&&(c||l)&&(this.isLayoutDirty=!0),e){let u,f=0;const p=()=>this.root.updateBlockedByResize=!1;Qe.read(()=>{f=window.innerWidth}),e(o,()=>{const h=window.innerWidth;h!==f&&(f=h,this.root.updateBlockedByResize=!0,u&&u(),u=$ie(p,250),hc.hasAnimatedSinceResize&&(hc.hasAnimatedSinceResize=!1,this.nodes.forEach(y8)))})}l&&this.root.registerSharedNode(l,this),this.options.animate!==!1&&d&&(l||c)&&this.addEventListener("didUpdate",({delta:u,hasLayoutChanged:f,hasRelativeLayoutChanged:p,layout:h})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}const m=this.options.transition||d.getDefaultTransition()||mse,{onLayoutAnimationStart:g,onLayoutAnimationComplete:x}=d.getProps(),y=!this.targetLayout||!zS(this.targetLayout,h),v=!f&&p;if(this.options.layoutRoot||this.resumeFrom||v||f&&(y||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0);const b={...w3(m,"layout"),onPlay:g,onComplete:x};(d.shouldReduceMotion||this.options.layoutRoot)&&(b.delay=0,b.type=!1),this.startAnimation(b),this.setAnimationOrigin(u,v)}else f||y8(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=h})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const o=this.getStack();o&&o.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,this.eventHandlers.clear(),pa(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){this.isUpdateBlocked()||(this.isUpdating=!0,this.nodes&&this.nodes.forEach(dse),this.animationId++)}getTransformTemplate(){const{visualElement:o}=this.options;return o&&o.getProps().transformTemplate}willUpdate(o=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear&&VS(this),!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let u=0;u<this.path.length;u++){const f=this.path[u];f.shouldResetTransform=!0,f.updateScroll("snapshot"),f.options.layoutRoot&&f.willUpdate(!1)}const{layoutId:l,layout:c}=this.options;if(l===void 0&&!c)return;const d=this.getTransformTemplate();this.prevTransformTemplateValue=d?d(this.latestValues,""):void 0,this.updateSnapshot(),o&&this.notifyListeners("willUpdate")}update(){if(this.updateScheduled=!1,this.isUpdateBlocked()){this.unblockUpdate(),this.clearAllSnapshots(),this.nodes.forEach(g8);return}if(this.animationId<=this.animationCommitId){this.nodes.forEach(x8);return}this.animationCommitId=this.animationId,this.isUpdating?(this.isUpdating=!1,this.nodes.forEach(ose),this.nodes.forEach(rse),this.nodes.forEach(nse)):this.nodes.forEach(x8),this.clearAllSnapshots();const l=Jt.now();Vt.delta=hn(0,1e3/60,l-Vt.timestamp),Vt.timestamp=l,Vt.isProcessing=!0,g2.update.process(Vt),g2.preRender.process(Vt),g2.render.process(Vt),Vt.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,C3.read(this.scheduleUpdate))}clearAllSnapshots(){this.nodes.forEach(sse),this.sharedNodes.forEach(use)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,Qe.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){Qe.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure(),this.snapshot&&!Qt(this.snapshot.measuredBox.x)&&!Qt(this.snapshot.measuredBox.y)&&(this.snapshot=void 0))}updateLayout(){if(!this.instance||(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead())&&!this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let c=0;c<this.path.length;c++)this.path[c].updateScroll();const o=this.layout;this.layout=this.measure(!1),this.layoutCorrected=ct(),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);const{visualElement:l}=this.options;l&&l.notify("LayoutMeasure",this.layout.layoutBox,o?o.layoutBox:void 0)}updateScroll(o="measure"){let l=!!(this.options.layoutScroll&&this.instance);if(this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===o&&(l=!1),l&&this.instance){const c=n(this.instance);this.scroll={animationId:this.root.animationId,phase:o,isRoot:c,offset:r(this.instance),wasRoot:this.scroll?this.scroll.isRoot:c}}}resetTransform(){if(!i)return;const o=this.isLayoutDirty||this.shouldResetTransform||this.options.alwaysMeasureLayout,l=this.projectionDelta&&!IS(this.projectionDelta),c=this.getTransformTemplate(),d=c?c(this.latestValues,""):void 0,u=d!==this.prevTransformTemplateValue;o&&this.instance&&(l||Ea(this.latestValues)||u)&&(i(this.instance,d),this.shouldResetTransform=!1,this.scheduleRender())}measure(o=!0){const l=this.measurePageBox();let c=this.removeElementScroll(l);return o&&(c=this.removeTransform(c)),hse(c),{animationId:this.root.animationId,measuredBox:l,layoutBox:c,latestValues:{},source:this.id}}measurePageBox(){const{visualElement:o}=this.options;if(!o)return ct();const l=o.measureViewportBox();if(!(this.scroll?.wasRoot||this.path.some(gse))){const{scroll:d}=this.root;d&&(zi(l.x,d.offset.x),zi(l.y,d.offset.y))}return l}removeElementScroll(o){const l=ct();if(jr(l,o),this.scroll?.wasRoot)return l;for(let c=0;c<this.path.length;c++){const d=this.path[c],{scroll:u,options:f}=d;d!==this.root&&u&&f.layoutScroll&&(u.wasRoot&&jr(l,o),zi(l.x,u.offset.x),zi(l.y,u.offset.y))}return l}applyTransform(o,l=!1){const c=ct();jr(c,o);for(let d=0;d<this.path.length;d++){const u=this.path[d];!l&&u.options.layoutScroll&&u.scroll&&u!==u.root&&Vi(c,{x:-u.scroll.offset.x,y:-u.scroll.offset.y}),Ea(u.latestValues)&&Vi(c,u.latestValues)}return Ea(this.latestValues)&&Vi(c,this.latestValues),c}removeTransform(o){const l=ct();jr(l,o);for(let c=0;c<this.path.length;c++){const d=this.path[c];if(!d.instance||!Ea(d.latestValues))continue;op(d.latestValues)&&d.updateSnapshot();const u=ct(),f=d.measurePageBox();jr(u,f),d8(l,d.latestValues,d.snapshot?d.snapshot.layoutBox:void 0,u)}return Ea(this.latestValues)&&d8(l,this.latestValues),l}setTargetDelta(o){this.targetDelta=o,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(o){this.options={...this.options,...o,crossfade:o.crossfade!==void 0?o.crossfade:!0}}clearMeasurements(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1}forceRelativeParentToResolveTarget(){this.relativeParent&&this.relativeParent.resolvedRelativeTargetAt!==Vt.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(o=!1){const l=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=l.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=l.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=l.isSharedProjectionDirty);const c=!!this.resumingFrom||this!==l;if(!(o||c&&this.isSharedProjectionDirty||this.isProjectionDirty||this.parent?.isProjectionDirty||this.attemptToResolveRelativeTarget||this.root.updateBlockedByResize))return;const{layout:u,layoutId:f}=this.options;if(!(!this.layout||!(u||f))){if(this.resolvedRelativeTargetAt=Vt.timestamp,!this.targetDelta&&!this.relativeTarget){const p=this.getClosestProjectingParent();p&&p.layout&&this.animationProgress!==1?(this.relativeParent=p,this.forceRelativeParentToResolveTarget(),this.relativeTarget=ct(),this.relativeTargetOrigin=ct(),so(this.relativeTargetOrigin,this.layout.layoutBox,p.layout.layoutBox),jr(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}if(!(!this.relativeTarget&&!this.targetDelta)&&(this.target||(this.target=ct(),this.targetWithTransforms=ct()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),bie(this.target,this.relativeTarget,this.relativeParent.target)):this.targetDelta?(this.resumingFrom?this.target=this.applyTransform(this.layout.layoutBox):jr(this.target,this.layout.layoutBox),ES(this.target,this.targetDelta)):jr(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget)){this.attemptToResolveRelativeTarget=!1;const p=this.getClosestProjectingParent();p&&!!p.resumingFrom==!!this.resumingFrom&&!p.options.layoutScroll&&p.target&&this.animationProgress!==1?(this.relativeParent=p,this.forceRelativeParentToResolveTarget(),this.relativeTarget=ct(),this.relativeTargetOrigin=ct(),so(this.relativeTargetOrigin,this.target,p.target),jr(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}}}getClosestProjectingParent(){if(!(!this.parent||op(this.parent.latestValues)||SS(this.parent.latestValues)))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return!!((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}calcProjection(){const o=this.getLead(),l=!!this.resumingFrom||this!==o;let c=!0;if((this.isProjectionDirty||this.parent?.isProjectionDirty)&&(c=!1),l&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(c=!1),this.resolvedRelativeTargetAt===Vt.timestamp&&(c=!1),c)return;const{layout:d,layoutId:u}=this.options;if(this.isTreeAnimating=!!(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!(d||u))return;jr(this.layoutCorrected,this.layout.layoutBox);const f=this.treeScale.x,p=this.treeScale.y;wie(this.layoutCorrected,this.treeScale,this.path,l),o.layout&&!o.target&&(this.treeScale.x!==1||this.treeScale.y!==1)&&(o.target=o.layout.layoutBox,o.targetWithTransforms=ct());const{target:h}=o;if(!h){this.prevProjectionDelta&&(this.createProjectionDeltas(),this.scheduleRender());return}!this.projectionDelta||!this.prevProjectionDelta?this.createProjectionDeltas():(o8(this.prevProjectionDelta.x,this.projectionDelta.x),o8(this.prevProjectionDelta.y,this.projectionDelta.y)),io(this.projectionDelta,this.layoutCorrected,h,this.latestValues),(this.treeScale.x!==f||this.treeScale.y!==p||!h8(this.projectionDelta.x,this.prevProjectionDelta.x)||!h8(this.projectionDelta.y,this.prevProjectionDelta.y))&&(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",h))}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(o=!0){if(this.options.visualElement?.scheduleRender(),o){const l=this.getStack();l&&l.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}createProjectionDeltas(){this.prevProjectionDelta=Ii(),this.projectionDelta=Ii(),this.projectionDeltaWithTransform=Ii()}setAnimationOrigin(o,l=!1){const c=this.snapshot,d=c?c.latestValues:{},u={...this.latestValues},f=Ii();(!this.relativeParent||!this.relativeParent.options.layoutRoot)&&(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!l;const p=ct(),h=c?c.source:void 0,m=this.layout?this.layout.source:void 0,g=h!==m,x=this.getStack(),y=!x||x.members.length<=1,v=!!(g&&!y&&this.options.crossfade===!0&&!this.path.some(pse));this.animationProgress=0;let b;this.mixTargetDelta=j=>{const C=j/1e3;v8(f.x,o.x,C),v8(f.y,o.y,C),this.setTargetDelta(f),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(so(p,this.layout.layoutBox,this.relativeParent.layout.layoutBox),fse(this.relativeTarget,this.relativeTargetOrigin,p,C),b&&Xie(this.relativeTarget,b)&&(this.isProjectionDirty=!1),b||(b=ct()),jr(b,this.relativeTarget)),g&&(this.animationValues=u,Uie(u,d,this.latestValues,C,v,y)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=C},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(o){this.notifyListeners("animationStart"),this.currentAnimation?.stop(),this.resumingFrom?.currentAnimation?.stop(),this.pendingAnimation&&(pa(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=Qe.update(()=>{hc.hasAnimatedSinceResize=!0,this.motionValue||(this.motionValue=rs(0)),this.currentAnimation=Fie(this.motionValue,[0,1e3],{...o,velocity:0,isSync:!0,onUpdate:l=>{this.mixTargetDelta(l),o.onUpdate&&o.onUpdate(l)},onStop:()=>{},onComplete:()=>{o.onComplete&&o.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const o=this.getStack();o&&o.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(ese),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const o=this.getLead();let{targetWithTransforms:l,target:c,layout:d,latestValues:u}=o;if(!(!l||!c||!d)){if(this!==o&&this.layout&&d&&_S(this.options.animationType,this.layout.layoutBox,d.layoutBox)){c=this.target||ct();const f=Qt(this.layout.layoutBox.x);c.x.min=o.target.x.min,c.x.max=c.x.min+f;const p=Qt(this.layout.layoutBox.y);c.y.min=o.target.y.min,c.y.max=c.y.min+p}jr(l,c),Vi(l,u),io(this.projectionDeltaWithTransform,this.layoutCorrected,l,u)}}registerSharedNode(o,l){this.sharedNodes.has(o)||this.sharedNodes.set(o,new Jie),this.sharedNodes.get(o).add(l);const d=l.options.initialPromotionConfig;l.promote({transition:d?d.transition:void 0,preserveFollowOpacity:d&&d.shouldPreserveFollowOpacity?d.shouldPreserveFollowOpacity(l):void 0})}isLead(){const o=this.getStack();return o?o.lead===this:!0}getLead(){const{layoutId:o}=this.options;return o?this.getStack()?.lead||this:this}getPrevLead(){const{layoutId:o}=this.options;return o?this.getStack()?.prevLead:void 0}getStack(){const{layoutId:o}=this.options;if(o)return this.root.sharedNodes.get(o)}promote({needsReset:o,transition:l,preserveFollowOpacity:c}={}){const d=this.getStack();d&&d.promote(this,c),o&&(this.projectionDelta=void 0,this.needsReset=!0),l&&this.setOptions({transition:l})}relegate(){const o=this.getStack();return o?o.relegate(this):!1}resetSkewAndRotation(){const{visualElement:o}=this.options;if(!o)return;let l=!1;const{latestValues:c}=o;if((c.z||c.rotate||c.rotateX||c.rotateY||c.rotateZ||c.skewX||c.skewY)&&(l=!0),!l)return;const d={};c.z&&E2("z",o,d,this.animationValues);for(let u=0;u<S2.length;u++)E2(`rotate${S2[u]}`,o,d,this.animationValues),E2(`skew${S2[u]}`,o,d,this.animationValues);o.render();for(const u in d)o.setStaticValue(u,d[u]),this.animationValues&&(this.animationValues[u]=d[u]);o.scheduleRender()}applyProjectionStyles(o,l){if(!this.instance||this.isSVG)return;if(!this.isVisible){o.visibility="hidden";return}const c=this.getTransformTemplate();if(this.needsReset){this.needsReset=!1,o.visibility="",o.opacity="",o.pointerEvents=mc(l?.pointerEvents)||"",o.transform=c?c(this.latestValues,""):"none";return}const d=this.getLead();if(!this.projectionDelta||!this.layout||!d.target){this.options.layoutId&&(o.opacity=this.latestValues.opacity!==void 0?this.latestValues.opacity:1,o.pointerEvents=mc(l?.pointerEvents)||""),this.hasProjected&&!Ea(this.latestValues)&&(o.transform=c?c({},""):"none",this.hasProjected=!1);return}o.visibility="";const u=d.animationValues||d.latestValues;this.applyTransformsToTarget();let f=Qie(this.projectionDeltaWithTransform,this.treeScale,u);c&&(f=c(u,f)),o.transform=f;const{x:p,y:h}=this.projectionDelta;o.transformOrigin=`${p.origin*100}% ${h.origin*100}% 0`,d.animationValues?o.opacity=d===this?u.opacity??this.latestValues.opacity??1:this.preserveOpacity?this.latestValues.opacity:u.opacityExit:o.opacity=d===this?u.opacity!==void 0?u.opacity:"":u.opacityExit!==void 0?u.opacityExit:0;for(const m in Oo){if(u[m]===void 0)continue;const{correct:g,applyTo:x,isCSSVariable:y}=Oo[m],v=f==="none"?u[m]:g(u[m],d);if(x){const b=x.length;for(let j=0;j<b;j++)o[x[j]]=v}else y?this.options.visualElement.renderState.vars[m]=v:o[m]=v}this.options.layoutId&&(o.pointerEvents=d===this?mc(l?.pointerEvents)||"":"none")}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(o=>o.currentAnimation?.stop()),this.root.nodes.forEach(g8),this.root.sharedNodes.clear()}}}function rse(e){e.updateLayout()}function nse(e){const t=e.resumeFrom?.snapshot||e.snapshot;if(e.isLead()&&e.layout&&t&&e.hasListeners("didUpdate")){const{layoutBox:r,measuredBox:n}=e.layout,{animationType:i}=e.options,s=t.source!==e.layout.source;i==="size"?kr(u=>{const f=s?t.measuredBox[u]:t.layoutBox[u],p=Qt(f);f.min=r[u].min,f.max=f.min+p}):_S(i,t.layoutBox,r)&&kr(u=>{const f=s?t.measuredBox[u]:t.layoutBox[u],p=Qt(r[u]);f.max=f.min+p,e.relativeTarget&&!e.currentAnimation&&(e.isProjectionDirty=!0,e.relativeTarget[u].max=e.relativeTarget[u].min+p)});const o=Ii();io(o,r,t.layoutBox);const l=Ii();s?io(l,e.applyTransform(n,!0),t.measuredBox):io(l,r,t.layoutBox);const c=!IS(o);let d=!1;if(!e.resumeFrom){const u=e.getClosestProjectingParent();if(u&&!u.resumeFrom){const{snapshot:f,layout:p}=u;if(f&&p){const h=ct();so(h,t.layoutBox,f.layoutBox);const m=ct();so(m,r,p.layoutBox),zS(h,m)||(d=!0),u.options.layoutRoot&&(e.relativeTarget=m,e.relativeTargetOrigin=h,e.relativeParent=u)}}}e.notifyListeners("didUpdate",{layout:r,snapshot:t,delta:l,layoutDelta:o,hasLayoutChanged:c,hasRelativeLayoutChanged:d})}else if(e.isLead()){const{onExitComplete:r}=e.options;r&&r()}e.options.transition=void 0}function ase(e){e.parent&&(e.isProjecting()||(e.isProjectionDirty=e.parent.isProjectionDirty),e.isSharedProjectionDirty||(e.isSharedProjectionDirty=!!(e.isProjectionDirty||e.parent.isProjectionDirty||e.parent.isSharedProjectionDirty)),e.isTransformDirty||(e.isTransformDirty=e.parent.isTransformDirty))}function ise(e){e.isProjectionDirty=e.isSharedProjectionDirty=e.isTransformDirty=!1}function sse(e){e.clearSnapshot()}function g8(e){e.clearMeasurements()}function x8(e){e.isLayoutDirty=!1}function ose(e){const{visualElement:t}=e.options;t&&t.getProps().onBeforeLayoutMeasure&&t.notify("BeforeLayoutMeasure"),e.resetTransform()}function y8(e){e.finishAnimation(),e.targetDelta=e.relativeTarget=e.target=void 0,e.isProjectionDirty=!0}function lse(e){e.resolveTargetDelta()}function cse(e){e.calcProjection()}function dse(e){e.resetSkewAndRotation()}function use(e){e.removeLeadSnapshot()}function v8(e,t,r){e.translate=st(t.translate,0,r),e.scale=st(t.scale,1,r),e.origin=t.origin,e.originPoint=t.originPoint}function b8(e,t,r,n){e.min=st(t.min,r.min,n),e.max=st(t.max,r.max,n)}function fse(e,t,r,n){b8(e.x,t.x,r.x,n),b8(e.y,t.y,r.y,n)}function pse(e){return e.animationValues&&e.animationValues.opacityExit!==void 0}const mse={duration:.45,ease:[.4,0,.1,1]},w8=e=>typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(e),j8=w8("applewebkit/")&&!w8("chrome/")?Math.round:Or;function C8(e){e.min=j8(e.min),e.max=j8(e.max)}function hse(e){C8(e.x),C8(e.y)}function _S(e,t,r){return e==="position"||e==="preserve-aspect"&&!vie(m8(t),m8(r),.2)}function gse(e){return e!==e.root&&e.scroll?.wasRoot}const xse=RS({attachResizeListener:(e,t)=>Do(e,"resize",t),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),P2={current:void 0},FS=RS({measureScroll:e=>({x:e.scrollLeft,y:e.scrollTop}),defaultParent:()=>{if(!P2.current){const e=new xse({});e.mount(window),e.setOptions({layoutScroll:!0}),P2.current=e}return P2.current},resetTransform:(e,t)=>{e.style.transform=t!==void 0?t:"none"},checkIsScrollRoot:e=>window.getComputedStyle(e).position==="fixed"}),yse={pan:{Feature:zie},drag:{Feature:Iie,ProjectionNode:FS,MeasureLayout:OS}};function N8(e,t,r){const{props:n}=e;e.animationState&&n.whileHover&&e.animationState.setActive("whileHover",r==="Start");const i="onHover"+r,s=n[i];s&&Qe.postRender(()=>s(t,yl(t)))}class vse extends ya{mount(){const{current:t}=this.node;t&&(this.unmount=Une(t,(r,n)=>(N8(this.node,n,"Start"),i=>N8(this.node,i,"End"))))}unmount(){}}class bse extends ya{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{t=!0}!t||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=hl(Do(this.node.current,"focus",()=>this.onFocus()),Do(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}function k8(e,t,r){const{props:n}=e;if(e.current instanceof HTMLButtonElement&&e.current.disabled)return;e.animationState&&n.whileTap&&e.animationState.setActive("whileTap",r==="Start");const i="onTap"+(r==="End"?"":r),s=n[i];s&&Qe.postRender(()=>s(t,yl(t)))}class wse extends ya{mount(){const{current:t}=this.node;t&&(this.unmount=Zne(t,(r,n)=>(k8(this.node,n,"Start"),(i,{success:s})=>k8(this.node,i,s?"End":"Cancel")),{useGlobalTarget:this.node.props.globalTapTarget}))}unmount(){}}const dp=new WeakMap,M2=new WeakMap,jse=e=>{const t=dp.get(e.target);t&&t(e)},Cse=e=>{e.forEach(jse)};function Nse({root:e,...t}){const r=e||document;M2.has(r)||M2.set(r,{});const n=M2.get(r),i=JSON.stringify(t);return n[i]||(n[i]=new IntersectionObserver(Cse,{root:e,...t})),n[i]}function kse(e,t,r){const n=Nse(t);return dp.set(e,r),n.observe(e),()=>{dp.delete(e),n.unobserve(e)}}const Sse={some:0,all:1};class Ese extends ya{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:t={}}=this.node.getProps(),{root:r,margin:n,amount:i="some",once:s}=t,o={root:r?r.current:void 0,rootMargin:n,threshold:typeof i=="number"?i:Sse[i]},l=c=>{const{isIntersecting:d}=c;if(this.isInView===d||(this.isInView=d,s&&!d&&this.hasEnteredView))return;d&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",d);const{onViewportEnter:u,onViewportLeave:f}=this.node.getProps(),p=d?u:f;p&&p(c)};return kse(this.node.current,o,l)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:t,prevProps:r}=this.node;["amount","margin","root"].some(Pse(t,r))&&this.startObserver()}unmount(){}}function Pse({viewport:e={}},{viewport:t={}}={}){return r=>e[r]!==t[r]}const Mse={inView:{Feature:Ese},tap:{Feature:wse},focus:{Feature:bse},hover:{Feature:vse}},Ase={layout:{ProjectionNode:FS,MeasureLayout:OS}},up={current:null},BS={current:!1};function Tse(){if(BS.current=!0,!!r3)if(window.matchMedia){const e=window.matchMedia("(prefers-reduced-motion)"),t=()=>up.current=e.matches;e.addEventListener("change",t),t()}else up.current=!1}const Ose=new WeakMap;function Lse(e,t,r){for(const n in t){const i=t[n],s=r[n];if(Ht(i))e.addValue(n,i);else if(Ht(s))e.addValue(n,rs(i,{owner:e}));else if(s!==i)if(e.hasValue(n)){const o=e.getValue(n);o.liveStyle===!0?o.jump(i):o.hasAnimated||o.set(i)}else{const o=e.getStaticValue(n);e.addValue(n,rs(o!==void 0?o:i,{owner:e}))}}for(const n in r)t[n]===void 0&&e.removeValue(n);return t}const S8=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class Dse{scrapeMotionValuesFromProps(t,r,n){return{}}constructor({parent:t,props:r,presenceContext:n,reducedMotionConfig:i,blockInitialAnimation:s,visualState:o},l={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.KeyframeResolver=b3,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.renderScheduledAt=0,this.scheduleRender=()=>{const p=Jt.now();this.renderScheduledAt<p&&(this.renderScheduledAt=p,Qe.render(this.render,!1,!0))};const{latestValues:c,renderState:d}=o;this.latestValues=c,this.baseTarget={...c},this.initialValues=r.initial?{...c}:{},this.renderState=d,this.parent=t,this.props=r,this.presenceContext=n,this.depth=t?t.depth+1:0,this.reducedMotionConfig=i,this.options=l,this.blockInitialAnimation=!!s,this.isControllingVariants=c0(r),this.isVariantNode=lS(r),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(t&&t.current);const{willChange:u,...f}=this.scrapeMotionValuesFromProps(r,{},this);for(const p in f){const h=f[p];c[p]!==void 0&&Ht(h)&&h.set(c[p],!1)}}mount(t){this.current=t,Ose.set(t,this),this.projection&&!this.projection.instance&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((r,n)=>this.bindToMotionValue(n,r)),BS.current||Tse(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:up.current,process.env.NODE_ENV!=="production"&&l3(this.shouldReduceMotion!==!0,"You have Reduced Motion enabled on your device. Animations may not appear as expected."),this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){this.projection&&this.projection.unmount(),pa(this.notifyUpdate),pa(this.render),this.valueSubscriptions.forEach(t=>t()),this.valueSubscriptions.clear(),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const t in this.events)this.events[t].clear();for(const t in this.features){const r=this.features[t];r&&(r.unmount(),r.isMounted=!1)}this.current=null}bindToMotionValue(t,r){this.valueSubscriptions.has(t)&&this.valueSubscriptions.get(t)();const n=Ss.has(t);n&&this.onBindTransform&&this.onBindTransform();const i=r.on("change",l=>{this.latestValues[t]=l,this.props.onUpdate&&Qe.preRender(this.notifyUpdate),n&&this.projection&&(this.projection.isTransformDirty=!0)}),s=r.on("renderRequest",this.scheduleRender);let o;window.MotionCheckAppearSync&&(o=window.MotionCheckAppearSync(this,t,r)),this.valueSubscriptions.set(t,()=>{i(),s(),o&&o(),r.owner&&r.stop()})}sortNodePosition(t){return!this.current||!this.sortInstanceNodePosition||this.type!==t.type?0:this.sortInstanceNodePosition(this.current,t.current)}updateFeatures(){let t="animation";for(t in ns){const r=ns[t];if(!r)continue;const{isEnabled:n,Feature:i}=r;if(!this.features[t]&&i&&n(this.props)&&(this.features[t]=new i(this)),this.features[t]){const s=this.features[t];s.isMounted?s.update():(s.mount(),s.isMounted=!0)}}}triggerBuild(){this.build(this.renderState,this.latestValues,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):ct()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,r){this.latestValues[t]=r}update(t,r){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=t,this.prevPresenceContext=this.presenceContext,this.presenceContext=r;for(let n=0;n<S8.length;n++){const i=S8[n];this.propEventSubscriptions[i]&&(this.propEventSubscriptions[i](),delete this.propEventSubscriptions[i]);const s="on"+i,o=t[s];o&&(this.propEventSubscriptions[i]=this.on(i,o))}this.prevMotionValues=Lse(this,this.scrapeMotionValuesFromProps(t,this.prevProps,this),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(t){return this.props.variants?this.props.variants[t]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}addVariantChild(t){const r=this.getClosestVariantNode();if(r)return r.variantChildren&&r.variantChildren.add(t),()=>r.variantChildren.delete(t)}addValue(t,r){const n=this.values.get(t);r!==n&&(n&&this.removeValue(t),this.bindToMotionValue(t,r),this.values.set(t,r),this.latestValues[t]=r.get())}removeValue(t){this.values.delete(t);const r=this.valueSubscriptions.get(t);r&&(r(),this.valueSubscriptions.delete(t)),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,r){if(this.props.values&&this.props.values[t])return this.props.values[t];let n=this.values.get(t);return n===void 0&&r!==void 0&&(n=rs(r===null?void 0:r,{owner:this}),this.addValue(t,n)),n}readValue(t,r){let n=this.latestValues[t]!==void 0||!this.current?this.latestValues[t]:this.getBaseTargetFromProps(this.props,t)??this.readValueFromInstance(this.current,t,this.options);return n!=null&&(typeof n=="string"&&(hk(n)||xk(n))?n=parseFloat(n):!Jne(n)&&ma.test(r)&&(n=Jk(t,r)),this.setBaseTarget(t,Ht(n)?n.get():n)),Ht(n)?n.get():n}setBaseTarget(t,r){this.baseTarget[t]=r}getBaseTarget(t){const{initial:r}=this.props;let n;if(typeof r=="string"||typeof r=="object"){const s=T3(this.props,r,this.presenceContext?.custom);s&&(n=s[t])}if(r&&n!==void 0)return n;const i=this.getBaseTargetFromProps(this.props,t);return i!==void 0&&!Ht(i)?i:this.initialValues[t]!==void 0&&n===void 0?void 0:this.baseTarget[t]}on(t,r){return this.events[t]||(this.events[t]=new o3),this.events[t].add(r)}notify(t,...r){this.events[t]&&this.events[t].notify(...r)}}class qS extends Dse{constructor(){super(...arguments),this.KeyframeResolver=_ne}sortInstanceNodePosition(t,r){return t.compareDocumentPosition(r)&2?1:-1}getBaseTargetFromProps(t,r){return t.style?t.style[r]:void 0}removeValueFromRenderState(t,{vars:r,style:n}){delete r[t],delete n[t]}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;Ht(t)&&(this.childSubscription=t.on("change",r=>{this.current&&(this.current.textContent=`${r}`)}))}}function $S(e,{style:t,vars:r},n,i){const s=e.style;let o;for(o in t)s[o]=t[o];i?.applyProjectionStyles(s,n);for(o in r)s.setProperty(o,r[o])}function Ise(e){return window.getComputedStyle(e)}class zse extends qS{constructor(){super(...arguments),this.type="html",this.renderInstance=$S}readValueFromInstance(t,r){if(Ss.has(r))return this.projection?.isProjecting?Jf(r):rne(t,r);{const n=Ise(t),i=(u3(r)?n.getPropertyValue(r):n[r])||0;return typeof i=="string"?i.trim():i}}measureInstanceViewportBox(t,{transformPagePoint:r}){return PS(t,r)}build(t,r,n){P3(t,r,n.transformTemplate)}scrapeMotionValuesFromProps(t,r,n){return O3(t,r,n)}}const HS=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function Vse(e,t,r,n){$S(e,t,void 0,n);for(const i in t.attrs)e.setAttribute(HS.has(i)?i:E3(i),t.attrs[i])}class Rse extends qS{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1,this.measureInstanceViewportBox=ct}getBaseTargetFromProps(t,r){return t[r]}readValueFromInstance(t,r){if(Ss.has(r)){const n=Xk(r);return n&&n.default||0}return r=HS.has(r)?r:E3(r),t.getAttribute(r)}scrapeMotionValuesFromProps(t,r,n){return yS(t,r,n)}build(t,r,n){mS(t,r,this.isSVGTag,n.transformTemplate,n.style)}renderInstance(t,r,n,i){Vse(t,r,n,i)}mount(t){this.isSVGTag=gS(t.tagName),super.mount(t)}}const _se=(e,t)=>A3(e)?new Rse(t):new zse(t,{allowProjection:e!==w.Fragment}),Fse=_ae({...uie,...Mse,...yse,...Ase},_se),as=dae(Fse),$r=({href:e,path:t,className:r,activeClassName:n="active",...i})=>{const o=Ee.useLocation().pathname;return a.jsx(De,{className:V(r,{[n]:o===t}),...i})};function Od({name:e,icon:t,path:r,href:n,dropdownItems:i,isActive:s,hide:o,onClick:l}){const d=Ee.useLocation().pathname,u=Ee.useNavigate(),f=ru(),[p,h]=w.useState(!1),[m,{height:g}]=su(),x=r?.toString()?.toLowerCase()===d?.toLowerCase(),y=i&&i.some(k=>d.includes(k.path)),v=x||y||s;w.useEffect(()=>{y&&h(!0)},[y]);const b=k=>/^https?:\/\//i.test(k),j=(k,S)=>{b(k)?(window.location.href=k,S&&S()):(u(k),S&&S())},C=(k,S)=>{j(k),h(!1),S&&S()},N=n||r;return a.jsxs("div",{className:"mb-[8px] min-h-[48px] list-none last:mb-[0px]",children:[!(i?.length&&!o)&&a.jsxs($r,{onTouchStart:()=>{j(N,l)},onClick:()=>{j(N,l)},path:r,href:n,to:N,className:V("relative flex h-[48px] items-center whitespace-nowrap rounded-lg px-[16px] text-sm text-gray-500 transition-all hover:text-brand dark:hover:text-white",{"bg-brand":v}),activeClassName:"text-white!",children:[a.jsx("span",{className:V("relative z-1 w-[24px] h-[24px] ml-[-4px] duration-100 before:absolute before:-right-[12px] before:top-[50%] before:h-[4px] before:w-[4px] before:-translate-y-2/4 before:rounded-full before:bg-none ltr:mr-[12px] rtl:ml-[12px]",{"text-white":v,"text-gray-500":!v&&!e}),children:t}),a.jsx("span",{className:"relative z-1",children:e}),r===d&&a.jsx(as.span,{className:V("absolute bottom-0 left-0 right-0 h-full w-full rounded-lg bg-brand opacity-0 shadow-large transition-opacity"),initial:{opacity:0},animate:{opacity:1},transition:{duration:.5}})]}),i?.length&&!o&&a.jsxs("div",{onMouseEnter:()=>{h(!0)},onMouseLeave:()=>{h(!!y)},onTouchStart:()=>h(!p),children:[a.jsxs($r,{activeClassName:"bg-brand text-white",className:V("relative flex h-[48px] cursor-pointer items-center justify-between whitespace-nowrap rounded-lg px-[16px] text-sm transition-all","text-gray-500 hover:text-brand dark:hover:text-white",o&&"hidden",v&&"!text-white !bg-brand"),path:r,href:n,to:N,onClick:()=>{j(N,l)},children:[a.jsxs("span",{className:"z-1 flex items-center ltr:mr-[12px] rtl:ml-[12px]",children:[a.jsx("span",{className:V("relative z-1 w-[24px] h-[24px] ml-[-4px] duration-100 before:absolute before:-right-[12px] before:top-[50%] before:h-[4px] before:w-[4px] before:-translate-y-2/4 before:rounded-full before:bg-none ltr:mr-[12px] rtl:ml-[12px]"),children:t}),e]}),a.jsx("span",{className:`z-1 transition-transform duration-200 ${p?"rotate-180":""}`,children:a.jsx(_n,{})}),(x||y)&&a.jsx(as.span,{className:V("absolute bottom-0 left-0 right-0 h-full w-full rounded-lg bg-brand opacity-0 shadow-large transition-opacity"),initial:{opacity:0},animate:{opacity:1},transition:{duration:.5}})]}),a.jsx("div",{style:{height:p?g:0},className:"ease-[cubic-bezier(0.33, 1, 0.68, 1)] overflow-hidden transition-all duration-350",children:a.jsxs("ul",{ref:m,children:[f&&a.jsx("li",{className:V("first:pt-[8px]",o&&"hidden"),onTouchStart:()=>C(N,l),children:a.jsx($r,{path:r,href:n,to:N,className:"flex items-center rounded-lg p-[12px] text-sm text-gray-500 transition-all before:h-[4px] before:w-[4px] before:rounded-full before:bg-gray-500 hover:text-brand ltr:pl-[24px] ltr:before:mr-[20px] rtl:pr-[24px] rtl:before:ml-[20px] dark:hover:text-white",activeClassName:"text-brand! dark:text-white! dark:before:bg-white! before:bg-brand! before:w-[8px]! before:h-[8px]! before:-ml-[2px] ltr:before:mr-[18px]! rtl:before:ml-[18px]! font-medium!",onClick:()=>{j(N,l)},children:e})}),i.map((k,S)=>{const E=k.href?k.href:k.path;return k.hide?null:a.jsx("li",{className:V("first:pt-[8px]",k.hide&&"hidden"),onTouchStart:()=>C(E,k?.onClick),children:a.jsx($r,{path:k.path,href:k.href,to:E,className:"flex items-center rounded-lg p-[12px] text-sm text-gray-500 transition-all before:h-[4px] before:w-[4px] before:rounded-full before:bg-gray-500 hover:text-brand ltr:pl-[24px] ltr:before:mr-[20px] rtl:pr-[24px] rtl:before:ml-[20px] dark:hover:text-white",activeClassName:"text-brand! dark:text-white! dark:before:bg-white! before:bg-brand! before:w-2! before:h-2! before:-ml-0.5 ltr:before:mr-[18px]! rtl:before:ml-[18px]! font-medium!",onClick:()=>{j(E,k?.onClick)},children:k.name})},S)})]})})]})]})}function US({className:e,menuItems:t,children:r,title:n,actionContent:i,onClose:s,logo:o}){const l=t&&t?.map(c=>({name:c.name,icon:c.icon,path:c.path,href:c.href,hide:c.hide,isActive:c.isActive,onClick:c.onClick,...c.dropdownItems&&{dropdownItems:c?.dropdownItems?.map(d=>({name:d.name,...d?.icon&&{icon:d.icon},path:d.path,href:d.href,hide:d.hide,isActive:d.isActive,onClick:d.onClick}))}}));return a.jsxs("aside",{className:V("top-0 z-40 h-full w-full max-w-full border-dashed border-gray-200 dark:border-gray-700 bg-light-dark min-[500px]:w-80 2xl:w-96",e),children:[a.jsxs("div",{className:"relative flex h-[96px] items-center justify-between overflow-hidden px-[24px] py-[16px] 2xl:px-[32px]",children:[o&&a.jsx(mn,{...o}),n&&a.jsx("h2",{className:"text-lg font-medium uppercase tracking-wider text-gray-900 dark:text-white",children:n}),a.jsx(he,{title:"Close",shape:"circle",variant:"ghost",size:"mini",onClick:s,onTouchStart:s,onTouchEnd:s,children:a.jsx(Fn,{className:"h-[8px] w-[8px]",width:16,height:16})})]}),a.jsx("div",{className:"h-[calc(100%-96px)] overflow-y-auto",children:a.jsxs("div",{className:"px-[16px] 2xl:px-[24px] pb-[80px]",children:[r,l&&l.map((c,d)=>a.jsx(Od,{onClick:s,name:c.name,path:c.path,href:c.href,icon:c.icon,hide:c.hide,isActive:c.isActive,dropdownItems:c.dropdownItems&&c.dropdownItems.map(u=>({...u,onClick:s}))},`menu-item-${d}`))]})}),i&&a.jsx("div",{className:"absolute bottom-[16px] left-0 z-10 w-full px-[24px] flex gap-[8px]",children:i})]})}function d0({onClose:e,children:t,type:r,className:n,menuItems:i,position:s="left",title:o,actionContent:l,backdrop:c=!0,logo:d,isOpen:u,setIsOpen:f}){const p=()=>{f(!1),e?.()},h=()=>{switch(r){case"sidebar":return a.jsx(Hf,{onClose:p,children:t,className:n,title:o,logo:d,actionContent:l});case"sidebar-menu":return a.jsx(US,{onClose:p,children:t,className:n,menuItems:i||[],title:o,logo:d,actionContent:l});default:return a.jsx(Hf,{onClose:p,children:t,className:n,title:o,logo:d,actionContent:l})}};return a.jsx(t3,{isOpen:u,setIsOpen:f,position:s,backdrop:c,children:h()})}const WS={primary:{presetKey:"primaryPreset",setterKey:"setPrimaryPreset",defaultValue:qd,label:"Primary Color"},darkPrimary:{presetKey:"darkPrimaryPreset",setterKey:"setDarkPrimaryPreset",defaultValue:$d,label:"Dark Primary Color"},secondary:{presetKey:"secondaryPreset",setterKey:"setSecondaryPreset",defaultValue:Hd,label:"Secondary Color"},darkSecondary:{presetKey:"darkSecondaryPreset",setterKey:"setDarkSecondaryPreset",defaultValue:Ud,label:"Dark Secondary Color"},accent:{presetKey:"accentPreset",setterKey:"setAccentPreset",defaultValue:Wd,label:"Accent Color"},darkAccent:{presetKey:"darkAccentPreset",setterKey:"setDarkAccentPreset",defaultValue:Gd,label:"Dark Accent Color"},muted:{presetKey:"mutedPreset",setterKey:"setMutedPreset",defaultValue:Kd,label:"Muted Color"},darkMuted:{presetKey:"darkMutedPreset",setterKey:"setDarkMutedPreset",defaultValue:Zd,label:"Dark Muted Color"},darkBg:{presetKey:"darkBgPreset",setterKey:"setDarkBgPreset",defaultValue:Yd,label:"Dark Background Color"},lightBg:{presetKey:"lightBgPreset",setterKey:"setLightBgPreset",defaultValue:Xd,label:"Light Background Color"},lightDark:{presetKey:"lightDarkPreset",setterKey:"setLightDarkPreset",defaultValue:Jd,label:"Light Dark Color"},darkLightDark:{presetKey:"darkLightDarkPreset",setterKey:"setDarkLightDarkPreset",defaultValue:Qd,label:"Dark Light Dark Color"}},Bse=Object.keys(WS);function Io({onClick:e,checked:t,title:r,children:n}){return a.jsxs("button",{onClick:e,onTouchStart:e,"aria-label":r,"aria-describedby":r,className:"group cursor-pointer outline-hidden focus:outline-hidden focus:outline-none w-full",children:[a.jsx("span",{className:V("flex h-17.5 items-center justify-center rounded-lg text-center text-sm font-medium uppercase tracking-wide transition-all",t?"shadow-large bg-brand/50":"bg-white dark:bg-gray-600 text-gray-500 group-hover:bg-brand/20 dark:text-gray-400"),children:n}),a.jsx("span",{className:V("mt-3 block text-center text-sm transition-all",t?"text-brand dark:text-white":"text-gray-500 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white"),children:r})]})}function qse(){const{mode:e,setMode:t}=_e();return a.jsxs("div",{className:"px-6 pt-8",children:[a.jsx("h4",{className:"mb-4 text-sm font-medium text-gray-900 dark:text-white",children:"Mode"}),a.jsxs("div",{role:"radiogroup",className:"grid grid-cols-2 gap-5",children:[a.jsx(Io,{onClick:()=>t("light"),title:"Light",checked:e==="light",children:a.jsx(kp,{})}),a.jsx(Io,{onClick:()=>t("dark"),title:"Dark",checked:e==="dark",children:a.jsx(Np,{})})]})]})}function $se(){const{direction:e,setDirection:t}=_e();return a.jsxs("div",{className:"px-6 pt-8",children:[a.jsx("h4",{className:"mb-4 text-sm font-medium text-gray-900 dark:text-white",children:"Direction"}),a.jsxs("div",{role:"radiogroup",className:"grid grid-cols-2 gap-5",children:[a.jsx(Io,{onClick:()=>t("ltr"),title:"LTR",checked:e==="ltr",children:a.jsx(fb,{})}),a.jsx(Io,{onClick:()=>t("rtl"),title:"RTL",checked:e==="rtl",children:a.jsx(vb,{})})]})]})}const Hse={[Mt.HORIZONTAL]:a.jsx(V2,{}),[Mt.ADMIN]:a.jsx(lb,{}),[Mt.CLEAN]:a.jsx(V2,{})};function Use(){const{layout:e,setLayout:t}=_e();return a.jsxs("div",{className:"px-6 pt-8",children:[a.jsx("h4",{className:"mb-4 text-sm font-medium text-gray-900 dark:text-white",children:"Layout"}),a.jsx("div",{role:"radiogroup",className:"grid grid-cols-2 gap-5",children:pb.map(r=>a.jsx(Io,{onClick:()=>t(r.value),title:r.label,checked:e===r.value,children:Hse[r.value]},r.label))})]})}function Wse({type:e}){const[t,r]=w.useState(""),{presetKey:n,setterKey:i,defaultValue:s,label:o}=WS[e],l=_e(h=>h[n]),c=_e(h=>h[i]),d=Lt.map(h=>({name:h.label,value:h.value})),u=Lt.find(h=>h.value===l?.value),f=h=>{const m=Lt.find(g=>g.value===h.value);m&&c(m)},p=()=>{c({label:t?`Custom ${e}`:s.label,value:t||s.value})};return a.jsxs("div",{className:"px-6 pt-8",children:[a.jsxs("div",{className:"flex items-start flex-col h-8 justify-between mb-4",children:[a.jsx("span",{className:"text-sm font-medium text-gray-900 dark:text-white",children:o}),a.jsxs("span",{className:"text-current text-xs font-medium rounded-md",children:["Currently:"," ",a.jsxs("span",{className:"text-brand",children:[l?.label," ",a.jsx("span",{style:{backgroundColor:l?.value},className:"min-h-4 min-w-4 h-4 w-4 inline-block rounded-full ml-1 border border-gray-200 dark:border-gray-700"})]})]})]}),a.jsxs("div",{className:"flex flex-col w-full gap-2",children:[a.jsx(ii,{options:d,selectedOption:{name:l?.label?.includes("Custom")?l.label:u?.label||"",value:u?.value||""},onChange:f}),a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(ut,{placeholder:"Enter color code",type:"text",value:t,onChange:h=>r(h.target.value)}),a.jsx(he,{size:"small",className:"w-35 h-12 mt-1",variant:"ghost",onClick:p,children:t?"Set Color":"Set Default"})]})]})]})}function GS(){const{restoreDefaultColors:e}=_e();return a.jsx("div",{className:"flex justify-center items-center p-4 absolute bg-white dark:bg-gray-800 bottom-0 left-0 right-0 border-t border-gray-200 dark:border-gray-700",children:a.jsx(he,{fullWidth:!0,size:"small",onClick:e,children:"Restore Theme"})})}function KS(){const{isSettingsOpen:e,setIsSettingsOpen:t}=_e();return a.jsx(d0,{type:"sidebar",position:"right",isOpen:e,setIsOpen:t,title:"Settings",className:"relative",children:a.jsxs("div",{className:"h-full pb-16",children:[a.jsx(qse,{}),a.jsx($se,{}),a.jsx(Use,{}),Bse.map(r=>a.jsx(Wse,{type:r},r)),a.jsx(GS,{})]})})}const ZS=({className:e,children:t})=>{const{mode:r,setMode:n}=_e();return a.jsxs("div",{className:V("flex items-center justify-between w-full gap-1",e),children:[a.jsx("span",{className:"text-sm font-medium",children:"Mode"}),a.jsx(Rp,{onLabel:a.jsx(Np,{className:"w-4 h-4"}),offLabel:a.jsx(kp,{className:"w-4 h-4"}),checked:r==="dark",onChange:i=>n(i?"dark":"light")}),t]})},Gse=(e,t)=>{const r=n=>t.includes(n)&&n!=="/"||n==="/"&&t==="/";return e.map(n=>({name:n.name,icon:n.icon,path:n.path,href:n.href,hide:n.hide,isActive:r(n.path),onClick:n.onClick,dropdownItems:n.dropdownItems,...n.dropdownItems&&{dropdownItems:n?.dropdownItems?.map(i=>({name:i.name,...i?.icon&&{icon:i.icon},path:i.path,href:i.href,hide:i.hide,isActive:r(i.path),onClick:i.onClick,...n.dropdownItems&&{dropdownItems:i?.dropdownItems?.map(s=>({name:s.name,...s?.icon&&{icon:s.icon},path:s.path,href:s.href,hide:s.hide,isActive:r(s.path),onClick:s.onClick}))}}))}}))};function YS({menuItems:e}){const r=Ee.useLocation().pathname;return a.jsx("div",{className:"flex items-center xl:px-[36px] 2xl:px-[56px] min-[1780px]:px-[64px]",children:a.jsx("ul",{className:"relative flex items-center gap-[16px] 2xl:gap-[24px]",children:Gse(e,r).map((n,i)=>{const s=n.href?n.href:n.path;return a.jsx(w.Fragment,{children:n.dropdownItems&&!n.hide?a.jsxs("li",{className:"group/parent relative",children:[a.jsxs($r,{path:n.path,href:n.href,to:s,className:"flex w-full items-center text-sm font-medium uppercase text-gray-600 transition hover:text-gray-900 dark:text-gray-300 dark:hover:text-white hover:cursor-pointer",children:[n.icon&&a.jsx("span",{className:V("w-[16px] h-[16px] flex items-center justify-center mr-[6px]",n.isActive&&"text-brand"),children:n.icon}),a.jsx("span",{className:V("text-[11px] sm:text-[12px] md:text-[13px] lg:text-[14px] overflow-hidden text-ellipsis whitespace-nowrap",n.isActive&&"text-brand"),children:n.name}),a.jsx("span",{className:"z-[1] transition-transform duration-200 ltr:ml-[12px] rtl:mr-[12px]",children:a.jsx(_n,{className:V("h-[10px] w-[10px]",n.isActive&&"text-brand")})})]}),a.jsx("ul",{className:"invisible absolute right-0 top-[130%] mt-[8px] w-[256px] rounded-lg bg-light-dark p-[12px] opacity-0 shadow-large transition-all group-hover/parent:visible group-hover/parent:top-full group-hover/parent:opacity-100 ltr:right-0 rtl:left-0",children:n.dropdownItems.map((o,l)=>a.jsx("li",{className:V("group relative",o.hide&&"hidden",o.isActive&&"text-brand"),children:o.dropdownItems?a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"flex w-full items-center justify-between rounded-lg px-[12px] py-[8px] text-sm font-medium uppercase text-gray-600 transition hover:text-gray-900 dark:text-gray-300 dark:hover:bg-gray-700/50 dark:hover:text-white",children:[a.jsx("span",{className:V("text-[12px]",o.isActive&&"text-brand"),children:o.name}),a.jsx("span",{className:"z-[1] -mt-[4px] transition-transform duration-200 ltr:ml-[12px] rtl:mr-[12px]",children:a.jsx(vp,{className:"h-[10px] w-[10px]"})})]}),a.jsx("ul",{className:"invisible absolute left-[107%] right-0 top-[130%] w-[256px] rounded-lg bg-white p-[12px] opacity-0 shadow-large transition-all group-hover:visible group-hover/parent:top-0 group-hover:opacity-100 ltr:right-0 rtl:left-0 dark:bg-gray-800",children:o?.dropdownItems?.map((c,d)=>{const u=c.href?c.href:c.path;return a.jsx("li",{children:a.jsx($r,{path:c.path,href:c.href,to:u,className:"block rounded-lg px-[12px] py-[8px] text-sm font-medium uppercase !text-gray-600 transition hover:bg-gray-100  hover:text-gray-900 dark:!text-white dark:hover:bg-gray-700/50",activeClassName:V("bg-gray-100 dark:bg-gray-700 my-[4px] last:mb-[0px] first:mt-[0px] !text-gray-900 dark:!text-white",c.isActive&&"!bg-brand !text-white"),children:a.jsx("span",{className:V("text-[12px]"),children:c.name})})},c.name+d.toString())})})]}):a.jsxs($r,{to:o.href?o.href:o.path,path:o.path,href:o.href,onClick:o.onClick,onTouchStart:o.onClick,className:"flex items-center gap-[4px] rounded-lg px-[12px] py-[8px] text-sm font-medium uppercase text-gray-600 transition hover:bg-gray-200 hover:text-gray-900 dark:text-white dark:hover:bg-gray-700/50",activeClassName:V("bg-gray-100 dark:bg-gray-700 my-[4px] last:mb-[0px] first:mt-[0px] !text-gray-900 dark:!text-white",o.isActive&&"!bg-brand !text-white"),children:[o.icon&&a.jsx("span",{className:"w-4 h-4 flex items-center justify-center mr-1.5",children:o.icon}),a.jsx("span",{className:"text-[14px]",children:o.name})]})},`${o.name}-${l}`))})]}):a.jsx("li",{children:a.jsx($r,{path:n.path,href:n.href,to:n.href?n.href:n.path,className:"mx-[8px] text-[13px] font-medium uppercase transition first:ml-[0px] last:mr-[0px] hover:text-brand text-gray-600 dark:text-gray-300 dark:hover:text-brand 2xl:mx-[12px] 2xl:text-sm min-[1780px]:mx-[16px]",activeClassName:V("!text-brand dark:!text-brand"),children:a.jsxs("span",{className:"z-1 flex items-center ltr:mr-[12px] rtl:ml-[12px]",children:[n.icon&&a.jsx("span",{className:"w-4 h-4 flex items-center justify-center mr-1.5",children:n.icon}),a.jsx("span",{className:"text-[11px] sm:text-[12px] md:text-[13px] lg:text-[14px] overflow-hidden text-ellipsis whitespace-nowrap",children:n.name})]})})})},`layout-${n.name}-${i}`)})})})}const XS=({isOpen:e,text:t,closeable:r=!0,hideButtons:n=!1,children:i,buttonContainer:s,className:o,titleContainerClassName:l,contentClassName:c,setIsOpen:d,onSubmit:u,onBack:f,onClose:p})=>{const[h,m]=w.useState(!1),[g,x]=w.useState(!1),y=w.useRef(null),v=w.useRef(null);w.useEffect(()=>{e&&(v.current=document.activeElement)},[e]),w.useEffect(()=>{!e&&v.current&&v.current.focus()},[e]),w.useEffect(()=>{if(e){document.body.style.overflow="hidden",m(!0);const T=setTimeout(()=>{x(!0),y.current&&y.current.focus()},0);return()=>clearTimeout(T)}else{x(!1);const T=setTimeout(()=>{m(!1),document.body.style.overflow=""},200);return()=>clearTimeout(T)}},[e]),w.useEffect(()=>()=>{document.body.style.overflow=""},[]);const b=w.useCallback(()=>{d(!1)},[d]),j=w.useCallback(()=>{p&&p(),r&&d(!1)},[p,r,d]),C=w.useCallback(T=>{T.target===T.currentTarget&&r&&j()},[r,j]);if(w.useEffect(()=>{const T=A=>{A.key==="Escape"&&e&&r&&j()};if(e)return document.addEventListener("keydown",T),()=>document.removeEventListener("keydown",T)},[e,r,j]),!h)return null;const N="modal-title",k="modal-description",S=V("fixed inset-0 w-screen h-screen bg-gray-700/10 backdrop-blur-xs transition-opacity duration-300 ease-out",g?"opacity-100":"opacity-0"),E=V("fixed inset-0 flex items-center justify-center p-[16px] transition-all duration-300 ease-out pointer-events-none",g?"opacity-100 scale-100":"opacity-0 scale-105"),P=a.jsxs(a.Fragment,{children:[a.jsx("div",{className:S,onClick:C,"aria-hidden":"true",style:{zIndex:50}}),a.jsx("div",{className:E,role:"dialog","aria-modal":"true","aria-labelledby":t?.title?N:void 0,"aria-describedby":t?.content?k:void 0,style:{zIndex:51},children:a.jsxs(K,{className:V("relative w-full sm:max-w-[800px] h-fit! min-h-[400px] rounded-xl shadow-card pointer-events-auto",o),children:[a.jsxs("h3",{ref:y,id:N,className:V("flex w-full h-fit justify-between items-start pb-3 dark:text-white text-current",t?.title?" border-b border-gray-200 dark:border-gray-700":"text-transparent dark:text-transparent",l),tabIndex:-1,children:[a.jsx(O,{tag:"h3",className:"font-bold font-figtree text-[22px] font-600 leading-[100%] tracking-[0.022px]",children:t?.title||""}),a.jsx(he,{variant:"transparent",size:"mini",shape:"circle",onClick:j,"aria-label":r?"Close modal":"Close",children:a.jsx(Fn,{className:"h-[18px] w-[18px] cursor-pointer text-gray-500 dark:text-gray-200","aria-hidden":"true",width:18,height:18})})]}),t?.content&&a.jsx("p",{id:k,className:"mt-[16px] text-sm/6 dark:text-white text-current",children:t.content}),a.jsx("div",{className:V("flex flex-col w-full overflow-x-hidden overflow-y-auto max-h-[60vh] p-[8px] dark:text-white text-current mt-[16px]",c),children:i}),s&&a.jsx("div",{className:"mt-[24px]",children:s}),!n&&a.jsxs("div",{className:"absolute bottom-8 right-8 flex w-full justify-end gap-[8px]",children:[a.jsx(he,{size:"medium",shape:"rounded",variant:"ghost",onClick:()=>{b(),f&&f()},children:t?.backButton||"Close"}),a.jsx(he,{size:"medium",shape:"rounded",onClick:()=>{u&&u()},children:t?.button||"Accept"})]})]})})]});return xr.createPortal(P,document.body)};XS.displayName="Modal";function Kse({icon:e,title:t,subtitle:r,badgeHeader:n,badgeHeaderClassName:i,tabs:s,content:o,footerLabel:l,successButton:c,closeButton:d,closeLabel:u,onClose:f,className:p}){const h=!o&&s&&s.length>0,[m,g]=w.useState(0),[x,y]=w.useState(!1);w.useEffect(()=>{const j=C=>{C.key==="Escape"&&f()};return window.addEventListener("keydown",j),()=>window.removeEventListener("keydown",j)},[f]),w.useEffect(()=>{g(0)},[s?.length]);const v=d?.label??u??"Close",b=d?.onClick??f;return xr.createPortal(a.jsx("div",{className:"fixed inset-0 z-9999 flex items-end sm:items-center justify-center bg-gray-700/10 backdrop-blur-xs p-0 sm:p-4",onClick:j=>{j.target===j.currentTarget&&f()},children:a.jsxs("div",{className:V("relative w-full sm:max-w-xl max-h-[92dvh] flex flex-col rounded-t-2xl sm:rounded-2xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 shadow-2xl overflow-hidden",p),children:[a.jsxs("div",{className:"flex items-center justify-between px-4 py-3 shrink-0 bg-brand/5 dark:bg-brand/10 border-b border-gray-200 dark:border-gray-700",children:[a.jsxs("div",{className:"flex items-center gap-2.5",children:[e&&a.jsx("div",{className:"flex h-8 w-8 items-center justify-center rounded-lg bg-brand/10 dark:bg-brand/20 border border-brand/20 dark:border-brand/30",children:a.jsx(e,{className:"h-4 w-4 text-brand"})}),a.jsxs("div",{children:[(t||n)&&a.jsxs("div",{className:"flex items-center gap-2",children:[t&&a.jsx("span",{className:"text-sm font-bold text-gray-900 dark:text-gray-100",children:t}),n&&a.jsx("span",{className:V("rounded-full border px-2 py-0.5 text-[10px] font-semibold",i??"text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 border-gray-200 dark:border-gray-700"),children:n})]}),r&&a.jsx("p",{className:"text-[10px] text-gray-500 dark:text-gray-400",children:r})]})]}),a.jsx("button",{type:"button",onClick:f,className:"rounded-lg p-1.5 text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-gray-100 transition-colors",children:a.jsx(B.X,{className:"h-4 w-4"})})]}),h&&a.jsx("div",{className:"flex shrink-0 border-b border-gray-200 dark:border-gray-700 bg-gray-50/50 dark:bg-gray-800/20",children:s?.map(({icon:j,name:C},N)=>a.jsxs("button",{type:"button",onClick:()=>g(N),className:V("flex flex-1 items-center justify-center gap-1.5 py-2.5 text-[11px] font-bold uppercase tracking-wide transition-all",m===N?"border-b-2 border-brand text-brand bg-brand/5":"text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100"),children:[j&&a.jsx(j,{className:"h-3 w-3 shrink-0 sm:hidden"}),a.jsx("span",{children:C})]},C))}),a.jsx("div",{className:"flex-1 overflow-y-auto p-4",children:o||(h?s?.[m].content:null)}),a.jsx("div",{className:"shrink-0 border-t border-gray-200 dark:border-gray-700 px-4 py-3 flex items-center justify-between bg-gray-50/50 dark:bg-gray-800/10",children:d||c?a.jsxs(a.Fragment,{children:[a.jsx("span",{className:"text-[10px] text-gray-500 dark:text-gray-400 font-mono truncate max-w-[50%]",children:l??""}),a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(he,{variant:"ghost",size:"mini",onClick:b,children:v}),c&&a.jsx(he,{variant:"solid",size:"mini",onClick:c.onClick,children:c.label})]})]}):l?a.jsxs("button",{type:"button",onClick:()=>y(j=>!j),className:"flex w-full items-start gap-2 text-left group",children:[a.jsx(B.ChevronDown,{className:V("h-3 w-3 shrink-0 mt-0.5 text-gray-400 transition-transform duration-200",x&&"rotate-180")}),a.jsx("span",{className:V("text-[10px] text-gray-500 dark:text-gray-400 font-mono transition-all duration-200",x?"whitespace-pre-wrap break-all":"truncate"),children:l})]}):a.jsx("div",{className:"flex w-full justify-end",children:a.jsx(he,{variant:"ghost",size:"mini",onClick:b,children:v})})})]})}),document.body)}function JS({rightButton:e,menuItems:t,isOpen:r,setIsOpen:n,logo:i}){return a.jsxs("div",{className:"order-last flex shrink-0 items-center",children:[a.jsx("div",{className:"hidden gap-[24px] lg:flex 2xl:gap-[32px]",children:e&&e}),a.jsxs("div",{className:"flex items-center lg:hidden",children:[e&&e,t.length>0&&a.jsxs(a.Fragment,{children:[a.jsx(nu,{isOpen:r,onClick:()=>n(!r),color:"white",className:"shadow-main ltr:ml-[14px] rtl:mr-[14px] w-[40px]! h-[40px]! sm:w-[48px]! sm:h-[48px]! md:w-[48px]! md:h-[48px]! dark:border dark:border-solid dark:border-gray-700 dark:bg-light-dark dark:text-white sm:ltr:ml-[20px] sm:rtl:mr-[20px]"}),a.jsx(d0,{type:"sidebar-menu",logo:i,position:"left",backdrop:!0,menuItems:t,isOpen:r,setIsOpen:n,onClose:()=>n(!1)})]})]})]})}function QS({className:e,menuItems:t,rightButton:r,logo:n,isOpen:i,setIsOpen:s}){const o=Gt(),l=yn(),c=n0(),{primaryPreset:d}=_e();return a.jsx("nav",{className:V("sticky top-0 z-30 flex w-full border-b border-transparent dark:border-gray-800 items-center justify-between px-[16px] transition-all duration-300 backdrop-blur-lg shadow-md ltr:right-0 rtl:left-0 sm:px-[24px] lg:px-[32px] min-[1780px]:px-[40px]",o&&c.y>17?"min-h-[72px] shadow-card":"",e),children:a.jsxs("div",{className:"mx-auto flex w-full items-center justify-between",children:[a.jsxs("div",{className:"flex items-center gap-[24px]",children:[n&&a.jsx(mn,{isoType:l==="xs",preset:d?.label,...n}),o&&["xs","sm","md"].indexOf(l)===-1&&a.jsx(YS,{menuItems:t})]}),a.jsx(JS,{rightButton:r,menuItems:t,isOpen:i,setIsOpen:s,logo:n})]})})}function eE({children:e,menuItems:t,rightButton:r,logo:n,className:i,isOpen:s,fullWidth:o=!1,headerClassName:l,contentClassName:c,setIsOpen:d}){return a.jsxs("div",{className:V(i),children:[a.jsx(QS,{rightButton:r,menuItems:t,logo:n,isOpen:s,setIsOpen:d,className:l}),a.jsx("main",{className:V(o?"min-h-full w-full h-full px-[0px]":"min-h-full px-[8px] pb-[96px] pt-[16px] sm:px-[24px] lg:px-[32px] min-[1780px]:px-[40px] sm:pb-[96px] xl:pb-[96px] xl:pt-[16px]",c),children:e})]})}const qs=e=>e.map(t=>({name:t.name,icon:t.icon,path:t.path,href:t.href,hide:t.hide,...t.dropdownItems&&{dropdownItems:t?.dropdownItems?.map(r=>({name:r.name,...r?.icon&&{icon:r.icon},path:r.path,href:r.href,hide:r.hide}))}}));function tE({logo:e,className:t,menuItems:r}){const n=Ee.useLocation().pathname,[i,s]=w.useState(!1),{isMobile:o}=ru(),l=w.useRef(null);nk(l,()=>{s(!1)}),w.useEffect(()=>{setTimeout(o?()=>{s(!0)}:()=>{s(!1)},100)},[o]);function c(d){return d?.map(u=>u.href).includes(n)}return a.jsxs("aside",{ref:l,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),onTouchStart:()=>s(!0),className:V(i?"ltr:border-r rtl:border-l border-dashed border-gray-200 min-[500px]:w-[320px] xl:w-[288px] 2xl:w-[320px] bg-light-dark":"w-[96px] border-dashed border-gray-200 ltr:border-r rtl:border-l 2xl:w-[112px]","top-0 z-40 h-full max-w-full duration-200 ltr:left-0 rtl:right-0 dark:border-gray-700 xl:fixed bg-light-dark",t),children:[a.jsxs("div",{className:V("relative flex h-[96px] items-center  overflow-hidden px-[24px] py-[16px] pt-[0px] 2xl:px-[32px] min-[1780px]:pt-[24px]",i?"flex-start":"justify-center"),children:[i?a.jsx(mn,{...e}):a.jsx("div",{onClick:()=>s(!i),children:a.jsx(mn,{...e,isoType:!0,name:"",secondName:""})}),i&&a.jsx("div",{className:"md:hidden",children:a.jsx(he,{title:"Close",color:"white",shape:"circle",variant:"transparent",size:"small",onClick:()=>s(!1),children:a.jsx(Fn,{className:"h-auto w-[10px]"})})})]}),a.jsx("div",{className:V("custom-scrollbar -mt-[16px] overflow-hidden overflow-y-auto 2xl:-mt-[28px]",i?"h-[calc(100%-190px)]":"h-[calc(100%-170px)]"),children:a.jsx("div",{className:"px-[24px] pb-[20px] 2xl:px-[32px]",children:i?a.jsx("div",{className:"mt-[20px] 2xl:mt-[32px]",children:qs(r)?.length&&qs(r).map((d,u)=>a.jsx(Od,{path:d.path,onClick:()=>s(!1),name:d.name,href:d?.href,icon:a.jsx("span",{className:"w-[24px] h-[24px] flex items-center justify-center",children:d?.icon||a.jsx(R2,{})}),dropdownItems:d?.dropdownItems},"drawer-full"+d.name+u))}):a.jsx("div",{className:"mt-[20px] 2xl:mt-[32px]",onClick:()=>s(!i),children:qs(r)?.length&&!qs(r).some(d=>d.hide)&&qs(r).map((d,u)=>a.jsx(Od,{path:d.path,isActive:d.href===n||d.dropdownItems&&c(d.dropdownItems),href:d.href,name:"",icon:a.jsx("span",{className:"w-[24px] h-[24px] flex items-center justify-center",children:d?.icon||a.jsx(R2,{})})},"drawer"+d.name+u))})})}),a.jsx("div",{className:V("sticky bottom-[20px] mt-[12px] 2xl:mt-[48px]",i&&"px-[32px]"),children:!i&&a.jsx(as.div,{initial:{x:50,y:-5},animate:{x:0,y:0},className:"cursor-pointer pb-[8px]"})})]})}function D3({rightButton:e}){return a.jsx("div",{className:"relative order-last flex shrink-0 items-center gap-[16px] sm:gap-[24px] lg:gap-[32px]",children:e&&e})}function rE({className:e,logo:t,rightButton:r,isOpen:n,setIsOpen:i}){const s=Ee.useNavigate(),o=yn(),l=Gt(),c=n0(),{primaryPreset:d}=_e(),u=h=>/^https?:\/\//i.test(h),f=h=>{u(h)?window.location.href=h:s(h)},p=o==="sm"||o==="xs"||o==="md"||o==="lg";return a.jsx("nav",{className:V("sticky top-0 z-30 backdrop-blur-lg min-h-[72px] h-[72px] w-full transition-all duration-300 ltr:right-0 rtl:left-0",(l&&c.y)>2&&"shadow-card",p?"shadow-card border-b border-transparent dark:border-gray-800":"",e),children:a.jsxs("div",{className:"flex h-full items-center justify-between px-[16px] sm:px-[24px] lg:px-[32px] min-[1780px]:px-[40px]",children:[a.jsx("div",{className:"flex items-center",children:a.jsx("div",{onClick:()=>t?.path?f(t.path):null,className:"flex items-center xl:hidden",children:o==="sm"||o==="xs"?a.jsx(mn,{preset:d?.label,...t,name:"",secondName:""}):a.jsx(mn,{preset:d?.label,isoType:o==="sm"||o==="xs",...t})})}),a.jsx(D3,{rightButton:a.jsxs("div",{className:"flex flex-row items-center justify-center",children:[r,a.jsx("div",{className:"mx-[8px] block sm:mx-[16px] xl:hidden",children:a.jsx(nu,{isOpen:n,onClick:()=>i&&i(!0),color:"white",className:"shadow-main dark:border dark:border-solid dark:border-gray-700 dark:bg-light-dark dark:text-white"})})]})})]})})}function nE({logo:e,children:t,menuItems:r,rightButton:n,isOpen:i,className:s,headerClassName:o,contentClassName:l,fullWidth:c=!1,setIsOpen:d}){return a.jsxs("div",{className:V("xl:ltr:pl-[96px] xl:rtl:pr-[96px] 2xl:ltr:pl-[112px] 2xl:rtl:pr-[112px]",s),children:[a.jsx(rE,{logo:e,rightButton:n,isOpen:i,setIsOpen:d,className:o}),a.jsx(tE,{logo:e,className:"hidden xl:block",menuItems:r}),a.jsx(d0,{type:"sidebar-menu",position:"left",backdrop:!0,menuItems:r,isOpen:i,setIsOpen:d,onClose:()=>d&&d(!1),logo:e}),a.jsx("main",{className:V(c?"min-h-full w-full h-full px-[0px]":"min-h-full px-[16px] pb-[96px] pt-[16px] sm:px-[24px] sm:pb-[96px] lg:px-[32px] xl:pb-[96px] xl:pt-[20px] min-[1780px]:px-[40px]",l),children:t})]})}function fp({children:e,className:t}){return a.jsx("div",{className:V("flex h-100vh flex-col",t),children:e})}const Ri=()=>{const{toasts:e,dismissToast:t}=Jh(),[r,n]=w.useState([]),i=l=>{switch(l){case"destructive":return"border-red-500 bg-red-500 text-white";case"success":return"border-green-500 bg-green-500 text-white";case"warning":return"border-yellow-500 bg-yellow-500 text-white";case"info":return"border-blue-500 bg-blue-500 text-white";default:return"border-gray-300 bg-white p-4 shadow-card dark:bg-light-dark"}},s=w.useCallback(l=>{n(c=>c.map(d=>d.id===l.id?{...d,dismissing:!0}:d)),setTimeout(()=>{t(l.id)},500)},[t]),o=w.useCallback((l,c)=>{(l.key==="Escape"||l.key===" "||l.key==="Enter")&&(l.preventDefault(),s(c))},[s]);return w.useEffect(()=>{n(e);const l=e.map(c=>{const d=setTimeout(()=>{s(c)},c.timeout);return{id:c.id,timer:d}});return()=>{l.forEach(({timer:c})=>clearTimeout(c))}},[e,s]),a.jsx("div",{role:"region","aria-label":"Notifications",className:"fixed bottom-4 right-4 flex flex-col gap-2 w-auto z-20",children:r.map((l,c)=>a.jsxs("div",{role:"alert","aria-live":"assertive","aria-atomic":"true",className:`relative flex items-center justify-between space-x-2 border-gray-300 p-4 pr-6 rounded-md shadow-lg transform transition-all duration-500 ease-in-out 
+ */var ny;function uK(){return ny||(ny=1,process.env.NODE_ENV!=="production"&&(function(){var e=Symbol.for("react.element"),t=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),n=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),s=Symbol.for("react.provider"),o=Symbol.for("react.context"),l=Symbol.for("react.server_context"),c=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),u=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),p=Symbol.for("react.lazy"),h=Symbol.for("react.offscreen"),m=!1,g=!1,x=!1,y=!1,v=!1,b;b=Symbol.for("react.module.reference");function j(X){return!!(typeof X=="string"||typeof X=="function"||X===r||X===i||v||X===n||X===d||X===u||y||X===h||m||g||x||typeof X=="object"&&X!==null&&(X.$$typeof===p||X.$$typeof===f||X.$$typeof===s||X.$$typeof===o||X.$$typeof===c||X.$$typeof===b||X.getModuleId!==void 0))}function C(X){if(typeof X=="object"&&X!==null){var ge=X.$$typeof;switch(ge){case e:var be=X.type;switch(be){case r:case i:case n:case d:case u:return be;default:var Pe=be&&be.$$typeof;switch(Pe){case l:case o:case c:case p:case f:case s:return Pe;default:return ge}}case t:return ge}}}var N=o,k=s,S=e,E=c,P=r,T=p,A=f,L=t,D=i,z=n,U=d,I=u,_=!1,q=!1;function J(X){return _||(_=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")),!1}function oe(X){return q||(q=!0,console.warn("The ReactIs.isConcurrentMode() alias has been deprecated, and will be removed in React 18+.")),!1}function de(X){return C(X)===o}function ve(X){return C(X)===s}function Y(X){return typeof X=="object"&&X!==null&&X.$$typeof===e}function H(X){return C(X)===c}function W(X){return C(X)===r}function Z(X){return C(X)===p}function ne(X){return C(X)===f}function te(X){return C(X)===t}function re(X){return C(X)===i}function xe(X){return C(X)===n}function R(X){return C(X)===d}function ae(X){return C(X)===u}Re.ContextConsumer=N,Re.ContextProvider=k,Re.Element=S,Re.ForwardRef=E,Re.Fragment=P,Re.Lazy=T,Re.Memo=A,Re.Portal=L,Re.Profiler=D,Re.StrictMode=z,Re.Suspense=U,Re.SuspenseList=I,Re.isAsyncMode=J,Re.isConcurrentMode=oe,Re.isContextConsumer=de,Re.isContextProvider=ve,Re.isElement=Y,Re.isForwardRef=H,Re.isFragment=W,Re.isLazy=Z,Re.isMemo=ne,Re.isPortal=te,Re.isProfiler=re,Re.isStrictMode=xe,Re.isSuspense=R,Re.isSuspenseList=ae,Re.isValidElementType=j,Re.typeOf=C})()),Re}var ay;function fK(){return ay||(ay=1,process.env.NODE_ENV==="production"?Wl.exports=dK():Wl.exports=uK()),Wl.exports}var pK=fK(),iy=e=>typeof e=="string"?e:e?e.displayName||e.name||"Component":"",sy=null,t2=null,QC=e=>{if(e===sy&&Array.isArray(t2))return t2;var t=[];return w.Children.forEach(e,r=>{He(r)||(pK.isFragment(r)?t=t.concat(QC(r.props.children)):t.push(r))}),t2=t,sy=e,t};function Ah(e,t){var r=[],n=[];return Array.isArray(t)?n=t.map(i=>iy(i)):n=[iy(t)],QC(e).forEach(i=>{var s=Ga(i,"type.displayName")||Ga(i,"type.name");s&&n.indexOf(s)!==-1&&r.push(i)}),r}var Th=e=>e&&typeof e=="object"&&"clipDot"in e?!!e.clipDot:!0,r2={},oy;function mK(){return oy||(oy=1,(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});function t(r){if(typeof r!="object"||r==null)return!1;if(Object.getPrototypeOf(r)===null)return!0;if(Object.prototype.toString.call(r)!=="[object Object]"){const i=r[Symbol.toStringTag];return i==null||!Object.getOwnPropertyDescriptor(r,Symbol.toStringTag)?.writable?!1:r.toString()===`[object ${i}]`}let n=r;for(;Object.getPrototypeOf(n)!==null;)n=Object.getPrototypeOf(n);return Object.getPrototypeOf(r)===n}e.isPlainObject=t})(r2)),r2}var n2,ly;function hK(){return ly||(ly=1,n2=mK().isPlainObject),n2}var gK=hK();const xK=Wt(gK);var cy,dy,uy,fy,py;function my(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function hy(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?my(Object(r),!0).forEach(function(n){yK(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):my(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function yK(e,t,r){return(t=vK(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function vK(e){var t=bK(e,"string");return typeof t=="symbol"?t:t+""}function bK(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function gd(){return gd=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},gd.apply(null,arguments)}function Rs(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var gy=(e,t,r,n,i)=>{var s=r-n,o;return o=at(cy||(cy=Rs(["M ",",",""])),e,t),o+=at(dy||(dy=Rs(["L ",",",""])),e+r,t),o+=at(uy||(uy=Rs(["L ",",",""])),e+r-s/2,t+i),o+=at(fy||(fy=Rs(["L ",",",""])),e+r-s/2-n,t+i),o+=at(py||(py=Rs(["L ",","," Z"])),e,t),o},wK={x:0,y:0,upperWidth:0,lowerWidth:0,height:0,isUpdateAnimationActive:!1,animationBegin:0,animationDuration:1500,animationEasing:"ease"},jK=e=>{var t=Ke(e,wK),{x:r,y:n,upperWidth:i,lowerWidth:s,height:o,className:l}=t,{animationEasing:c,animationDuration:d,animationBegin:u,isUpdateAnimationActive:f}=t,p=w.useRef(null),[h,m]=w.useState(-1),g=w.useRef(i),x=w.useRef(s),y=w.useRef(o),v=w.useRef(r),b=w.useRef(n),j=ui(e,"trapezoid-");if(w.useEffect(()=>{if(p.current&&p.current.getTotalLength)try{var D=p.current.getTotalLength();D&&m(D)}catch{}},[]),r!==+r||n!==+n||i!==+i||s!==+s||o!==+o||i===0&&s===0||o===0)return null;var C=we("recharts-trapezoid",l);if(!f)return M.createElement("g",null,M.createElement("path",gd({},ft(t),{className:C,d:gy(r,n,i,s,o)})));var N=g.current,k=x.current,S=y.current,E=v.current,P=b.current,T="0px ".concat(h===-1?1:h,"px"),A="".concat(h,"px ").concat(h,"px"),L=ow(["strokeDasharray"],d,c);return M.createElement(di,{animationId:j,key:j,canBegin:h>0,duration:d,easing:c,isActive:f,begin:u},D=>{var z=Me(N,i,D),U=Me(k,s,D),I=Me(S,o,D),_=Me(E,r,D),q=Me(P,n,D);p.current&&(g.current=z,x.current=U,y.current=I,v.current=_,b.current=q);var J=D>0?{transition:L,strokeDasharray:A}:{strokeDasharray:T};return M.createElement("path",gd({},ft(t),{className:C,d:gy(_,q,z,U,I),ref:p,style:hy(hy({},J),t.style)}))})},CK=["option","shapeType","activeClassName","inActiveClassName"];function NK(e,t){if(e==null)return{};var r,n,i=kK(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function kK(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function xy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function xd(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?xy(Object(r),!0).forEach(function(n){SK(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):xy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function SK(e,t,r){return(t=EK(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function EK(e){var t=PK(e,"string");return typeof t=="symbol"?t:t+""}function PK(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function MK(e,t){return xd(xd({},t),e)}function AK(e,t){return e==="symbols"}function yy(e){var{shapeType:t,elementProps:r}=e;switch(t){case"rectangle":return M.createElement(uw,r);case"trapezoid":return M.createElement(jK,r);case"sector":return M.createElement(hw,r);case"symbols":if(AK(t))return M.createElement(Xp,r);break;case"curve":return M.createElement(Bi,r);default:return null}}function TK(e){return w.isValidElement(e)?e.props:e}function Oh(e){var{option:t,shapeType:r,activeClassName:n="recharts-active-shape",inActiveClassName:i="recharts-shape"}=e,s=NK(e,CK),o;if(w.isValidElement(t))o=w.cloneElement(t,xd(xd({},s),TK(t)));else if(typeof t=="function")o=t(s,s.index);else if(xK(t)&&typeof t!="boolean"){var l=MK(t,s);o=M.createElement(yy,{shapeType:r,elementProps:l})}else{var c=s;o=M.createElement(yy,{shapeType:r,elementProps:c})}return s.isActive?M.createElement(ze,{className:n},o):M.createElement(ze,{className:i},o)}var Lh=(e,t,r)=>{var n=Fe();return(i,s)=>o=>{e?.(i,s,o),n(Qj({activeIndex:String(s),activeDataKey:t,activeCoordinate:i.tooltipPosition,activeGraphicalItemId:r}))}},Dh=e=>{var t=Fe();return(r,n)=>i=>{e?.(r,n,i),t(N$())}},Ih=(e,t,r)=>{var n=Fe();return(i,s)=>o=>{e?.(i,s,o),n(k$({activeIndex:String(s),activeDataKey:t,activeCoordinate:i.tooltipPosition,activeGraphicalItemId:r}))}};function ul(e){var{tooltipEntrySettings:t}=e,r=Fe(),n=vt(),i=w.useRef(null);return w.useLayoutEffect(()=>{n||(i.current===null?r(b$(t)):i.current!==t&&r(w$({prev:i.current,next:t})),i.current=t)},[t,r,n]),w.useLayoutEffect(()=>()=>{i.current&&(r(j$(i.current)),i.current=null)},[r]),null}function zh(e){var{legendPayload:t}=e,r=Fe(),n=vt(),i=w.useRef(null);return w.useLayoutEffect(()=>{n||(i.current===null?r(rw(t)):i.current!==t&&r(nw({prev:i.current,next:t})),i.current=t)},[r,n,t]),w.useLayoutEffect(()=>()=>{i.current&&(r(aw(i.current)),i.current=null)},[r]),null}function eN(e){var{legendPayload:t}=e,r=Fe(),n=le(Ce),i=w.useRef(null);return w.useLayoutEffect(()=>{n!=="centric"&&n!=="radial"||(i.current===null?r(rw(t)):i.current!==t&&r(nw({prev:i.current,next:t})),i.current=t)},[r,n,t]),w.useLayoutEffect(()=>()=>{i.current&&(r(aw(i.current)),i.current=null)},[r]),null}var a2,OK=()=>{var[e]=M.useState(()=>co("uid-"));return e},LK=(a2=M.useId)!==null&&a2!==void 0?a2:OK;function DK(e,t){var r=LK();return t||(e?"".concat(e,"-").concat(r):r)}var IK=w.createContext(void 0),fl=e=>{var{id:t,type:r,children:n}=e,i=DK("recharts-".concat(r),t);return M.createElement(IK.Provider,{value:i},n(i))},zK={cartesianItems:[],polarItems:[]},tN=Kt({name:"graphicalItems",initialState:zK,reducers:{addCartesianGraphicalItem:{reducer(e,t){e.cartesianItems.push(t.payload)},prepare:Ye()},replaceCartesianGraphicalItem:{reducer(e,t){var{prev:r,next:n}=t.payload,i=Pr(e).cartesianItems.indexOf(r);i>-1&&(e.cartesianItems[i]=n)},prepare:Ye()},removeCartesianGraphicalItem:{reducer(e,t){var r=Pr(e).cartesianItems.indexOf(t.payload);r>-1&&e.cartesianItems.splice(r,1)},prepare:Ye()},addPolarGraphicalItem:{reducer(e,t){e.polarItems.push(t.payload)},prepare:Ye()},removePolarGraphicalItem:{reducer(e,t){var r=Pr(e).polarItems.indexOf(t.payload);r>-1&&e.polarItems.splice(r,1)},prepare:Ye()},replacePolarGraphicalItem:{reducer(e,t){var{prev:r,next:n}=t.payload,i=Pr(e).polarItems.indexOf(r);i>-1&&(e.polarItems[i]=n)},prepare:Ye()}}}),{addCartesianGraphicalItem:VK,replaceCartesianGraphicalItem:RK,removeCartesianGraphicalItem:_K,addPolarGraphicalItem:FK,removePolarGraphicalItem:BK,replacePolarGraphicalItem:qK}=tN.actions,$K=tN.reducer,HK=e=>{var t=Fe(),r=w.useRef(null);return w.useLayoutEffect(()=>{r.current===null?t(VK(e)):r.current!==e&&t(RK({prev:r.current,next:e})),r.current=e},[t,e]),w.useLayoutEffect(()=>()=>{r.current&&(t(_K(r.current)),r.current=null)},[t]),null},Vh=w.memo(HK),UK=e=>{var t=Fe(),r=w.useRef(null);return w.useLayoutEffect(()=>{r.current===null?t(FK(e)):r.current!==e&&t(qK({prev:r.current,next:e})),r.current=e},[t,e]),w.useLayoutEffect(()=>()=>{r.current&&(t(BK(r.current)),r.current=null)},[t]),null},rN=w.memo(UK),WK=["key"],GK=["onMouseEnter","onClick","onMouseLeave"],KK=["id"],ZK=["id"];function ua(){return ua=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ua.apply(null,arguments)}function Xu(e,t){if(e==null)return{};var r,n,i=YK(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function YK(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function vy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function et(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?vy(Object(r),!0).forEach(function(n){XK(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):vy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function XK(e,t,r){return(t=JK(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function JK(e){var t=QK(e,"string");return typeof t=="symbol"?t:t+""}function QK(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function eZ(e){var t=w.useMemo(()=>Ah(e.children,cl),[e.children]),r=le(n=>lK(n,e.id,t));return r==null?null:M.createElement(eN,{legendPayload:r})}function tZ(e){if(!(e==null||typeof e=="boolean"||typeof e=="function")){if(M.isValidElement(e)){var t,r=(t=e.props)===null||t===void 0?void 0:t.fill;return typeof r=="string"?r:void 0}var{fill:n}=e;return typeof n=="string"?n:void 0}}var rZ=M.memo(e=>{var{dataKey:t,nameKey:r,sectors:n,stroke:i,strokeWidth:s,fill:o,name:l,hide:c,tooltipType:d,id:u,activeShape:f}=e,p=tZ(f),h=n.map(g=>{var x=g.tooltipPayload;return p==null||x==null?x:x.map(y=>et(et({},y),{},{color:p,fill:p}))}),m={dataDefinedOnItem:h,getPosition:g=>{var x;return(x=n[Number(g)])===null||x===void 0?void 0:x.tooltipPosition},settings:{stroke:i,strokeWidth:s,fill:o,dataKey:t,nameKey:r,name:vn(l,t),hide:c,type:d,color:o,unit:"",graphicalItemId:u}};return M.createElement(ul,{tooltipEntrySettings:m})}),nZ=(e,t)=>e>t?"start":e<t?"end":"middle",aZ=(e,t,r)=>Ut(typeof t=="function"?t(e):t,r,r*.8),iZ=(e,t,r)=>{var{top:n,left:i,width:s,height:o}=t,l=fw(s,o),c=i+Ut(e.cx,s,s/2),d=n+Ut(e.cy,o,o/2),u=Ut(e.innerRadius,l,0),f=aZ(r,e.outerRadius,l),p=e.maxRadius||Math.sqrt(s*s+o*o)/2;return{cx:c,cy:d,innerRadius:u,outerRadius:f,maxRadius:p}},sZ=(e,t)=>{var r=Tt(t-e),n=Math.min(Math.abs(t-e),360);return r*n},oZ=(e,t)=>{if(M.isValidElement(e))return M.cloneElement(e,t);if(typeof e=="function")return e(t);var r=we("recharts-pie-label-line",typeof e!="boolean"?e.className:""),{key:n}=t,i=Xu(t,WK);return M.createElement(Bi,ua({},i,{type:"linear",className:r}))},lZ=(e,t,r)=>{if(M.isValidElement(e))return M.cloneElement(e,t);var n=r;if(typeof e=="function"&&(n=e(t),M.isValidElement(n)))return n;var i=we("recharts-pie-label-text",Yu(e));return M.createElement(bs,ua({},t,{alignmentBaseline:"middle",className:i}),n)};function cZ(e){var{sectors:t,props:r,showLabels:n}=e,{label:i,labelLine:s,dataKey:o}=r;if(!n||!i||!t)return null;var l=Ge(r),c=On(i),d=On(s),u=typeof i=="object"&&"offsetRadius"in i&&typeof i.offsetRadius=="number"&&i.offsetRadius||20,f=t.map((p,h)=>{var m=(p.startAngle+p.endAngle)/2,g=Ie(p.cx,p.cy,p.outerRadius+u,m),x=et(et(et(et({},l),p),{},{stroke:"none"},c),{},{index:h,textAnchor:nZ(g.x,p.cx)},g),y=et(et(et(et({},l),p),{},{fill:"none",stroke:p.fill},d),{},{index:h,points:[Ie(p.cx,p.cy,p.outerRadius,m),g],key:"line"});return M.createElement(Et,{zIndex:Je.label,key:"label-".concat(p.startAngle,"-").concat(p.endAngle,"-").concat(p.midAngle,"-").concat(h)},M.createElement(ze,null,s&&oZ(s,y),lZ(i,x,Ae(p,o))))});return M.createElement(ze,{className:"recharts-pie-labels"},f)}function dZ(e){var{sectors:t,props:r,showLabels:n}=e,{label:i}=r;return typeof i=="object"&&i!=null&&"position"in i?M.createElement(dl,{label:i}):M.createElement(cZ,{sectors:t,props:r,showLabels:n})}function uZ(e){var{sectors:t,activeShape:r,inactiveShape:n,allOtherPieProps:i,shape:s,id:o}=e,l=le(da),c=le(xh),d=le(hC),{onMouseEnter:u,onClick:f,onMouseLeave:p}=i,h=Xu(i,GK),m=Lh(u,i.dataKey,o),g=Dh(p),x=Ih(f,i.dataKey,o);return t==null||t.length===0?null:M.createElement(M.Fragment,null,t.map((y,v)=>{if(y?.startAngle===0&&y?.endAngle===0&&t.length!==1)return null;var b=d==null||d===o,j=String(v)===l&&(c==null||i.dataKey===c)&&b,C=l?n:null,N=r&&j?r:C,k=et(et({},y),{},{stroke:y.stroke,tabIndex:-1,[B9]:v,[q9]:o});return M.createElement(ze,ua({key:"sector-".concat(y?.startAngle,"-").concat(y?.endAngle,"-").concat(y.midAngle,"-").concat(v),tabIndex:-1,className:"recharts-pie-sector"},oi(h,y,v),{onMouseEnter:m(y,v),onMouseLeave:g(y,v),onClick:x(y,v)}),M.createElement(Oh,ua({option:s??N,index:v,shapeType:"sector",isActive:j},k)))}))}function fZ(e){var t,{pieSettings:r,displayedData:n,cells:i,offset:s}=e,{cornerRadius:o,startAngle:l,endAngle:c,dataKey:d,nameKey:u,tooltipType:f}=r,p=Math.abs(r.minAngle),h=sZ(l,c),m=Math.abs(h),g=n.length<=1?0:(t=r.paddingAngle)!==null&&t!==void 0?t:0,x=n.filter(S=>Ae(S,d,0)!==0).length,y=(m>=360?x:x-1)*g,v=n.reduce((S,E)=>{var P=Ae(E,d,0);return S+(fe(P)?P:0)},0),b=p>0&&v>0&&n.some(S=>{var E=Ae(S,d,0),P=(fe(E)?E:0)/v;return E!==0&&P*m<p}),j=b?p:0,C=m-x*j-y,N;if(v>0){var k;N=n.map((S,E)=>{var P=Ae(S,d,0),T=Ae(S,u,E),A=iZ(r,s,S),L=(fe(P)?P:0)/v,D,z=et(et({},S),i&&i[E]&&i[E].props),U=z!=null&&"fill"in z&&typeof z.fill=="string"?z.fill:r.fill;E?D=k.endAngle+Tt(h)*g*(P!==0?1:0):D=l;var I=D+Tt(h)*((P!==0?j:0)+L*C),_=(D+I)/2,q=(A.innerRadius+A.outerRadius)/2,J=[{name:T,value:P,payload:z,dataKey:d,type:f,color:U,fill:U,graphicalItemId:r.id}],oe=Ie(A.cx,A.cy,q,_);return k=et(et(et(et({},r.presentationProps),{},{percent:L,cornerRadius:typeof o=="string"?parseFloat(o):o,name:T,tooltipPayload:J,midAngle:_,middleRadius:q,tooltipPosition:oe},z),A),{},{value:P,dataKey:d,startAngle:D,endAngle:I,payload:z,paddingAngle:P!==0?Tt(h)*g:0}),k})}return N}function pZ(e){var{showLabels:t,sectors:r,children:n}=e,i=w.useMemo(()=>!t||!r?[]:r.map(s=>({value:s.value,payload:s.payload,clockWise:!1,parentViewBox:void 0,viewBox:{cx:s.cx,cy:s.cy,innerRadius:s.innerRadius,outerRadius:s.outerRadius,startAngle:s.startAngle,endAngle:s.endAngle,clockWise:!1},fill:s.fill})),[r,t]);return M.createElement(OW,{value:t?i:void 0},n)}function mZ(e){var{props:t,previousSectorsRef:r,id:n}=e,{sectors:i,isAnimationActive:s,animationBegin:o,animationDuration:l,animationEasing:c,activeShape:d,inactiveShape:u,onAnimationStart:f,onAnimationEnd:p}=t,h=ui(t,"recharts-pie-"),m=r.current,[g,x]=w.useState(!1),y=w.useCallback(()=>{typeof p=="function"&&p(),x(!1)},[p]),v=w.useCallback(()=>{typeof f=="function"&&f(),x(!0)},[f]);return M.createElement(pZ,{showLabels:!g,sectors:i},M.createElement(di,{animationId:h,begin:o,duration:l,isActive:s,easing:c,onAnimationStart:v,onAnimationEnd:y,key:h},b=>{var j,C=[],N=i&&i[0],k=(j=N?.startAngle)!==null&&j!==void 0?j:0;return i?.forEach((S,E)=>{var P=m&&m[E],T=E>0?Ga(S,"paddingAngle",0):0;if(P){var A=Me(P.endAngle-P.startAngle,S.endAngle-S.startAngle,b),L=et(et({},S),{},{startAngle:k+T,endAngle:k+A+T});C.push(L),k=L.endAngle}else{var{endAngle:D,startAngle:z}=S,U=Me(0,D-z,b),I=et(et({},S),{},{startAngle:k+T,endAngle:k+U+T});C.push(I),k=I.endAngle}}),r.current=C,M.createElement(ze,null,M.createElement(uZ,{sectors:C,activeShape:d,inactiveShape:u,allOtherPieProps:t,shape:t.shape,id:n}))}),M.createElement(dZ,{showLabels:!g,sectors:i,props:t}),t.children)}var hZ={animationBegin:400,animationDuration:1500,animationEasing:"ease",cx:"50%",cy:"50%",dataKey:"value",endAngle:360,fill:"#808080",hide:!1,innerRadius:0,isAnimationActive:"auto",label:!1,labelLine:!0,legendType:"rect",minAngle:0,nameKey:"name",outerRadius:"80%",paddingAngle:0,rootTabIndex:0,startAngle:0,stroke:"#fff",zIndex:Je.area};function gZ(e){var{id:t}=e,r=Xu(e,KK),{hide:n,className:i,rootTabIndex:s}=e,o=w.useMemo(()=>Ah(e.children,cl),[e.children]),l=le(u=>cK(u,t,o)),c=w.useRef(null),d=we("recharts-pie",i);return n||l==null?(c.current=null,M.createElement(ze,{tabIndex:s,className:d})):M.createElement(Et,{zIndex:e.zIndex},M.createElement(rZ,{dataKey:e.dataKey,nameKey:e.nameKey,sectors:l,stroke:e.stroke,strokeWidth:e.strokeWidth,fill:e.fill,name:e.name,hide:e.hide,tooltipType:e.tooltipType,id:t,activeShape:e.activeShape}),M.createElement(ze,{tabIndex:s,className:d},M.createElement(mZ,{props:et(et({},r),{},{sectors:l}),previousSectorsRef:c,id:t})))}function xZ(e){var t=Ke(e,hZ),{id:r}=t,n=Xu(t,ZK),i=Ge(n);return M.createElement(fl,{id:r,type:"pie"},s=>M.createElement(M.Fragment,null,M.createElement(rN,{type:"pie",id:s,data:n.data,dataKey:n.dataKey,hide:n.hide,angleAxisId:0,radiusAxisId:0,name:n.name,nameKey:n.nameKey,tooltipType:n.tooltipType,legendType:n.legendType,fill:n.fill,cx:n.cx,cy:n.cy,startAngle:n.startAngle,endAngle:n.endAngle,paddingAngle:n.paddingAngle,minAngle:n.minAngle,innerRadius:n.innerRadius,outerRadius:n.outerRadius,cornerRadius:n.cornerRadius,presentationProps:i,maxRadius:t.maxRadius}),M.createElement(eZ,ua({},n,{id:s})),M.createElement(gZ,ua({},n,{id:s}))))}var nN=xZ;nN.displayName="Pie";var i2={},s2={},by;function yZ(){return by||(by=1,(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});function t(r){return r[r.length-1]}e.last=t})(s2)),s2}var o2={},wy;function vZ(){return wy||(wy=1,(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});function t(r){return Array.isArray(r)?r:Array.from(r)}e.toArray=t})(o2)),o2}var jy;function bZ(){return jy||(jy=1,(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});const t=yZ(),r=vZ(),n=Qp();function i(s){if(n.isArrayLike(s))return t.last(r.toArray(s))}e.last=i})(i2)),i2}var l2,Cy;function wZ(){return Cy||(Cy=1,l2=bZ().last),l2}var jZ=wZ();const CZ=Wt(jZ);var NZ=["points"];function Ny(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function c2(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Ny(Object(r),!0).forEach(function(n){kZ(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ny(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function kZ(e,t,r){return(t=SZ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function SZ(e){var t=EZ(e,"string");return typeof t=="symbol"?t:t+""}function EZ(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function yd(){return yd=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},yd.apply(null,arguments)}function PZ(e,t){if(e==null)return{};var r,n,i=MZ(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function MZ(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function AZ(e){var{option:t,dotProps:r,className:n}=e;if(w.isValidElement(t))return w.cloneElement(t,r);if(typeof t=="function")return t(r);var i=we(n,typeof t!="boolean"?t.className:""),s=r??{},{points:o}=s,l=PZ(s,NZ);return M.createElement(Ch,yd({},l,{className:i}))}function TZ(e,t){return e==null?!1:t?!0:e.length===1}function Rh(e){var{points:t,dot:r,className:n,dotClassName:i,dataKey:s,baseProps:o,needClip:l,clipPathId:c,zIndex:d=Je.scatter}=e;if(!TZ(t,r))return null;var u=Th(r),f=TO(r),p=t.map((m,g)=>{var x,y,v=c2(c2(c2({r:3},o),f),{},{index:g,cx:(x=m.x)!==null&&x!==void 0?x:void 0,cy:(y=m.y)!==null&&y!==void 0?y:void 0,dataKey:s,value:m.value,payload:m.payload,points:t});return M.createElement(AZ,{key:"dot-".concat(g),option:r,dotProps:v,className:i})}),h={};return l&&c!=null&&(h.clipPath="url(#clipPath-".concat(u?"":"dots-").concat(c,")")),M.createElement(Et,{zIndex:d},M.createElement(ze,yd({className:n},h),p))}function ky(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Sy(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?ky(Object(r),!0).forEach(function(n){OZ(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ky(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function OZ(e,t,r){return(t=LZ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function LZ(e){var t=DZ(e,"string");return typeof t=="symbol"?t:t+""}function DZ(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var aN=0,IZ={xAxis:{},yAxis:{},zAxis:{}},iN=Kt({name:"cartesianAxis",initialState:IZ,reducers:{addXAxis:{reducer(e,t){e.xAxis[t.payload.id]=t.payload},prepare:Ye()},replaceXAxis:{reducer(e,t){var{prev:r,next:n}=t.payload;e.xAxis[r.id]!==void 0&&(r.id!==n.id&&delete e.xAxis[r.id],e.xAxis[n.id]=n)},prepare:Ye()},removeXAxis:{reducer(e,t){delete e.xAxis[t.payload.id]},prepare:Ye()},addYAxis:{reducer(e,t){e.yAxis[t.payload.id]=t.payload},prepare:Ye()},replaceYAxis:{reducer(e,t){var{prev:r,next:n}=t.payload;e.yAxis[r.id]!==void 0&&(r.id!==n.id&&delete e.yAxis[r.id],e.yAxis[n.id]=n)},prepare:Ye()},removeYAxis:{reducer(e,t){delete e.yAxis[t.payload.id]},prepare:Ye()},addZAxis:{reducer(e,t){e.zAxis[t.payload.id]=t.payload},prepare:Ye()},replaceZAxis:{reducer(e,t){var{prev:r,next:n}=t.payload;e.zAxis[r.id]!==void 0&&(r.id!==n.id&&delete e.zAxis[r.id],e.zAxis[n.id]=n)},prepare:Ye()},removeZAxis:{reducer(e,t){delete e.zAxis[t.payload.id]},prepare:Ye()},updateYAxisWidth(e,t){var{id:r,width:n}=t.payload,i=e.yAxis[r];if(i){var s,o=i.widthHistory||[];if(o.length===3&&o[0]===o[2]&&n===o[1]&&n!==i.width&&Math.abs(n-((s=o[0])!==null&&s!==void 0?s:0))<=1)return;var l=[...o,n].slice(-3);e.yAxis[r]=Sy(Sy({},i),{},{width:n,widthHistory:l})}}}}),{addXAxis:zZ,replaceXAxis:VZ,removeXAxis:RZ,addYAxis:_Z,replaceYAxis:FZ,removeYAxis:BZ,addZAxis:ece,replaceZAxis:tce,removeZAxis:rce,updateYAxisWidth:qZ}=iN.actions,$Z=iN.reducer,HZ=$([Nt],e=>({top:e.top,bottom:e.bottom,left:e.left,right:e.right})),UZ=$([HZ,Bn,qn],(e,t,r)=>{if(!(!e||t==null||r==null))return{x:e.left,y:e.top,width:Math.max(0,t-e.left-e.right),height:Math.max(0,r-e.top-e.bottom)}}),Ju=()=>le(UZ),WZ=()=>le(vH);function Ey(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function d2(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Ey(Object(r),!0).forEach(function(n){GZ(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ey(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function GZ(e,t,r){return(t=KZ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function KZ(e){var t=ZZ(e,"string");return typeof t=="symbol"?t:t+""}function ZZ(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var YZ=e=>{var{point:t,childIndex:r,mainColor:n,activeDot:i,dataKey:s,clipPath:o}=e;if(i===!1||t.x==null||t.y==null)return null;var l={index:r,dataKey:s,cx:t.x,cy:t.y,r:4,fill:n??"none",strokeWidth:2,stroke:"#fff",payload:t.payload,value:t.value},c=d2(d2(d2({},l),On(i)),Jp(i)),d;return w.isValidElement(i)?d=w.cloneElement(i,c):typeof i=="function"?d=i(c):d=M.createElement(Ch,c),M.createElement(ze,{className:"recharts-active-dot",clipPath:o},d)};function vd(e){var{points:t,mainColor:r,activeDot:n,itemDataKey:i,clipPath:s,zIndex:o=Je.activeDot}=e,l=le(da),c=WZ();if(t==null||c==null)return null;var d=t.find(u=>c.includes(u.payload));return He(d)?null:M.createElement(Et,{zIndex:o},M.createElement(YZ,{point:d,childIndex:Number(l),mainColor:r,dataKey:i,activeDot:n,clipPath:s}))}function Py(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function bd(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Py(Object(r),!0).forEach(function(n){XZ(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Py(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function XZ(e,t,r){return(t=JZ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function JZ(e){var t=QZ(e,"string");return typeof t=="symbol"?t:t+""}function QZ(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var sN=(e,t)=>ws(e,"radiusAxis",t),eY=$([sN],e=>{if(e!=null)return{scale:e}}),tY=$([Xo,sN],(e,t)=>{if(!(e==null||t==null))return bd(bd({},e),{},{scale:t})}),rY=(e,t,r,n)=>js(e,"radiusAxis",t,n),oN=(e,t,r)=>us(e,r),lN=(e,t,r)=>ws(e,"angleAxis",r),nY=$([oN,lN],(e,t)=>{if(!(e==null||t==null))return bd(bd({},e),{},{scale:t})}),aY=(e,t,r,n)=>js(e,"angleAxis",r,n),iY=$([oN,lN,fs],(e,t,r)=>{if(!(r==null||t==null))return{scale:t,type:e.type,dataKey:e.dataKey,cx:r.cx,cy:r.cy}}),sY=(e,t,r,n,i)=>i,oY=$([Ce,tY,rY,nY,aY],(e,t,r,n,i)=>Dr(e,"radiusAxis")?cn(t,r,!1):cn(n,i,!1)),lY=$([Nh,sY],(e,t)=>{if(e!=null){var r=e.find(n=>n.type==="radar"&&t===n.id);return r?.dataKey}}),cY=$([eY,iY,os,lY,oY],(e,t,r,n,i)=>{var{chartData:s,dataStartIndex:o,dataEndIndex:l}=r;if(!(e==null||t==null||s==null||i==null||n==null)){var c=s.slice(o,l+1);return vY({radiusAxis:e,angleAxis:t,displayedData:c,dataKey:n,bandSize:i})}}),dY=["id"];function ko(){return ko=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ko.apply(null,arguments)}function My(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function sr(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?My(Object(r),!0).forEach(function(n){uY(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):My(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function uY(e,t,r){return(t=fY(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function fY(e){var t=pY(e,"string");return typeof t=="symbol"?t:t+""}function pY(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function mY(e,t){if(e==null)return{};var r,n,i=hY(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function hY(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function _h(e,t){return e&&e!=="none"?e:t}var gY=e=>{var{dataKey:t,name:r,stroke:n,fill:i,legendType:s,hide:o}=e;return[{inactive:o,dataKey:t,type:s,color:_h(n,i),value:vn(r,t),payload:e}]},xY=M.memo(e=>{var{dataKey:t,stroke:r,strokeWidth:n,fill:i,name:s,hide:o,tooltipType:l,id:c}=e,d={dataDefinedOnItem:void 0,getPosition:Kr,settings:{stroke:r,strokeWidth:n,fill:i,nameKey:void 0,dataKey:t,name:vn(s,t),hide:o,type:l,color:_h(r,i),unit:"",graphicalItemId:c}};return M.createElement(ul,{tooltipEntrySettings:d})});function yY(e){var{points:t,props:r}=e,{dot:n,dataKey:i}=r,{id:s}=r,o=mY(r,dY),l=Ge(o);return M.createElement(Rh,{points:t,dot:n,className:"recharts-radar-dots",dotClassName:"recharts-radar-dot",dataKey:i,baseProps:l})}function vY(e){var{radiusAxis:t,angleAxis:r,displayedData:n,dataKey:i,bandSize:s}=e,{cx:o,cy:l}=r,c=!1,d=[],u=r.type!=="number"?s??0:0;n.forEach((p,h)=>{var m,g,x=Ae(p,r.dataKey,h),y=Ae(p,i),v=((m=r.scale.map(x))!==null&&m!==void 0?m:0)+u,b=Array.isArray(y)?CZ(y):y,j=He(b)?0:(g=t.scale.map(b))!==null&&g!==void 0?g:0;Array.isArray(y)&&y.length>=2&&(c=!0),d.push(sr(sr({},Ie(o,l,j,v)),{},{name:x,value:y,cx:o,cy:l,radius:j,angle:v,payload:p}))});var f=[];return c&&d.forEach(p=>{if(Array.isArray(p.value)){var h,m=p.value[0],g=He(m)?0:(h=t.scale.map(m))!==null&&h!==void 0?h:0;f.push(sr(sr({},p),{},{radius:g},Ie(o,l,g,p.angle)))}else f.push(p)}),{points:d,isRange:c,baseLinePoints:f}}function bY(e){var{showLabels:t,points:r,children:n}=e,i=r.map(s=>{var o,l={x:s.x,y:s.y,width:0,lowerWidth:0,upperWidth:0,height:0};return sr(sr({},l),{},{value:(o=s.value)!==null&&o!==void 0?o:"",payload:s.payload,parentViewBox:void 0,viewBox:l,fill:void 0})});return M.createElement(Wu,{value:t?i:void 0},n)}function wY(e){var{points:t,baseLinePoints:r,props:n}=e;if(t==null)return null;var{shape:i,isRange:s,connectNulls:o}=n,l=u=>{var{onMouseEnter:f}=n;f&&f(n,u)},c=u=>{var{onMouseLeave:f}=n;f&&f(n,u)},d;return M.isValidElement(i)?d=M.cloneElement(i,sr(sr({},n),{},{points:t})):typeof i=="function"?d=i(sr(sr({},n),{},{points:t})):d=M.createElement(qC,ko({},ft(n),{onMouseEnter:l,onMouseLeave:c,points:t,baseLinePoints:s?r:void 0,connectNulls:o})),M.createElement(ze,{className:"recharts-radar-polygon"},d,M.createElement(yY,{props:n,points:t}))}var Ay=(e,t,r)=>(n,i)=>{var s=e&&e[Math.floor(i*t)];return s?sr(sr({},n),{},{x:Me(s.x,n.x,r),y:Me(s.y,n.y,r)}):sr(sr({},n),{},{x:Me(n.cx,n.x,r),y:Me(n.cy,n.y,r)})};function jY(e){var{props:t,previousPointsRef:r,previousBaseLinePointsRef:n}=e,{points:i,baseLinePoints:s,isAnimationActive:o,animationBegin:l,animationDuration:c,animationEasing:d,onAnimationEnd:u,onAnimationStart:f}=t,p=r.current,h=n.current,m=p?p.length/i.length:1,g=h?h.length/s.length:1,x=ui(t,"recharts-radar-"),[y,v]=w.useState(!1),b=!y,j=w.useCallback(()=>{typeof u=="function"&&u(),v(!1)},[u]),C=w.useCallback(()=>{typeof f=="function"&&f(),v(!0)},[f]);return M.createElement(bY,{showLabels:b,points:i},M.createElement(di,{animationId:x,begin:l,duration:c,isActive:o,easing:d,key:"radar-".concat(x),onAnimationEnd:j,onAnimationStart:C},N=>{var k=N===1?i:i.map(Ay(p,m,N)),S=N===1?s:s?.map(Ay(h,g,N));return N>0&&(r.current=k,n.current=S),M.createElement(wY,{points:k,baseLinePoints:S,props:t})}),M.createElement(dl,{label:t.label}),t.children)}function CY(e){var t=w.useRef(void 0),r=w.useRef(void 0);return M.createElement(jY,{props:e,previousPointsRef:t,previousBaseLinePointsRef:r})}var NY={activeDot:!0,angleAxisId:0,animationBegin:0,animationDuration:1500,animationEasing:"ease",dot:!1,hide:!1,isAnimationActive:"auto",label:!1,legendType:"rect",radiusAxisId:0,zIndex:Je.area};function kY(e){var{hide:t,className:r,points:n}=e;if(t)return null;var i=we("recharts-radar",r);return M.createElement(Et,{zIndex:e.zIndex},M.createElement(ze,{className:i},M.createElement(CY,e)),M.createElement(vd,{points:n,mainColor:_h(e.stroke,e.fill),itemDataKey:e.dataKey,activeDot:e.activeDot}))}function SY(e){var t=vt(),r=le(n=>cY(n,e.radiusAxisId,e.angleAxisId,t,e.id));return r?.points==null?null:M.createElement(kY,ko({},e,{points:r?.points,baseLinePoints:r?.baseLinePoints,isRange:r?.isRange}))}function cN(e){var t=Ke(e,NY);return M.createElement(fl,{id:t.id,type:"radar"},r=>M.createElement(M.Fragment,null,M.createElement(rN,{type:"radar",id:r,data:void 0,dataKey:t.dataKey,hide:t.hide,angleAxisId:t.angleAxisId,radiusAxisId:t.radiusAxisId}),M.createElement(eN,{legendPayload:gY(t)}),M.createElement(xY,{dataKey:t.dataKey,stroke:t.stroke,strokeWidth:t.strokeWidth,fill:t.fill,name:t.name,hide:t.hide,tooltipType:t.tooltipType,id:r}),M.createElement(SY,ko({},t,{id:r}))))}cN.displayName="Radar";var Ty=(e,t,r)=>{var n=r??e;if(!He(n))return Ut(n,t,0)},EY=(e,t,r)=>{var n={},i=e.filter(Tu),s=e.filter(d=>d.stackId==null),o=i.reduce((d,u)=>{var f=d[u.stackId];return f==null&&(f=[]),f.push(u),d[u.stackId]=f,d},n),l=Object.entries(o).map(d=>{var u,[f,p]=d,h=p.map(g=>g.dataKey),m=Ty(t,r,(u=p[0])===null||u===void 0?void 0:u.barSize);return{stackId:f,dataKeys:h,barSize:m}}),c=s.map(d=>{var u=[d.dataKey].filter(p=>p!=null),f=Ty(t,r,d.barSize);return{stackId:void 0,dataKeys:u,barSize:f}});return[...l,...c]};function Oy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Gl(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Oy(Object(r),!0).forEach(function(n){PY(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Oy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function PY(e,t,r){return(t=MY(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function MY(e){var t=AY(e,"string");return typeof t=="symbol"?t:t+""}function AY(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function TY(e,t,r,n,i){var s,o=n.length;if(!(o<1)){var l=Ut(e,r,0,!0),c,d=[];if(je((s=n[0])===null||s===void 0?void 0:s.barSize)){var u=!1,f=r/o,p=n.reduce((v,b)=>v+(b.barSize||0),0);p+=(o-1)*l,p>=r&&(p-=(o-1)*l,l=0),p>=r&&f>0&&(u=!0,f*=.9,p=o*f);var h=(r-p)/2>>0,m={offset:h-l,size:0};c=n.reduce((v,b)=>{var j,C={stackId:b.stackId,dataKeys:b.dataKeys,position:{offset:m.offset+m.size+l,size:u?f:(j=b.barSize)!==null&&j!==void 0?j:0}},N=[...v,C];return m=C.position,N},d)}else{var g=Ut(t,r,0,!0);r-2*g-(o-1)*l<=0&&(l=0);var x=(r-2*g-(o-1)*l)/o;x>1&&(x>>=0);var y=je(i)?Math.min(x,i):x;c=n.reduce((v,b,j)=>[...v,{stackId:b.stackId,dataKeys:b.dataKeys,position:{offset:g+(x+l)*j+(x-y)/2,size:y}}],d)}return c}}var OY=(e,t,r,n,i,s,o)=>{var l=He(o)?t:o,c=TY(r,n,i!==s?i:s,e,l);return i!==s&&c!=null&&(c=c.map(d=>Gl(Gl({},d),{},{position:Gl(Gl({},d.position),{},{offset:d.position.offset-i/2})}))),c},LY=(e,t)=>{var r=Au(t);if(!(!e||r==null||t==null)){var{stackId:n}=t;if(n!=null){var i=e[n];if(i){var{stackedData:s}=i;if(s)return s.find(o=>o.key===r)}}}},DY=(e,t)=>{if(!(e==null||t==null)){var r=e.find(n=>n.stackId===t.stackId&&t.dataKey!=null&&n.dataKeys.includes(t.dataKey));if(r!=null)return r.position}};function IY(e,t){return e&&typeof e=="object"&&"zIndex"in e&&typeof e.zIndex=="number"&&je(e.zIndex)?e.zIndex:t}var dN=e=>{var{chartData:t}=e,r=Fe(),n=vt();return w.useEffect(()=>n?()=>{}:(r(b6(t)),()=>{r(b6(void 0))}),[t,r,n]),null},Ly={x:0,y:0,width:0,height:0,padding:{top:0,right:0,bottom:0,left:0}},uN=Kt({name:"brush",initialState:Ly,reducers:{setBrushSettings(e,t){return t.payload==null?Ly:t.payload}}}),{setBrushSettings:nce}=uN.actions,zY=uN.reducer;function VY(e){return(e%180+180)%180}var RY=function(t){var{width:r,height:n}=t,i=arguments.length>1&&arguments[1]!==void 0?arguments[1]:0,s=VY(i),o=s*Math.PI/180,l=Math.atan(n/r),c=o>l&&o<Math.PI-l?n/Math.sin(o):r/Math.cos(o);return Math.abs(c)},_Y={dots:[],areas:[],lines:[]},fN=Kt({name:"referenceElements",initialState:_Y,reducers:{addDot:(e,t)=>{e.dots.push(t.payload)},removeDot:(e,t)=>{var r=Pr(e).dots.findIndex(n=>n===t.payload);r!==-1&&e.dots.splice(r,1)},addArea:(e,t)=>{e.areas.push(t.payload)},removeArea:(e,t)=>{var r=Pr(e).areas.findIndex(n=>n===t.payload);r!==-1&&e.areas.splice(r,1)},addLine:(e,t)=>{e.lines.push(t.payload)},removeLine:(e,t)=>{var r=Pr(e).lines.findIndex(n=>n===t.payload);r!==-1&&e.lines.splice(r,1)}}}),{addDot:ace,removeDot:ice,addArea:sce,removeArea:oce,addLine:lce,removeLine:cce}=fN.actions,FY=fN.reducer,BY=w.createContext(void 0),qY=e=>{var{children:t}=e,[r]=w.useState("".concat(co("recharts"),"-clip")),n=Ju();if(n==null)return null;var{x:i,y:s,width:o,height:l}=n;return M.createElement(BY.Provider,{value:r},M.createElement("defs",null,M.createElement("clipPath",{id:r},M.createElement("rect",{x:i,y:s,height:l,width:o}))),t)};function pN(e,t){if(t<1)return[];if(t===1)return e;for(var r=[],n=0;n<e.length;n+=t){var i=e[n];i!==void 0&&r.push(i)}return r}function $Y(e,t,r){var n={width:e.width+t.width,height:e.height+t.height};return RY(n,r)}function HY(e,t,r){var n=r==="width",{x:i,y:s,width:o,height:l}=e;return t===1?{start:n?i:s,end:n?i+o:s+l}:{start:n?i+o:s+l,end:n?i:s}}function So(e,t,r,n,i){if(e*t<e*n||e*t>e*i)return!1;var s=r();return e*(t-e*s/2-n)>=0&&e*(t+e*s/2-i)<=0}function UY(e,t){return pN(e,t+1)}function WY(e,t,r,n,i){for(var s=(n||[]).slice(),{start:o,end:l}=t,c=0,d=1,u=o,f=function(){var m=n?.[c];if(m===void 0)return{v:pN(n,d)};var g=c,x,y=()=>(x===void 0&&(x=r(m,g)),x),v=m.coordinate,b=c===0||So(e,v,y,u,l);b||(c=0,u=o,d+=1),b&&(u=v+e*(y()/2+i),c+=d)},p;d<=s.length;)if(p=f(),p)return p.v;return[]}function GY(e,t,r,n,i){var s=(n||[]).slice(),o=s.length;if(o===0)return[];for(var{start:l,end:c}=t,d=1;d<=o;d++){for(var u=(o-1)%d,f=l,p=!0,h=function(){var j=n[g];if(j==null)return 0;var C=g,N,k=()=>(N===void 0&&(N=r(j,C)),N),S=j.coordinate,E=g===u||So(e,S,k,f,c);if(!E)return p=!1,1;E&&(f=S+e*(k()/2+i))},m,g=u;g<o&&(m=h(),!(m!==0&&m===1));g+=d);if(p){for(var x=[],y=u;y<o;y+=d){var v=n[y];v!=null&&x.push(v)}return x}}return[]}function Dy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function qt(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Dy(Object(r),!0).forEach(function(n){KY(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Dy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function KY(e,t,r){return(t=ZY(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ZY(e){var t=YY(e,"string");return typeof t=="symbol"?t:t+""}function YY(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function XY(e,t,r,n,i){for(var s=(n||[]).slice(),o=s.length,{start:l}=t,{end:c}=t,d=function(p){var h=s[p];if(h==null)return 1;var m=h,g,x=()=>(g===void 0&&(g=r(h,p)),g);if(p===o-1){var y=e*(m.coordinate+e*x()/2-c);s[p]=m=qt(qt({},m),{},{tickCoord:y>0?m.coordinate-y*e:m.coordinate})}else s[p]=m=qt(qt({},m),{},{tickCoord:m.coordinate});if(m.tickCoord!=null){var v=So(e,m.tickCoord,x,l,c);v&&(c=m.tickCoord-e*(x()/2+i),s[p]=qt(qt({},m),{},{isShow:!0}))}},u=o-1;u>=0;u--)d(u);return s}function JY(e,t,r,n,i,s){var o=(n||[]).slice(),l=o.length,{start:c,end:d}=t;if(s){var u=n[l-1];if(u!=null){var f=r(u,l-1),p=e*(u.coordinate+e*f/2-d);if(o[l-1]=u=qt(qt({},u),{},{tickCoord:p>0?u.coordinate-p*e:u.coordinate}),u.tickCoord!=null){var h=So(e,u.tickCoord,()=>f,c,d);h&&(d=u.tickCoord-e*(f/2+i),o[l-1]=qt(qt({},u),{},{isShow:!0}))}}}for(var m=s?l-1:l,g=function(v){var b=o[v];if(b==null)return 1;var j=b,C,N=()=>(C===void 0&&(C=r(b,v)),C);if(v===0){var k=e*(j.coordinate-e*N()/2-c);o[v]=j=qt(qt({},j),{},{tickCoord:k<0?j.coordinate-k*e:j.coordinate})}else o[v]=j=qt(qt({},j),{},{tickCoord:j.coordinate});if(j.tickCoord!=null){var S=So(e,j.tickCoord,N,c,d);S&&(c=j.tickCoord+e*(N()/2+i),o[v]=qt(qt({},j),{},{isShow:!0}))}},x=0;x<m;x++)g(x);return o}function Fh(e,t,r){var{tick:n,ticks:i,viewBox:s,minTickGap:o,orientation:l,interval:c,tickFormatter:d,unit:u,angle:f}=e;if(!i||!i.length||!n)return[];if(fe(c)||Ko.isSsr){var p;return(p=UY(i,fe(c)?c:0))!==null&&p!==void 0?p:[]}var h=[],m=l==="top"||l==="bottom"?"width":"height",g=u&&m==="width"?to(u,{fontSize:t,letterSpacing:r}):{width:0,height:0},x=(C,N)=>{var k=typeof d=="function"?d(C.value,N):C.value;return m==="width"?$Y(to(k,{fontSize:t,letterSpacing:r}),g,f):to(k,{fontSize:t,letterSpacing:r})[m]},y=i[0],v=i[1],b=i.length>=2&&y!=null&&v!=null?Tt(v.coordinate-y.coordinate):1,j=HY(s,b,m);return c==="equidistantPreserveStart"?WY(b,j,x,i,o):c==="equidistantPreserveEnd"?GY(b,j,x,i,o):(c==="preserveStart"||c==="preserveStartEnd"?h=JY(b,j,x,i,o,c==="preserveStartEnd"):h=XY(b,j,x,i,o),h.filter(C=>C.isShow))}var QY=e=>{var{ticks:t,label:r,labelGapWithTick:n=5,tickSize:i=0,tickMargin:s=0}=e,o=0;if(t){Array.from(t).forEach(u=>{if(u){var f=u.getBoundingClientRect();f.width>o&&(o=f.width)}});var l=r?r.getBoundingClientRect().width:0,c=i+s,d=o+c+l+(r?n:0);return Math.round(d)}return 0},eX={xAxis:{},yAxis:{}},mN=Kt({name:"renderedTicks",initialState:eX,reducers:{setRenderedTicks:(e,t)=>{var{axisType:r,axisId:n,ticks:i}=t.payload;e[r][n]=i},removeRenderedTicks:(e,t)=>{var{axisType:r,axisId:n}=t.payload;delete e[r][n]}}}),{setRenderedTicks:tX,removeRenderedTicks:rX}=mN.actions,nX=mN.reducer,aX=["axisLine","width","height","className","hide","ticks","axisType","axisId"];function iX(e,t){if(e==null)return{};var r,n,i=sX(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function sX(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function ti(){return ti=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ti.apply(null,arguments)}function Iy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function ot(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Iy(Object(r),!0).forEach(function(n){oX(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Iy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function oX(e,t,r){return(t=lX(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function lX(e){var t=cX(e,"string");return typeof t=="symbol"?t:t+""}function cX(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var Tn={x:0,y:0,width:0,height:0,viewBox:{x:0,y:0,width:0,height:0},orientation:"bottom",ticks:[],stroke:"#666",tickLine:!0,axisLine:!0,tick:!0,mirror:!1,minTickGap:5,tickSize:6,tickMargin:2,interval:"preserveEnd",zIndex:Je.axis};function dX(e){var{x:t,y:r,width:n,height:i,orientation:s,mirror:o,axisLine:l,otherSvgProps:c}=e;if(!l)return null;var d=ot(ot(ot({},c),Ge(l)),{},{fill:"none"});if(s==="top"||s==="bottom"){var u=+(s==="top"&&!o||s==="bottom"&&o);d=ot(ot({},d),{},{x1:t,y1:r+u*i,x2:t+n,y2:r+u*i})}else{var f=+(s==="left"&&!o||s==="right"&&o);d=ot(ot({},d),{},{x1:t+f*n,y1:r,x2:t+f*n,y2:r+i})}return M.createElement("line",ti({},d,{className:we("recharts-cartesian-axis-line",Ga(l,"className"))}))}function uX(e,t,r,n,i,s,o,l,c){var d,u,f,p,h,m,g=l?-1:1,x=e.tickSize||o,y=fe(e.tickCoord)?e.tickCoord:e.coordinate;switch(s){case"top":d=u=e.coordinate,p=r+ +!l*i,f=p-g*x,m=f-g*c,h=y;break;case"left":f=p=e.coordinate,u=t+ +!l*n,d=u-g*x,h=d-g*c,m=y;break;case"right":f=p=e.coordinate,u=t+ +l*n,d=u+g*x,h=d+g*c,m=y;break;default:d=u=e.coordinate,p=r+ +l*i,f=p+g*x,m=f+g*c,h=y;break}return{line:{x1:d,y1:f,x2:u,y2:p},tick:{x:h,y:m}}}function fX(e,t){switch(e){case"left":return t?"start":"end";case"right":return t?"end":"start";default:return"middle"}}function pX(e,t){switch(e){case"left":case"right":return"middle";case"top":return t?"start":"end";default:return t?"end":"start"}}function mX(e){var{option:t,tickProps:r,value:n}=e,i,s=we(r.className,"recharts-cartesian-axis-tick-value");if(M.isValidElement(t))i=M.cloneElement(t,ot(ot({},r),{},{className:s}));else if(typeof t=="function")i=t(ot(ot({},r),{},{className:s}));else{var o="recharts-cartesian-axis-tick-value";typeof t!="boolean"&&(o=we(o,Yu(t))),i=M.createElement(bs,ti({},r,{className:o}),n)}return i}function hX(e){var{ticks:t,axisType:r,axisId:n}=e,i=Fe();return w.useEffect(()=>{if(n==null||r==null)return Kr;var s=t.map(o=>({value:o.value,coordinate:o.coordinate,offset:o.offset,index:o.index}));return i(tX({ticks:s,axisId:n,axisType:r})),()=>{i(rX({axisId:n,axisType:r}))}},[i,t,n,r]),null}var gX=w.forwardRef((e,t)=>{var{ticks:r=[],tick:n,tickLine:i,stroke:s,tickFormatter:o,unit:l,padding:c,tickTextProps:d,orientation:u,mirror:f,x:p,y:h,width:m,height:g,tickSize:x,tickMargin:y,fontSize:v,letterSpacing:b,getTicksConfig:j,events:C,axisType:N,axisId:k}=e,S=Fh(ot(ot({},j),{},{ticks:r}),v,b),E=Ge(j),P=On(n),T=TC(E.textAnchor)?E.textAnchor:fX(u,f),A=pX(u,f),L={};typeof i=="object"&&(L=i);var D=ot(ot({},E),{},{fill:"none"},L),z=S.map(_=>ot({entry:_},uX(_,p,h,m,g,u,x,f,y))),U=z.map(_=>{var{entry:q,line:J}=_;return M.createElement(ze,{className:"recharts-cartesian-axis-tick",key:"tick-".concat(q.value,"-").concat(q.coordinate,"-").concat(q.tickCoord)},i&&M.createElement("line",ti({},D,J,{className:we("recharts-cartesian-axis-tick-line",Ga(i,"className"))})))}),I=z.map((_,q)=>{var J,oe,{entry:de,tick:ve}=_,Y=ot(ot(ot(ot({verticalAnchor:A},E),{},{textAnchor:T,stroke:"none",fill:s},ve),{},{index:q,payload:de,visibleTicksCount:S.length,tickFormatter:o,padding:c},d),{},{angle:(J=(oe=d?.angle)!==null&&oe!==void 0?oe:E.angle)!==null&&J!==void 0?J:0}),H=ot(ot({},Y),P);return M.createElement(ze,ti({className:"recharts-cartesian-axis-tick-label",key:"tick-label-".concat(de.value,"-").concat(de.coordinate,"-").concat(de.tickCoord)},oi(C,de,q)),n&&M.createElement(mX,{option:n,tickProps:H,value:"".concat(typeof o=="function"?o(de.value,q):de.value).concat(l||"")}))});return M.createElement("g",{className:"recharts-cartesian-axis-ticks recharts-".concat(N,"-ticks")},M.createElement(hX,{ticks:S,axisId:k,axisType:N}),I.length>0&&M.createElement(Et,{zIndex:Je.label},M.createElement("g",{className:"recharts-cartesian-axis-tick-labels recharts-".concat(N,"-tick-labels"),ref:t},I)),U.length>0&&M.createElement("g",{className:"recharts-cartesian-axis-tick-lines recharts-".concat(N,"-tick-lines")},U))}),xX=w.forwardRef((e,t)=>{var{axisLine:r,width:n,height:i,className:s,hide:o,ticks:l,axisType:c,axisId:d}=e,u=iX(e,aX),[f,p]=w.useState(""),[h,m]=w.useState(""),g=w.useRef(null);w.useImperativeHandle(t,()=>({getCalculatedWidth:()=>{var y;return QY({ticks:g.current,label:(y=e.labelRef)===null||y===void 0?void 0:y.current,labelGapWithTick:5,tickSize:e.tickSize,tickMargin:e.tickMargin})}}));var x=w.useCallback(y=>{if(y){var v=y.getElementsByClassName("recharts-cartesian-axis-tick-value");g.current=v;var b=v[0];if(b){var j=window.getComputedStyle(b),C=j.fontSize,N=j.letterSpacing;(C!==f||N!==h)&&(p(C),m(N))}}},[f,h]);return o||n!=null&&n<=0||i!=null&&i<=0?null:M.createElement(Et,{zIndex:e.zIndex},M.createElement(ze,{className:we("recharts-cartesian-axis",s)},M.createElement(dX,{x:e.x,y:e.y,width:n,height:i,orientation:e.orientation,mirror:e.mirror,axisLine:r,otherSvgProps:Ge(e)}),M.createElement(gX,{ref:x,axisType:c,events:u,fontSize:f,getTicksConfig:e,height:e.height,letterSpacing:h,mirror:e.mirror,orientation:e.orientation,padding:e.padding,stroke:e.stroke,tick:e.tick,tickFormatter:e.tickFormatter,tickLine:e.tickLine,tickMargin:e.tickMargin,tickSize:e.tickSize,tickTextProps:e.tickTextProps,ticks:l,unit:e.unit,width:e.width,x:e.x,y:e.y,axisId:d}),M.createElement(yW,{x:e.x,y:e.y,width:e.width,height:e.height,lowerWidth:e.width,upperWidth:e.width},M.createElement(SW,{label:e.label,labelRef:e.labelRef}),e.children)))}),Bh=M.forwardRef((e,t)=>{var r=Ke(e,Tn);return M.createElement(xX,ti({},r,{ref:t}))});Bh.displayName="CartesianAxis";var yX=["x1","y1","x2","y2","key"],vX=["offset"],bX=["xAxisId","yAxisId"],wX=["xAxisId","yAxisId"];function zy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function $t(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?zy(Object(r),!0).forEach(function(n){jX(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):zy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function jX(e,t,r){return(t=CX(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function CX(e){var t=NX(e,"string");return typeof t=="symbol"?t:t+""}function NX(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Da(){return Da=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Da.apply(null,arguments)}function wd(e,t){if(e==null)return{};var r,n,i=kX(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function kX(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}var SX=e=>{var{fill:t}=e;if(!t||t==="none")return null;var{fillOpacity:r,x:n,y:i,width:s,height:o,ry:l}=e;return M.createElement("rect",{x:n,y:i,ry:l,width:s,height:o,stroke:"none",fill:t,fillOpacity:r,className:"recharts-cartesian-grid-bg"})};function hN(e){var{option:t,lineItemProps:r}=e,n;if(M.isValidElement(t))n=M.cloneElement(t,r);else if(typeof t=="function")n=t(r);else{var i,{x1:s,y1:o,x2:l,y2:c,key:d}=r,u=wd(r,yX),f=(i=Ge(u))!==null&&i!==void 0?i:{},{offset:p}=f,h=wd(f,vX);n=M.createElement("line",Da({},h,{x1:s,y1:o,x2:l,y2:c,fill:"none",key:d}))}return n}function EX(e){var{x:t,width:r,horizontal:n=!0,horizontalPoints:i}=e;if(!n||!i||!i.length)return null;var{xAxisId:s,yAxisId:o}=e,l=wd(e,bX),c=i.map((d,u)=>{var f=$t($t({},l),{},{x1:t,y1:d,x2:t+r,y2:d,key:"line-".concat(u),index:u});return M.createElement(hN,{key:"line-".concat(u),option:n,lineItemProps:f})});return M.createElement("g",{className:"recharts-cartesian-grid-horizontal"},c)}function PX(e){var{y:t,height:r,vertical:n=!0,verticalPoints:i}=e;if(!n||!i||!i.length)return null;var{xAxisId:s,yAxisId:o}=e,l=wd(e,wX),c=i.map((d,u)=>{var f=$t($t({},l),{},{x1:d,y1:t,x2:d,y2:t+r,key:"line-".concat(u),index:u});return M.createElement(hN,{option:n,lineItemProps:f,key:"line-".concat(u)})});return M.createElement("g",{className:"recharts-cartesian-grid-vertical"},c)}function MX(e){var{horizontalFill:t,fillOpacity:r,x:n,y:i,width:s,height:o,horizontalPoints:l,horizontal:c=!0}=e;if(!c||!t||!t.length||l==null)return null;var d=l.map(f=>Math.round(f+i-i)).sort((f,p)=>f-p);i!==d[0]&&d.unshift(0);var u=d.map((f,p)=>{var h=d[p+1],m=h==null,g=m?i+o-f:h-f;if(g<=0)return null;var x=p%t.length;return M.createElement("rect",{key:"react-".concat(p),y:f,x:n,height:g,width:s,stroke:"none",fill:t[x],fillOpacity:r,className:"recharts-cartesian-grid-bg"})});return M.createElement("g",{className:"recharts-cartesian-gridstripes-horizontal"},u)}function AX(e){var{vertical:t=!0,verticalFill:r,fillOpacity:n,x:i,y:s,width:o,height:l,verticalPoints:c}=e;if(!t||!r||!r.length)return null;var d=c.map(f=>Math.round(f+i-i)).sort((f,p)=>f-p);i!==d[0]&&d.unshift(0);var u=d.map((f,p)=>{var h=d[p+1],m=h==null,g=m?i+o-f:h-f;if(g<=0)return null;var x=p%r.length;return M.createElement("rect",{key:"react-".concat(p),x:f,y:s,width:g,height:l,stroke:"none",fill:r[x],fillOpacity:n,className:"recharts-cartesian-grid-bg"})});return M.createElement("g",{className:"recharts-cartesian-gridstripes-vertical"},u)}var TX=(e,t)=>{var{xAxis:r,width:n,height:i,offset:s}=e;return V9(Fh($t($t($t({},Tn),r),{},{ticks:R9(r),viewBox:{x:0,y:0,width:n,height:i}})),s.left,s.left+s.width,t)},OX=(e,t)=>{var{yAxis:r,width:n,height:i,offset:s}=e;return V9(Fh($t($t($t({},Tn),r),{},{ticks:R9(r),viewBox:{x:0,y:0,width:n,height:i}})),s.top,s.top+s.height,t)},LX={horizontal:!0,vertical:!0,horizontalPoints:[],verticalPoints:[],stroke:"#ccc",fill:"none",verticalFill:[],horizontalFill:[],xAxisId:0,yAxisId:0,syncWithTicks:!1,zIndex:Je.grid};function pl(e){var t=fm(),r=pm(),n=G9(),i=$t($t({},Ke(e,LX)),{},{x:fe(e.x)?e.x:n.left,y:fe(e.y)?e.y:n.top,width:fe(e.width)?e.width:n.width,height:fe(e.height)?e.height:n.height}),{xAxisId:s,yAxisId:o,x:l,y:c,width:d,height:u,syncWithTicks:f,horizontalValues:p,verticalValues:h}=i,m=vt(),g=le(E=>o6(E,"xAxis",s,m)),x=le(E=>o6(E,"yAxis",o,m));if(!ln(d)||!ln(u)||!fe(l)||!fe(c))return null;var y=i.verticalCoordinatesGenerator||TX,v=i.horizontalCoordinatesGenerator||OX,{horizontalPoints:b,verticalPoints:j}=i;if((!b||!b.length)&&typeof v=="function"){var C=p&&p.length,N=v({yAxis:x?$t($t({},x),{},{ticks:C?p:x.ticks}):void 0,width:t??d,height:r??u,offset:n},C?!0:f);qc(Array.isArray(N),"horizontalCoordinatesGenerator should return Array but instead it returned [".concat(typeof N,"]")),Array.isArray(N)&&(b=N)}if((!j||!j.length)&&typeof y=="function"){var k=h&&h.length,S=y({xAxis:g?$t($t({},g),{},{ticks:k?h:g.ticks}):void 0,width:t??d,height:r??u,offset:n},k?!0:f);qc(Array.isArray(S),"verticalCoordinatesGenerator should return Array but instead it returned [".concat(typeof S,"]")),Array.isArray(S)&&(j=S)}return M.createElement(Et,{zIndex:i.zIndex},M.createElement("g",{className:"recharts-cartesian-grid"},M.createElement(SX,{fill:i.fill,fillOpacity:i.fillOpacity,x:i.x,y:i.y,width:i.width,height:i.height,ry:i.ry}),M.createElement(MX,Da({},i,{horizontalPoints:b})),M.createElement(AX,Da({},i,{verticalPoints:j})),M.createElement(EX,Da({},i,{offset:n,horizontalPoints:b,xAxis:g,yAxis:x})),M.createElement(PX,Da({},i,{offset:n,verticalPoints:j,xAxis:g,yAxis:x}))))}pl.displayName="CartesianGrid";var DX={},gN=Kt({name:"errorBars",initialState:DX,reducers:{addErrorBar:(e,t)=>{var{itemId:r,errorBar:n}=t.payload;e[r]||(e[r]=[]),e[r].push(n)},replaceErrorBar:(e,t)=>{var{itemId:r,prev:n,next:i}=t.payload;e[r]&&(e[r]=e[r].map(s=>s.dataKey===n.dataKey&&s.direction===n.direction?i:s))},removeErrorBar:(e,t)=>{var{itemId:r,errorBar:n}=t.payload;e[r]&&(e[r]=e[r].filter(i=>i.dataKey!==n.dataKey||i.direction!==n.direction))}}}),{addErrorBar:dce,replaceErrorBar:uce,removeErrorBar:fce}=gN.actions,IX=gN.reducer,zX=["children"];function VX(e,t){if(e==null)return{};var r,n,i=RX(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function RX(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}var _X={data:[],xAxisId:"xAxis-0",yAxisId:"yAxis-0",dataPointFormatter:()=>({x:0,y:0,value:0}),errorBarOffset:0},FX=w.createContext(_X);function xN(e){var{children:t}=e,r=VX(e,zX);return M.createElement(FX.Provider,{value:r},t)}function Qu(e,t){var r,n,i=le(d=>Hn(d,e)),s=le(d=>Un(d,t)),o=(r=i?.allowDataOverflow)!==null&&r!==void 0?r:wt.allowDataOverflow,l=(n=s?.allowDataOverflow)!==null&&n!==void 0?n:jt.allowDataOverflow,c=o||l;return{needClip:c,needClipX:o,needClipY:l}}function qh(e){var{xAxisId:t,yAxisId:r,clipPathId:n}=e,i=Ju(),{needClipX:s,needClipY:o,needClip:l}=Qu(t,r);if(!l||!i)return null;var{x:c,y:d,width:u,height:f}=i;return M.createElement("clipPath",{id:"clipPath-".concat(n)},M.createElement("rect",{x:s?c:c-u/2,y:o?d:d-f/2,width:s?u:u*2,height:o?f:f*2}))}var yN=(e,t,r,n)=>pn(e,"xAxis",t,n),vN=(e,t,r,n)=>fn(e,"xAxis",t,n),bN=(e,t,r,n)=>pn(e,"yAxis",r,n),wN=(e,t,r,n)=>fn(e,"yAxis",r,n),BX=$([Ce,yN,bN,vN,wN],(e,t,r,n,i)=>Dr(e,"xAxis")?cn(t,n,!1):cn(r,i,!1)),qX=(e,t,r,n,i)=>i;function $X(e){return e.type==="line"}var HX=$([nl,qX],(e,t)=>e.filter($X).find(r=>r.id===t)),UX=$([Ce,yN,bN,vN,wN,HX,BX,Zo],(e,t,r,n,i,s,o,l)=>{var{chartData:c,dataStartIndex:d,dataEndIndex:u}=l;if(!(s==null||t==null||r==null||n==null||i==null||n.length===0||i.length===0||o==null||e!=="horizontal"&&e!=="vertical")){var{dataKey:f,data:p}=s,h;if(p!=null&&p.length>0?h=p:h=c?.slice(d,u+1),h!=null)return uJ({layout:e,xAxis:t,yAxis:r,xAxisTicks:n,yAxisTicks:i,dataKey:f,bandSize:o,displayedData:h})}});function jN(e){var t=On(e),r=3,n=2;if(t!=null){var{r:i,strokeWidth:s}=t,o=Number(i),l=Number(s);return(Number.isNaN(o)||o<0)&&(o=r),(Number.isNaN(l)||l<0)&&(l=n),{r:o,strokeWidth:l}}return{r,strokeWidth:n}}var WX=["id"],GX=["type","layout","connectNulls","needClip","shape"],KX=["activeDot","animateNewValues","animationBegin","animationDuration","animationEasing","connectNulls","dot","hide","isAnimationActive","label","legendType","xAxisId","yAxisId","id"];function Eo(){return Eo=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Eo.apply(null,arguments)}function Vy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Jr(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Vy(Object(r),!0).forEach(function(n){ZX(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Vy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function ZX(e,t,r){return(t=YX(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function YX(e){var t=XX(e,"string");return typeof t=="symbol"?t:t+""}function XX(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function $h(e,t){if(e==null)return{};var r,n,i=JX(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function JX(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}var QX=e=>{var{dataKey:t,name:r,stroke:n,legendType:i,hide:s}=e;return[{inactive:s,dataKey:t,type:i,color:n,value:vn(r,t),payload:e}]},eJ=M.memo(e=>{var{dataKey:t,data:r,stroke:n,strokeWidth:i,fill:s,name:o,hide:l,unit:c,tooltipType:d,id:u}=e,f={dataDefinedOnItem:r,getPosition:Kr,settings:{stroke:n,strokeWidth:i,fill:s,dataKey:t,nameKey:void 0,name:vn(o,t),hide:l,type:d,color:n,unit:c,graphicalItemId:u}};return M.createElement(ul,{tooltipEntrySettings:f})}),CN=(e,t)=>"".concat(t,"px ").concat(e,"px");function tJ(e,t){for(var r=e.length%2!==0?[...e,0]:e,n=[],i=0;i<t;++i)n.push(...r);return n}var rJ=(e,t,r)=>{var n=r.reduce((p,h)=>p+h,0);if(!n)return CN(t,e);for(var i=Math.floor(e/n),s=e%n,o=[],l=0,c=0;l<r.length;c+=(d=r[l])!==null&&d!==void 0?d:0,++l){var d,u=r[l];if(u!=null&&c+u>s){o=[...r.slice(0,l),s-c];break}}var f=o.length%2===0?[0,t]:[t];return[...tJ(r,i),...o,...f].map(p=>"".concat(p,"px")).join(", ")};function nJ(e){var{clipPathId:t,points:r,props:n}=e,{dot:i,dataKey:s,needClip:o}=n,{id:l}=n,c=$h(n,WX),d=Ge(c);return M.createElement(Rh,{points:r,dot:i,className:"recharts-line-dots",dotClassName:"recharts-line-dot",dataKey:s,baseProps:d,needClip:o,clipPathId:t})}function aJ(e){var{showLabels:t,children:r,points:n}=e,i=w.useMemo(()=>n?.map(s=>{var o,l,c={x:(o=s.x)!==null&&o!==void 0?o:0,y:(l=s.y)!==null&&l!==void 0?l:0,width:0,lowerWidth:0,upperWidth:0,height:0};return Jr(Jr({},c),{},{value:s.value,payload:s.payload,viewBox:c,parentViewBox:void 0,fill:void 0})}),[n]);return M.createElement(Wu,{value:t?i:void 0},r)}function Ry(e){var{clipPathId:t,pathRef:r,points:n,strokeDasharray:i,props:s}=e,{type:o,layout:l,connectNulls:c,needClip:d,shape:u}=s,f=$h(s,GX),p=Jr(Jr({},ft(f)),{},{fill:"none",className:"recharts-line-curve",clipPath:d?"url(#clipPath-".concat(t,")"):void 0,points:n,type:o,layout:l,connectNulls:c,strokeDasharray:i??s.strokeDasharray});return M.createElement(M.Fragment,null,n?.length>1&&M.createElement(Oh,Eo({shapeType:"curve",option:u},p,{pathRef:r})),M.createElement(nJ,{points:n,clipPathId:t,props:s}))}function iJ(e){try{return e&&e.getTotalLength&&e.getTotalLength()||0}catch{return 0}}function sJ(e){var{clipPathId:t,props:r,pathRef:n,previousPointsRef:i,longestAnimatedLengthRef:s}=e,{points:o,strokeDasharray:l,isAnimationActive:c,animationBegin:d,animationDuration:u,animationEasing:f,animateNewValues:p,width:h,height:m,onAnimationEnd:g,onAnimationStart:x}=r,y=i.current,v=ui(o,"recharts-line-"),b=w.useRef(v),[j,C]=w.useState(!1),N=!j,k=w.useCallback(()=>{typeof g=="function"&&g(),C(!1)},[g]),S=w.useCallback(()=>{typeof x=="function"&&x(),C(!0)},[x]),E=iJ(n.current),P=w.useRef(0);b.current!==v&&(P.current=s.current,b.current=v);var T=P.current;return M.createElement(aJ,{points:o,showLabels:N},r.children,M.createElement(di,{animationId:v,begin:d,duration:u,isActive:c,easing:f,onAnimationEnd:k,onAnimationStart:S,key:v},A=>{var L=Me(T,E+T,A),D=Math.min(L,E),z;if(c)if(l){var U="".concat(l).split(/[,\s]+/gim).map(q=>parseFloat(q));z=rJ(D,E,U)}else z=CN(E,D);else z=l==null?void 0:String(l);if(A>0&&E>0&&(i.current=o,s.current=Math.max(s.current,D)),y){var I=y.length/o.length,_=A===1?o:o.map((q,J)=>{var oe=Math.floor(J*I);if(y[oe]){var de=y[oe];return Jr(Jr({},q),{},{x:Me(de.x,q.x,A),y:Me(de.y,q.y,A)})}return p?Jr(Jr({},q),{},{x:Me(h*2,q.x,A),y:Me(m/2,q.y,A)}):Jr(Jr({},q),{},{x:q.x,y:q.y})});return i.current=_,M.createElement(Ry,{props:r,points:_,clipPathId:t,pathRef:n,strokeDasharray:z})}return M.createElement(Ry,{props:r,points:o,clipPathId:t,pathRef:n,strokeDasharray:z})}),M.createElement(dl,{label:r.label}))}function oJ(e){var{clipPathId:t,props:r}=e,n=w.useRef(null),i=w.useRef(0),s=w.useRef(null);return M.createElement(sJ,{props:r,clipPathId:t,previousPointsRef:n,longestAnimatedLengthRef:i,pathRef:s})}var lJ=(e,t)=>{var r,n;return{x:(r=e.x)!==null&&r!==void 0?r:void 0,y:(n=e.y)!==null&&n!==void 0?n:void 0,value:e.value,errorVal:Ae(e.payload,t)}};class cJ extends w.Component{render(){var{hide:t,dot:r,points:n,className:i,xAxisId:s,yAxisId:o,top:l,left:c,width:d,height:u,id:f,needClip:p,zIndex:h}=this.props;if(t)return null;var m=we("recharts-line",i),g=f,{r:x,strokeWidth:y}=jN(r),v=Th(r),b=x*2+y,j=p?"url(#clipPath-".concat(v?"":"dots-").concat(g,")"):void 0;return M.createElement(Et,{zIndex:h},M.createElement(ze,{className:m},p&&M.createElement("defs",null,M.createElement(qh,{clipPathId:g,xAxisId:s,yAxisId:o}),!v&&M.createElement("clipPath",{id:"clipPath-dots-".concat(g)},M.createElement("rect",{x:c-b/2,y:l-b/2,width:d+b,height:u+b}))),M.createElement(xN,{xAxisId:s,yAxisId:o,data:n,dataPointFormatter:lJ,errorBarOffset:0},M.createElement(oJ,{props:this.props,clipPathId:g}))),M.createElement(vd,{activeDot:this.props.activeDot,points:n,mainColor:this.props.stroke,itemDataKey:this.props.dataKey,clipPath:j}))}}var NN={activeDot:!0,animateNewValues:!0,animationBegin:0,animationDuration:1500,animationEasing:"ease",connectNulls:!1,dot:!0,fill:"#fff",hide:!1,isAnimationActive:"auto",label:!1,legendType:"line",stroke:"#3182bd",strokeWidth:1,xAxisId:0,yAxisId:0,zIndex:Je.line,type:"linear"};function dJ(e){var t=Ke(e,NN),{activeDot:r,animateNewValues:n,animationBegin:i,animationDuration:s,animationEasing:o,connectNulls:l,dot:c,hide:d,isAnimationActive:u,label:f,legendType:p,xAxisId:h,yAxisId:m,id:g}=t,x=$h(t,KX),{needClip:y}=Qu(h,m),v=Ju(),b=ha(),j=vt(),C=le(P=>UX(P,h,m,j,g));if(b!=="horizontal"&&b!=="vertical"||C==null||v==null)return null;var{height:N,width:k,x:S,y:E}=v;return M.createElement(cJ,Eo({},x,{id:g,connectNulls:l,dot:c,activeDot:r,animateNewValues:n,animationBegin:i,animationDuration:s,animationEasing:o,isAnimationActive:u,hide:d,label:f,legendType:p,xAxisId:h,yAxisId:m,points:C,layout:b,height:N,width:k,left:S,top:E,needClip:y}))}function uJ(e){var{layout:t,xAxis:r,yAxis:n,xAxisTicks:i,yAxisTicks:s,dataKey:o,bandSize:l,displayedData:c}=e;return c.map((d,u)=>{var f=Ae(d,o);if(t==="horizontal"){var p=Bc({axis:r,ticks:i,bandSize:l,entry:d,index:u}),h=He(f)?null:n.scale.map(f);return{x:p,y:h??null,value:f,payload:d}}var m=He(f)?null:r.scale.map(f),g=Bc({axis:n,ticks:s,bandSize:l,entry:d,index:u});return m==null||g==null?null:{x:m,y:g,value:f,payload:d}}).filter(Boolean)}function fJ(e){var t=Ke(e,NN),r=vt();return M.createElement(fl,{id:t.id,type:"line"},n=>M.createElement(M.Fragment,null,M.createElement(zh,{legendPayload:QX(t)}),M.createElement(eJ,{dataKey:t.dataKey,data:t.data,stroke:t.stroke,strokeWidth:t.strokeWidth,fill:t.fill,name:t.name,hide:t.hide,unit:t.unit,tooltipType:t.tooltipType,id:n}),M.createElement(Vh,{type:"line",id:n,data:t.data,xAxisId:t.xAxisId,yAxisId:t.yAxisId,zAxisId:0,dataKey:t.dataKey,hide:t.hide,isPanorama:r}),M.createElement(dJ,Eo({},t,{id:n}))))}var Hh=M.memo(fJ,li);Hh.displayName="Line";function wn(e,t){var r,n;return(r=(n=e.graphicalItems.cartesianItems.find(i=>i.id===t))===null||n===void 0?void 0:n.xAxisId)!==null&&r!==void 0?r:aN}function jn(e,t){var r,n;return(r=(n=e.graphicalItems.cartesianItems.find(i=>i.id===t))===null||n===void 0?void 0:n.yAxisId)!==null&&r!==void 0?r:aN}var kN=(e,t,r)=>pn(e,"xAxis",wn(e,t),r),SN=(e,t,r)=>fn(e,"xAxis",wn(e,t),r),EN=(e,t,r)=>pn(e,"yAxis",jn(e,t),r),PN=(e,t,r)=>fn(e,"yAxis",jn(e,t),r),pJ=$([Ce,kN,EN,SN,PN],(e,t,r,n,i)=>Dr(e,"xAxis")?cn(t,n,!1):cn(r,i,!1)),mJ=(e,t)=>t,MN=$([nl,mJ],(e,t)=>e.filter(r=>r.type==="area").find(r=>r.id===t)),AN=e=>{var t=Ce(e),r=Dr(t,"xAxis");return r?"yAxis":"xAxis"},hJ=(e,t)=>{var r=AN(e);return r==="yAxis"?jn(e,t):wn(e,t)},gJ=(e,t,r)=>ud(e,AN(e),hJ(e,t),r),xJ=$([MN,gJ],(e,t)=>{var r;if(!(e==null||t==null)){var{stackId:n}=e,i=Au(e);if(!(n==null||i==null)){var s=(r=t[n])===null||r===void 0?void 0:r.stackedData,o=s?.find(l=>l.key===i);if(o!=null)return o.map(l=>[l[0],l[1]])}}}),yJ=$([Ce,kN,EN,SN,PN,xJ,xw,pJ,MN,M_],(e,t,r,n,i,s,o,l,c,d)=>{var{chartData:u,dataStartIndex:f,dataEndIndex:p}=o;if(!(c==null||e!=="horizontal"&&e!=="vertical"||t==null||r==null||n==null||i==null||n.length===0||i.length===0||l==null)){var{data:h}=c,m;if(h&&h.length>0?m=h:m=u?.slice(f,p+1),m!=null)return RJ({layout:e,xAxis:t,yAxis:r,xAxisTicks:n,yAxisTicks:i,dataStartIndex:f,areaSettings:c,stackedData:s,displayedData:m,chartBaseValue:d,bandSize:l})}}),vJ=["id"],bJ=["activeDot","animationBegin","animationDuration","animationEasing","connectNulls","dot","fill","fillOpacity","hide","isAnimationActive","legendType","stroke","xAxisId","yAxisId"];function qa(){return qa=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},qa.apply(null,arguments)}function TN(e,t){if(e==null)return{};var r,n,i=wJ(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function wJ(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function _y(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Ti(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?_y(Object(r),!0).forEach(function(n){jJ(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):_y(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function jJ(e,t,r){return(t=CJ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function CJ(e){var t=NJ(e,"string");return typeof t=="symbol"?t:t+""}function NJ(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function jd(e,t){return e&&e!=="none"?e:t}var kJ=e=>{var{dataKey:t,name:r,stroke:n,fill:i,legendType:s,hide:o}=e;return[{inactive:o,dataKey:t,type:s,color:jd(n,i),value:vn(r,t),payload:e}]},SJ=M.memo(e=>{var{dataKey:t,data:r,stroke:n,strokeWidth:i,fill:s,name:o,hide:l,unit:c,tooltipType:d,id:u}=e,f={dataDefinedOnItem:r,getPosition:Kr,settings:{stroke:n,strokeWidth:i,fill:s,dataKey:t,nameKey:void 0,name:vn(o,t),hide:l,type:d,color:jd(n,s),unit:c,graphicalItemId:u}};return M.createElement(ul,{tooltipEntrySettings:f})});function EJ(e){var{clipPathId:t,points:r,props:n}=e,{needClip:i,dot:s,dataKey:o}=n,l=Ge(n);return M.createElement(Rh,{points:r,dot:s,className:"recharts-area-dots",dotClassName:"recharts-area-dot",dataKey:o,baseProps:l,needClip:i,clipPathId:t})}function PJ(e){var{showLabels:t,children:r,points:n}=e,i=n.map(s=>{var o,l,c={x:(o=s.x)!==null&&o!==void 0?o:0,y:(l=s.y)!==null&&l!==void 0?l:0,width:0,lowerWidth:0,upperWidth:0,height:0};return Ti(Ti({},c),{},{value:s.value,payload:s.payload,parentViewBox:void 0,viewBox:c,fill:void 0})});return M.createElement(Wu,{value:t?i:void 0},r)}function Fy(e){var{points:t,baseLine:r,needClip:n,clipPathId:i,props:s}=e,{layout:o,type:l,stroke:c,connectNulls:d,isRange:u}=s,{id:f}=s,p=TN(s,vJ),h=Ge(p),m=ft(p);return M.createElement(M.Fragment,null,t?.length>1&&M.createElement(ze,{clipPath:n?"url(#clipPath-".concat(i,")"):void 0},M.createElement(Bi,qa({},m,{id:f,points:t,connectNulls:d,type:l,baseLine:r,layout:o,stroke:"none",className:"recharts-area-area"})),c!=="none"&&M.createElement(Bi,qa({},h,{className:"recharts-area-curve",layout:o,type:l,connectNulls:d,fill:"none",points:t})),c!=="none"&&u&&Array.isArray(r)&&M.createElement(Bi,qa({},h,{className:"recharts-area-curve",layout:o,type:l,connectNulls:d,fill:"none",points:r}))),M.createElement(EJ,{points:t,props:p,clipPathId:i}))}function MJ(e){var t,r,{alpha:n,baseLine:i,points:s,strokeWidth:o}=e,l=(t=s[0])===null||t===void 0?void 0:t.y,c=(r=s[s.length-1])===null||r===void 0?void 0:r.y;if(!je(l)||!je(c))return null;var d=n*Math.abs(l-c),u=Math.max(...s.map(f=>f.x||0));return fe(i)?u=Math.max(i,u):i&&Array.isArray(i)&&i.length&&(u=Math.max(...i.map(f=>f.x||0),u)),fe(u)?M.createElement("rect",{x:0,y:l<c?l:l-d,width:u+(o?parseInt("".concat(o),10):1),height:Math.floor(d)}):null}function AJ(e){var t,r,{alpha:n,baseLine:i,points:s,strokeWidth:o}=e,l=(t=s[0])===null||t===void 0?void 0:t.x,c=(r=s[s.length-1])===null||r===void 0?void 0:r.x;if(!je(l)||!je(c))return null;var d=n*Math.abs(l-c),u=Math.max(...s.map(f=>f.y||0));return fe(i)?u=Math.max(i,u):i&&Array.isArray(i)&&i.length&&(u=Math.max(...i.map(f=>f.y||0),u)),fe(u)?M.createElement("rect",{x:l<c?l:l-d,y:0,width:d,height:Math.floor(u+(o?parseInt("".concat(o),10):1))}):null}function TJ(e){var{alpha:t,layout:r,points:n,baseLine:i,strokeWidth:s}=e;return r==="vertical"?M.createElement(MJ,{alpha:t,points:n,baseLine:i,strokeWidth:s}):M.createElement(AJ,{alpha:t,points:n,baseLine:i,strokeWidth:s})}function OJ(e){var{needClip:t,clipPathId:r,props:n,previousPointsRef:i,previousBaselineRef:s}=e,{points:o,baseLine:l,isAnimationActive:c,animationBegin:d,animationDuration:u,animationEasing:f,onAnimationStart:p,onAnimationEnd:h}=n,m=w.useMemo(()=>({points:o,baseLine:l}),[o,l]),g=ui(m,"recharts-area-"),x=mm(),[y,v]=w.useState(!1),b=!y,j=w.useCallback(()=>{typeof h=="function"&&h(),v(!1)},[h]),C=w.useCallback(()=>{typeof p=="function"&&p(),v(!0)},[p]);if(x==null)return null;var N=i.current,k=s.current;return M.createElement(PJ,{showLabels:b,points:o},n.children,M.createElement(di,{animationId:g,begin:d,duration:u,isActive:c,easing:f,onAnimationEnd:j,onAnimationStart:C,key:g},S=>{if(N){var E=N.length/o.length,P=S===1?o:o.map((A,L)=>{var D=Math.floor(L*E);if(N[D]){var z=N[D];return Ti(Ti({},A),{},{x:Me(z.x,A.x,S),y:Me(z.y,A.y,S)})}return A}),T;return fe(l)?T=Me(k,l,S):He(l)||Ur(l)?T=Me(k,0,S):T=l.map((A,L)=>{var D=Math.floor(L*E);if(Array.isArray(k)&&k[D]){var z=k[D];return Ti(Ti({},A),{},{x:Me(z.x,A.x,S),y:Me(z.y,A.y,S)})}return A}),S>0&&(i.current=P,s.current=T),M.createElement(Fy,{points:P,baseLine:T,needClip:t,clipPathId:r,props:n})}return S>0&&(i.current=o,s.current=l),M.createElement(ze,null,c&&M.createElement("defs",null,M.createElement("clipPath",{id:"animationClipPath-".concat(r)},M.createElement(TJ,{alpha:S,points:o,baseLine:l,layout:x,strokeWidth:n.strokeWidth}))),M.createElement(ze,{clipPath:"url(#animationClipPath-".concat(r,")")},M.createElement(Fy,{points:o,baseLine:l,needClip:t,clipPathId:r,props:n})))}),M.createElement(dl,{label:n.label}))}function LJ(e){var{needClip:t,clipPathId:r,props:n}=e,i=w.useRef(null),s=w.useRef();return M.createElement(OJ,{needClip:t,clipPathId:r,props:n,previousPointsRef:i,previousBaselineRef:s})}class DJ extends w.PureComponent{render(){var{hide:t,dot:r,points:n,className:i,top:s,left:o,needClip:l,xAxisId:c,yAxisId:d,width:u,height:f,id:p,baseLine:h,zIndex:m}=this.props;if(t)return null;var g=we("recharts-area",i),x=p,{r:y,strokeWidth:v}=jN(r),b=Th(r),j=y*2+v,C=l?"url(#clipPath-".concat(b?"":"dots-").concat(x,")"):void 0;return M.createElement(Et,{zIndex:m},M.createElement(ze,{className:g},l&&M.createElement("defs",null,M.createElement(qh,{clipPathId:x,xAxisId:c,yAxisId:d}),!b&&M.createElement("clipPath",{id:"clipPath-dots-".concat(x)},M.createElement("rect",{x:o-j/2,y:s-j/2,width:u+j,height:f+j}))),M.createElement(LJ,{needClip:l,clipPathId:x,props:this.props})),M.createElement(vd,{points:n,mainColor:jd(this.props.stroke,this.props.fill),itemDataKey:this.props.dataKey,activeDot:this.props.activeDot,clipPath:C}),this.props.isRange&&Array.isArray(h)&&M.createElement(vd,{points:h,mainColor:jd(this.props.stroke,this.props.fill),itemDataKey:this.props.dataKey,activeDot:this.props.activeDot,clipPath:C}))}}var IJ={activeDot:!0,animationBegin:0,animationDuration:1500,animationEasing:"ease",connectNulls:!1,dot:!1,fill:"#3182bd",fillOpacity:.6,hide:!1,isAnimationActive:"auto",legendType:"line",stroke:"#3182bd",strokeWidth:1,type:"linear",label:!1,xAxisId:0,yAxisId:0,zIndex:Je.area};function zJ(e){var t,{activeDot:r,animationBegin:n,animationDuration:i,animationEasing:s,connectNulls:o,dot:l,fill:c,fillOpacity:d,hide:u,isAnimationActive:f,legendType:p,stroke:h,xAxisId:m,yAxisId:g}=e,x=TN(e,bJ),y=ha(),v=yC(),{needClip:b}=Qu(m,g),j=vt(),{points:C,isRange:N,baseLine:k}=(t=le(L=>yJ(L,e.id,j)))!==null&&t!==void 0?t:{},S=Ju();if(y!=="horizontal"&&y!=="vertical"||S==null||v!=="AreaChart"&&v!=="ComposedChart")return null;var{height:E,width:P,x:T,y:A}=S;return!C||!C.length?null:M.createElement(DJ,qa({},x,{activeDot:r,animationBegin:n,animationDuration:i,animationEasing:s,baseLine:k,connectNulls:o,dot:l,fill:c,fillOpacity:d,height:E,hide:u,layout:y,isAnimationActive:f,isRange:N,legendType:p,needClip:b,points:C,stroke:h,width:P,left:T,top:A,xAxisId:m,yAxisId:g}))}var VJ=(e,t,r,n,i)=>{var s=r??t;if(fe(s))return s;var o=e==="horizontal"?i:n,l=o.scale.domain();if(o.type==="number"){var c=Math.max(l[0],l[1]),d=Math.min(l[0],l[1]);return s==="dataMin"?d:s==="dataMax"||c<0?c:Math.max(Math.min(l[0],l[1]),0)}return s==="dataMin"?l[0]:s==="dataMax"?l[1]:l[0]};function RJ(e){var{areaSettings:{connectNulls:t,baseValue:r,dataKey:n},stackedData:i,layout:s,chartBaseValue:o,xAxis:l,yAxis:c,displayedData:d,dataStartIndex:u,xAxisTicks:f,yAxisTicks:p,bandSize:h}=e,m=i&&i.length,g=VJ(s,o,r,l,c),x=s==="horizontal",y=!1,v=d.map((j,C)=>{var N,k,S,E;if(m)E=i[u+C];else{var P=Ae(j,n);Array.isArray(P)?(E=P,y=!0):E=[g,P]}var T=(N=(k=E)===null||k===void 0?void 0:k[1])!==null&&N!==void 0?N:null,A=T==null||m&&!t&&Ae(j,n)==null;if(x){var L;return{x:Bc({axis:l,ticks:f,bandSize:h,entry:j,index:C}),y:A?null:(L=c.scale.map(T))!==null&&L!==void 0?L:null,value:E,payload:j}}return{x:A?null:(S=l.scale.map(T))!==null&&S!==void 0?S:null,y:Bc({axis:c,ticks:p,bandSize:h,entry:j,index:C}),value:E,payload:j}}),b;return m||y?b=v.map(j=>{var C,N=Array.isArray(j.value)?j.value[0]:null;if(x){var k;return{x:j.x,y:N!=null&&j.y!=null&&(k=c.scale.map(N))!==null&&k!==void 0?k:null,payload:j.payload}}return{x:N!=null&&(C=l.scale.map(N))!==null&&C!==void 0?C:null,y:j.y,payload:j.payload}}):b=x?c.scale.map(g):l.scale.map(g),{points:v,baseLine:b??0,isRange:y}}function _J(e){var t=Ke(e,IJ),r=vt();return M.createElement(fl,{id:t.id,type:"area"},n=>M.createElement(M.Fragment,null,M.createElement(zh,{legendPayload:kJ(t)}),M.createElement(SJ,{dataKey:t.dataKey,data:t.data,stroke:t.stroke,strokeWidth:t.strokeWidth,fill:t.fill,name:t.name,hide:t.hide,unit:t.unit,tooltipType:t.tooltipType,id:n}),M.createElement(Vh,{type:"area",id:n,data:t.data,dataKey:t.dataKey,xAxisId:t.xAxisId,yAxisId:t.yAxisId,zAxisId:0,stackId:_9(t.stackId),hide:t.hide,barSize:void 0,baseValue:t.baseValue,isPanorama:r,connectNulls:t.connectNulls}),M.createElement(zJ,qa({},t,{id:n}))))}var e0=M.memo(_J,li);e0.displayName="Area";var FJ=process.env.NODE_ENV==="production",u2="Invariant failed";function BJ(e,t){if(FJ)throw new Error(u2);var r=typeof t=="function"?t():t,n=r?"".concat(u2,": ").concat(r):u2;throw new Error(n)}function Lf(){return Lf=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Lf.apply(null,arguments)}function Uh(e){return M.createElement(Oh,Lf({shapeType:"rectangle",activeClassName:"recharts-active-bar",inActiveClassName:"recharts-inactive-bar"},e))}var qJ=function(t){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:0;return(n,i)=>{if(fe(t))return t;var s=fe(n)||He(n);return s?t(n,i):(s||BJ(!1,"minPointSize callback function received a value with type of ".concat(typeof n,". Currently only numbers or null/undefined are supported.")),r)}},$J=(e,t,r)=>r,HJ=(e,t)=>t,ml=$([nl,HJ],(e,t)=>e.filter(r=>r.type==="bar").find(r=>r.id===t)),UJ=$([ml],e=>e?.maxBarSize),WJ=(e,t,r,n)=>n,GJ=$([Ce,nl,wn,jn,$J],(e,t,r,n,i)=>t.filter(s=>e==="horizontal"?s.xAxisId===r:s.yAxisId===n).filter(s=>s.isPanorama===i).filter(s=>s.hide===!1).filter(s=>s.type==="bar")),KJ=(e,t,r)=>{var n=Ce(e),i=wn(e,t),s=jn(e,t);if(!(i==null||s==null))return n==="horizontal"?ud(e,"yAxis",s,r):ud(e,"xAxis",i,r)},ZJ=(e,t)=>{var r=Ce(e),n=wn(e,t),i=jn(e,t);if(!(n==null||i==null))return r==="horizontal"?s6(e,"xAxis",n):s6(e,"yAxis",i)},YJ=$([GJ,P_,ZJ],EY),XJ=(e,t,r)=>{var n,i,s=ml(e,t);if(s==null)return 0;var o=wn(e,t),l=jn(e,t);if(o==null||l==null)return 0;var c=Ce(e),d=Mw(e),{maxBarSize:u}=s,f=He(u)?d:u,p,h;return c==="horizontal"?(p=pn(e,"xAxis",o,r),h=fn(e,"xAxis",o,r)):(p=pn(e,"yAxis",l,r),h=fn(e,"yAxis",l,r)),(n=(i=cn(p,h,!0))!==null&&i!==void 0?i:f)!==null&&n!==void 0?n:0},ON=(e,t,r)=>{var n=Ce(e),i=wn(e,t),s=jn(e,t);if(!(i==null||s==null)){var o,l;return n==="horizontal"?(o=pn(e,"xAxis",i,r),l=fn(e,"xAxis",i,r)):(o=pn(e,"yAxis",s,r),l=fn(e,"yAxis",s,r)),cn(o,l)}},JJ=$([YJ,Mw,E_,Aw,XJ,ON,UJ],OY),QJ=(e,t,r)=>{var n=wn(e,t);if(n!=null)return pn(e,"xAxis",n,r)},eQ=(e,t,r)=>{var n=jn(e,t);if(n!=null)return pn(e,"yAxis",n,r)},tQ=(e,t,r)=>{var n=wn(e,t);if(n!=null)return fn(e,"xAxis",n,r)},rQ=(e,t,r)=>{var n=jn(e,t);if(n!=null)return fn(e,"yAxis",n,r)},nQ=$([JJ,ml],DY),aQ=$([KJ,ml],LY),iQ=$([Nt,cm,QJ,eQ,tQ,rQ,nQ,Ce,xw,ON,aQ,ml,WJ],(e,t,r,n,i,s,o,l,c,d,u,f,p)=>{var{chartData:h,dataStartIndex:m,dataEndIndex:g}=c;if(!(f==null||o==null||t==null||l!=="horizontal"&&l!=="vertical"||r==null||n==null||i==null||s==null||d==null)){var{data:x}=f,y;if(x!=null&&x.length>0?y=x:y=h?.slice(m,g+1),y!=null)return LQ({layout:l,barSettings:f,pos:o,parentViewBox:t,bandSize:d,xAxis:r,yAxis:n,xAxisTicks:i,yAxisTicks:s,stackedData:u,displayedData:y,offset:e,cells:p,dataStartIndex:m})}}),sQ=["index"];function Df(){return Df=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Df.apply(null,arguments)}function oQ(e,t){if(e==null)return{};var r,n,i=lQ(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function lQ(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}var LN=w.createContext(void 0),cQ=e=>{var t=w.useContext(LN);if(t!=null)return t.stackId;if(e!=null)return _9(e)},dQ=(e,t)=>"recharts-bar-stack-clip-path-".concat(e,"-").concat(t),uQ=e=>{var t=w.useContext(LN);if(t!=null){var{stackId:r}=t;return"url(#".concat(dQ(r,e),")")}},DN=e=>{var{index:t}=e,r=oQ(e,sQ),n=uQ(t);return M.createElement(ze,Df({className:"recharts-bar-stack-layer",clipPath:n},r))},fQ=["onMouseEnter","onMouseLeave","onClick"],pQ=["value","background","tooltipPosition"],mQ=["id"],hQ=["onMouseEnter","onClick","onMouseLeave"];function fa(){return fa=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},fa.apply(null,arguments)}function By(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Yt(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?By(Object(r),!0).forEach(function(n){gQ(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):By(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function gQ(e,t,r){return(t=xQ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function xQ(e){var t=yQ(e,"string");return typeof t=="symbol"?t:t+""}function yQ(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Cd(e,t){if(e==null)return{};var r,n,i=vQ(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function vQ(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}var bQ=e=>{var{dataKey:t,name:r,fill:n,legendType:i,hide:s}=e;return[{inactive:s,dataKey:t,type:i,color:n,value:vn(r,t),payload:e}]},wQ=M.memo(e=>{var{dataKey:t,stroke:r,strokeWidth:n,fill:i,name:s,hide:o,unit:l,tooltipType:c,id:d}=e,u={dataDefinedOnItem:void 0,getPosition:Kr,settings:{stroke:r,strokeWidth:n,fill:i,dataKey:t,nameKey:void 0,name:vn(s,t),hide:o,type:c,color:i,unit:l,graphicalItemId:d}};return M.createElement(ul,{tooltipEntrySettings:u})});function jQ(e){var t=le(da),{data:r,dataKey:n,background:i,allOtherBarProps:s}=e,{onMouseEnter:o,onMouseLeave:l,onClick:c}=s,d=Cd(s,fQ),u=Lh(o,n,s.id),f=Dh(l),p=Ih(c,n,s.id);if(!i||r==null)return null;var h=On(i);return M.createElement(Et,{zIndex:IY(i,Je.barBackground)},r.map((m,g)=>{var{value:x,background:y,tooltipPosition:v}=m,b=Cd(m,pQ);if(!y)return null;var j=u(m,g),C=f(m,g),N=p(m,g),k=Yt(Yt(Yt(Yt(Yt({option:i,isActive:String(g)===t},b),{},{fill:"#eee"},y),h),oi(d,m,g)),{},{onMouseEnter:j,onMouseLeave:C,onClick:N,dataKey:n,index:g,className:"recharts-bar-background-rectangle"});return M.createElement(Uh,fa({key:"background-bar-".concat(g)},k))}))}function CQ(e){var{showLabels:t,children:r,rects:n}=e,i=n?.map(s=>{var o={x:s.x,y:s.y,width:s.width,lowerWidth:s.width,upperWidth:s.width,height:s.height};return Yt(Yt({},o),{},{value:s.value,payload:s.payload,parentViewBox:s.parentViewBox,viewBox:o,fill:s.fill})});return M.createElement(Wu,{value:t?i:void 0},r)}function NQ(e){var{shape:t,activeBar:r,baseProps:n,entry:i,index:s,dataKey:o}=e,l=le(da),c=le(xh),d=r&&String(i.originalDataIndex)===l&&(c==null||o===c),[u,f]=w.useState(!1),[p,h]=w.useState(!1);w.useEffect(()=>{var b;return d?(f(!0),b=requestAnimationFrame(()=>{h(!0)})):h(!1),()=>{cancelAnimationFrame(b)}},[d]);var m=w.useCallback(()=>{d||f(!1)},[d]),g=d&&p,x=d||u,y;d?r===!0?y=t:y=r:y=t;var v=M.createElement(Uh,fa({},n,{name:String(n.name)},i,{isActive:g,option:y,index:s,dataKey:o,onTransitionEnd:m}));return x?M.createElement(Et,{zIndex:Je.activeBar},M.createElement(DN,{index:i.originalDataIndex},v)):v}function kQ(e){var{shape:t,baseProps:r,entry:n,index:i,dataKey:s}=e;return M.createElement(Uh,fa({},r,{name:String(r.name)},n,{isActive:!1,option:t,index:i,dataKey:s}))}function SQ(e){var t,{data:r,props:n}=e,i=(t=Ge(n))!==null&&t!==void 0?t:{},{id:s}=i,o=Cd(i,mQ),{shape:l,dataKey:c,activeBar:d}=n,{onMouseEnter:u,onClick:f,onMouseLeave:p}=n,h=Cd(n,hQ),m=Lh(u,c,s),g=Dh(p),x=Ih(f,c,s);return r?M.createElement(M.Fragment,null,r.map((y,v)=>M.createElement(DN,fa({index:y.originalDataIndex,key:"rectangle-".concat(y?.x,"-").concat(y?.y,"-").concat(y?.value,"-").concat(v),className:"recharts-bar-rectangle"},oi(h,y,v),{onMouseEnter:m(y,v),onMouseLeave:g(y,v),onClick:x(y,v)}),d?M.createElement(NQ,{shape:l,activeBar:d,baseProps:o,entry:y,index:v,dataKey:c}):M.createElement(kQ,{shape:l,baseProps:o,entry:y,index:v,dataKey:c})))):null}function EQ(e){var{props:t,previousRectanglesRef:r}=e,{data:n,layout:i,isAnimationActive:s,animationBegin:o,animationDuration:l,animationEasing:c,onAnimationEnd:d,onAnimationStart:u}=t,f=r.current,p=ui(t,"recharts-bar-"),[h,m]=w.useState(!1),g=!h,x=w.useCallback(()=>{typeof d=="function"&&d(),m(!1)},[d]),y=w.useCallback(()=>{typeof u=="function"&&u(),m(!0)},[u]);return M.createElement(CQ,{showLabels:g,rects:n},M.createElement(di,{animationId:p,begin:o,duration:l,isActive:s,easing:c,onAnimationEnd:x,onAnimationStart:y,key:p},v=>{var b=v===1?n:n?.map((j,C)=>{var N=f&&f[C];if(N)return Yt(Yt({},j),{},{x:Me(N.x,j.x,v),y:Me(N.y,j.y,v),width:Me(N.width,j.width,v),height:Me(N.height,j.height,v)});if(i==="horizontal"){var k=Me(0,j.height,v),S=Me(j.stackedBarStart,j.y,v);return Yt(Yt({},j),{},{y:S,height:k})}var E=Me(0,j.width,v),P=Me(j.stackedBarStart,j.x,v);return Yt(Yt({},j),{},{width:E,x:P})});return v>0&&(r.current=b??null),b==null?null:M.createElement(ze,null,M.createElement(SQ,{props:t,data:b}))}),M.createElement(dl,{label:t.label}),t.children)}function PQ(e){var t=w.useRef(null);return M.createElement(EQ,{previousRectanglesRef:t,props:e})}var IN=0,MQ=(e,t)=>{var r=Array.isArray(e.value)?e.value[1]:e.value;return{x:e.x,y:e.y,value:r,errorVal:Ae(e,t)}};class AQ extends w.PureComponent{render(){var{hide:t,data:r,dataKey:n,className:i,xAxisId:s,yAxisId:o,needClip:l,background:c,id:d}=this.props;if(t||r==null)return null;var u=we("recharts-bar",i),f=d;return M.createElement(ze,{className:u,id:d},l&&M.createElement("defs",null,M.createElement(qh,{clipPathId:f,xAxisId:s,yAxisId:o})),M.createElement(ze,{className:"recharts-bar-rectangles",clipPath:l?"url(#clipPath-".concat(f,")"):void 0},M.createElement(jQ,{data:r,dataKey:n,background:c,allOtherBarProps:this.props}),M.createElement(PQ,this.props)))}}var TQ={activeBar:!1,animationBegin:0,animationDuration:400,animationEasing:"ease",background:!1,hide:!1,isAnimationActive:"auto",label:!1,legendType:"rect",minPointSize:IN,xAxisId:0,yAxisId:0,zIndex:Je.bar};function OQ(e){var{xAxisId:t,yAxisId:r,hide:n,legendType:i,minPointSize:s,activeBar:o,animationBegin:l,animationDuration:c,animationEasing:d,isAnimationActive:u}=e,{needClip:f}=Qu(t,r),p=ha(),h=vt(),m=Ah(e.children,cl),g=le(v=>iQ(v,e.id,h,m));if(p!=="vertical"&&p!=="horizontal")return null;var x,y=g?.[0];return y==null||y.height==null||y.width==null?x=0:x=p==="vertical"?y.height/2:y.width/2,M.createElement(xN,{xAxisId:t,yAxisId:r,data:g,dataPointFormatter:MQ,errorBarOffset:x},M.createElement(AQ,fa({},e,{layout:p,needClip:f,data:g,xAxisId:t,yAxisId:r,hide:n,legendType:i,minPointSize:s,activeBar:o,animationBegin:l,animationDuration:c,animationEasing:d,isAnimationActive:u})))}function LQ(e){var{layout:t,barSettings:{dataKey:r,minPointSize:n,hasCustomShape:i},pos:s,bandSize:o,xAxis:l,yAxis:c,xAxisTicks:d,yAxisTicks:u,stackedData:f,displayedData:p,offset:h,cells:m,parentViewBox:g,dataStartIndex:x}=e,y=t==="horizontal"?c:l,v=f?y.scale.domain():null,b=hz({numericAxis:y}),j=y.scale.map(b);return p.map((C,N)=>{var k,S,E,P,T,A;if(f){var L=f[N+x];if(L==null)return null;k=dz(L,v)}else k=Ae(C,r),Array.isArray(k)||(k=[b,k]);var D=qJ(n,IN)(k[1],N);if(t==="horizontal"){var z,U=c.scale.map(k[0]),I=c.scale.map(k[1]);if(U==null||I==null)return null;S=Q5({axis:l,ticks:d,bandSize:o,offset:s.offset,entry:C,index:N}),E=(z=I??U)!==null&&z!==void 0?z:void 0,P=s.size;var _=U-I;if(T=Ur(_)?0:_,A={x:S,y:h.top,width:P,height:h.height},Math.abs(D)>0&&Math.abs(T)<Math.abs(D)){var q=Tt(T||D)*(Math.abs(D)-Math.abs(T));E-=q,T+=q}}else{var J=l.scale.map(k[0]),oe=l.scale.map(k[1]);if(J==null||oe==null)return null;if(S=J,E=Q5({axis:c,ticks:u,bandSize:o,offset:s.offset,entry:C,index:N}),P=oe-J,T=s.size,A={x:h.left,y:E,width:h.width,height:T},Math.abs(D)>0&&Math.abs(P)<Math.abs(D)){var de=Tt(P||D)*(Math.abs(D)-Math.abs(P));P+=de}}if(S==null||E==null||P==null||T==null||!i&&(P===0||T===0))return null;var ve=Yt(Yt({},C),{},{stackedBarStart:j,x:S,y:E,width:P,height:T,value:f?k:k[1],payload:C,background:A,tooltipPosition:{x:S+P/2,y:E+T/2},parentViewBox:g,originalDataIndex:N},m&&m[N]&&m[N].props);return ve}).filter(Boolean)}function DQ(e){var t=Ke(e,TQ),r=cQ(t.stackId),n=vt();return M.createElement(fl,{id:t.id,type:"bar"},i=>M.createElement(M.Fragment,null,M.createElement(zh,{legendPayload:bQ(t)}),M.createElement(wQ,{dataKey:t.dataKey,stroke:t.stroke,strokeWidth:t.strokeWidth,fill:t.fill,name:t.name,hide:t.hide,unit:t.unit,tooltipType:t.tooltipType,id:i}),M.createElement(Vh,{type:"bar",id:i,data:void 0,xAxisId:t.xAxisId,yAxisId:t.yAxisId,zAxisId:0,dataKey:t.dataKey,stackId:r,hide:t.hide,barSize:t.barSize,minPointSize:t.minPointSize,maxBarSize:t.maxBarSize,isPanorama:n,hasCustomShape:t.shape!=null}),M.createElement(Et,{zIndex:t.zIndex},M.createElement(OQ,fa({},t,{id:i})))))}var Wh=M.memo(DQ,li);Wh.displayName="Bar";var IQ=["domain","range"],zQ=["domain","range"];function qy(e,t){if(e==null)return{};var r,n,i=VQ(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function VQ(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function $y(e,t){return e===t?!0:Array.isArray(e)&&e.length===2&&Array.isArray(t)&&t.length===2?e[0]===t[0]&&e[1]===t[1]:!1}function zN(e,t){if(e===t)return!0;var{domain:r,range:n}=e,i=qy(e,IQ),{domain:s,range:o}=t,l=qy(t,zQ);return!$y(r,s)||!$y(n,o)?!1:li(i,l)}var RQ=["type"],_Q=["dangerouslySetInnerHTML","ticks","scale"],FQ=["id","scale"];function If(){return If=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},If.apply(null,arguments)}function Hy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Uy(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Hy(Object(r),!0).forEach(function(n){BQ(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Hy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function BQ(e,t,r){return(t=qQ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function qQ(e){var t=$Q(e,"string");return typeof t=="symbol"?t:t+""}function $Q(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function zf(e,t){if(e==null)return{};var r,n,i=HQ(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function HQ(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function UQ(e){var t=Fe(),r=w.useRef(null),n=mm(),{type:i}=e,s=zf(e,RQ),o=ds(n,"xAxis",i),l=w.useMemo(()=>{if(o!=null)return Uy(Uy({},s),{},{type:o})},[s,o]);return w.useLayoutEffect(()=>{l!=null&&(r.current===null?t(zZ(l)):r.current!==l&&t(VZ({prev:r.current,next:l})),r.current=l)},[l,t]),w.useLayoutEffect(()=>()=>{r.current&&(t(RZ(r.current)),r.current=null)},[t]),null}var WQ=e=>{var{xAxisId:t,className:r}=e,n=le(cm),i=vt(),s="xAxis",o=le(y=>Wj(y,s,t,i)),l=le(y=>qj(y,t)),c=le(y=>d$(y,t)),d=le(y=>wj(y,t));if(l==null||c==null||d==null)return null;var{dangerouslySetInnerHTML:u,ticks:f,scale:p}=e,h=zf(e,_Q),{id:m,scale:g}=d,x=zf(d,FQ);return M.createElement(Bh,If({},h,x,{x:c.x,y:c.y,width:l.width,height:l.height,className:we("recharts-".concat(s," ").concat(s),r),viewBox:n,ticks:o,axisType:s,axisId:t}))},GQ={allowDataOverflow:wt.allowDataOverflow,allowDecimals:wt.allowDecimals,allowDuplicatedCategory:wt.allowDuplicatedCategory,angle:wt.angle,axisLine:Tn.axisLine,height:wt.height,hide:!1,includeHidden:wt.includeHidden,interval:wt.interval,label:!1,minTickGap:wt.minTickGap,mirror:wt.mirror,orientation:wt.orientation,padding:wt.padding,reversed:wt.reversed,scale:wt.scale,tick:wt.tick,tickCount:wt.tickCount,tickLine:Tn.tickLine,tickSize:Tn.tickSize,type:wt.type,niceTicks:wt.niceTicks,xAxisId:0},KQ=e=>{var t=Ke(e,GQ);return M.createElement(M.Fragment,null,M.createElement(UQ,{allowDataOverflow:t.allowDataOverflow,allowDecimals:t.allowDecimals,allowDuplicatedCategory:t.allowDuplicatedCategory,angle:t.angle,dataKey:t.dataKey,domain:t.domain,height:t.height,hide:t.hide,id:t.xAxisId,includeHidden:t.includeHidden,interval:t.interval,minTickGap:t.minTickGap,mirror:t.mirror,name:t.name,orientation:t.orientation,padding:t.padding,reversed:t.reversed,scale:t.scale,tick:t.tick,tickCount:t.tickCount,tickFormatter:t.tickFormatter,ticks:t.ticks,type:t.type,unit:t.unit,niceTicks:t.niceTicks}),M.createElement(WQ,t))},es=M.memo(KQ,zN);es.displayName="XAxis";var ZQ=["type"],YQ=["dangerouslySetInnerHTML","ticks","scale"],XQ=["id","scale"];function Vf(){return Vf=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Vf.apply(null,arguments)}function Wy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Gy(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Wy(Object(r),!0).forEach(function(n){JQ(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Wy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function JQ(e,t,r){return(t=QQ(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function QQ(e){var t=eee(e,"string");return typeof t=="symbol"?t:t+""}function eee(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function Rf(e,t){if(e==null)return{};var r,n,i=tee(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function tee(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function ree(e){var t=Fe(),r=w.useRef(null),n=mm(),{type:i}=e,s=Rf(e,ZQ),o=ds(n,"yAxis",i),l=w.useMemo(()=>{if(o!=null)return Gy(Gy({},s),{},{type:o})},[o,s]);return w.useLayoutEffect(()=>{l!=null&&(r.current===null?t(_Z(l)):r.current!==l&&t(FZ({prev:r.current,next:l})),r.current=l)},[l,t]),w.useLayoutEffect(()=>()=>{r.current&&(t(BZ(r.current)),r.current=null)},[t]),null}function nee(e){var{yAxisId:t,className:r,width:n,label:i}=e,s=w.useRef(null),o=w.useRef(null),l=le(cm),c=vt(),d=Fe(),u="yAxis",f=le(N=>$j(N,t)),p=le(N=>f$(N,t)),h=le(N=>Wj(N,u,t,c)),m=le(N=>jj(N,t));if(w.useLayoutEffect(()=>{if(!(n!=="auto"||!f||jh(i)||w.isValidElement(i)||m==null)){var N=s.current;if(N){var k=N.getCalculatedWidth();Math.round(f.width)!==Math.round(k)&&d(qZ({id:t,width:k}))}}},[h,f,d,i,t,n,m]),f==null||p==null||m==null)return null;var{dangerouslySetInnerHTML:g,ticks:x,scale:y}=e,v=Rf(e,YQ),{id:b,scale:j}=m,C=Rf(m,XQ);return M.createElement(Bh,Vf({},v,C,{ref:s,labelRef:o,x:p.x,y:p.y,tickTextProps:n==="auto"?{width:void 0}:{width:n},width:f.width,height:f.height,className:we("recharts-".concat(u," ").concat(u),r),viewBox:l,ticks:h,axisType:u,axisId:t}))}var aee={allowDataOverflow:jt.allowDataOverflow,allowDecimals:jt.allowDecimals,allowDuplicatedCategory:jt.allowDuplicatedCategory,angle:jt.angle,axisLine:Tn.axisLine,hide:!1,includeHidden:jt.includeHidden,interval:jt.interval,label:!1,minTickGap:jt.minTickGap,mirror:jt.mirror,orientation:jt.orientation,padding:jt.padding,reversed:jt.reversed,scale:jt.scale,tick:jt.tick,tickCount:jt.tickCount,tickLine:Tn.tickLine,tickSize:Tn.tickSize,type:jt.type,niceTicks:jt.niceTicks,width:jt.width,yAxisId:0},iee=e=>{var t=Ke(e,aee);return M.createElement(M.Fragment,null,M.createElement(ree,{interval:t.interval,id:t.yAxisId,scale:t.scale,type:t.type,domain:t.domain,allowDataOverflow:t.allowDataOverflow,dataKey:t.dataKey,allowDuplicatedCategory:t.allowDuplicatedCategory,allowDecimals:t.allowDecimals,tickCount:t.tickCount,padding:t.padding,includeHidden:t.includeHidden,reversed:t.reversed,ticks:t.ticks,width:t.width,orientation:t.orientation,mirror:t.mirror,hide:t.hide,unit:t.unit,name:t.name,angle:t.angle,minTickGap:t.minTickGap,tick:t.tick,tickFormatter:t.tickFormatter,niceTicks:t.niceTicks}),M.createElement(nee,t))},ts=M.memo(iee,zN);ts.displayName="YAxis";var see=(e,t)=>t,Gh=$([see,Ce,fs,Dt,uC,Wn,TH,Nt],RH);function oee(e){return"getBBox"in e.currentTarget&&typeof e.currentTarget.getBBox=="function"}function Kh(e){var t=e.currentTarget.getBoundingClientRect(),r,n;if(oee(e)){var i=e.currentTarget.getBBox();r=i.width>0?t.width/i.width:1,n=i.height>0?t.height/i.height:1}else{var s=e.currentTarget;r=s.offsetWidth>0?t.width/s.offsetWidth:1,n=s.offsetHeight>0?t.height/s.offsetHeight:1}var o=(l,c)=>({relativeX:Math.round((l-t.left)/r),relativeY:Math.round((c-t.top)/n)});return"touches"in e?Array.from(e.touches).map(l=>o(l.clientX,l.clientY)):o(e.clientX,e.clientY)}var VN=hr("mouseClick"),RN=Ho();RN.startListening({actionCreator:VN,effect:(e,t)=>{var r=e.payload,n=Gh(t.getState(),Kh(r));n?.activeIndex!=null&&t.dispatch(S$({activeIndex:n.activeIndex,activeDataKey:void 0,activeCoordinate:n.activeCoordinate}))}});var _f=hr("mouseMove"),_N=Ho(),ki=null,ba=null,f2=null;_N.startListening({actionCreator:_f,effect:(e,t)=>{var r=e.payload,n=t.getState(),{throttleDelay:i,throttledEvents:s}=n.eventSettings,o=s==="all"||s?.includes("mousemove");ki!==null&&(cancelAnimationFrame(ki),ki=null),ba!==null&&(typeof i!="number"||!o)&&(clearTimeout(ba),ba=null),f2=Kh(r);var l=()=>{var c=t.getState(),d=ol(c,c.tooltip.settings.shared);if(!f2){ki=null,ba=null;return}if(d==="axis"){var u=Gh(c,f2);u?.activeIndex!=null?t.dispatch(tC({activeIndex:u.activeIndex,activeDataKey:void 0,activeCoordinate:u.activeCoordinate})):t.dispatch(eC())}ki=null,ba=null};if(!o){l();return}i==="raf"?ki=requestAnimationFrame(l):typeof i=="number"&&ba===null&&(ba=setTimeout(l,i))}});function lee(e,t){return t instanceof HTMLElement?"HTMLElement <".concat(t.tagName,' class="').concat(t.className,'">'):t===window?"global.window":e==="children"&&typeof t=="object"&&t!==null?"<<CHILDREN>>":t}var Ky={accessibilityLayer:!0,barCategoryGap:"10%",barGap:4,barSize:void 0,className:void 0,maxBarSize:void 0,stackOffset:"none",syncId:void 0,syncMethod:"index",baseValue:void 0,reverseStackOrder:!1},FN=Kt({name:"rootProps",initialState:Ky,reducers:{updateOptions:(e,t)=>{var r;e.accessibilityLayer=t.payload.accessibilityLayer,e.barCategoryGap=t.payload.barCategoryGap,e.barGap=(r=t.payload.barGap)!==null&&r!==void 0?r:Ky.barGap,e.barSize=t.payload.barSize,e.maxBarSize=t.payload.maxBarSize,e.stackOffset=t.payload.stackOffset,e.syncId=t.payload.syncId,e.syncMethod=t.payload.syncMethod,e.className=t.payload.className,e.baseValue=t.payload.baseValue,e.reverseStackOrder=t.payload.reverseStackOrder}}}),cee=FN.reducer,{updateOptions:dee}=FN.actions,uee=null,fee={updatePolarOptions:(e,t)=>e===null?t.payload:(e.startAngle=t.payload.startAngle,e.endAngle=t.payload.endAngle,e.cx=t.payload.cx,e.cy=t.payload.cy,e.innerRadius=t.payload.innerRadius,e.outerRadius=t.payload.outerRadius,e)},BN=Kt({name:"polarOptions",initialState:uee,reducers:fee}),{updatePolarOptions:pee}=BN.actions,mee=BN.reducer,qN=hr("keyDown"),$N=hr("focus"),HN=hr("blur"),t0=Ho(),Si=null,wa=null,Kl=null;t0.startListening({actionCreator:qN,effect:(e,t)=>{Kl=e.payload,Si!==null&&(cancelAnimationFrame(Si),Si=null);var r=t.getState(),{throttleDelay:n,throttledEvents:i}=r.eventSettings,s=i==="all"||i.includes("keydown");wa!==null&&(typeof n!="number"||!s)&&(clearTimeout(wa),wa=null);var o=()=>{try{var l=t.getState(),c=l.rootProps.accessibilityLayer!==!1;if(!c)return;var{keyboardInteraction:d}=l.tooltip,u=Kl;if(u!=="ArrowRight"&&u!=="ArrowLeft"&&u!=="Enter")return;var f=eo(d,Qa(l),Ji(l),Qi(l)),p=f==null?-1:Number(f),h=!Number.isFinite(p)||p<0,m=Wn(l),g=Qa(l),x=ol(l,l.tooltip.settings.shared);if(u==="Enter"){if(h)return;var y=md(l,x,"hover",String(d.index));t.dispatch(pd({active:!d.active,activeIndex:d.index,activeCoordinate:y}));return}var v=h$(l),b=v==="left-to-right"?1:-1,j=u==="ArrowRight"?1:-1,C;if(h){var N=Ji(l),k=Qi(l),S=j*b,E=D=>({active:!1,index:String(D),dataKey:void 0,graphicalItemId:void 0,coordinate:void 0});if(C=-1,S>0){for(var P=0;P<g.length;P++)if(eo(E(P),g,N,k)!=null){C=P;break}}else for(var T=g.length-1;T>=0;T--)if(eo(E(T),g,N,k)!=null){C=T;break}if(C<0)return}else{C=p+j*b;var A=m?.length||g.length;if(A===0||C>=A||C<0)return}var L=md(l,x,"hover",String(C));t.dispatch(pd({active:!0,activeIndex:C.toString(),activeCoordinate:L}))}finally{Si=null,wa=null}};if(!s){o();return}n==="raf"?Si=requestAnimationFrame(o):typeof n=="number"&&wa===null&&(o(),Kl=null,wa=setTimeout(()=>{Kl?o():(wa=null,Si=null)},n))}});t0.startListening({actionCreator:$N,effect:(e,t)=>{var r=t.getState(),n=r.rootProps.accessibilityLayer!==!1;if(n){var{keyboardInteraction:i}=r.tooltip;if(!i.active&&i.index==null){var s="0",o=ol(r,r.tooltip.settings.shared),l=md(r,o,"hover",String(s));t.dispatch(pd({active:!0,activeIndex:s,activeCoordinate:l}))}}}});t0.startListening({actionCreator:HN,effect:(e,t)=>{var r=t.getState(),n=r.rootProps.accessibilityLayer!==!1;if(n){var{keyboardInteraction:i}=r.tooltip;i.active&&t.dispatch(pd({active:!1,activeIndex:i.index,activeCoordinate:i.coordinate}))}}});function UN(e){e.persist();var{currentTarget:t}=e;return new Proxy(e,{get:(r,n)=>{if(n==="currentTarget")return t;var i=Reflect.get(r,n);return typeof i=="function"?i.bind(r):i}})}var Cr=hr("externalEvent"),WN=Ho(),Zl=new Map,_s=new Map,p2=new Map;WN.startListening({actionCreator:Cr,effect:(e,t)=>{var{handler:r,reactEvent:n}=e.payload;if(r!=null){var i=n.type,s=UN(n);p2.set(i,{handler:r,reactEvent:s});var o=Zl.get(i);o!==void 0&&(cancelAnimationFrame(o),Zl.delete(i));var l=t.getState(),{throttleDelay:c,throttledEvents:d}=l.eventSettings,u=d,f=u==="all"||u?.includes(i),p=_s.get(i);p!==void 0&&(typeof c!="number"||!f)&&(clearTimeout(p),_s.delete(i));var h=()=>{var x=p2.get(i);try{if(!x)return;var{handler:y,reactEvent:v}=x,b=t.getState(),j={activeCoordinate:gH(b),activeDataKey:xh(b),activeIndex:da(b),activeLabel:mC(b),activeTooltipIndex:da(b),isTooltipActive:xH(b)};y&&y(j,v)}finally{Zl.delete(i),_s.delete(i),p2.delete(i)}};if(!f){h();return}if(c==="raf"){var m=requestAnimationFrame(h);Zl.set(i,m)}else if(typeof c=="number"){if(!_s.has(i)){h();var g=setTimeout(h,c);_s.set(i,g)}}else h()}}});var hee=$([xs],e=>e.tooltipItemPayloads),gee=$([hee,(e,t)=>t,(e,t,r)=>r],(e,t,r)=>{if(t!=null){var n=e.find(s=>s.settings.graphicalItemId===r);if(n!=null){var{getPosition:i}=n;if(i!=null)return i(t)}}}),GN=hr("touchMove"),KN=Ho(),ja=null,Zn=null,Zy=null,Fs=null;KN.startListening({actionCreator:GN,effect:(e,t)=>{var r=e.payload;if(!(r.touches==null||r.touches.length===0)){Fs=UN(r);var n=t.getState(),{throttleDelay:i,throttledEvents:s}=n.eventSettings,o=s==="all"||s.includes("touchmove");ja!==null&&(cancelAnimationFrame(ja),ja=null),Zn!==null&&(typeof i!="number"||!o)&&(clearTimeout(Zn),Zn=null),Zy=Array.from(r.touches).map(c=>Kh({clientX:c.clientX,clientY:c.clientY,currentTarget:r.currentTarget}));var l=()=>{if(Fs!=null){var c=t.getState(),d=ol(c,c.tooltip.settings.shared);if(d==="axis"){var u,f=(u=Zy)===null||u===void 0?void 0:u[0];if(f==null){ja=null,Zn=null;return}var p=Gh(c,f);p?.activeIndex!=null&&t.dispatch(tC({activeIndex:p.activeIndex,activeDataKey:void 0,activeCoordinate:p.activeCoordinate}))}else if(d==="item"){var h,m=Fs.touches[0];if(document.elementFromPoint==null||m==null)return;var g=document.elementFromPoint(m.clientX,m.clientY);if(!g||!g.getAttribute)return;var x=g.getAttribute(B9),y=(h=g.getAttribute(q9))!==null&&h!==void 0?h:void 0,v=hi(c).find(C=>C.id===y);if(x==null||v==null||y==null)return;var{dataKey:b}=v,j=gee(c,x,y);t.dispatch(Qj({activeDataKey:b,activeIndex:x,activeCoordinate:j,activeGraphicalItemId:y}))}ja=null,Zn=null}};if(!o){l();return}i==="raf"?ja=requestAnimationFrame(l):typeof i=="number"&&Zn===null&&(l(),Fs=null,Zn=setTimeout(()=>{Fs?l():(Zn=null,ja=null)},i))}}});var Zh={throttleDelay:"raf",throttledEvents:["mousemove","touchmove","pointermove","scroll","wheel"]},ZN=Kt({name:"eventSettings",initialState:Zh,reducers:{setEventSettings:(e,t)=>{t.payload.throttleDelay!=null&&(e.throttleDelay=t.payload.throttleDelay),t.payload.throttledEvents!=null&&(e.throttledEvents=t.payload.throttledEvents)}}}),{setEventSettings:xee}=ZN.actions,yee=ZN.reducer,vee=a9({brush:zY,cartesianAxis:$Z,chartData:mU,errorBars:IX,eventSettings:yee,graphicalItems:$K,layout:iz,legend:fV,options:cU,polarAxis:NG,polarOptions:mee,referenceElements:FY,renderedTicks:nX,rootProps:cee,tooltip:E$,zIndex:XH}),bee=function(t){var r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"Chart";return AI({reducer:vee,preloadedState:t,middleware:n=>{var i;return n({serializableCheck:!1,immutableCheck:!["commonjs","es6","production"].includes((i="es6")!==null&&i!==void 0?i:"")}).concat([RN.middleware,_N.middleware,t0.middleware,WN.middleware,KN.middleware])},enhancers:n=>{var i=n;return typeof n=="function"&&(i=n()),i.concat(C9({type:"raf"}))},devTools:{serialize:{replacer:lee},name:"recharts-".concat(r)}})};function YN(e){var{preloadedState:t,children:r,reduxStoreName:n}=e,i=vt(),s=w.useRef(null);if(i)return r;s.current==null&&(s.current=bee(t,n));var o=rm;return M.createElement(TV,{context:o,store:s.current},r)}function wee(e){var{layout:t,margin:r}=e,n=Fe(),i=vt();return w.useEffect(()=>{i||(n(rz(t)),n(tz(r)))},[n,i,t,r]),null}var XN=w.memo(wee,li);function JN(e){var t=Fe();return w.useEffect(()=>{t(dee(e))},[t,e]),null}var jee=e=>{var t=Fe();return w.useEffect(()=>{t(xee(e))},[t,e]),null},QN=w.memo(jee,li);function Yy(e){var{zIndex:t,isPanorama:r}=e,n=w.useRef(null),i=Fe();return w.useLayoutEffect(()=>(n.current&&i(ZH({zIndex:t,element:n.current,isPanorama:r})),()=>{i(YH({zIndex:t,isPanorama:r}))}),[i,t,r]),M.createElement("g",{tabIndex:-1,ref:n,className:"recharts-zIndex-layer_".concat(t)})}function Xy(e){var{children:t,isPanorama:r}=e,n=le(FH);if(!n||n.length===0)return t;var i=n.filter(o=>o<0),s=n.filter(o=>o>0);return M.createElement(M.Fragment,null,i.map(o=>M.createElement(Yy,{key:o,zIndex:o,isPanorama:r})),t,s.map(o=>M.createElement(Yy,{key:o,zIndex:o,isPanorama:r})))}var Cee=["children"];function Nee(e,t){if(e==null)return{};var r,n,i=kee(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function kee(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function Nd(){return Nd=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Nd.apply(null,arguments)}var See={width:"100%",height:"100%",display:"block"},Eee=w.forwardRef((e,t)=>{var r=fm(),n=pm(),i=sw();if(!ln(r)||!ln(n))return null;var{children:s,otherAttributes:o,title:l,desc:c}=e,d,u;return o!=null&&(typeof o.tabIndex=="number"?d=o.tabIndex:d=i?0:void 0,typeof o.role=="string"?u=o.role:u=i?"application":void 0),M.createElement(Hp,Nd({},o,{title:l,desc:c,role:u,tabIndex:d,width:r,height:n,style:See,ref:t}),s)}),Pee=e=>{var{children:t}=e,r=le(Cu);if(!r)return null;var{width:n,height:i,y:s,x:o}=r;return M.createElement(Hp,{width:n,height:i,x:o,y:s},t)},Jy=w.forwardRef((e,t)=>{var{children:r}=e,n=Nee(e,Cee),i=vt();return i?M.createElement(Pee,null,M.createElement(Xy,{isPanorama:!0},r)):M.createElement(Eee,Nd({ref:t},n),M.createElement(Xy,{isPanorama:!1},r))});function Mee(){var e=Fe(),[t,r]=w.useState(null),n=le(wz);return w.useEffect(()=>{if(t!=null){var i=t.getBoundingClientRect(),s=i.width/t.offsetWidth;je(s)&&s!==n&&e(az(s))}},[t,e,n]),r}function Qy(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Aee(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Qy(Object(r),!0).forEach(function(n){Tee(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Qy(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Tee(e,t,r){return(t=Oee(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Oee(e){var t=Lee(e,"string");return typeof t=="symbol"?t:t+""}function Lee(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function la(){return la=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},la.apply(null,arguments)}var Dee=()=>(CU(),null);function kd(e){if(typeof e=="number")return e;if(typeof e=="string"){var t=parseFloat(e);if(!Number.isNaN(t))return t}return 0}var Iee=w.forwardRef((e,t)=>{var r,n,i=w.useRef(null),[s,o]=w.useState({containerWidth:kd((r=e.style)===null||r===void 0?void 0:r.width),containerHeight:kd((n=e.style)===null||n===void 0?void 0:n.height)}),l=w.useCallback((d,u)=>{o(f=>{var p=Math.round(d),h=Math.round(u);return f.containerWidth===p&&f.containerHeight===h?f:{containerWidth:p,containerHeight:h}})},[]),c=w.useCallback(d=>{if(typeof t=="function"&&t(d),i.current!=null&&(i.current.disconnect(),i.current=null),d!=null&&typeof ResizeObserver<"u"){var{width:u,height:f}=d.getBoundingClientRect();l(u,f);var p=m=>{var g=m[0];if(g!=null){var{width:x,height:y}=g.contentRect;l(x,y)}},h=new ResizeObserver(p);h.observe(d),i.current=h}},[t,l]);return w.useEffect(()=>()=>{var d=i.current;d?.disconnect()},[l]),M.createElement(M.Fragment,null,M.createElement(Wo,{width:s.containerWidth,height:s.containerHeight}),M.createElement("div",la({ref:c},e)))}),zee=w.forwardRef((e,t)=>{var{width:r,height:n}=e,[i,s]=w.useState({containerWidth:kd(r),containerHeight:kd(n)}),o=w.useCallback((c,d)=>{s(u=>{var f=Math.round(c),p=Math.round(d);return u.containerWidth===f&&u.containerHeight===p?u:{containerWidth:f,containerHeight:p}})},[]),l=w.useCallback(c=>{if(typeof t=="function"&&t(c),c!=null){var{width:d,height:u}=c.getBoundingClientRect();o(d,u)}},[t,o]);return M.createElement(M.Fragment,null,M.createElement(Wo,{width:i.containerWidth,height:i.containerHeight}),M.createElement("div",la({ref:l},e)))}),Vee=w.forwardRef((e,t)=>{var{width:r,height:n}=e;return M.createElement(M.Fragment,null,M.createElement(Wo,{width:r,height:n}),M.createElement("div",la({ref:t},e)))}),Ree=w.forwardRef((e,t)=>{var{width:r,height:n}=e;return typeof r=="string"||typeof n=="string"?M.createElement(zee,la({},e,{ref:t})):typeof r=="number"&&typeof n=="number"?M.createElement(Vee,la({},e,{width:r,height:n,ref:t})):M.createElement(M.Fragment,null,M.createElement(Wo,{width:r,height:n}),M.createElement("div",la({ref:t},e)))});function _ee(e){return e?Iee:Ree}var Fee=w.forwardRef((e,t)=>{var{children:r,className:n,height:i,onClick:s,onContextMenu:o,onDoubleClick:l,onMouseDown:c,onMouseEnter:d,onMouseLeave:u,onMouseMove:f,onMouseUp:p,onTouchEnd:h,onTouchMove:m,onTouchStart:g,style:x,width:y,responsive:v,dispatchTouchEvents:b=!0}=e,j=w.useRef(null),C=Fe(),[N,k]=w.useState(null),[S,E]=w.useState(null),P=Mee(),T=dm(),A=T?.width>0?T.width:y,L=T?.height>0?T.height:i,D=w.useCallback(re=>{P(re),typeof t=="function"&&t(re),k(re),E(re),re!=null&&(j.current=re)},[P,t,k,E]),z=w.useCallback(re=>{C(VN(re)),C(Cr({handler:s,reactEvent:re}))},[C,s]),U=w.useCallback(re=>{C(_f(re)),C(Cr({handler:d,reactEvent:re}))},[C,d]),I=w.useCallback(re=>{C(eC()),C(Cr({handler:u,reactEvent:re}))},[C,u]),_=w.useCallback(re=>{C(_f(re)),C(Cr({handler:f,reactEvent:re}))},[C,f]),q=w.useCallback(()=>{C($N())},[C]),J=w.useCallback(()=>{C(HN())},[C]),oe=w.useCallback(re=>{C(qN(re.key))},[C]),de=w.useCallback(re=>{C(Cr({handler:o,reactEvent:re}))},[C,o]),ve=w.useCallback(re=>{C(Cr({handler:l,reactEvent:re}))},[C,l]),Y=w.useCallback(re=>{C(Cr({handler:c,reactEvent:re}))},[C,c]),H=w.useCallback(re=>{C(Cr({handler:p,reactEvent:re}))},[C,p]),W=w.useCallback(re=>{C(Cr({handler:g,reactEvent:re}))},[C,g]),Z=w.useCallback(re=>{b&&C(GN(re)),C(Cr({handler:m,reactEvent:re}))},[C,b,m]),ne=w.useCallback(re=>{C(Cr({handler:h,reactEvent:re}))},[C,h]),te=_ee(v);return M.createElement(CC.Provider,{value:N},M.createElement(b7.Provider,{value:S},M.createElement(te,{width:A??x?.width,height:L??x?.height,className:we("recharts-wrapper",n),style:Aee({position:"relative",cursor:"default",width:A,height:L},x),onClick:z,onContextMenu:de,onDoubleClick:ve,onFocus:q,onBlur:J,onKeyDown:oe,onMouseDown:Y,onMouseEnter:U,onMouseLeave:I,onMouseMove:_,onMouseUp:H,onTouchEnd:ne,onTouchMove:Z,onTouchStart:W,ref:D},M.createElement(Dee,null),r)))}),Bee=["width","height","responsive","children","className","style","compact","title","desc"];function qee(e,t){if(e==null)return{};var r,n,i=$ee(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function $ee(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}var ek=w.forwardRef((e,t)=>{var{width:r,height:n,responsive:i,children:s,className:o,style:l,compact:c,title:d,desc:u}=e,f=qee(e,Bee),p=Ge(f);return c?M.createElement(M.Fragment,null,M.createElement(Wo,{width:r,height:n}),M.createElement(Jy,{otherAttributes:p,title:d,desc:u},s)):M.createElement(Fee,{className:o,style:l,width:r,height:n,responsive:i??!1,onClick:e.onClick,onMouseLeave:e.onMouseLeave,onMouseEnter:e.onMouseEnter,onMouseMove:e.onMouseMove,onMouseDown:e.onMouseDown,onMouseUp:e.onMouseUp,onContextMenu:e.onContextMenu,onDoubleClick:e.onDoubleClick,onTouchStart:e.onTouchStart,onTouchMove:e.onTouchMove,onTouchEnd:e.onTouchEnd},M.createElement(Jy,{otherAttributes:p,title:d,desc:u,ref:t},M.createElement(qY,null,s)))});function Ff(){return Ff=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Ff.apply(null,arguments)}function ev(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function Hee(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?ev(Object(r),!0).forEach(function(n){Uee(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ev(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function Uee(e,t,r){return(t=Wee(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function Wee(e){var t=Gee(e,"string");return typeof t=="symbol"?t:t+""}function Gee(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var Kee={top:5,right:5,bottom:5,left:5},Zee=Hee({accessibilityLayer:!0,barCategoryGap:"10%",barGap:4,layout:"horizontal",margin:Kee,responsive:!1,reverseStackOrder:!1,stackOffset:"none",syncMethod:"index"},Zh),r0=w.forwardRef(function(t,r){var n,i=Ke(t.categoricalChartProps,Zee),{chartName:s,defaultTooltipEventType:o,validateTooltipEventTypes:l,tooltipPayloadSearcher:c,categoricalChartProps:d}=t,u={chartName:s,defaultTooltipEventType:o,validateTooltipEventTypes:l,tooltipPayloadSearcher:c,eventEmitter:void 0};return M.createElement(YN,{preloadedState:{options:u},reduxStoreName:(n=d.id)!==null&&n!==void 0?n:s},M.createElement(dN,{chartData:d.data}),M.createElement(XN,{layout:i.layout,margin:i.margin}),M.createElement(QN,{throttleDelay:i.throttleDelay,throttledEvents:i.throttledEvents}),M.createElement(JN,{baseValue:i.baseValue,accessibilityLayer:i.accessibilityLayer,barCategoryGap:i.barCategoryGap,maxBarSize:i.maxBarSize,stackOffset:i.stackOffset,barGap:i.barGap,barSize:i.barSize,syncId:i.syncId,syncMethod:i.syncMethod,className:i.className,reverseStackOrder:i.reverseStackOrder}),M.createElement(ek,Ff({},i,{ref:r})))}),Yee=["axis"],Xee=w.forwardRef((e,t)=>M.createElement(r0,{chartName:"LineChart",defaultTooltipEventType:"axis",validateTooltipEventTypes:Yee,tooltipPayloadSearcher:ys,categoricalChartProps:e,ref:t})),Jee=["axis","item"],Qee=w.forwardRef((e,t)=>M.createElement(r0,{chartName:"BarChart",defaultTooltipEventType:"axis",validateTooltipEventTypes:Jee,tooltipPayloadSearcher:ys,categoricalChartProps:e,ref:t}));function ete(e){var t=Fe();return w.useEffect(()=>{t(pee(e))},[t,e]),null}var tte=["layout"];function Bf(){return Bf=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Bf.apply(null,arguments)}function rte(e,t){if(e==null)return{};var r,n,i=nte(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function nte(e,t){if(e==null)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(t.indexOf(n)!==-1)continue;r[n]=e[n]}return r}function tv(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function ate(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?tv(Object(r),!0).forEach(function(n){ite(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):tv(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function ite(e,t,r){return(t=ste(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function ste(e){var t=ote(e,"string");return typeof t=="symbol"?t:t+""}function ote(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var lte={top:5,right:5,bottom:5,left:5},Yh=ate({accessibilityLayer:!0,stackOffset:"none",barCategoryGap:"10%",barGap:4,margin:lte,reverseStackOrder:!1,syncMethod:"index",layout:"radial",responsive:!1,cx:"50%",cy:"50%",innerRadius:0,outerRadius:"80%"},Zh),tk=w.forwardRef(function(t,r){var n,i=Ke(t.categoricalChartProps,Yh),{layout:s}=i,o=rte(i,tte),{chartName:l,defaultTooltipEventType:c,validateTooltipEventTypes:d,tooltipPayloadSearcher:u}=t,f={chartName:l,defaultTooltipEventType:c,validateTooltipEventTypes:d,tooltipPayloadSearcher:u,eventEmitter:void 0};return M.createElement(YN,{preloadedState:{options:f},reduxStoreName:(n=i.id)!==null&&n!==void 0?n:l},M.createElement(dN,{chartData:i.data}),M.createElement(XN,{layout:s,margin:i.margin}),M.createElement(QN,{throttleDelay:i.throttleDelay,throttledEvents:i.throttledEvents}),M.createElement(JN,{baseValue:void 0,accessibilityLayer:i.accessibilityLayer,barCategoryGap:i.barCategoryGap,maxBarSize:i.maxBarSize,stackOffset:i.stackOffset,barGap:i.barGap,barSize:i.barSize,syncId:i.syncId,syncMethod:i.syncMethod,className:i.className,reverseStackOrder:i.reverseStackOrder}),M.createElement(ete,{cx:i.cx,cy:i.cy,startAngle:i.startAngle,endAngle:i.endAngle,innerRadius:i.innerRadius,outerRadius:i.outerRadius}),M.createElement(ek,Bf({},o,{ref:r})))});function rv(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function nv(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?rv(Object(r),!0).forEach(function(n){cte(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):rv(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function cte(e,t,r){return(t=dte(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function dte(e){var t=ute(e,"string");return typeof t=="symbol"?t:t+""}function ute(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var fte=["item"],pte=nv(nv({},Yh),{},{layout:"centric",startAngle:0,endAngle:360}),mte=w.forwardRef((e,t)=>{var r=Ke(e,pte);return M.createElement(tk,{chartName:"PieChart",defaultTooltipEventType:"item",validateTooltipEventTypes:fte,tooltipPayloadSearcher:ys,categoricalChartProps:r,ref:t})});function av(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function iv(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?av(Object(r),!0).forEach(function(n){hte(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):av(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function hte(e,t,r){return(t=gte(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function gte(e){var t=xte(e,"string");return typeof t=="symbol"?t:t+""}function xte(e,t){if(typeof e!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t);if(typeof n!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}var yte=["axis"],vte=iv(iv({},Yh),{},{layout:"centric",startAngle:90,endAngle:-270}),bte=w.forwardRef((e,t)=>{var r=Ke(e,vte);return M.createElement(tk,{chartName:"RadarChart",defaultTooltipEventType:"axis",validateTooltipEventTypes:yte,tooltipPayloadSearcher:ys,categoricalChartProps:r,ref:t})}),wte=["axis"],rk=w.forwardRef((e,t)=>M.createElement(r0,{chartName:"AreaChart",defaultTooltipEventType:"axis",validateTooltipEventTypes:wte,tooltipPayloadSearcher:ys,categoricalChartProps:e,ref:t})),jte=["axis"],Cte=w.forwardRef((e,t)=>M.createElement(r0,{chartName:"ComposedChart",defaultTooltipEventType:"axis",validateTooltipEventTypes:jte,tooltipPayloadSearcher:ys,categoricalChartProps:e,ref:t})),Yl={},sv;function Nte(){if(sv)return Yl;sv=1,Object.defineProperty(Yl,"__esModule",{value:!0});var e=w,t=tu(),r=["mousedown","touchstart"],n=function(i,s,o){o===void 0&&(o=r);var l=e.useRef(s);e.useEffect(function(){l.current=s},[s]),e.useEffect(function(){for(var c=function(p){var h=i.current;h&&!h.contains(p.target)&&l.current(p)},d=0,u=o;d<u.length;d++){var f=u[d];t.on(document,f,c)}return function(){for(var p=0,h=o;p<h.length;p++){var m=h[p];t.off(document,m,c)}}},[o,i])};return Yl.default=n,Yl}var kte=Nte();const nk=Wt(kte);var Xl={},m2,ov;function Ste(){return ov||(ov=1,m2=function(){var e=document.getSelection();if(!e.rangeCount)return function(){};for(var t=document.activeElement,r=[],n=0;n<e.rangeCount;n++)r.push(e.getRangeAt(n));switch(t.tagName.toUpperCase()){case"INPUT":case"TEXTAREA":t.blur();break;default:t=null;break}return e.removeAllRanges(),function(){e.type==="Caret"&&e.removeAllRanges(),e.rangeCount||r.forEach(function(i){e.addRange(i)}),t&&t.focus()}}),m2}var h2,lv;function Ete(){if(lv)return h2;lv=1;var e=Ste(),t={"text/plain":"Text","text/html":"Url",default:"Text"},r="Copy to clipboard: #{key}, Enter";function n(s){var o=(/mac os x/i.test(navigator.userAgent)?"⌘":"Ctrl")+"+C";return s.replace(/#{\s*key\s*}/g,o)}function i(s,o){var l,c,d,u,f,p,h=!1;o||(o={}),l=o.debug||!1;try{d=e(),u=document.createRange(),f=document.getSelection(),p=document.createElement("span"),p.textContent=s,p.ariaHidden="true",p.style.all="unset",p.style.position="fixed",p.style.top=0,p.style.clip="rect(0, 0, 0, 0)",p.style.whiteSpace="pre",p.style.webkitUserSelect="text",p.style.MozUserSelect="text",p.style.msUserSelect="text",p.style.userSelect="text",p.addEventListener("copy",function(g){if(g.stopPropagation(),o.format)if(g.preventDefault(),typeof g.clipboardData>"u"){l&&console.warn("unable to use e.clipboardData"),l&&console.warn("trying IE specific stuff"),window.clipboardData.clearData();var x=t[o.format]||t.default;window.clipboardData.setData(x,s)}else g.clipboardData.clearData(),g.clipboardData.setData(o.format,s);o.onCopy&&(g.preventDefault(),o.onCopy(g.clipboardData))}),document.body.appendChild(p),u.selectNodeContents(p),f.addRange(u);var m=document.execCommand("copy");if(!m)throw new Error("copy command was unsuccessful");h=!0}catch(g){l&&console.error("unable to copy using execCommand: ",g),l&&console.warn("trying IE specific stuff");try{window.clipboardData.setData(o.format||"text",s),o.onCopy&&o.onCopy(window.clipboardData),h=!0}catch(x){l&&console.error("unable to copy using clipboardData: ",x),l&&console.error("falling back to prompt"),c=n("message"in o?o.message:r),window.prompt(c,s)}}finally{f&&(typeof f.removeRange=="function"?f.removeRange(u):f.removeAllRanges()),p&&document.body.removeChild(p),d()}return h}return h2=i,h2}var Jl={},cv;function Pte(){if(cv)return Jl;cv=1,Object.defineProperty(Jl,"__esModule",{value:!0});var e=w;function t(){var r=e.useRef(!1),n=e.useCallback(function(){return r.current},[]);return e.useEffect(function(){return r.current=!0,function(){r.current=!1}},[]),n}return Jl.default=t,Jl}var Ql={},dv;function Mte(){if(dv)return Ql;dv=1,Object.defineProperty(Ql,"__esModule",{value:!0});var e=w,t=function(r){r===void 0&&(r={});var n=e.useState(r),i=n[0],s=n[1],o=e.useCallback(function(l){s(function(c){return Object.assign({},c,l instanceof Function?l(c):l)})},[]);return[i,o]};return Ql.default=t,Ql}var uv;function Ate(){if(uv)return Xl;uv=1,Object.defineProperty(Xl,"__esModule",{value:!0});var e=m7,t=e.__importDefault(Ete()),r=w,n=e.__importDefault(Pte()),i=e.__importDefault(Mte()),s=function(){var o=n.default(),l=i.default({value:void 0,error:void 0,noUserInteraction:!0}),c=l[0],d=l[1],u=r.useCallback(function(f){if(o()){var p,h;try{if(typeof f!="string"&&typeof f!="number"){var m=new Error("Cannot copy typeof "+typeof f+" to clipboard, must be a string");process.env.NODE_ENV==="development"&&console.error(m),d({value:f,error:m,noUserInteraction:!0});return}else if(f===""){var m=new Error("Cannot copy empty string to clipboard.");process.env.NODE_ENV==="development"&&console.error(m),d({value:f,error:m,noUserInteraction:!0});return}h=f.toString(),p=t.default(h),d({value:h,error:void 0,noUserInteraction:p})}catch(g){d({value:h,error:g,noUserInteraction:p})}}},[]);return[c,u]};return Xl.default=s,Xl}var Tte=Ate();const Ote=Wt(Tte),Xh=typeof window<"u"?w.useLayoutEffect:w.useEffect;function ak(e,t,r,n){const i=w.useRef(t);Xh(()=>{i.current=t},[t]),w.useEffect(()=>{const s=r?.current??window;if(!(s&&s.addEventListener))return;const o=l=>i.current(l);return s.addEventListener(e,o,n),()=>{s.removeEventListener(e,o,n)}},[e,r,n])}function Lte(){const[e,t]=w.useState(null),[r,n]=w.useState({width:0,height:0}),i=w.useCallback(()=>{n({width:e?.offsetWidth||0,height:e?.offsetHeight||0})},[e?.offsetHeight,e?.offsetWidth]);return ak("resize",i),Xh(()=>{i()},[e?.offsetHeight,e?.offsetWidth]),[t,r]}const Dte=bp(e=>({isGridCompact:!1,setIsGridCompact:t=>e({isGridCompact:t})}));function Ite(e){w.useEffect(()=>{const t=document.documentElement.style.paddingRight,r=window.innerWidth-document.documentElement.clientWidth;return e?(document.documentElement.style.paddingRight=`${r}px`,window.document.documentElement.style.overflow="hidden"):document.documentElement.style.removeProperty("overflow"),()=>{document.documentElement.style.paddingRight=t}},[e])}function zte(e="/"){const r=Ee.useLocation().pathname,n=w.useRef(null),i=w.useRef(null),s=w.useRef(null);function o(){const c=n.current.offsetWidth;n.current.scrollLeft+=c/2,i.current.classList.remove("opacity-0","invisible")}function l(){const c=n.current.offsetWidth;n.current.scrollLeft-=c/2,s.current.classList.remove("opacity-0","invisible")}return w.useEffect(()=>{const c=n.current,d=i.current,u=s.current;f();function f(){const h=c.offsetWidth;c.scrollWidth>h?u?.classList.remove("opacity-0","invisible"):u?.classList.add("opacity-0","invisible")}function p(){const h=c.scrollLeft,m=c.offsetWidth;c.scrollWidth-h===m?(u?.classList.add("opacity-0","invisible"),d?.classList.remove("opacity-0","invisible")):u?.classList.remove("opacity-0","invisible"),h===0?(d?.classList.add("opacity-0","invisible"),u?.classList.remove("opacity-0","invisible")):d?.classList.remove("opacity-0","invisible")}return window.addEventListener("resize",f),c.addEventListener("scroll",p),()=>{window.removeEventListener("resize",f),c.removeEventListener("scroll",p)}},[]),w.useEffect(()=>{r===e&&l()},[r,e]),{sliderEl:n,sliderPrevBtn:i,sliderNextBtn:s,scrollToTheRight:o,scrollToTheLeft:l}}const Jh=bp((e,t)=>({toasts:[],setToasts:r=>e({toasts:r}),addToast:r=>{const i=!!t().toasts.find(s=>s.id===r.id);r.id&&(r.timeout=r?.timeout||3e3,r.open=!0,r.dismissing=!1),i||e(s=>({toasts:[...s.toasts,r]}))},dismissToast:r=>e(n=>r?{toasts:n.toasts.filter(i=>i.id!==r)}:{toasts:[]})}));function n0(){const[e,t]=w.useState(()=>{if(typeof window>"u")return{x:0,y:0};const n=window.scrollX||window.pageXOffset||0,i=window.scrollY||window.pageYOffset||0,s=document.documentElement.scrollLeft||0,o=document.documentElement.scrollTop||0,l=document.body.scrollLeft||0,c=document.body.scrollTop||0;return{x:Math.max(n,s,l),y:Math.max(i,o,c)}}),r=w.useRef([]);return w.useEffect(()=>{const n=()=>{const l=window.scrollX||window.pageXOffset||0,c=window.scrollY||window.pageYOffset||0,d=document.documentElement.scrollLeft||0,u=document.documentElement.scrollTop||0,f=document.body.scrollLeft||0,p=document.body.scrollTop||0;let h=Math.max(l,d,f),m=Math.max(c,u,p);const g=Array.from(document.querySelectorAll("*")).filter(x=>{const y=x,v=window.getComputedStyle(y);return v.overflow==="auto"||v.overflow==="scroll"||v.overflowY==="auto"||v.overflowY==="scroll"||v.overflowX==="auto"||v.overflowX==="scroll"?y.scrollHeight>y.clientHeight||y.scrollWidth>y.clientWidth:!1});for(const x of g){const y=x.scrollTop,v=x.scrollLeft;y>m&&(m=y),v>h&&(h=v)}return{x:h,y:m}},i=()=>{t(n())};i();const s=setTimeout(i,100);window.addEventListener("scroll",i,{passive:!0}),document.addEventListener("scroll",i,{passive:!0,capture:!0});const o=Array.from(document.querySelectorAll("*")).filter(l=>{const c=l,d=window.getComputedStyle(c);return d.overflow==="auto"||d.overflow==="scroll"||d.overflowY==="auto"||d.overflowY==="scroll"||d.overflowX==="auto"||d.overflowX==="scroll"?c.scrollHeight>c.clientHeight||c.scrollWidth>c.clientWidth:!1});return r.current=o,o.forEach(l=>{l.addEventListener("scroll",i,{passive:!0})}),()=>{window.removeEventListener("scroll",i),document.removeEventListener("scroll",i,{capture:!0}),r.current.forEach(l=>{l.removeEventListener("scroll",i)}),clearTimeout(s)}},[]),e}const Vte=()=>(w.useEffect(()=>{const e=t=>{const n=t.target.closest('a[href^="#"]');if(n){const i=n.getAttribute("href");if(i&&i.startsWith("#")){t.preventDefault();const s=i.substring(1),o=document.getElementById(s);o&&o.scrollIntoView({behavior:"smooth",block:"start"})}}};return document.addEventListener("click",e),()=>{document.removeEventListener("click",e)}},[]),null);function qf({id:e,name:t,symbol:r,icon:n,balance:i,usdBalance:s,change:o,isChangePositive:l,prices:c,isBorder:d}){return a.jsxs("div",{className:V("flex items-center gap-4 w-full rounded-lg bg-white p-5 dark:bg-light-dark lg:flex-row",{"light:border light:border-slate-200":!d,"shadow-card":!d}),children:[a.jsxs("div",{className:"w-1/3 min-w-fit flex-col",children:[a.jsxs("div",{className:"mb-3 flex items-center",children:[n,a.jsx("h4",{className:"text-sm font-medium text-gray-900 ltr:ml-3 rtl:mr-3 dark:text-white",children:t})]}),a.jsxs("div",{className:"mb-2 text-sm font-medium tracking-tighter text-gray-900 dark:text-white lg:text-lg 2xl:text-xl min-[1780px]:text-2xl",children:[i,a.jsx("span",{className:"ml-3",children:r})]}),a.jsxs("div",{className:"flex items-center text-sm font-medium 2xl:text-sm",children:[a.jsxs("span",{className:"truncate tracking-tighter text-gray-600 ltr:mr-5 rtl:ml-5 dark:text-gray-400 2xl:w-24 min-[1780px]:w-auto",title:`${s} USD`,children:[s," USD"]}),a.jsxs("span",{className:`flex items-center  ${l?"text-green-500":"text-red-500"}`,children:[a.jsx("span",{className:`ltr:mr-2 rtl:ml-2 ${l?"":"rotate-180"}`,children:a.jsx(Vd,{})}),o]})]})]}),a.jsx("div",{className:"h-20 w-2/3","data-hello":l?"#22c55e":"#D6455D",children:a.jsx(W9,{width:"100%",height:"100%",children:a.jsxs(rk,{data:c,children:[a.jsx("defs",{children:a.jsxs("linearGradient",{id:`${t}-${e}`,x1:"0",y1:"0",x2:"0",y2:"1",children:[a.jsx("stop",{offset:"0%",stopColor:l?"#22c55e":"#D6455D",stopOpacity:.5}),a.jsx("stop",{offset:"100%",stopColor:l?"#22c55e":"#D6455D",stopOpacity:0})]})}),a.jsx(e0,{type:"linear",dataKey:"value",stroke:l?"#22c55e":"#D6455D",strokeWidth:2.5,fill:`url(#${`${t}-${e}`})`,dot:!1})]})})})]})}function Rte({limit:e,priceFeeds:t,gridClassName:r}){const n=Gt(),i=yn(),s={480:{slidesPerView:1,spaceBetween:20},640:{slidesPerView:1,spaceBetween:20},768:{slidesPerView:1,spaceBetween:20},1024:{slidesPerView:2,spaceBetween:24},1280:{slidesPerView:2,spaceBetween:24},1440:{slidesPerView:2,spaceBetween:24},1700:{slidesPerView:2.5,spaceBetween:24}};return n&&["xs","sm","md","lg","xl","2xl"].indexOf(i)!==-1?a.jsx(Dd,{modules:[yp],spaceBetween:24,slidesPerView:1,breakpoints:s,observer:!0,dir:"ltr",children:t.map(o=>a.jsx(Id,{children:a.jsx(qf,{...o})},o.id))}):a.jsx("div",{className:V("grid",r),children:t.slice(0,e??4).map(o=>a.jsx(qf,{...o},o.id))})}function _te({author:e,authorImage:t,image:r,name:n,collection:i,price:s,profilePath:o}){return a.jsxs("div",{className:"w-full relative overflow-hidden rounded-xl bg-white shadow-card transition-all duration-200 hover:shadow-large hover:-translate-y-0.5 dark:bg-gray-900 dark:shadow-none dark:ring-1 dark:ring-gray-800",children:[a.jsx(De,{to:"/",className:"block w-full overflow-hidden",children:a.jsx(Tr,{src:r,alt:n,fill:!0,aspectRatio:"4/3",objectFit:"cover",containerClassName:"w-full transition-transform duration-300 hover:scale-105"})}),a.jsxs("div",{className:"px-4 pb-4 pt-2.5 space-y-2",children:[a.jsxs(De,{to:o||"/",className:"flex items-center gap-2 text-sm font-medium text-gray-600 transition hover:text-gray-900 dark:text-gray-400 dark:hover:text-white",children:[a.jsx(ss,{image:t,alt:e,size:"xs",className:"ring-2 ring-white dark:ring-gray-800"}),a.jsxs("span",{className:"overflow-hidden text-ellipsis",children:["@",e]})]}),a.jsxs("div",{children:[a.jsx(De,{to:o||"/",className:"text-sm font-semibold text-gray-900 dark:text-white hover:text-brand dark:hover:text-brand transition-colors",children:n}),a.jsx("div",{className:"mt-0.5 flex items-center",children:a.jsxs(De,{to:o||"/",className:"inline-flex items-center gap-1 text-xs text-gray-500 dark:text-gray-500",children:[i,a.jsx(Cb,{className:"h-3.5 w-3.5 text-blue-500"})]})})]}),a.jsxs("div",{className:"flex items-center justify-between border-t border-gray-100 dark:border-gray-800 pt-2.5",children:[a.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-500",children:"Price"}),a.jsx("span",{className:"text-sm font-bold text-gray-900 dark:text-white",children:s})]})]})]})}function Fte({label:e,value:t,className:r}){return a.jsxs("div",{className:V("flex items-center justify-between w-full max-w-md dark:text-gray-300 border border-gray-100 dark:border-gray-700 dark:bg-light-dark bg-white rounded-lg py-3 px-4",r),children:[a.jsx("span",{className:"font-medium",children:e}),a.jsx("span",{children:t||"_ _"})]})}const a0=w.forwardRef(({children:e,slidesPerView:t=1,spaceBetween:r=0,direction:n="horizontal",effect:i="slide",showNavigation:s=!1,showPagination:o=!1,mousewheel:l=!0,paginationType:c="bullets",autoplay:d=!1,breakpoints:u,loop:f=!1,centeredSlides:p=!1,grabCursor:h=!0,freeMode:m=!1,className:g,slideClassName:x,onSlideChange:y,onSwiper:v,"aria-label":b,...j},C)=>{const N=w.useRef(null),k=A=>{N.current=A,v?.(A)};w.useImperativeHandle(C,()=>({swiper:N.current,slideNext:()=>N.current?.slideNext(),slidePrev:()=>N.current?.slidePrev(),slideTo:A=>N.current?.slideTo(A)}));const S=[G8,yp];i==="cards"&&S.push(eb),i==="cube"&&S.push(Y8),i==="flip"&&S.push(X8),i==="fade"&&S.push(Z8),i==="coverflow"&&S.push(J8),i==="creative"&&S.push(Q8),l&&S.push(H8),s&&S.push(U8),o&&S.push(W8),d&&S.push(K8);const E=d===!0?{delay:3e3}:d,P=w.useMemo(()=>{if(!o)return!1;switch(c){case"bullets":return{type:"bullets",clickable:!0,dynamicBullets:!0};case"fraction":return{type:"fraction",clickable:!0};case"progressbar":return{type:"progressbar",clickable:!0};case"custom":return{clickable:!0,renderBullet:function(A,L){return`<span style="width: 20px; height: 20px; background-color: transparent; font-size: 12px; font-weight: 500; border: 1px solid var(--color-neutral-200);" class="${L}">${A+1}</span>`}};default:return!1}},[o,c]),T=s?{nextEl:".swiper-button-next-custom",prevEl:".swiper-button-prev-custom"}:!1;return a.jsxs("div",{className:V("relative flex items-center justify-center z-0",n==="vertical"&&" h-full",n==="horizontal"&&"h-auto",g),"aria-label":b,role:"group","aria-roledescription":"carousel",children:[s&&a.jsx(he,{variant:"transparent",size:"mini",shape:"circle",className:V("swiper-button-prev-custom mr-1"),"aria-label":"Previous slide",children:a.jsx(B.ChevronLeft,{className:"w-6 h-6"})}),a.jsx(Dd,{modules:S,spaceBetween:r,slidesPerView:t,direction:n,cubeEffect:i==="cube"?{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}:void 0,flipEffect:i==="flip"?{slideShadows:!0}:void 0,creativeEffect:i==="creative"?{prev:{shadow:!0,translate:[0,0,-400]},next:{translate:["100%",0,0]}}:void 0,effect:i,loop:f,centeredSlides:p,grabCursor:h,freeMode:m,mousewheel:l,autoplay:E,pagination:P,navigation:T,breakpoints:u,onSlideChange:y,onSwiper:k,style:i==="cube"?{maxHeight:"400px",height:"-webkit-fill-available"}:void 0,className:V("flex items-center justify-center",n==="vertical"&&"flex-col",n==="horizontal"&&"flex-row"),...j,children:e.map((A,L)=>a.jsx(Id,{className:V("!flex !items-center !justify-center z-10",i==="fade"&&"opacity-0 transition-opacity duration-300",i!=="fade"&&"transition-opacity duration-300",x),children:A},L))}),s&&a.jsx(he,{variant:"transparent",size:"mini",shape:"circle",className:V("swiper-button-next-custom ml-1"),"aria-label":"Next slide",children:a.jsx(B.ChevronRight,{className:"w-6 h-6"})})]})});a0.displayName="Carousel";const Bte={sm:"p-4",md:"p-6",lg:"p-8",xl:"p-10"},qte={default:"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700",elevated:"bg-white dark:bg-gray-800 shadow-lg border border-gray-200 dark:border-gray-700",outlined:"bg-transparent border-2 border-gray-200 dark:border-gray-700",filled:"bg-gray-100 dark:bg-gray-800 border border-gray-100 dark:border-gray-700"},$te=({cards:e,cardClassName:t,cardSize:r="md",variant:n="default",showCardTitles:i=!0,className:s,...o})=>a.jsx(a0,{className:V("w-full",s),slidesPerView:1,spaceBetween:16,breakpoints:{640:{slidesPerView:2},1024:{slidesPerView:3},1280:{slidesPerView:4}},...o,children:e.map((l,c)=>a.jsxs(K,{className:V("flex flex-col h-full transition-transform duration-300 hover:scale-98",Bte[r],qte[n],t),children:[(l.image||l.icon)&&a.jsx("div",{className:"shrink-0 mb-4",children:l.image?a.jsx("img",{src:l.image,alt:l.title||`Card ${c+1}`,className:"w-full h-32 object-cover rounded-lg"}):l.icon&&a.jsx("div",{className:"flex items-center justify-center w-12 h-12 bg-brand/10 rounded-lg",children:l.icon})}),i&&l.title&&a.jsx("h3",{className:"text-lg font-semibold text-gray-900 dark:text-white mb-2",children:l.title}),l.description&&a.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 flex-grow mb-4",children:l.description}),l.content&&a.jsx("div",{className:"flex-grow mb-4",children:l.content}),l.footer&&a.jsx("div",{className:"mt-auto pt-4 border-t border-gray-200 dark:border-gray-700",children:l.footer})]},c))}),Hte=({images:e,imageClassName:t,showTitles:r=!1,imageFit:n="cover",aspectRatio:i="aspect-video",lazy:s=!0,className:o,...l})=>a.jsx(a0,{className:V("w-full",o),...l,children:e.map((c,d)=>a.jsxs("div",{className:V("relative overflow-hidden rounded-lg bg-gray-100 dark:bg-gray-800",i),children:[a.jsx("img",{src:c.src,alt:c.alt||`Slide ${d+1}`,className:V("w-full h-full object-cover transition-transform duration-300 hover:scale-105",n==="contain"&&"object-contain",n==="fill"&&"object-fill",n==="none"&&"object-none",n==="scale-down"&&"object-scale-down",t),loading:s?"lazy":"eager"}),r&&(c.title||c.description)&&a.jsxs("div",{className:"absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/60 to-transparent p-4 text-white",children:[c.title&&a.jsx("h3",{className:"text-lg font-semibold mb-1",children:c.title}),c.description&&a.jsx("p",{className:"text-sm opacity-90",children:c.description})]})]},d))}),Qh=({basePath:e,buttonText:t})=>{const r=e||document.querySelector("base")?.getAttribute("href")||"/",n=Gt(),{mode:i}=_e(),s=i==="dark",o=()=>{window.location.href=r};return a.jsxs("div",{className:"bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0",children:[a.jsxs("div",{className:"flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]",children:[n&&!s&&a.jsx(B.Shield,{className:"w-52 h-52 text-primary"}),n&&s&&a.jsx(B.Shield,{className:"w-52 h-52 text-primary"})]}),a.jsx("h2",{className:"mb-2 mt-5 text-xl font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-xl min-[1780px]:mt-12 min-[1780px]:text-2xl",children:"Access Denied Page"}),a.jsx("p",{className:"mb-4 px-6 max-w-full text-lg leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm",children:"Sorry, you are not authorized to access this page. or go back to the home page."}),a.jsx(De,{to:r,onClick:o,children:a.jsx(he,{shape:"rounded",children:t||"Go to Home"})})]})},ik=({basePath:e})=>{const t=e||document.querySelector("base")?.getAttribute("href")||"/",r=Gt(),{mode:n}=_e(),i=n==="dark",s=()=>{window.location.href=t};return a.jsxs("div",{className:"bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0",children:[a.jsxs("div",{className:"flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]",children:[r&&!i&&a.jsx(B.AlertCircle,{className:"w-52 h-52 text-primary"}),r&&i&&a.jsx(B.AlertCircle,{className:"w-52 h-52 text-primary"})]}),a.jsx("h2",{className:"mb-2 mt-5 text-xl font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-xl min-[1780px]:mt-12 min-[1780px]:text-2xl",children:"Error Page"}),a.jsx("p",{className:"mb-4 px-6 max-w-full text-lg leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm",children:"An error has occurred. Please try again later or go back to the home page."}),a.jsx(De,{to:t,onClick:s,children:a.jsx(he,{shape:"rounded",children:"Go to Home"})})]})},Ute={h1:"text-h1",h2:"text-h2",h3:"text-h3",h4:"text-h4",h5:"text-h5",h6:"text-h6",p:"",i:"",b:"",q:"text-quote",em:"",strong:"",small:"",span:"",del:"",mark:"",abbr:"cursor-help",pre:"border-2 border-gray-300 py-3 px-4 rounded-xl dark:border-gray-700 dark:bg-gray-800 bg-gray-100",code:"whitespace-pre prose text-sm prose-sm py-2 px-3 rounded-md shadow-sm bg-gray-100 dark:bg-gray-900 text-current px-4 py-2 rounded-lg block font-mono",kbd:"bg-gray-100 border border-gray-300 text-gray-900 rounded-lg leading-none inline-flex items-center justify-center text-sm py-1.5 px-2",blockquote:"border-l-4 border-gray-300 text-quote py-3 px-4",sub:"p-3 text-sx text-bottom",sup:"p-3 text-sx text-top",headline:"text-headline",body:"text-body","label-1":"text-label-1","label-2":"text-label-2",caption:"text-caption",legal:"text-legal"},Wte={default:"text-primary-color",primary:"text-primary",secondary:"text-secondary-color",dark:"text-dark",light:"text-light",muted:"text-muted",success:"text-success",warning:"text-warning",error:"text-error"},Gte={default:"font-sans",mono:"font-mono"},Kte=["h1","h2","h3","h4","h5","h6","p","i","b","q","em","strong","small","span","del","mark","abbr","pre","code","kbd","blockquote","sub","sup"];function O({tag:e="p",title:t,children:r,className:n,color:i,fontFamily:s,tooltip:o,tooltipPlacement:l="top",tooltipColor:c,tooltipArrow:d=!0}){const f=!Kte.includes(e)?"div":e;let p="",h="";e==="abbr"&&t===void 0&&console.warn("title attribute is missing for abbr tag."),i&&(p=Wte[i]),s&&(h=Gte[s]);const m=a.jsx(f,{...t&&{title:t},className:V(Ute[e],h,p,n),children:r});return o?a.jsx(Vo,{content:o,placement:l,color:c,arrow:d,children:m}):m}const i0=({loadingText:e,loaderProps:t})=>a.jsxs("div",{className:"flex flex-col gap-[16px] items-center justify-center h-screen w-full absolute top-0 left-0",children:[a.jsx(Ep,{tag:"span",size:"large",variant:"scaleUp",...t}),e&&a.jsx(O,{tag:"h3",children:e})]}),sk=({basePath:e})=>{const t=e||document.querySelector("base")?.getAttribute("href")||"/",r=Gt(),{mode:n}=_e(),i=n==="dark",s=()=>{window.location.href=t};return a.jsxs("div",{className:"bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0",children:[a.jsxs("div",{className:"flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]",children:[r&&!i&&a.jsx(B.Ban,{className:"w-52 h-52 text-primary"}),r&&i&&a.jsx(B.Ban,{className:"w-52 h-52 text-primary"})]}),a.jsx("h2",{className:"mb-2 mt-5 text-xl font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-xl min-[1780px]:mt-12 min-[1780px]:text-2xl",children:"Forbidden Page"}),a.jsx("p",{className:"mb-4 px-6 max-w-full text-lg leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm",children:"You do not have permission to access this resource. Please contact support if you believe this is an error, or go back to the home page."}),a.jsx(De,{to:t,onClick:s,children:a.jsx(he,{shape:"rounded",children:"Go to Home"})})]})},Zte="data:image/svg+xml,%3csvg%20width='514'%20height='346'%20viewBox='0%200%20514%20346'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M510.009%20261.774H455.964C459.909%20245.596%20462.007%20228.709%20462.007%20211.318C462.007%20176.766%20453.729%20144.136%20439.066%20115.327H477.4C479.612%20115.327%20481.39%20113.542%20481.39%20111.323C481.39%20109.103%20479.612%20107.318%20477.4%20107.318H434.779C398.612%2043.2476%20330.041%200%20251.413%200C199.124%200%20151.281%2019.1296%20114.453%2050.7988H49.5985C47.3865%2050.7988%2045.6078%2052.5836%2045.6078%2054.8032C45.6078%2057.0228%2047.3865%2058.8076%2049.5985%2058.8076H105.65C101.181%2063.1095%2096.8938%2067.6173%2092.8119%2072.3082H3.99068C1.7787%2072.3082%200%2074.093%200%2076.3126C0%2078.5322%201.7787%2080.317%203.99068%2080.317H86.1531C57.7623%20116.334%2040.819%20161.847%2040.819%20211.318C40.819%20239.006%2046.1323%20265.458%2055.7784%20289.69H45.2658C43.0538%20289.69%2041.2751%20291.475%2041.2751%20293.695C41.2751%20295.914%2043.0538%20297.699%2045.2658%20297.699H59.1533C60.6128%20300.949%2062.1406%20304.152%2063.7369%20307.31H16.5328C14.3209%20307.31%2012.5421%20309.095%2012.5421%20311.314C12.5421%20313.534%2014.3209%20315.319%2016.5328%20315.319H68.0469C72.9725%20324.037%2078.491%20332.366%2084.5569%20340.26H418.269C429.603%20325.524%20439.044%20309.209%20446.204%20291.75H485.381C487.593%20291.75%20489.372%20289.965%20489.372%20287.745C489.372%20285.526%20487.593%20283.741%20485.381%20283.741H449.305C450.97%20279.165%20452.475%20274.497%20453.843%20269.783H510.009C512.221%20269.783%20514%20267.998%20514%20265.778C514%20263.559%20512.221%20261.774%20510.009%20261.774Z'%20fill='%23F3F4F6'/%3e%3cpath%20d='M339.915%20340.238H314.397C314.397%20338.385%20315.88%20336.898%20317.727%20336.898H336.563C338.433%20336.898%20339.915%20338.408%20339.915%20340.238Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M333.872%20336.898H320.463L324.819%20212.12L327.76%20214.065L333.872%20336.898Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M338.022%20340.238H312.505C312.505%20338.385%20313.987%20336.898%20315.834%20336.898H334.67C336.54%20336.898%20338.022%20338.408%20338.022%20340.238Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M325.275%20213.219L389.468%20250.402L388.761%20246.741C388.624%20246.009%20388.236%20245.368%20387.643%20244.934L345.707%20212.349C344.932%20211.754%20343.928%20211.571%20342.993%20211.846L334.579%20214.363C333.781%20214.592%20332.937%20214.5%20332.207%20214.088L326.62%20210.839L325.275%20213.219Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M323.907%20210.861L259.714%20248.045L263.225%20249.258C263.932%20249.51%20264.685%20249.487%20265.369%20249.189L314.443%20229.03C315.355%20228.664%20316.017%20227.863%20316.245%20226.925L318.274%20218.367C318.457%20217.543%20318.981%20216.857%20319.711%20216.445L325.298%20213.218L323.907%20210.861Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M326.62%20210.861V136.471L323.815%20138.919C323.268%20139.4%20322.903%20140.063%20322.789%20140.796L315.651%20193.517C315.515%20194.478%20315.857%20195.462%20316.564%20196.125L322.949%20202.166C323.542%20202.738%20323.884%20203.539%20323.884%20204.363V210.839H326.62V210.861Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M331.432%20336.897H319.118L323.473%20212.12H327.076L331.432%20336.897Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M328.343%20212.862C328.742%20211.165%20327.695%20209.464%20326.004%20209.063C324.312%20208.662%20322.617%20209.713%20322.218%20211.41C321.818%20213.108%20322.866%20214.809%20324.557%20215.209C326.249%20215.61%20327.944%20214.559%20328.343%20212.862Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M325.047%20214.82C326.634%20214.82%20327.92%20213.529%20327.92%20211.937C327.92%20210.344%20326.634%20209.053%20325.047%20209.053C323.46%20209.053%20322.174%20210.344%20322.174%20211.937C322.174%20213.529%20323.46%20214.82%20325.047%20214.82Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M260.854%20248.434L322.174%20211.937L322.128%20211.891L259.714%20248.045L260.854%20248.434Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M331.432%20336.097H319.141V336.898H331.432V336.097Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M325.731%20137.272L326.575%20209.305L326.62%20209.283V136.471L325.731%20137.272Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M389.24%20249.212L327.054%20214.179V214.248L389.468%20250.402L389.24%20249.212Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M423.742%20340.238H382.9C382.9%20337.286%20385.295%20334.883%20388.236%20334.883H418.406C421.348%20334.883%20423.742%20337.286%20423.742%20340.238Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M414.073%20334.884H392.569L399.547%20135.121L404.245%20138.233L414.073%20334.884Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M420.709%20340.238H379.867C379.867%20337.286%20382.262%20334.883%20385.204%20334.883H415.373C418.315%20334.883%20420.709%20337.286%20420.709%20340.238Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M400.277%20136.882L503.054%20196.422L501.8%20189.878C501.663%20189.146%20501.276%20188.505%20500.683%20188.047L432.271%20134.915C431.496%20134.32%20430.492%20134.137%20429.557%20134.411L414.461%20138.942C413.663%20139.171%20412.819%20139.079%20412.09%20138.667L402.466%20133.084L400.277%20136.882Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M398.111%20133.084L295.333%20192.624L301.605%20194.798C302.289%20195.049%20303.064%20195.026%20303.725%20194.729L385.226%20161.252L389.536%20143.084L400.277%20136.86L398.111%20133.084Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M402.466%20133.084V14.0039L397.449%2018.3515C396.902%2018.8321%20396.537%2019.4957%20396.423%2020.2279L384.77%20106.243C384.634%20107.204%20384.976%20108.188%20385.683%20108.851L397.13%20119.72C397.723%20120.292%20398.088%20121.093%20398.088%20121.917V133.061H402.466V133.084Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M410.151%20334.884H390.426L397.404%20135.121H403.15L410.151%20334.884Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M404.976%20137.054C406.046%20134.462%20404.819%20131.49%20402.236%20130.417C399.653%20129.343%20396.691%20130.574%20395.621%20133.166C394.551%20135.758%20395.778%20138.73%20398.361%20139.803C400.944%20140.877%20403.906%20139.646%20404.976%20137.054Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M404.191%20136.571C405.164%20134.212%20404.048%20131.508%20401.698%20130.531C399.347%20129.554%20396.653%20130.674%20395.679%20133.033C394.705%20135.391%20395.821%20138.095%20398.172%20139.072C400.522%20140.049%20403.217%20138.929%20404.191%20136.571Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M297.158%20193.264L395.329%20134.8L395.237%20134.754L295.333%20192.624L297.158%20193.264Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M410.151%20333.602H390.472V334.906H410.151V333.602Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M401.007%2015.2624L402.352%20130.635L402.466%20130.589V14.0039L401.007%2015.2624Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M502.689%20194.523L403.15%20138.415L403.128%20138.529L503.054%20196.422L502.689%20194.523Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M96.5974%20243.514C83.4395%20243.514%2072.6761%20232.714%2072.6761%20219.511V164.296C72.6761%20151.092%2083.4395%20140.292%2096.5974%20140.292C109.755%20140.292%20120.519%20151.092%20120.519%20164.296V219.534C120.519%20232.714%20109.755%20243.514%2096.5974%20243.514Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M97.92%20340.376H95.3203V178.689C95.3203%20177.957%2095.9132%20177.385%2096.6201%20177.385C97.3499%20177.385%2097.92%20177.98%2097.92%20178.689V340.376Z'%20fill='%23D7DADF'/%3e%3cpath%20d='M97.92%20200.587L90.6683%20187.979C90.3035%20187.361%2089.5053%20187.132%2088.8896%20187.498C88.2739%20187.864%2088.0459%20188.665%2088.4108%20189.283L95.6624%20201.891L97.92%20200.587Z'%20fill='%23D7DADF'/%3e%3cpath%20d='M97.5551%20215.666L104.807%20203.058C105.172%20202.44%20104.944%20201.64%20104.328%20201.273C103.712%20200.907%20102.914%20201.136%20102.549%20201.754L95.2975%20214.362L97.5551%20215.666Z'%20fill='%23D7DADF'/%3e%3cpath%20d='M157.666%20217.245C140.974%20217.245%20127.291%20203.539%20127.291%20186.766V116.632C127.291%2099.882%20140.951%2086.1526%20157.666%2086.1526C174.359%2086.1526%20188.041%2099.8591%20188.041%20116.632V186.766C188.041%20203.539%20174.359%20217.245%20157.666%20217.245Z'%20fill='%23E4E6E9'/%3e%3cpath%20d='M159.331%20340.216H156.024V134.892C156.024%20133.977%20156.777%20133.222%20157.689%20133.222C158.601%20133.222%20159.354%20133.977%20159.354%20134.892V340.216H159.331Z'%20fill='%23D7DADF'/%3e%3cpath%20d='M159.331%20162.739L150.118%20146.721C149.662%20145.921%20148.659%20145.646%20147.861%20146.104C147.062%20146.561%20146.789%20147.568%20147.245%20148.369L156.458%20164.387L159.331%20162.739Z'%20fill='%23D7DADF'/%3e%3cpath%20d='M158.875%20181.869L168.088%20165.851C168.544%20165.05%20168.27%20164.043%20167.472%20163.586C166.674%20163.128%20165.67%20163.403%20165.214%20164.204L156.001%20180.221L158.875%20181.869Z'%20fill='%23D7DADF'/%3e%3cpath%20d='M111.351%20331.291C112.742%20329.986%20113.381%20328.476%20112.834%20327.423C112.15%20326.119%20109.869%20325.913%20107.452%20326.828C107.566%20326.508%20107.703%20326.188%20107.794%20325.844C109.094%20321.703%20108.341%20317.767%20106.152%20317.081C104.009%20316.394%20101.249%20319.048%2099.9038%20323.03C98.7865%20318.476%2095.9588%20315.273%2093.5188%20315.845C91.2156%20316.394%2090.0982%20320.101%2090.8279%20324.334C87.4757%20322.847%2084.2148%20322.961%2083.1886%20324.769C82.1168%20326.623%2083.7815%20329.643%2086.9512%20331.84C85.4462%20332.343%2084.42%20333.281%2084.2604%20334.425C84.0779%20335.844%2085.3094%20337.263%2087.2477%20338.132C87.1337%20338.407%2087.1109%20338.682%2087.1793%20338.956C87.3845%20339.826%2088.4563%20340.352%2089.8929%20340.398H90.0982C90.0982%20340.398%2090.0982%20340.398%2090.121%20340.398H108.068V340.375C108.41%20340.329%20108.683%20340.192%20108.775%20339.94C108.843%20339.78%20108.797%20339.597%20108.706%20339.414C109.641%20339.322%20110.371%20338.956%20110.599%20338.315C110.781%20337.835%20110.644%20337.263%20110.257%20336.714C112.72%20336.553%20114.59%20335.478%20114.658%20334.082C114.704%20332.892%20113.335%20331.794%20111.351%20331.291Z'%20fill='%23DDDFE2'/%3e%3cpath%20d='M149.115%20323.648C151.669%20321.222%20152.855%20318.477%20151.828%20316.532C150.574%20314.129%20146.401%20313.763%20141.932%20315.456C142.16%20314.861%20142.365%20314.266%20142.57%20313.648C144.942%20306.029%20143.596%20298.798%20139.537%20297.516C135.592%20296.281%20130.53%20301.132%20128.067%20308.454C126.037%20300.079%20120.815%20294.176%20116.323%20295.228C112.104%20296.235%20110.029%20303.031%20111.397%20310.857C105.217%20308.111%2099.2427%20308.34%2097.3499%20311.635C95.3888%20315.044%2098.4445%20320.605%20104.282%20324.655C101.523%20325.593%2099.6075%20327.286%2099.3567%20329.414C99.0374%20332.046%20101.272%20334.632%20104.83%20336.21C104.624%20336.714%20104.579%20337.24%20104.693%20337.721C105.058%20339.3%20107.064%20340.283%20109.664%20340.375H110.052H110.075H143.049V340.352C143.687%20340.261%20144.166%20339.986%20144.326%20339.551C144.44%20339.254%20144.394%20338.933%20144.212%20338.59C145.945%20338.43%20147.245%20337.744%20147.678%20336.577C148.02%20335.684%20147.769%20334.654%20147.062%20333.625C151.578%20333.327%20155.044%20331.336%20155.158%20328.797C155.295%20326.6%20152.763%20324.563%20149.115%20323.648Z'%20fill='%23EAECEF'/%3e%3cpath%20d='M373.687%20325.364C371.407%20323.213%20370.358%20320.764%20371.27%20319.025C372.388%20316.874%20376.105%20316.554%20380.095%20318.064C379.89%20317.538%20379.708%20317.012%20379.525%20316.463C377.404%20309.667%20378.613%20303.237%20382.239%20302.115C385.751%20301.017%20390.266%20305.342%20392.455%20311.84C394.279%20304.381%20398.931%20299.118%20402.922%20300.056C406.685%20300.948%20408.532%20307.012%20407.323%20313.968C412.819%20311.52%20418.132%20311.726%20419.842%20314.655C421.598%20317.698%20418.862%20322.641%20413.663%20326.256C416.125%20327.08%20417.813%20328.59%20418.064%20330.512C418.337%20332.846%20416.353%20335.157%20413.184%20336.576C413.366%20337.034%20413.412%20337.491%20413.298%20337.926C412.978%20339.345%20411.2%20340.214%20408.874%20340.306H408.532H408.509H379.138V340.283C378.567%20340.214%20378.134%20339.963%20377.997%20339.574C377.906%20339.322%20377.952%20339.025%20378.089%20338.727C376.538%20338.567%20375.375%20337.972%20374.987%20336.942C374.691%20336.141%20374.919%20335.226%20375.535%20334.311C371.521%20334.036%20368.442%20332.274%20368.328%20330.009C368.192%20327.995%20370.426%20326.188%20373.687%20325.364Z'%20fill='%23EAEAEA'/%3e%3cpath%20d='M407.62%20334.289C406.708%20333.419%20406.274%20332.435%20406.639%20331.726C407.095%20330.856%20408.6%20330.719%20410.197%20331.337C410.105%20331.131%20410.037%20330.902%20409.969%20330.696C409.102%20327.95%20409.604%20325.364%20411.063%20324.907C412.477%20324.449%20414.301%20326.211%20415.191%20328.842C415.92%20325.822%20417.813%20323.694%20419.409%20324.083C420.937%20324.449%20421.667%20326.898%20421.188%20329.712C423.423%20328.728%20425.566%20328.797%20426.251%20329.987C426.957%20331.222%20425.863%20333.213%20423.765%20334.677C424.768%20335.021%20425.452%20335.616%20425.544%20336.394C425.658%20337.332%20424.86%20338.27%20423.583%20338.842C423.651%20339.025%20423.674%20339.208%20423.628%20339.391C423.491%20339.963%20422.784%20340.307%20421.827%20340.352H421.69H409.832C409.604%20340.329%20409.421%20340.215%20409.376%20340.078C409.33%20339.963%20409.353%20339.849%20409.421%20339.734C408.806%20339.666%20408.327%20339.437%20408.167%20339.002C408.053%20338.682%20408.144%20338.316%20408.395%20337.95C406.776%20337.835%20405.522%20337.126%20405.476%20336.211C405.408%20335.364%20406.32%20334.632%20407.62%20334.289Z'%20fill='%23DDDFE2'/%3e%3cpath%20d='M262.997%20326.234C260.854%20324.198%20259.873%20321.887%20260.717%20320.262C261.766%20318.249%20265.278%20317.928%20269.018%20319.347C268.835%20318.866%20268.653%20318.34%20268.493%20317.837C266.486%20311.43%20267.626%20305.366%20271.047%20304.313C274.376%20303.261%20278.618%20307.357%20280.67%20313.489C282.381%20306.464%20286.759%20301.499%20290.522%20302.391C294.056%20303.238%20295.789%20308.958%20294.649%20315.503C299.848%20313.214%20304.842%20313.397%20306.439%20316.166C308.081%20319.027%20305.527%20323.695%20300.624%20327.104C302.95%20327.882%20304.546%20329.324%20304.774%20331.108C305.048%20333.305%20303.155%20335.479%20300.168%20336.829C300.327%20337.264%20300.373%20337.676%20300.282%20338.11C299.962%20339.438%20298.298%20340.261%20296.109%20340.353H295.789H295.767H268.083V340.33C267.535%20340.261%20267.148%20340.032%20267.011%20339.666C266.92%20339.415%20266.965%20339.14%20267.102%20338.865C265.643%20338.728%20264.548%20338.156%20264.183%20337.172C263.909%20336.417%20264.115%20335.548%20264.685%20334.701C260.899%20334.449%20257.98%20332.779%20257.889%20330.651C257.821%20328.729%20259.942%20327.012%20262.997%20326.234Z'%20fill='%23F2F2F2'/%3e%3cpath%20d='M294.125%20332.344C292.916%20331.2%20292.346%20329.873%20292.825%20328.957C293.418%20327.813%20295.402%20327.63%20297.523%20328.454C297.409%20328.179%20297.317%20327.882%20297.226%20327.584C296.086%20323.946%20296.747%20320.537%20298.663%20319.919C300.533%20319.324%20302.95%20321.635%20304.113%20325.113C305.071%20321.132%20307.556%20318.317%20309.7%20318.82C311.707%20319.301%20312.687%20322.527%20312.049%20326.257C314.99%20324.953%20317.818%20325.067%20318.73%20326.623C319.665%20328.248%20318.206%20330.879%20315.424%20332.802C316.746%20333.236%20317.636%20334.06%20317.772%20335.067C317.932%20336.303%20316.86%20337.538%20315.173%20338.293C315.264%20338.545%20315.287%20338.774%20315.241%20339.026C315.059%20339.781%20314.124%20340.238%20312.87%20340.284H312.687C312.687%20340.284%20312.687%20340.284%20312.664%20340.284H296.975V340.261C296.679%20340.215%20296.451%20340.101%20296.36%20339.895C296.314%20339.758%20296.337%20339.598%20296.405%20339.437C295.584%20339.346%20294.968%20339.025%20294.763%20338.476C294.604%20338.042%20294.718%20337.561%20295.06%20337.081C292.916%20336.943%20291.274%20336.005%20291.206%20334.769C291.183%20333.74%20292.392%20332.779%20294.125%20332.344Z'%20fill='%23DDDFE2'/%3e%3cpath%20d='M309.882%20142.673C309.677%20142.673%20309.495%20142.696%20309.312%20142.764C309.312%20142.673%20309.312%20142.581%20309.312%20142.49C309.312%20140.293%20307.534%20138.508%20305.344%20138.508C303.52%20138.508%20301.992%20139.721%20301.536%20141.391C301.308%20141.323%20301.08%20141.3%20300.829%20141.3C299.415%20141.3%20298.275%20142.444%20298.275%20143.863C298.275%20145.281%20299.415%20146.425%20300.829%20146.425C300.875%20146.425%20300.921%20146.425%20300.966%20146.425H309.837C310.886%20146.425%20311.707%20145.579%20311.707%20144.549C311.775%20143.519%20310.931%20142.673%20309.882%20142.673Z'%20fill='%23F2F2F2'/%3e%3cpath%20d='M240.809%2099.3101C239.738%2099.3101%20238.734%2099.6076%20237.891%20100.111C237.001%2096.2668%20233.581%2093.4065%20229.476%2093.4065C229.111%2093.4065%20228.769%2093.4294%20228.404%2093.4751C226.489%2089.1961%20222.224%2086.2214%20217.253%2086.2214C210.503%2086.2214%20205.03%2091.7132%20205.03%2098.4864C205.03%2098.555%20205.03%2098.6237%20205.03%2098.6923C204.209%2098.3033%20203.297%2098.0974%20202.339%2098.0974C198.85%2098.0974%20196.045%20100.935%20196.045%20104.413C196.045%20107.891%20198.873%20110.728%20202.339%20110.728H240.809C243.956%20110.728%20246.51%20108.166%20246.51%20105.008C246.51%20101.873%20243.956%2099.3101%20240.809%2099.3101Z'%20fill='%23F0F2F5'/%3e%3cpath%20d='M182.203%20235.482C182.91%20235.482%20183.572%20235.688%20184.119%20236.008C184.712%20233.491%20186.947%20231.592%20189.66%20231.592C189.888%20231.592%20190.139%20231.615%20190.367%20231.638C191.621%20228.823%20194.426%20226.878%20197.71%20226.878C202.157%20226.878%20205.737%20230.494%20205.737%20234.933C205.737%20234.979%20205.737%20235.025%20205.737%20235.07C206.284%20234.819%20206.877%20234.681%20207.516%20234.681C209.796%20234.681%20211.666%20236.535%20211.666%20238.846C211.666%20241.134%20209.819%20243.01%20207.516%20243.01H182.203C180.128%20243.01%20178.464%20241.317%20178.464%20239.258C178.464%20237.198%20180.128%20235.482%20182.203%20235.482Z'%20fill='%23F2F2F2'/%3e%3cpath%20d='M433.776%20317.789L433.707%20318.018C433.707%20318.041%20433.548%20318.636%20433.16%20319.368C432.795%20320.055%20432.18%20320.97%20431.199%20321.542C430.218%20322.114%20429.101%20322.229%20428.348%20322.206C427.528%20322.183%20426.935%20322.046%20426.912%20322.046L426.684%20321.977L426.752%20321.748C426.752%20321.725%20426.912%20321.13%20427.299%20320.398C427.664%20319.711%20428.28%20318.796%20429.261%20318.224C430.241%20317.652%20431.359%20317.538%20432.111%20317.561C432.932%20317.583%20433.525%20317.721%20433.548%20317.721L433.776%20317.789ZM427.277%20321.634C427.892%20321.748%20429.603%20321.931%20430.971%20321.13C432.339%20320.329%20432.978%20318.728%20433.183%20318.133C432.567%20318.018%20430.857%20317.835%20429.489%20318.636C428.143%20319.437%20427.482%20321.039%20427.277%20321.634Z'%20fill='%23E4E4E4'/%3e%3cpath%20d='M430.538%20323.258C428.371%20324.082%20425.954%20322.984%20425.954%20322.984C425.954%20322.984%20427.049%20320.558%20429.215%20319.735C431.381%20318.911%20433.799%20320.009%20433.799%20320.009C433.799%20320.009%20432.704%20322.435%20430.538%20323.258Z'%20fill='%23F2F2F2'/%3e%3cpath%20d='M425.886%20291.635V291.932C425.886%20291.955%20425.886%20292.733%20425.635%20293.717C425.407%20294.632%20424.928%20295.96%20423.925%20296.943C422.921%20297.927%20421.599%20298.408%20420.687%20298.614C419.683%20298.843%20418.931%20298.843%20418.908%20298.843H418.611V298.545C418.611%20298.522%20418.611%20297.744%20418.862%20296.76C419.09%20295.845%20419.569%20294.518%20420.573%20293.534C421.576%20292.55%20422.899%20292.07%20423.811%20291.864C424.814%20291.635%20425.567%20291.635%20425.589%20291.635H425.886ZM419.204%20298.248C419.98%20298.202%20422.1%20297.905%20423.514%20296.532C424.928%20295.136%20425.225%20293.008%20425.293%20292.23C424.518%20292.275%20422.397%20292.573%20420.983%20293.946C419.569%20295.342%20419.273%20297.47%20419.204%20298.248Z'%20fill='%23E4E4E4'/%3e%3cpath%20d='M423.605%20299.231C421.234%20300.879%20417.995%20300.307%20417.995%20300.307C417.995%20300.307%20418.588%20297.058%20420.96%20295.41C423.332%20293.763%20426.57%20294.335%20426.57%20294.335C426.57%20294.335%20425.977%20297.561%20423.605%20299.231Z'%20fill='%23F2F2F2'/%3e%3cpath%20d='M124.92%20283.947L125.102%20284.107C125.125%20284.13%20125.604%20284.541%20126.106%20285.228C126.562%20285.869%20127.155%20286.875%20127.246%20288.042C127.337%20289.209%20126.927%20290.308%20126.584%20291.017C126.197%20291.772%20125.786%20292.253%20125.786%20292.276L125.627%20292.459L125.444%20292.299C125.421%20292.276%20124.943%20291.864%20124.441%20291.177C123.962%20290.537%20123.392%20289.53%20123.301%20288.363C123.209%20287.196%20123.62%20286.097%20123.962%20285.388C124.35%20284.633%20124.76%20284.152%20124.76%20284.13L124.92%20283.947ZM125.536%20291.772C125.923%20291.246%20126.881%20289.736%20126.744%20288.088C126.607%20286.441%20125.421%20285.114%20124.965%20284.656C124.578%20285.182%20123.62%20286.692%20123.757%20288.34C123.894%20289.987%20125.079%20291.315%20125.536%20291.772Z'%20fill='%23E4E4E4'/%3e%3cpath%20d='M128.523%20289.46C128.295%20291.863%20126.197%20293.625%20126.197%20293.625C126.197%20293.625%20124.441%20291.497%20124.669%20289.094C124.897%20286.692%20126.995%20284.93%20126.995%20284.93C126.995%20284.93%20128.751%20287.058%20128.523%20289.46Z'%20fill='%23F2F2F2'/%3e%3cpath%20d='M78.7647%20311.703L78.9699%20311.68C78.9927%20311.68%2079.5172%20311.634%2080.2241%20311.772C80.8854%20311.886%2081.8204%20312.138%2082.5729%20312.801C83.3255%20313.442%2083.7131%20314.357%2083.9184%20314.975C84.1236%20315.662%2084.1692%20316.188%2084.1692%20316.211L84.192%20316.417L83.9868%20316.44C83.964%20316.44%2083.4395%20316.485%2082.7326%20316.348C82.0713%20316.234%2081.1363%20315.982%2080.3838%20315.318C79.6312%20314.678%2079.2436%20313.762%2079.0383%20313.145C78.8331%20312.458%2078.7875%20311.932%2078.7875%20311.909L78.7647%20311.703ZM83.736%20316.028C83.6447%20315.479%2083.3483%20314.014%2082.2993%20313.099C81.2503%20312.184%2079.7681%20312.092%2079.2208%20312.092C79.312%20312.641%2079.6084%20314.106%2080.6574%20315.021C81.6836%20315.913%2083.1887%20316.028%2083.736%20316.028Z'%20fill='%23E4E4E4'/%3e%3cpath%20d='M84.1691%20312.893C85.4461%20314.472%2085.2181%20316.783%2085.2181%20316.783C85.2181%20316.783%2082.9149%20316.532%2081.6378%20314.953C80.3608%20313.374%2080.5889%20311.063%2080.5889%20311.063C80.5889%20311.063%2082.8921%20311.314%2084.1691%20312.893Z'%20fill='%23F2F2F2'/%3e%3cpath%20d='M364.703%20305.456H364.931C364.954%20305.456%20365.547%20305.433%20366.345%20305.616C367.074%20305.776%20368.123%20306.119%20368.922%20306.874C369.72%20307.629%20370.13%20308.659%20370.313%20309.391C370.518%20310.169%20370.541%20310.764%20370.541%20310.787V311.016H370.313C370.29%20311.016%20369.697%20311.039%20368.899%20310.856C368.169%20310.696%20367.12%20310.352%20366.322%20309.597C365.524%20308.842%20365.113%20307.812%20364.931%20307.08C364.726%20306.302%20364.703%20305.707%20364.703%20305.684V305.456ZM370.062%20310.535C369.993%20309.918%20369.72%20308.247%20368.602%20307.195C367.485%20306.119%20365.797%20305.936%20365.182%20305.913C365.25%20306.531%20365.524%20308.201%20366.641%20309.254C367.781%20310.329%20369.446%20310.512%20370.062%20310.535Z'%20fill='%23E4E4E4'/%3e%3cpath%20d='M370.7%20307.035C372.046%20308.865%20371.704%20311.428%20371.704%20311.428C371.704%20311.428%20369.15%20311.039%20367.781%20309.232C366.436%20307.401%20366.778%20304.838%20366.778%20304.838C366.778%20304.838%20369.355%20305.204%20370.7%20307.035Z'%20fill='%23F2F2F2'/%3e%3cpath%20d='M301.126%20326.211H195.088L197.026%20319.209L200.788%20305.526L203.069%20297.242L206.444%20285.023L212.92%20261.477L216.295%20249.258L239.92%20163.381H256.293L264.959%20194.844L279.918%20249.258L283.293%20261.477L289.769%20285.023L293.144%20297.242L299.187%20319.209L301.126%20326.211Z'%20fill='%233F444F'/%3e%3cpath%20d='M301.126%20326.212H195.088L197.026%20319.21L200.788%20305.526C274.673%20301.155%20264.936%20194.867%20264.936%20194.867L299.187%20319.21L301.126%20326.212Z'%20fill='%23343944'/%3e%3cpath%20d='M322.812%20326.212H173.401V340.468H322.812V326.212Z'%20fill='%233F444F'/%3e%3cpath%20d='M301.126%20326.211H195.088L197.026%20319.209H299.187L301.126%20326.211Z'%20fill='%23111827'/%3e%3cpath%20d='M283.293%20261.478C283.293%20261.478%20281.081%20308.501%20227.241%20319.256L299.187%20319.21L283.293%20261.478Z'%20fill='%2323272F'/%3e%3cpath%20d='M283.293%20261.477H212.92L216.295%20249.258H279.918L283.293%20261.477Z'%20fill='white'/%3e%3cpath%20d='M293.144%20297.242H203.069L206.444%20285.023H289.769L293.144%20297.242Z'%20fill='white'/%3e%3cpath%20d='M288.241%20326.212C288.241%20326.212%20268.448%20341.223%20195.088%20340.468H322.789V326.212H288.241Z'%20fill='%232F3541'/%3e%3cpath%20d='M344.749%20345.181H149.366C148.043%20345.181%20146.971%20344.106%20146.971%20342.778V342.71C146.971%20341.383%20148.043%20340.307%20149.366%20340.307H344.749C346.072%20340.307%20347.144%20341.383%20347.144%20342.71V342.778C347.167%20344.083%20346.095%20345.181%20344.749%20345.181Z'%20fill='%23111827'/%3e%3cpath%20d='M153.083%20345.181H121.431C120.108%20345.181%20119.036%20344.106%20119.036%20342.778V342.71C119.036%20341.383%20120.108%20340.307%20121.431%20340.307H153.083C154.405%20340.307%20155.477%20341.383%20155.477%20342.71V342.778C155.477%20344.083%20154.405%20345.181%20153.083%20345.181Z'%20fill='%23111827'/%3e%3cpath%20d='M106.927%20345.181H73.6794C72.3567%20345.181%2071.2849%20344.106%2071.2849%20342.778V342.71C71.2849%20341.383%2072.3567%20340.307%2073.6794%20340.307H106.927C108.25%20340.307%20109.322%20341.383%20109.322%20342.71V342.778C109.322%20344.083%20108.25%20345.181%20106.927%20345.181Z'%20fill='%23111827'/%3e%3cpath%20d='M386.937%20345.181H359.64C358.318%20345.181%20357.246%20344.106%20357.246%20342.778V342.71C357.246%20341.383%20358.318%20340.307%20359.64%20340.307H386.937C388.259%20340.307%20389.331%20341.383%20389.331%20342.71V342.778C389.354%20344.083%20388.259%20345.181%20386.937%20345.181Z'%20fill='%23111827'/%3e%3cpath%20d='M422.625%20345.181H401.873C400.551%20345.181%20399.479%20344.106%20399.479%20342.778V342.71C399.479%20341.383%20400.551%20340.307%20401.873%20340.307H422.625C423.947%20340.307%20425.019%20341.383%20425.019%20342.71V342.778C425.019%20344.083%20423.947%20345.181%20422.625%20345.181Z'%20fill='%23111827'/%3e%3c/svg%3e",Yte="data:image/svg+xml,%3csvg%20width='514'%20height='346'%20viewBox='0%200%20514%20346'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M510.009%20261.774H455.964C459.909%20245.596%20462.007%20228.709%20462.007%20211.318C462.007%20176.766%20453.729%20144.136%20439.066%20115.327H477.4C479.612%20115.327%20481.39%20113.542%20481.39%20111.323C481.39%20109.103%20479.612%20107.318%20477.4%20107.318H434.779C398.612%2043.2476%20330.041%200%20251.413%200C199.124%200%20151.281%2019.1296%20114.453%2050.7988H49.5985C47.3865%2050.7988%2045.6078%2052.5836%2045.6078%2054.8032C45.6078%2057.0228%2047.3865%2058.8076%2049.5985%2058.8076H105.65C101.181%2063.1095%2096.8938%2067.6173%2092.8119%2072.3082H3.99068C1.7787%2072.3082%200%2074.093%200%2076.3126C0%2078.5322%201.7787%2080.317%203.99068%2080.317H86.1531C57.7623%20116.334%2040.819%20161.847%2040.819%20211.318C40.819%20239.006%2046.1323%20265.458%2055.7784%20289.69H45.2658C43.0538%20289.69%2041.2751%20291.475%2041.2751%20293.695C41.2751%20295.914%2043.0538%20297.699%2045.2658%20297.699H59.1533C60.6128%20300.949%2062.1406%20304.152%2063.7369%20307.31H16.5328C14.3209%20307.31%2012.5421%20309.095%2012.5421%20311.314C12.5421%20313.534%2014.3209%20315.319%2016.5328%20315.319H68.0469C72.9725%20324.037%2078.491%20332.366%2084.5569%20340.26H418.269C429.603%20325.524%20439.044%20309.209%20446.204%20291.75H485.381C487.593%20291.75%20489.372%20289.965%20489.372%20287.745C489.372%20285.526%20487.593%20283.741%20485.381%20283.741H449.305C450.97%20279.165%20452.475%20274.497%20453.843%20269.783H510.009C512.221%20269.783%20514%20267.998%20514%20265.778C514%20263.559%20512.221%20261.774%20510.009%20261.774Z'%20fill='%232D323E'/%3e%3cpath%20d='M339.915%20340.238H314.397C314.397%20338.385%20315.88%20336.898%20317.727%20336.898H336.563C338.433%20336.898%20339.915%20338.408%20339.915%20340.238Z'%20fill='%23424753'/%3e%3cpath%20d='M333.872%20336.898H320.463L324.819%20212.12L327.76%20214.065L333.872%20336.898Z'%20fill='%23424753'/%3e%3cpath%20d='M338.022%20340.238H312.505C312.505%20338.385%20313.987%20336.898%20315.834%20336.898H334.67C336.54%20336.898%20338.022%20338.408%20338.022%20340.238Z'%20fill='%23424753'/%3e%3cpath%20d='M325.275%20213.219L389.468%20250.402L388.761%20246.741C388.624%20246.009%20388.236%20245.368%20387.644%20244.934L345.707%20212.349C344.932%20211.754%20343.928%20211.571%20342.994%20211.846L334.579%20214.363C333.781%20214.592%20332.937%20214.5%20332.207%20214.088L326.62%20210.839L325.275%20213.219Z'%20fill='%23424753'/%3e%3cpath%20d='M323.907%20210.861L259.714%20248.045L263.225%20249.258C263.932%20249.51%20264.685%20249.487%20265.369%20249.189L314.443%20229.03C315.355%20228.664%20316.017%20227.863%20316.245%20226.925L318.274%20218.367C318.457%20217.543%20318.981%20216.857%20319.711%20216.445L325.298%20213.218L323.907%20210.861Z'%20fill='%23424753'/%3e%3cpath%20d='M326.62%20210.861V136.471L323.815%20138.919C323.268%20139.4%20322.903%20140.063%20322.789%20140.796L315.651%20193.517C315.515%20194.478%20315.857%20195.462%20316.564%20196.125L322.949%20202.166C323.542%20202.738%20323.884%20203.539%20323.884%20204.363V210.839H326.62V210.861Z'%20fill='%23424753'/%3e%3cpath%20d='M331.432%20336.897H319.118L323.473%20212.12H327.076L331.432%20336.897Z'%20fill='%23424753'/%3e%3cpath%20d='M328.343%20212.862C328.742%20211.165%20327.695%20209.464%20326.004%20209.063C324.312%20208.662%20322.617%20209.713%20322.218%20211.41C321.818%20213.108%20322.866%20214.809%20324.557%20215.209C326.249%20215.61%20327.944%20214.559%20328.343%20212.862Z'%20fill='%23424753'/%3e%3cpath%20d='M325.047%20214.82C326.634%20214.82%20327.92%20213.529%20327.92%20211.937C327.92%20210.344%20326.634%20209.053%20325.047%20209.053C323.46%20209.053%20322.174%20210.344%20322.174%20211.937C322.174%20213.529%20323.46%20214.82%20325.047%20214.82Z'%20fill='%23424753'/%3e%3cpath%20d='M260.854%20248.434L322.174%20211.937L322.128%20211.891L259.714%20248.045L260.854%20248.434Z'%20fill='%23424753'/%3e%3cpath%20d='M331.432%20336.097H319.141V336.898H331.432V336.097Z'%20fill='%23424753'/%3e%3cpath%20d='M325.731%20137.272L326.575%20209.305L326.62%20209.283V136.471L325.731%20137.272Z'%20fill='%23424753'/%3e%3cpath%20d='M389.24%20249.212L327.054%20214.179V214.248L389.468%20250.402L389.24%20249.212Z'%20fill='%23424753'/%3e%3cpath%20d='M423.742%20340.238H382.9C382.9%20337.286%20385.295%20334.883%20388.237%20334.883H418.406C421.348%20334.883%20423.742%20337.286%20423.742%20340.238Z'%20fill='%23535967'/%3e%3cpath%20d='M414.074%20334.884H392.569L399.547%20135.121L404.245%20138.233L414.074%20334.884Z'%20fill='%23535967'/%3e%3cpath%20d='M420.709%20340.238H379.867C379.867%20337.286%20382.262%20334.883%20385.204%20334.883H415.373C418.315%20334.883%20420.709%20337.286%20420.709%20340.238Z'%20fill='%23535967'/%3e%3cpath%20d='M400.277%20136.882L503.054%20196.422L501.8%20189.878C501.663%20189.146%20501.276%20188.505%20500.683%20188.047L432.271%20134.915C431.496%20134.32%20430.492%20134.137%20429.558%20134.411L414.461%20138.942C413.663%20139.171%20412.819%20139.079%20412.09%20138.667L402.467%20133.084L400.277%20136.882Z'%20fill='%23535967'/%3e%3cpath%20d='M398.111%20133.084L295.333%20192.624L301.605%20194.798C302.289%20195.049%20303.064%20195.026%20303.725%20194.729L385.226%20161.252L389.536%20143.084L400.277%20136.86L398.111%20133.084Z'%20fill='%23535967'/%3e%3cpath%20d='M402.466%20133.084V14.0039L397.449%2018.3515C396.902%2018.8321%20396.537%2019.4957%20396.423%2020.2279L384.77%20106.243C384.634%20107.204%20384.976%20108.188%20385.683%20108.851L397.13%20119.72C397.723%20120.292%20398.088%20121.093%20398.088%20121.917V133.061H402.466V133.084Z'%20fill='%23535967'/%3e%3cpath%20d='M410.151%20334.884H390.426L397.404%20135.121H403.15L410.151%20334.884Z'%20fill='%23535967'/%3e%3cpath%20d='M404.976%20137.054C406.046%20134.462%20404.819%20131.49%20402.236%20130.417C399.653%20129.343%20396.691%20130.574%20395.621%20133.166C394.551%20135.758%20395.778%20138.73%20398.361%20139.803C400.944%20140.877%20403.906%20139.646%20404.976%20137.054Z'%20fill='%23535967'/%3e%3cpath%20d='M404.191%20136.571C405.164%20134.212%20404.048%20131.508%20401.698%20130.531C399.347%20129.554%20396.652%20130.674%20395.679%20133.033C394.705%20135.391%20395.821%20138.095%20398.172%20139.072C400.522%20140.049%20403.217%20138.929%20404.191%20136.571Z'%20fill='%23535967'/%3e%3cpath%20d='M297.158%20193.264L395.329%20134.8L395.237%20134.754L295.333%20192.624L297.158%20193.264Z'%20fill='%23535967'/%3e%3cpath%20d='M410.151%20333.602H390.472V334.906H410.151V333.602Z'%20fill='%23535967'/%3e%3cpath%20d='M401.007%2015.2624L402.352%20130.635L402.466%20130.589V14.0039L401.007%2015.2624Z'%20fill='%23535967'/%3e%3cpath%20d='M502.689%20194.523L403.15%20138.415L403.127%20138.529L503.054%20196.422L502.689%20194.523Z'%20fill='%23535967'/%3e%3cpath%20d='M96.5974%20243.514C83.4396%20243.514%2072.6761%20232.714%2072.6761%20219.511V164.296C72.6761%20151.092%2083.4396%20140.292%2096.5974%20140.292C109.755%20140.292%20120.519%20151.092%20120.519%20164.296V219.534C120.519%20232.714%20109.755%20243.514%2096.5974%20243.514Z'%20fill='%23424753'/%3e%3cpath%20d='M97.9201%20340.376H95.3204V178.689C95.3204%20177.957%2095.9133%20177.385%2096.6203%20177.385C97.35%20177.385%2097.9201%20177.98%2097.9201%20178.689V340.376Z'%20fill='%23535967'/%3e%3cpath%20d='M97.92%20200.587L90.6683%20187.979C90.3035%20187.361%2089.5053%20187.132%2088.8896%20187.498C88.2739%20187.864%2088.0459%20188.665%2088.4108%20189.283L95.6624%20201.891L97.92%20200.587Z'%20fill='%23535967'/%3e%3cpath%20d='M97.5552%20215.666L104.807%20203.058C105.172%20202.44%20104.944%20201.64%20104.328%20201.273C103.712%20200.907%20102.914%20201.136%20102.549%20201.754L95.2976%20214.362L97.5552%20215.666Z'%20fill='%23535967'/%3e%3cpath%20d='M157.666%20217.245C140.974%20217.245%20127.292%20203.539%20127.292%20186.766V116.632C127.292%2099.882%20140.951%2086.1526%20157.666%2086.1526C174.359%2086.1526%20188.041%2099.8591%20188.041%20116.632V186.766C188.041%20203.539%20174.359%20217.245%20157.666%20217.245Z'%20fill='%23424753'/%3e%3cpath%20d='M159.331%20340.216H156.024V134.892C156.024%20133.977%20156.777%20133.222%20157.689%20133.222C158.601%20133.222%20159.354%20133.977%20159.354%20134.892V340.216H159.331Z'%20fill='%23535967'/%3e%3cpath%20d='M159.331%20162.739L150.118%20146.721C149.662%20145.921%20148.659%20145.646%20147.861%20146.104C147.062%20146.561%20146.789%20147.568%20147.245%20148.369L156.458%20164.387L159.331%20162.739Z'%20fill='%23535967'/%3e%3cpath%20d='M158.875%20181.869L168.088%20165.851C168.544%20165.05%20168.27%20164.043%20167.472%20163.586C166.674%20163.128%20165.67%20163.403%20165.214%20164.204L156.002%20180.221L158.875%20181.869Z'%20fill='%23535967'/%3e%3cpath%20d='M111.351%20331.291C112.742%20329.986%20113.381%20328.476%20112.834%20327.423C112.149%20326.119%20109.869%20325.913%20107.452%20326.828C107.566%20326.508%20107.703%20326.188%20107.794%20325.844C109.094%20321.703%20108.341%20317.767%20106.152%20317.081C104.008%20316.394%20101.249%20319.048%2099.9038%20323.03C98.7864%20318.476%2095.9587%20315.273%2093.5187%20315.845C91.2155%20316.394%2090.0981%20320.101%2090.8278%20324.334C87.4757%20322.847%2084.2147%20322.961%2083.1885%20324.769C82.1167%20326.623%2083.7814%20329.643%2086.9512%20331.84C85.4461%20332.343%2084.4199%20333.281%2084.2603%20334.425C84.0779%20335.844%2085.3093%20337.263%2087.2476%20338.132C87.1336%20338.407%2087.1108%20338.682%2087.1792%20338.956C87.3844%20339.826%2088.4562%20340.352%2089.8929%20340.398H90.0981C90.0981%20340.398%2090.0981%20340.398%2090.1209%20340.398H108.068V340.375C108.41%20340.329%20108.683%20340.192%20108.774%20339.94C108.843%20339.78%20108.797%20339.597%20108.706%20339.414C109.641%20339.322%20110.371%20338.956%20110.599%20338.315C110.781%20337.835%20110.644%20337.263%20110.257%20336.714C112.72%20336.553%20114.589%20335.478%20114.658%20334.082C114.704%20332.892%20113.335%20331.794%20111.351%20331.291Z'%20fill='%23535967'/%3e%3cpath%20d='M149.115%20323.648C151.669%20321.222%20152.854%20318.477%20151.828%20316.532C150.574%20314.129%20146.401%20313.763%20141.931%20315.456C142.159%20314.861%20142.365%20314.266%20142.57%20313.648C144.942%20306.029%20143.596%20298.798%20139.537%20297.516C135.592%20296.281%20130.529%20301.132%20128.067%20308.454C126.037%20300.079%20120.815%20294.176%20116.323%20295.228C112.104%20296.235%20110.029%20303.031%20111.397%20310.857C105.217%20308.111%2099.2425%20308.34%2097.3498%20311.635C95.3887%20315.044%2098.4444%20320.605%20104.282%20324.655C101.523%20325.593%2099.6074%20327.286%2099.3566%20329.414C99.0373%20332.046%20101.272%20334.632%20104.829%20336.21C104.624%20336.714%20104.579%20337.24%20104.693%20337.721C105.058%20339.3%20107.064%20340.283%20109.664%20340.375H110.052H110.074H143.049V340.352C143.687%20340.261%20144.166%20339.986%20144.326%20339.551C144.44%20339.254%20144.394%20338.933%20144.212%20338.59C145.945%20338.43%20147.245%20337.744%20147.678%20336.577C148.02%20335.684%20147.769%20334.654%20147.062%20333.625C151.577%20333.327%20155.044%20331.336%20155.158%20328.797C155.295%20326.6%20152.763%20324.563%20149.115%20323.648Z'%20fill='%23424753'/%3e%3cpath%20d='M373.687%20325.364C371.407%20323.213%20370.358%20320.764%20371.27%20319.025C372.388%20316.874%20376.105%20316.554%20380.095%20318.064C379.89%20317.538%20379.708%20317.012%20379.525%20316.463C377.404%20309.667%20378.613%20303.237%20382.239%20302.115C385.751%20301.017%20390.266%20305.342%20392.455%20311.84C394.279%20304.381%20398.931%20299.118%20402.922%20300.056C406.685%20300.948%20408.532%20307.012%20407.323%20313.968C412.819%20311.52%20418.132%20311.726%20419.842%20314.655C421.598%20317.698%20418.862%20322.641%20413.663%20326.256C416.125%20327.08%20417.813%20328.59%20418.064%20330.512C418.337%20332.846%20416.353%20335.157%20413.184%20336.576C413.366%20337.034%20413.412%20337.491%20413.298%20337.926C412.978%20339.345%20411.2%20340.214%20408.874%20340.306H408.532H408.509H379.138V340.283C378.567%20340.214%20378.134%20339.963%20377.997%20339.574C377.906%20339.322%20377.952%20339.025%20378.089%20338.727C376.538%20338.567%20375.375%20337.972%20374.987%20336.942C374.691%20336.141%20374.919%20335.226%20375.535%20334.311C371.521%20334.036%20368.442%20332.274%20368.328%20330.009C368.192%20327.995%20370.426%20326.188%20373.687%20325.364Z'%20fill='%23424753'/%3e%3cpath%20d='M407.62%20334.289C406.708%20333.419%20406.274%20332.435%20406.639%20331.726C407.095%20330.856%20408.6%20330.719%20410.197%20331.337C410.105%20331.131%20410.037%20330.902%20409.969%20330.696C409.102%20327.95%20409.604%20325.364%20411.063%20324.907C412.477%20324.449%20414.301%20326.211%20415.191%20328.842C415.92%20325.822%20417.813%20323.694%20419.409%20324.083C420.937%20324.449%20421.667%20326.898%20421.188%20329.712C423.423%20328.728%20425.566%20328.797%20426.251%20329.987C426.958%20331.222%20425.863%20333.213%20423.765%20334.677C424.768%20335.021%20425.452%20335.616%20425.544%20336.394C425.658%20337.332%20424.86%20338.27%20423.583%20338.842C423.651%20339.025%20423.674%20339.208%20423.628%20339.391C423.491%20339.963%20422.784%20340.307%20421.827%20340.352H421.69H409.832C409.604%20340.329%20409.421%20340.215%20409.376%20340.078C409.33%20339.963%20409.353%20339.849%20409.421%20339.734C408.806%20339.666%20408.327%20339.437%20408.167%20339.002C408.053%20338.682%20408.144%20338.316%20408.395%20337.95C406.776%20337.835%20405.522%20337.126%20405.476%20336.211C405.408%20335.364%20406.32%20334.632%20407.62%20334.289Z'%20fill='%23535967'/%3e%3cpath%20d='M262.997%20326.234C260.854%20324.198%20259.873%20321.887%20260.717%20320.262C261.766%20318.249%20265.278%20317.928%20269.017%20319.347C268.835%20318.866%20268.653%20318.34%20268.493%20317.837C266.486%20311.43%20267.626%20305.366%20271.047%20304.313C274.376%20303.261%20278.618%20307.357%20280.67%20313.489C282.381%20306.464%20286.759%20301.499%20290.522%20302.391C294.056%20303.238%20295.789%20308.958%20294.649%20315.503C299.848%20313.214%20304.842%20313.397%20306.439%20316.166C308.081%20319.027%20305.527%20323.695%20300.624%20327.104C302.95%20327.882%20304.546%20329.324%20304.774%20331.108C305.048%20333.305%20303.155%20335.479%20300.168%20336.829C300.327%20337.264%20300.373%20337.676%20300.282%20338.11C299.962%20339.438%20298.298%20340.261%20296.109%20340.353H295.789H295.766H268.083V340.33C267.535%20340.261%20267.148%20340.032%20267.011%20339.666C266.92%20339.415%20266.965%20339.14%20267.102%20338.865C265.643%20338.728%20264.548%20338.156%20264.183%20337.172C263.909%20336.417%20264.115%20335.548%20264.685%20334.701C260.899%20334.449%20257.98%20332.779%20257.889%20330.651C257.821%20328.729%20259.942%20327.012%20262.997%20326.234Z'%20fill='%23535967'/%3e%3cpath%20d='M294.125%20332.344C292.916%20331.2%20292.346%20329.873%20292.825%20328.957C293.418%20327.813%20295.402%20327.63%20297.522%20328.454C297.408%20328.179%20297.317%20327.882%20297.226%20327.584C296.086%20323.946%20296.747%20320.537%20298.663%20319.919C300.533%20319.324%20302.95%20321.635%20304.113%20325.113C305.071%20321.132%20307.556%20318.317%20309.7%20318.82C311.706%20319.301%20312.687%20322.527%20312.049%20326.257C314.99%20324.953%20317.818%20325.067%20318.73%20326.623C319.665%20328.248%20318.206%20330.879%20315.424%20332.802C316.746%20333.236%20317.636%20334.06%20317.772%20335.067C317.932%20336.303%20316.86%20337.538%20315.173%20338.293C315.264%20338.545%20315.287%20338.774%20315.241%20339.026C315.059%20339.781%20314.124%20340.238%20312.869%20340.284H312.687C312.687%20340.284%20312.687%20340.284%20312.664%20340.284H296.975V340.261C296.679%20340.215%20296.451%20340.101%20296.359%20339.895C296.314%20339.758%20296.337%20339.598%20296.405%20339.437C295.584%20339.346%20294.968%20339.025%20294.763%20338.476C294.604%20338.042%20294.718%20337.561%20295.06%20337.081C292.916%20336.943%20291.274%20336.005%20291.206%20334.769C291.183%20333.74%20292.392%20332.779%20294.125%20332.344Z'%20fill='%23424753'/%3e%3cpath%20d='M309.882%20142.673C309.677%20142.673%20309.495%20142.696%20309.312%20142.764C309.312%20142.673%20309.312%20142.581%20309.312%20142.49C309.312%20140.293%20307.534%20138.508%20305.344%20138.508C303.52%20138.508%20301.992%20139.721%20301.536%20141.391C301.308%20141.323%20301.08%20141.3%20300.829%20141.3C299.415%20141.3%20298.275%20142.444%20298.275%20143.863C298.275%20145.281%20299.415%20146.425%20300.829%20146.425C300.875%20146.425%20300.921%20146.425%20300.966%20146.425H309.837C310.886%20146.425%20311.707%20145.579%20311.707%20144.549C311.775%20143.519%20310.931%20142.673%20309.882%20142.673Z'%20fill='%23424753'/%3e%3cpath%20d='M240.809%2099.3101C239.738%2099.3101%20238.734%2099.6076%20237.891%20100.111C237.001%2096.2668%20233.581%2093.4065%20229.476%2093.4065C229.111%2093.4065%20228.769%2093.4294%20228.404%2093.4751C226.489%2089.1961%20222.224%2086.2214%20217.253%2086.2214C210.503%2086.2214%20205.03%2091.7132%20205.03%2098.4864C205.03%2098.555%20205.03%2098.6237%20205.03%2098.6923C204.209%2098.3033%20203.297%2098.0974%20202.339%2098.0974C198.85%2098.0974%20196.045%20100.935%20196.045%20104.413C196.045%20107.891%20198.873%20110.728%20202.339%20110.728H240.809C243.956%20110.728%20246.51%20108.166%20246.51%20105.008C246.51%20101.873%20243.956%2099.3101%20240.809%2099.3101Z'%20fill='%23424753'/%3e%3cpath%20d='M182.203%20235.482C182.91%20235.482%20183.572%20235.688%20184.119%20236.008C184.712%20233.491%20186.947%20231.592%20189.66%20231.592C189.888%20231.592%20190.139%20231.615%20190.367%20231.638C191.621%20228.823%20194.426%20226.878%20197.71%20226.878C202.157%20226.878%20205.737%20230.494%20205.737%20234.933C205.737%20234.979%20205.737%20235.025%20205.737%20235.07C206.284%20234.819%20206.877%20234.681%20207.516%20234.681C209.796%20234.681%20211.666%20236.535%20211.666%20238.846C211.666%20241.134%20209.819%20243.01%20207.516%20243.01H182.203C180.128%20243.01%20178.464%20241.317%20178.464%20239.258C178.464%20237.198%20180.128%20235.482%20182.203%20235.482Z'%20fill='%23424753'/%3e%3cpath%20d='M433.776%20317.789L433.707%20318.018C433.707%20318.041%20433.548%20318.636%20433.16%20319.368C432.795%20320.055%20432.179%20320.97%20431.199%20321.542C430.218%20322.114%20429.101%20322.229%20428.348%20322.206C427.527%20322.183%20426.934%20322.046%20426.912%20322.046L426.684%20321.977L426.752%20321.748C426.752%20321.725%20426.912%20321.13%20427.299%20320.398C427.664%20319.711%20428.28%20318.796%20429.26%20318.224C430.241%20317.652%20431.358%20317.538%20432.111%20317.561C432.932%20317.583%20433.525%20317.721%20433.548%20317.721L433.776%20317.789ZM427.276%20321.634C427.892%20321.748%20429.602%20321.931%20430.971%20321.13C432.339%20320.329%20432.977%20318.728%20433.183%20318.133C432.567%20318.018%20430.857%20317.835%20429.488%20318.636C428.143%20319.437%20427.482%20321.039%20427.276%20321.634Z'%20fill='%23535967'/%3e%3cpath%20d='M430.537%20323.258C428.371%20324.082%20425.954%20322.984%20425.954%20322.984C425.954%20322.984%20427.048%20320.558%20429.215%20319.735C431.381%20318.911%20433.798%20320.009%20433.798%20320.009C433.798%20320.009%20432.704%20322.435%20430.537%20323.258Z'%20fill='%23424753'/%3e%3cpath%20d='M425.886%20291.635V291.932C425.886%20291.955%20425.886%20292.733%20425.635%20293.717C425.407%20294.632%20424.928%20295.96%20423.925%20296.943C422.921%20297.927%20421.599%20298.408%20420.687%20298.614C419.683%20298.843%20418.931%20298.843%20418.908%20298.843H418.611V298.545C418.611%20298.522%20418.611%20297.744%20418.862%20296.76C419.09%20295.845%20419.569%20294.518%20420.573%20293.534C421.576%20292.55%20422.899%20292.07%20423.811%20291.864C424.814%20291.635%20425.567%20291.635%20425.589%20291.635H425.886ZM419.204%20298.248C419.98%20298.202%20422.1%20297.905%20423.514%20296.532C424.928%20295.136%20425.225%20293.008%20425.293%20292.23C424.518%20292.275%20422.397%20292.573%20420.983%20293.946C419.569%20295.342%20419.273%20297.47%20419.204%20298.248Z'%20fill='%23535967'/%3e%3cpath%20d='M423.605%20299.231C421.234%20300.879%20417.995%20300.307%20417.995%20300.307C417.995%20300.307%20418.588%20297.058%20420.96%20295.41C423.332%20293.763%20426.57%20294.335%20426.57%20294.335C426.57%20294.335%20425.977%20297.561%20423.605%20299.231Z'%20fill='%23424753'/%3e%3cpath%20d='M124.92%20283.947L125.102%20284.107C125.125%20284.13%20125.604%20284.541%20126.106%20285.228C126.562%20285.869%20127.155%20286.875%20127.246%20288.042C127.337%20289.209%20126.926%20290.308%20126.584%20291.017C126.197%20291.772%20125.786%20292.253%20125.786%20292.276L125.627%20292.459L125.444%20292.299C125.421%20292.276%20124.943%20291.864%20124.441%20291.177C123.962%20290.537%20123.392%20289.53%20123.301%20288.363C123.209%20287.196%20123.62%20286.097%20123.962%20285.388C124.35%20284.633%20124.76%20284.152%20124.76%20284.13L124.92%20283.947ZM125.535%20291.772C125.923%20291.246%20126.881%20289.736%20126.744%20288.088C126.607%20286.441%20125.421%20285.114%20124.965%20284.656C124.578%20285.182%20123.62%20286.692%20123.757%20288.34C123.894%20289.987%20125.079%20291.315%20125.535%20291.772Z'%20fill='%23424753'/%3e%3cpath%20d='M128.523%20289.46C128.295%20291.863%20126.197%20293.625%20126.197%20293.625C126.197%20293.625%20124.441%20291.497%20124.669%20289.094C124.897%20286.692%20126.995%20284.93%20126.995%20284.93C126.995%20284.93%20128.751%20287.058%20128.523%20289.46Z'%20fill='%23424753'/%3e%3cpath%20d='M78.7646%20311.703L78.9699%20311.68C78.9927%20311.68%2079.5172%20311.634%2080.2241%20311.772C80.8854%20311.886%2081.8204%20312.138%2082.5729%20312.801C83.3254%20313.442%2083.7131%20314.357%2083.9184%20314.975C84.1236%20315.662%2084.1692%20316.188%2084.1692%20316.211L84.192%20316.417L83.9868%20316.44C83.964%20316.44%2083.4395%20316.485%2082.7325%20316.348C82.0712%20316.234%2081.1363%20315.982%2080.3837%20315.318C79.6312%20314.678%2079.2435%20313.762%2079.0383%20313.145C78.8331%20312.458%2078.7875%20311.932%2078.7875%20311.909L78.7646%20311.703ZM83.7359%20316.028C83.6447%20315.479%2083.3482%20314.014%2082.2993%20313.099C81.2503%20312.184%2079.768%20312.092%2079.2207%20312.092C79.3119%20312.641%2079.6084%20314.106%2080.6574%20315.021C81.6836%20315.913%2083.1886%20316.028%2083.7359%20316.028Z'%20fill='%23424753'/%3e%3cpath%20d='M84.169%20312.893C85.446%20314.472%2085.218%20316.783%2085.218%20316.783C85.218%20316.783%2082.9148%20316.532%2081.6378%20314.953C80.3608%20313.374%2080.5888%20311.063%2080.5888%20311.063C80.5888%20311.063%2082.892%20311.314%2084.169%20312.893Z'%20fill='%23424753'/%3e%3cpath%20d='M364.703%20305.456H364.931C364.954%20305.456%20365.547%20305.433%20366.345%20305.616C367.074%20305.776%20368.123%20306.119%20368.922%20306.874C369.72%20307.629%20370.13%20308.659%20370.313%20309.391C370.518%20310.169%20370.541%20310.764%20370.541%20310.787V311.016H370.313C370.29%20311.016%20369.697%20311.039%20368.899%20310.856C368.169%20310.696%20367.12%20310.352%20366.322%20309.597C365.524%20308.842%20365.113%20307.812%20364.931%20307.08C364.726%20306.302%20364.703%20305.707%20364.703%20305.684V305.456ZM370.062%20310.535C369.993%20309.918%20369.72%20308.247%20368.602%20307.195C367.485%20306.119%20365.797%20305.936%20365.182%20305.913C365.25%20306.531%20365.524%20308.201%20366.641%20309.254C367.781%20310.329%20369.446%20310.512%20370.062%20310.535Z'%20fill='%23535967'/%3e%3cpath%20d='M370.7%20307.035C372.046%20308.865%20371.704%20311.428%20371.704%20311.428C371.704%20311.428%20369.15%20311.039%20367.781%20309.232C366.436%20307.401%20366.778%20304.838%20366.778%20304.838C366.778%20304.838%20369.355%20305.204%20370.7%20307.035Z'%20fill='%23424753'/%3e%3cpath%20d='M301.126%20326.211H195.087L197.026%20319.209L200.788%20305.526L203.069%20297.242L206.444%20285.023L212.92%20261.477L216.295%20249.258L239.92%20163.381H256.293L264.959%20194.844L279.918%20249.258L283.293%20261.477L289.769%20285.023L293.144%20297.242L299.187%20319.209L301.126%20326.211Z'%20fill='%23CACDD3'/%3e%3cpath%20d='M301.126%20326.212H195.087L197.026%20319.21L200.788%20305.526C274.673%20301.155%20264.936%20194.867%20264.936%20194.867L299.187%20319.21L301.126%20326.212Z'%20fill='%23AFB5C0'/%3e%3cpath%20d='M322.812%20326.212H173.401V340.468H322.812V326.212Z'%20fill='%23CACDD3'/%3e%3cpath%20d='M301.126%20326.211H195.087L197.026%20319.209H299.187L301.126%20326.211Z'%20fill='%23CACDD3'/%3e%3cpath%20d='M283.293%20261.478C283.293%20261.478%20281.081%20308.501%20227.241%20319.256L299.187%20319.21L283.293%20261.478Z'%20fill='%23979FAD'/%3e%3cpath%20d='M283.293%20261.477H212.92L216.295%20249.258H279.918L283.293%20261.477Z'%20fill='white'/%3e%3cpath%20d='M293.144%20297.242H203.069L206.444%20285.023H289.769L293.144%20297.242Z'%20fill='white'/%3e%3cpath%20d='M288.241%20326.212C288.241%20326.212%20268.448%20341.223%20195.087%20340.468H322.789V326.212H288.241Z'%20fill='%23AFB5C0'/%3e%3cpath%20d='M344.749%20345.181H149.365C148.043%20345.181%20146.971%20344.106%20146.971%20342.778V342.71C146.971%20341.383%20148.043%20340.307%20149.365%20340.307H344.749C346.072%20340.307%20347.144%20341.383%20347.144%20342.71V342.778C347.167%20344.083%20346.095%20345.181%20344.749%20345.181Z'%20fill='%23111827'/%3e%3cpath%20d='M153.083%20345.181H121.431C120.108%20345.181%20119.036%20344.106%20119.036%20342.778V342.71C119.036%20341.383%20120.108%20340.307%20121.431%20340.307H153.083C154.405%20340.307%20155.477%20341.383%20155.477%20342.71V342.778C155.477%20344.083%20154.405%20345.181%20153.083%20345.181Z'%20fill='%23111827'/%3e%3cpath%20d='M106.927%20345.181H73.6793C72.3567%20345.181%2071.2849%20344.106%2071.2849%20342.778V342.71C71.2849%20341.383%2072.3567%20340.307%2073.6793%20340.307H106.927C108.25%20340.307%20109.322%20341.383%20109.322%20342.71V342.778C109.322%20344.083%20108.25%20345.181%20106.927%20345.181Z'%20fill='%23111827'/%3e%3cpath%20d='M386.937%20345.181H359.64C358.318%20345.181%20357.246%20344.106%20357.246%20342.778V342.71C357.246%20341.383%20358.318%20340.307%20359.64%20340.307H386.937C388.259%20340.307%20389.331%20341.383%20389.331%20342.71V342.778C389.354%20344.083%20388.259%20345.181%20386.937%20345.181Z'%20fill='%23111827'/%3e%3cpath%20d='M422.625%20345.181H401.873C400.551%20345.181%20399.479%20344.106%20399.479%20342.778V342.71C399.479%20341.383%20400.551%20340.307%20401.873%20340.307H422.625C423.947%20340.307%20425.019%20341.383%20425.019%20342.71V342.778C425.019%20344.083%20423.947%20345.181%20422.625%20345.181Z'%20fill='%23111827'/%3e%3c/svg%3e",s0=({basePath:e})=>{const t=e||document.querySelector("base")?.getAttribute("href")||"/",r=Gt(),{mode:n}=_e(),i=n==="dark",s=()=>{window.location.href=t};return a.jsxs("div",{className:"bg-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0",children:[a.jsxs("div",{className:"relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]",children:[r&&!i&&a.jsx(Tr,{src:Zte,alt:"404 Error"}),r&&i&&a.jsx(Tr,{src:Yte,alt:"404 Error"})]}),a.jsx("h2",{className:"mb-2 mt-5 text-xl font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-xl min-[1780px]:mt-12 min-[1780px]:text-2xl",children:"Not Found Page"}),a.jsx("p",{className:"mb-4 px-6 max-w-full text-lg leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm",children:"Sorry, the page you are looking for does not exist. Please check the URL or go back to the home page."}),a.jsx(De,{to:t,onClick:s,children:a.jsx(he,{shape:"rounded",children:"Go to Home"})})]})},ok=({basePath:e})=>{const t=e||document.querySelector("base")?.getAttribute("href")||"/",r=Gt(),{mode:n}=_e(),i=n==="dark",s=()=>{window.location.href=t};return a.jsxs("div",{className:"bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0",children:[a.jsxs("div",{className:"flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]",children:[r&&!i&&a.jsx(B.ServerCrash,{className:"w-52 h-52 text-primary"}),r&&i&&a.jsx(B.ServerCrash,{className:"w-52 h-52 text-primary"})]}),a.jsx("h2",{className:"mb-2 mt-5 text-xl font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-xl min-[1780px]:mt-12 min-[1780px]:text-2xl",children:"Server Error Page"}),a.jsx("p",{className:"mb-4 px-6 max-w-full text-lg leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm",children:"We're experiencing server issues. Our team has been notified and is working on a fix. Please try again later or go back to the home page."}),a.jsx(De,{to:t,onClick:s,children:a.jsx(he,{shape:"rounded",children:"Go to Home"})})]})},lk=({basePath:e})=>{const t=e||document.querySelector("base")?.getAttribute("href")||"/",r=Gt(),{mode:n}=_e(),i=n==="dark",s=()=>{window.location.href=t};return a.jsxs("div",{className:"bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0",children:[a.jsxs("div",{className:"flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]",children:[r&&!i&&a.jsx(B.UserX,{className:"w-52 h-52 text-primary"}),r&&i&&a.jsx(B.UserX,{className:"w-52 h-52 text-primary"})]}),a.jsx("h2",{className:"mb-2 mt-5 text-xl font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-xl min-[1780px]:mt-12 min-[1780px]:text-2xl",children:"User Blocked Page"}),a.jsx("p",{className:"mb-4 px-6 max-w-full text-lg leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm",children:"Your account has been blocked. Please contact support for assistance or go back to the home page."}),a.jsx(De,{to:t,onClick:s,children:a.jsx(he,{shape:"rounded",children:"Go to Home"})})]})},Xte=({basePath:e})=>{const t=e||document.querySelector("base")?.getAttribute("href")||"/",r=Gt(),{mode:n}=_e(),i=n==="dark",s=()=>{window.location.href=t};return a.jsxs("div",{className:"bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0",children:[a.jsxs("div",{className:"flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]",children:[r&&!i&&a.jsx(B.HelpCircle,{className:"w-52 h-52 text-primary"}),r&&i&&a.jsx(B.HelpCircle,{className:"w-52 h-52 text-primary"})]}),a.jsx("h2",{className:"mb-2 mt-5 text-xl font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-xl min-[1780px]:mt-12 min-[1780px]:text-2xl",children:"Unknown Error Page"}),a.jsx("p",{className:"mb-4 px-6 max-w-full text-lg leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm",children:"An unknown error has occurred. Please try again later or go back to the home page."}),a.jsx(De,{to:t,onClick:s,children:a.jsx(he,{shape:"rounded",children:"Go to Home"})})]})},ck=({basePath:e})=>{const t=e||document.querySelector("base")?.getAttribute("href")||"/",r=Gt(),{mode:n}=_e(),i=n==="dark",s=()=>{window.location.href=t};return a.jsxs("div",{className:"bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0",children:[a.jsxs("div",{className:"flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]",children:[r&&!i&&a.jsx(B.RouteOff,{className:"w-52 h-52 text-primary"}),r&&i&&a.jsx(B.RouteOff,{className:"w-52 h-52 text-primary"})]}),a.jsx("h2",{className:"mb-2 mt-5 text-xl font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-xl min-[1780px]:mt-12 min-[1780px]:text-2xl",children:"No Routes"}),a.jsx("p",{className:"mb-4 px-6 max-w-full text-lg leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm",children:"Please add routes to the menuItems prop to start using the theme provider."}),a.jsx(De,{to:t,onClick:s,children:a.jsx(he,{shape:"rounded",children:"Go to Home"})})]})},dk=({basePath:e})=>{const t=e||document.querySelector("base")?.getAttribute("href")||"/",r=Gt(),{mode:n}=_e(),i=n==="dark",s=()=>{window.location.href=t};return a.jsxs("div",{className:"bg-gradient-to-b from-primary/50 to-light-dark flex h-screen w-full flex-col items-center justify-center text-center absolute top-0 left-0",children:[a.jsxs("div",{className:"flex items-center justify-center relative w-52 sm:w-[400px] xl:w-[450px] min-[1780px]:w-[500px]",children:[r&&!i&&a.jsx(B.SlidersHorizontal,{className:"w-52 h-52 text-primary"}),r&&i&&a.jsx(B.SlidersHorizontal,{className:"w-52 h-52 text-primary"})]}),a.jsx("h2",{className:"mb-2 mt-5 text-xl font-medium uppercase tracking-wide text-gray-900 dark:text-white sm:mb-4 sm:mt-10 sm:text-xl min-[1780px]:mt-12 min-[1780px]:text-2xl",children:"Disabled Page"}),a.jsx("p",{className:"mb-4 px-6 max-w-full text-lg leading-loose tracking-tight text-gray-600 dark:text-gray-400 sm:mb-6 min-[500px]:w-[80%] sm:w-[80%] md:w-[60%] lg:w-[50%] xl:w-[40%] 2xl:w-[30%] sm:text-sm",children:"This resource is currently disabled. Please contact support if you believe this is an error, or go back to the home page."}),a.jsx(De,{to:t,onClick:s,children:a.jsx(he,{shape:"rounded",children:"Go to Home"})})]})},e3=({children:e,isAuthenticated:t,loginUrl:r})=>t?a.jsx(w.Suspense,{fallback:a.jsx(i0,{loadingText:"Loading..."}),children:e}):a.jsx(Qh,{basePath:r,buttonText:"Login"}),Jte=({className:e,children:t})=>{const{lang:r,setLang:n}=_e();return a.jsxs("div",{className:V("flex items-center justify-between w-full gap-1",e),children:[a.jsx("span",{className:"text-sm font-medium",children:"Language"}),a.jsx(ii,{buttonClassName:"h-[32px]! gap-1 rounded-full!",options:ic.map(i=>({name:i.label,value:i.value})),selectedOption:{name:ic.find(i=>i.value===r)?.label||"",value:ic.find(i=>i.value===r)?.value||""},onChange:i=>n(i.value)}),t]})};function uk(e){w.useEffect(()=>{document.documentElement.dir=e},[e])}function Qte(e){const t=parseInt(e.slice(1,3),16),r=parseInt(e.slice(3,5),16),n=parseInt(e.slice(5,7),16);return`${t} ${r} ${n}`}function fk({primaryPreset:e,darkPrimaryPreset:t,secondaryPreset:r,darkSecondaryPreset:n,accentPreset:i,darkAccentPreset:s,mutedPreset:o,darkMutedPreset:l,darkBgPreset:c,lightBgPreset:d,lightDarkPreset:u,darkLightDarkPreset:f}){w.useEffect(()=>{document.documentElement.style.setProperty("--color-semantic-bg-primary",e),document.documentElement.style.setProperty("--color-semantic-dark-bg-primary",t),document.documentElement.style.setProperty("--color-semantic-bg-secondary",r),document.documentElement.style.setProperty("--color-semantic-dark-bg-secondary",n),document.documentElement.style.setProperty("--color-semantic-accent-bold-yellow",i),document.documentElement.style.setProperty("--color-semantic-dark-accent-bold-yellow",s),document.documentElement.style.setProperty("--color-semantic-fg-muted",o),document.documentElement.style.setProperty("--color-semantic-dark-fg-muted",l),document.documentElement.style.setProperty("--color-semantic-bg",d),document.documentElement.style.setProperty("--color-semantic-dark-bg",c),document.documentElement.style.setProperty("--color-semantic-bg-secondary-wash",u),document.documentElement.style.setProperty("--color-semantic-dark-bg-secondary-wash",f)},[i,s,c,f,l,t,n,d,u,o,e,r])}function pk(){const{setIsSettingsOpen:e}=_e(),{primaryPreset:t,darkPrimaryPreset:r,secondaryPreset:n,darkSecondaryPreset:i,accentPreset:s,darkAccentPreset:o,mutedPreset:l,darkMutedPreset:c,darkBgPreset:d,lightBgPreset:u,lightDarkPreset:f,darkLightDarkPreset:p,direction:h,showSettings:m}=_e();return uk(h||"ltr"),fk({primaryPreset:t?t.value:qd.value,darkPrimaryPreset:r?r.value:$d.value,secondaryPreset:n?n.value:Hd.value,darkSecondaryPreset:i?i.value:Ud.value,accentPreset:s?s.value:Wd.value,darkAccentPreset:o?o.value:Gd.value,mutedPreset:l?l.value:Kd.value,darkMutedPreset:c?c.value:Zd.value,darkBgPreset:d?d.value:Yd.value,lightBgPreset:u?u.value:Xd.value,lightDarkPreset:f?f.value:Jd.value,darkLightDarkPreset:p?p.value:Qd.value}),m?a.jsx("div",{className:"fixed top-1/2 z-40 -translate-y-1/2 ltr:right-0 rtl:left-0",children:a.jsxs("button",{className:"flex h-[48px] w-[48px] items-center justify-center text-gray-600 shadow-large backdrop-blur-sm ltr:rounded-l-lg rtl:rounded-r-lg bg-light-dark dark:text-gray-200/70",onClick:()=>e(!0),"aria-label":"Settings","aria-describedby":"Settings",title:"Settings",children:[a.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:[a.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.5565 2.10053C3.94225 2.2122 2 3.88336 2 6.5C2 9.11665 3.94225 10.7878 6.5565 10.8995C7.9246 10.9579 9.7062 11 12 11C14.2938 11 16.0754 10.9579 17.4435 10.8995C20.0578 10.7878 22 9.11665 22 6.5C22 3.88336 20.0578 2.2122 17.4435 2.10053C16.0754 2.04209 14.2938 2 12 2C9.7062 2 7.9246 2.04209 6.5565 2.10053ZM20 6.5C20 7.88071 18.8807 9 17.5 9C16.1193 9 15 7.88071 15 6.5C15 5.11929 16.1193 4 17.5 4C18.8807 4 20 5.11929 20 6.5Z",fill:"currentColor"}),a.jsx("path",{opacity:"0.4",fillRule:"evenodd",clipRule:"evenodd",d:"M17.4435 13.1005C20.0578 13.2122 22 14.8833 22 17.5C22 20.1167 20.0578 21.7878 17.4435 21.8995C16.0754 21.9579 14.2938 22 12 22C9.7062 22 7.9246 21.9579 6.5565 21.8995C3.94225 21.7878 2 20.1167 2 17.5C2 14.8833 3.94225 13.2122 6.5565 13.1005C7.9246 13.0421 9.7062 13 12 13C14.2938 13 16.0754 13.0421 17.4435 13.1005ZM4 17.5C4 18.8807 5.11929 20 6.5 20C7.88071 20 9 18.8807 9 17.5C9 16.1193 7.88071 15 6.5 15C5.11929 15 4 16.1193 4 17.5Z",fill:"currentColor"}),a.jsx("path",{opacity:"0.4",d:"M17.5 9C18.8807 9 20 7.88071 20 6.5C20 5.11929 18.8807 4 17.5 4C16.1193 4 15 5.11929 15 6.5C15 7.88071 16.1193 9 17.5 9Z",fill:"currentColor"}),a.jsx("path",{d:"M6.5 20C5.11929 20 4 18.8807 4 17.5C4 16.1193 5.11929 15 6.5 15C7.88071 15 9 16.1193 9 17.5C9 18.8807 7.88071 20 6.5 20Z",fill:"currentColor"})]}),a.jsxs("span",{className:"absolute right-[4px] top-[4px] flex h-[12px] w-[12px] items-center justify-center",children:[a.jsx("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-red-400 opacity-80"}),a.jsx("span",{className:"relative inline-flex h-[8px] w-[8px] rounded-full bg-red-500"})]})]})}):null}function t3({isOpen:e,setIsOpen:t,children:r,position:n="left",backdrop:i=!0}){const[s,o]=w.useState(!1),[l,c]=w.useState(!1);w.useEffect(()=>{if(e){document.body.style.overflow="hidden",o(!0);const h=setTimeout(()=>{c(!0)},0);return()=>clearTimeout(h)}else{c(!1);const h=setTimeout(()=>{o(!1),document.body.style.overflow=""},300);return()=>clearTimeout(h)}},[e]),w.useEffect(()=>()=>{document.body.style.overflow=""},[]);const d=h=>{h.target===h.currentTarget&&t(!1)};if(w.useEffect(()=>{const h=m=>{m.key==="Escape"&&e&&t(!1)};if(e)return document.addEventListener("keydown",h),()=>document.removeEventListener("keydown",h)},[e,t]),!s)return null;const u=V("fixed inset-0 w-screen h-screen transition-opacity duration-300 ease-out",l?"opacity-100":"opacity-0",i?"bg-gray-700/10 backdrop-blur-xs":""),f=V("fixed inset-y-0 h-screen w-full max-w-full min-[500px]:w-auto transition-transform duration-300 ease-out",n==="left"?V("ltr:left-0 rtl:right-0",l?"ltr:translate-x-0 rtl:translate-x-0":"ltr:-translate-x-full rtl:translate-x-full"):V("ltr:right-0 rtl:left-0",l?"translate-x-0":"ltr:translate-x-full rtl:-translate-x-full")),p=a.jsxs(a.Fragment,{children:[i&&a.jsx("div",{className:u,onClick:d,"aria-hidden":"true",style:{zIndex:50}}),a.jsx("div",{className:f,style:{zIndex:51},children:r})]});return xr.createPortal(p,document.body)}const $f=({size:e=60,className:t="",props:r})=>a.jsxs("svg",{width:e,height:e,viewBox:"0 0 240 240",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t,...r,children:[a.jsx("rect",{width:"240",height:"240",rx:"54"}),a.jsxs("g",{transform:"translate(40, 50)",children:[a.jsx("path",{d:"M5 28 L90 28 L80 50 L53 50 L35 120 L8 120 L26 50 L5 50 Z",className:"fill-slate-400 dark:fill-slate-600 transition-colors"}),a.jsx("path",{d:"M45 0 L130 0 L120 22 L93 22 L75 92 L48 92 L66 22 L45 22 Z",className:"fill-primary"}),a.jsxs("g",{transform:"translate(90, 95) skewX(-15)",children:[a.jsx("path",{d:"M5 0 V14 C5 17.3 7.7 20 11 20 C14.3 20 17 17.3 17 14 V0",strokeWidth:"3.5",strokeLinecap:"round",className:"stroke-slate-900 dark:stroke-slate-200"}),a.jsxs("g",{transform:"translate(30, 0)",children:[a.jsx("path",{d:"M0 5 V20",strokeWidth:"3.5",strokeLinecap:"round",className:"stroke-slate-900 dark:stroke-slate-200"}),a.jsx("rect",{x:"-2",y:"-5",width:"4",height:"4",rx:"1",className:"fill-fuchsia-500"})]})]})]})]});function mn({name:e,secondName:t,path:r,className:n,size:i="medium",logo:s=null,isoType:o=!1}){const l=i==="small"?"text-xl":i==="medium"?"text-2xl":i==="large"?"text-3xl":"text-4xl",c=i==="small"?60:i==="medium"?80:i==="large"?100:i==="xlarge"?120:i==="xxlarge"?200:80,d=u=>o?u?.[0]?.toUpperCase():u;return a.jsx(De,{to:r||"/",children:a.jsx("span",{className:V("relative flex w-full",n),children:a.jsxs("div",{className:V(!!s&&"gap-1","flex items-center flex-nowrap overflow-hidden truncate"),children:[s||(e||t?a.jsx($f,{size:c,className:`w-[${c}px] h-[${c}px]`}):a.jsx($f,{size:c,className:`w-[${c}px] h-[${c}px]`})),a.jsxs("div",{className:V(!s&&"-ml-2","flex flex-nowrap truncate items-end text-base font-medium text-gray-900 dark:text-white sm:text-xl"),children:[a.jsx(O,{tag:"span",className:V("font-semibold truncate ",l),children:d(e||(e===void 0?"TUCU":""))}),a.jsx(O,{tag:"span",className:V("font-semibold truncate text-primary",l),children:d(t||(t===void 0?"UI":""))})]})]})})})}function Hf({className:e,children:t,title:r,actionContent:n,logo:i,onClose:s}){return a.jsxs("aside",{className:V("top-0 z-40 h-full w-full max-w-full border-dashed border-gray-200 dark:border-gray-700 bg-light-dark min-[500px]:w-80 lg:w-96 xl:w-96 2xl:w-96",e),children:[a.jsxs("div",{className:"relative flex h-[96px] items-center justify-between overflow-hidden px-[24px] py-[16px] 2xl:px-[32px]",children:[!r&&a.jsx(mn,{...i}),r&&a.jsx("h2",{className:"text-lg font-medium uppercase tracking-wider text-gray-900 dark:text-white",children:r}),a.jsx(he,{title:"Close",shape:"circle",variant:"ghost",size:"mini",onClick:s,onTouchStart:s,onTouchEnd:s,children:a.jsx(Fn,{className:"h-[16px] w-[16px]",width:16,height:16})})]}),a.jsx("div",{className:"h-[calc(100%-96px)] overflow-y-auto",children:a.jsx("div",{className:"px-[24px] pb-[80px] pt-[4px]",children:t})}),n&&a.jsx("div",{className:"absolute bottom-[16px] left-0 z-10 w-full px-[24px] flex gap-[8px]",children:n})]})}const Sd=w.createContext({});function ere(e){const t=w.useRef(null);return t.current===null&&(t.current=e()),t.current}const r3=typeof window<"u",mk=r3?w.useLayoutEffect:w.useEffect,n3=w.createContext(null);function a3(e,t){e.indexOf(t)===-1&&e.push(t)}function i3(e,t){const r=e.indexOf(t);r>-1&&e.splice(r,1)}const hn=(e,t,r)=>r>t?t:r<e?e:r;function Uf(e,t){return t?`${e}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}`:e}let Cs=()=>{},Vn=()=>{};typeof process<"u"&&process.env?.NODE_ENV!=="production"&&(Cs=(e,t,r)=>{!e&&typeof console<"u"&&console.warn(Uf(t,r))},Vn=(e,t,r)=>{if(!e)throw new Error(Uf(t,r))});const Rn={},hk=e=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);function gk(e){return typeof e=="object"&&e!==null}const xk=e=>/^0[^.\s]+$/u.test(e);function s3(e){let t;return()=>(t===void 0&&(t=e()),t)}const Or=e=>e,tre=(e,t)=>r=>t(e(r)),hl=(...e)=>e.reduce(tre),Po=(e,t,r)=>{const n=t-e;return n===0?1:(r-e)/n};class o3{constructor(){this.subscriptions=[]}add(t){return a3(this.subscriptions,t),()=>i3(this.subscriptions,t)}notify(t,r,n){const i=this.subscriptions.length;if(i)if(i===1)this.subscriptions[0](t,r,n);else for(let s=0;s<i;s++){const o=this.subscriptions[s];o&&o(t,r,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const an=e=>e*1e3,Ar=e=>e/1e3;function yk(e,t){return t?e*(1e3/t):0}const fv=new Set;function l3(e,t,r){e||fv.has(t)||(console.warn(Uf(t,r)),fv.add(t))}const vk=(e,t,r)=>(((1-3*r+3*t)*e+(3*r-6*t))*e+3*t)*e,rre=1e-7,nre=12;function are(e,t,r,n,i){let s,o,l=0;do o=t+(r-t)/2,s=vk(o,n,i)-e,s>0?r=o:t=o;while(Math.abs(s)>rre&&++l<nre);return o}function gl(e,t,r,n){if(e===t&&r===n)return Or;const i=s=>are(s,0,1,e,r);return s=>s===0||s===1?s:vk(i(s),t,n)}const bk=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,wk=e=>t=>1-e(1-t),jk=gl(.33,1.53,.69,.99),c3=wk(jk),Ck=bk(c3),Nk=e=>(e*=2)<1?.5*c3(e):.5*(2-Math.pow(2,-10*(e-1))),d3=e=>1-Math.sin(Math.acos(e)),kk=wk(d3),Sk=bk(d3),ire=gl(.42,0,1,1),sre=gl(0,0,.58,1),Ek=gl(.42,0,.58,1),ore=e=>Array.isArray(e)&&typeof e[0]!="number",Pk=e=>Array.isArray(e)&&typeof e[0]=="number",pv={linear:Or,easeIn:ire,easeInOut:Ek,easeOut:sre,circIn:d3,circInOut:Sk,circOut:kk,backIn:c3,backInOut:Ck,backOut:jk,anticipate:Nk},lre=e=>typeof e=="string",mv=e=>{if(Pk(e)){Vn(e.length===4,"Cubic bezier arrays must contain four numerical values.","cubic-bezier-length");const[t,r,n,i]=e;return gl(t,r,n,i)}else if(lre(e))return Vn(pv[e]!==void 0,`Invalid easing type '${e}'`,"invalid-easing-type"),pv[e];return e},ec=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function cre(e,t){let r=new Set,n=new Set,i=!1,s=!1;const o=new WeakSet;let l={delta:0,timestamp:0,isProcessing:!1};function c(u){o.has(u)&&(d.schedule(u),e()),u(l)}const d={schedule:(u,f=!1,p=!1)=>{const m=p&&i?r:n;return f&&o.add(u),m.has(u)||m.add(u),u},cancel:u=>{n.delete(u),o.delete(u)},process:u=>{if(l=u,i){s=!0;return}i=!0,[r,n]=[n,r],r.forEach(c),r.clear(),i=!1,s&&(s=!1,d.process(u))}};return d}const dre=40;function Mk(e,t){let r=!1,n=!0;const i={delta:0,timestamp:0,isProcessing:!1},s=()=>r=!0,o=ec.reduce((b,j)=>(b[j]=cre(s),b),{}),{setup:l,read:c,resolveKeyframes:d,preUpdate:u,update:f,preRender:p,render:h,postRender:m}=o,g=()=>{const b=Rn.useManualTiming?i.timestamp:performance.now();r=!1,Rn.useManualTiming||(i.delta=n?1e3/60:Math.max(Math.min(b-i.timestamp,dre),1)),i.timestamp=b,i.isProcessing=!0,l.process(i),c.process(i),d.process(i),u.process(i),f.process(i),p.process(i),h.process(i),m.process(i),i.isProcessing=!1,r&&t&&(n=!1,e(g))},x=()=>{r=!0,n=!0,i.isProcessing||e(g)};return{schedule:ec.reduce((b,j)=>{const C=o[j];return b[j]=(N,k=!1,S=!1)=>(r||x(),C.schedule(N,k,S)),b},{}),cancel:b=>{for(let j=0;j<ec.length;j++)o[ec[j]].cancel(b)},state:i,steps:o}}const{schedule:Qe,cancel:pa,state:Vt,steps:g2}=Mk(typeof requestAnimationFrame<"u"?requestAnimationFrame:Or,!0);let fc;function ure(){fc=void 0}const Jt={now:()=>(fc===void 0&&Jt.set(Vt.isProcessing||Rn.useManualTiming?Vt.timestamp:performance.now()),fc),set:e=>{fc=e,queueMicrotask(ure)}},Ak=e=>t=>typeof t=="string"&&t.startsWith(e),u3=Ak("--"),fre=Ak("var(--"),f3=e=>fre(e)?pre.test(e.split("/*")[0].trim()):!1,pre=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;function hv(e){return typeof e!="string"?!1:e.split("/*")[0].includes("var(--")}const Ns={test:e=>typeof e=="number",parse:parseFloat,transform:e=>e},Mo={...Ns,transform:e=>hn(0,1,e)},tc={...Ns,default:1},no=e=>Math.round(e*1e5)/1e5,p3=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function mre(e){return e==null}const hre=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,m3=(e,t)=>r=>!!(typeof r=="string"&&hre.test(r)&&r.startsWith(e)||t&&!mre(r)&&Object.prototype.hasOwnProperty.call(r,t)),Tk=(e,t,r)=>n=>{if(typeof n!="string")return n;const[i,s,o,l]=n.match(p3);return{[e]:parseFloat(i),[t]:parseFloat(s),[r]:parseFloat(o),alpha:l!==void 0?parseFloat(l):1}},gre=e=>hn(0,255,e),x2={...Ns,transform:e=>Math.round(gre(e))},Ia={test:m3("rgb","red"),parse:Tk("red","green","blue"),transform:({red:e,green:t,blue:r,alpha:n=1})=>"rgba("+x2.transform(e)+", "+x2.transform(t)+", "+x2.transform(r)+", "+no(Mo.transform(n))+")"};function xre(e){let t="",r="",n="",i="";return e.length>5?(t=e.substring(1,3),r=e.substring(3,5),n=e.substring(5,7),i=e.substring(7,9)):(t=e.substring(1,2),r=e.substring(2,3),n=e.substring(3,4),i=e.substring(4,5),t+=t,r+=r,n+=n,i+=i),{red:parseInt(t,16),green:parseInt(r,16),blue:parseInt(n,16),alpha:i?parseInt(i,16)/255:1}}const Wf={test:m3("#"),parse:xre,transform:Ia.transform},xl=e=>({test:t=>typeof t=="string"&&t.endsWith(e)&&t.split(" ").length===1,parse:parseFloat,transform:t=>`${t}${e}`}),Qn=xl("deg"),sn=xl("%"),pe=xl("px"),yre=xl("vh"),vre=xl("vw"),gv={...sn,parse:e=>sn.parse(e)/100,transform:e=>sn.transform(e*100)},Oi={test:m3("hsl","hue"),parse:Tk("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:r,alpha:n=1})=>"hsla("+Math.round(e)+", "+sn.transform(no(t))+", "+sn.transform(no(r))+", "+no(Mo.transform(n))+")"},xt={test:e=>Ia.test(e)||Wf.test(e)||Oi.test(e),parse:e=>Ia.test(e)?Ia.parse(e):Oi.test(e)?Oi.parse(e):Wf.parse(e),transform:e=>typeof e=="string"?e:e.hasOwnProperty("red")?Ia.transform(e):Oi.transform(e),getAnimatableNone:e=>{const t=xt.parse(e);return t.alpha=0,xt.transform(t)}},bre=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function wre(e){return isNaN(e)&&typeof e=="string"&&(e.match(p3)?.length||0)+(e.match(bre)?.length||0)>0}const Ok="number",Lk="color",jre="var",Cre="var(",xv="${}",Nre=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function Ao(e){const t=e.toString(),r=[],n={color:[],number:[],var:[]},i=[];let s=0;const l=t.replace(Nre,c=>(xt.test(c)?(n.color.push(s),i.push(Lk),r.push(xt.parse(c))):c.startsWith(Cre)?(n.var.push(s),i.push(jre),r.push(c)):(n.number.push(s),i.push(Ok),r.push(parseFloat(c))),++s,xv)).split(xv);return{values:r,split:l,indexes:n,types:i}}function Dk(e){return Ao(e).values}function Ik(e){const{split:t,types:r}=Ao(e),n=t.length;return i=>{let s="";for(let o=0;o<n;o++)if(s+=t[o],i[o]!==void 0){const l=r[o];l===Ok?s+=no(i[o]):l===Lk?s+=xt.transform(i[o]):s+=i[o]}return s}}const kre=e=>typeof e=="number"?0:xt.test(e)?xt.getAnimatableNone(e):e;function Sre(e){const t=Dk(e);return Ik(e)(t.map(kre))}const ma={test:wre,parse:Dk,createTransformer:Ik,getAnimatableNone:Sre};function y2(e,t,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?e+(t-e)*6*r:r<1/2?t:r<2/3?e+(t-e)*(2/3-r)*6:e}function Ere({hue:e,saturation:t,lightness:r,alpha:n}){e/=360,t/=100,r/=100;let i=0,s=0,o=0;if(!t)i=s=o=r;else{const l=r<.5?r*(1+t):r+t-r*t,c=2*r-l;i=y2(c,l,e+1/3),s=y2(c,l,e),o=y2(c,l,e-1/3)}return{red:Math.round(i*255),green:Math.round(s*255),blue:Math.round(o*255),alpha:n}}function Ed(e,t){return r=>r>0?t:e}const st=(e,t,r)=>e+(t-e)*r,v2=(e,t,r)=>{const n=e*e,i=r*(t*t-n)+n;return i<0?0:Math.sqrt(i)},Pre=[Wf,Ia,Oi],Mre=e=>Pre.find(t=>t.test(e));function yv(e){const t=Mre(e);if(Cs(!!t,`'${e}' is not an animatable color. Use the equivalent color code instead.`,"color-not-animatable"),!t)return!1;let r=t.parse(e);return t===Oi&&(r=Ere(r)),r}const vv=(e,t)=>{const r=yv(e),n=yv(t);if(!r||!n)return Ed(e,t);const i={...r};return s=>(i.red=v2(r.red,n.red,s),i.green=v2(r.green,n.green,s),i.blue=v2(r.blue,n.blue,s),i.alpha=st(r.alpha,n.alpha,s),Ia.transform(i))},Gf=new Set(["none","hidden"]);function Are(e,t){return Gf.has(e)?r=>r<=0?e:t:r=>r>=1?t:e}function Tre(e,t){return r=>st(e,t,r)}function h3(e){return typeof e=="number"?Tre:typeof e=="string"?f3(e)?Ed:xt.test(e)?vv:Dre:Array.isArray(e)?zk:typeof e=="object"?xt.test(e)?vv:Ore:Ed}function zk(e,t){const r=[...e],n=r.length,i=e.map((s,o)=>h3(s)(s,t[o]));return s=>{for(let o=0;o<n;o++)r[o]=i[o](s);return r}}function Ore(e,t){const r={...e,...t},n={};for(const i in r)e[i]!==void 0&&t[i]!==void 0&&(n[i]=h3(e[i])(e[i],t[i]));return i=>{for(const s in n)r[s]=n[s](i);return r}}function Lre(e,t){const r=[],n={color:0,var:0,number:0};for(let i=0;i<t.values.length;i++){const s=t.types[i],o=e.indexes[s][n[s]],l=e.values[o]??0;r[i]=l,n[s]++}return r}const Dre=(e,t)=>{const r=ma.createTransformer(t),n=Ao(e),i=Ao(t);return n.indexes.var.length===i.indexes.var.length&&n.indexes.color.length===i.indexes.color.length&&n.indexes.number.length>=i.indexes.number.length?Gf.has(e)&&!i.values.length||Gf.has(t)&&!n.values.length?Are(e,t):hl(zk(Lre(n,i),i.values),r):(Cs(!0,`Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`,"complex-values-different"),Ed(e,t))};function Vk(e,t,r){return typeof e=="number"&&typeof t=="number"&&typeof r=="number"?st(e,t,r):h3(e)(e,t)}const Ire=e=>{const t=({timestamp:r})=>e(r);return{start:(r=!0)=>Qe.update(t,r),stop:()=>pa(t),now:()=>Vt.isProcessing?Vt.timestamp:Jt.now()}},Rk=(e,t,r=10)=>{let n="";const i=Math.max(Math.round(t/r),2);for(let s=0;s<i;s++)n+=Math.round(e(s/(i-1))*1e4)/1e4+", ";return`linear(${n.substring(0,n.length-2)})`},Pd=2e4;function g3(e){let t=0;const r=50;let n=e.next(t);for(;!n.done&&t<Pd;)t+=r,n=e.next(t);return t>=Pd?1/0:t}function zre(e,t=100,r){const n=r({...e,keyframes:[0,t]}),i=Math.min(g3(n),Pd);return{type:"keyframes",ease:s=>n.next(i*s).value/t,duration:Ar(i)}}const Vre=5;function _k(e,t,r){const n=Math.max(t-Vre,0);return yk(r-e(n),t-n)}const nt={stiffness:100,damping:10,mass:1,velocity:0,duration:800,bounce:.3,visualDuration:.3,restSpeed:{granular:.01,default:2},restDelta:{granular:.005,default:.5},minDuration:.01,maxDuration:10,minDamping:.05,maxDamping:1},b2=.001;function Rre({duration:e=nt.duration,bounce:t=nt.bounce,velocity:r=nt.velocity,mass:n=nt.mass}){let i,s;Cs(e<=an(nt.maxDuration),"Spring duration must be 10 seconds or less","spring-duration-limit");let o=1-t;o=hn(nt.minDamping,nt.maxDamping,o),e=hn(nt.minDuration,nt.maxDuration,Ar(e)),o<1?(i=d=>{const u=d*o,f=u*e,p=u-r,h=Kf(d,o),m=Math.exp(-f);return b2-p/h*m},s=d=>{const f=d*o*e,p=f*r+r,h=Math.pow(o,2)*Math.pow(d,2)*e,m=Math.exp(-f),g=Kf(Math.pow(d,2),o);return(-i(d)+b2>0?-1:1)*((p-h)*m)/g}):(i=d=>{const u=Math.exp(-d*e),f=(d-r)*e+1;return-b2+u*f},s=d=>{const u=Math.exp(-d*e),f=(r-d)*(e*e);return u*f});const l=5/e,c=Fre(i,s,l);if(e=an(e),isNaN(c))return{stiffness:nt.stiffness,damping:nt.damping,duration:e};{const d=Math.pow(c,2)*n;return{stiffness:d,damping:o*2*Math.sqrt(n*d),duration:e}}}const _re=12;function Fre(e,t,r){let n=r;for(let i=1;i<_re;i++)n=n-e(n)/t(n);return n}function Kf(e,t){return e*Math.sqrt(1-t*t)}const Bre=["duration","bounce"],qre=["stiffness","damping","mass"];function bv(e,t){return t.some(r=>e[r]!==void 0)}function $re(e){let t={velocity:nt.velocity,stiffness:nt.stiffness,damping:nt.damping,mass:nt.mass,isResolvedFromDuration:!1,...e};if(!bv(e,qre)&&bv(e,Bre))if(e.visualDuration){const r=e.visualDuration,n=2*Math.PI/(r*1.2),i=n*n,s=2*hn(.05,1,1-(e.bounce||0))*Math.sqrt(i);t={...t,mass:nt.mass,stiffness:i,damping:s}}else{const r=Rre(e);t={...t,...r,mass:nt.mass},t.isResolvedFromDuration=!0}return t}function Md(e=nt.visualDuration,t=nt.bounce){const r=typeof e!="object"?{visualDuration:e,keyframes:[0,1],bounce:t}:e;let{restSpeed:n,restDelta:i}=r;const s=r.keyframes[0],o=r.keyframes[r.keyframes.length-1],l={done:!1,value:s},{stiffness:c,damping:d,mass:u,duration:f,velocity:p,isResolvedFromDuration:h}=$re({...r,velocity:-Ar(r.velocity||0)}),m=p||0,g=d/(2*Math.sqrt(c*u)),x=o-s,y=Ar(Math.sqrt(c/u)),v=Math.abs(x)<5;n||(n=v?nt.restSpeed.granular:nt.restSpeed.default),i||(i=v?nt.restDelta.granular:nt.restDelta.default);let b;if(g<1){const C=Kf(y,g);b=N=>{const k=Math.exp(-g*y*N);return o-k*((m+g*y*x)/C*Math.sin(C*N)+x*Math.cos(C*N))}}else if(g===1)b=C=>o-Math.exp(-y*C)*(x+(m+y*x)*C);else{const C=y*Math.sqrt(g*g-1);b=N=>{const k=Math.exp(-g*y*N),S=Math.min(C*N,300);return o-k*((m+g*y*x)*Math.sinh(S)+C*x*Math.cosh(S))/C}}const j={calculatedDuration:h&&f||null,next:C=>{const N=b(C);if(h)l.done=C>=f;else{let k=C===0?m:0;g<1&&(k=C===0?an(m):_k(b,C,N));const S=Math.abs(k)<=n,E=Math.abs(o-N)<=i;l.done=S&&E}return l.value=l.done?o:N,l},toString:()=>{const C=Math.min(g3(j),Pd),N=Rk(k=>j.next(C*k).value,C,30);return C+"ms "+N},toTransition:()=>{}};return j}Md.applyToOptions=e=>{const t=zre(e,100,Md);return e.ease=t.ease,e.duration=an(t.duration),e.type="keyframes",e};function Zf({keyframes:e,velocity:t=0,power:r=.8,timeConstant:n=325,bounceDamping:i=10,bounceStiffness:s=500,modifyTarget:o,min:l,max:c,restDelta:d=.5,restSpeed:u}){const f=e[0],p={done:!1,value:f},h=S=>l!==void 0&&S<l||c!==void 0&&S>c,m=S=>l===void 0?c:c===void 0||Math.abs(l-S)<Math.abs(c-S)?l:c;let g=r*t;const x=f+g,y=o===void 0?x:o(x);y!==x&&(g=y-f);const v=S=>-g*Math.exp(-S/n),b=S=>y+v(S),j=S=>{const E=v(S),P=b(S);p.done=Math.abs(E)<=d,p.value=p.done?y:P};let C,N;const k=S=>{h(p.value)&&(C=S,N=Md({keyframes:[p.value,m(p.value)],velocity:_k(b,S,p.value),damping:i,stiffness:s,restDelta:d,restSpeed:u}))};return k(0),{calculatedDuration:null,next:S=>{let E=!1;return!N&&C===void 0&&(E=!0,j(S),k(S)),C!==void 0&&S>=C?N.next(S-C):(!E&&j(S),p)}}}function Hre(e,t,r){const n=[],i=r||Rn.mix||Vk,s=e.length-1;for(let o=0;o<s;o++){let l=i(e[o],e[o+1]);if(t){const c=Array.isArray(t)?t[o]||Or:t;l=hl(c,l)}n.push(l)}return n}function Ure(e,t,{clamp:r=!0,ease:n,mixer:i}={}){const s=e.length;if(Vn(s===t.length,"Both input and output ranges must be the same length","range-length"),s===1)return()=>t[0];if(s===2&&t[0]===t[1])return()=>t[1];const o=e[0]===e[1];e[0]>e[s-1]&&(e=[...e].reverse(),t=[...t].reverse());const l=Hre(t,n,i),c=l.length,d=u=>{if(o&&u<e[0])return t[0];let f=0;if(c>1)for(;f<e.length-2&&!(u<e[f+1]);f++);const p=Po(e[f],e[f+1],u);return l[f](p)};return r?u=>d(hn(e[0],e[s-1],u)):d}function Wre(e,t){const r=e[e.length-1];for(let n=1;n<=t;n++){const i=Po(0,t,n);e.push(st(r,1,i))}}function Gre(e){const t=[0];return Wre(t,e.length-1),t}function Kre(e,t){return e.map(r=>r*t)}function Zre(e,t){return e.map(()=>t||Ek).splice(0,e.length-1)}function Li({duration:e=300,keyframes:t,times:r,ease:n="easeInOut"}){const i=ore(n)?n.map(mv):mv(n),s={done:!1,value:t[0]},o=Kre(r&&r.length===t.length?r:Gre(t),e),l=Ure(o,t,{ease:Array.isArray(i)?i:Zre(t,i)});return{calculatedDuration:e,next:c=>(s.value=l(c),s.done=c>=e,s)}}const Yre=e=>e!==null;function x3(e,{repeat:t,repeatType:r="loop"},n,i=1){const s=e.filter(Yre),l=i<0||t&&r!=="loop"&&t%2===1?0:s.length-1;return!l||n===void 0?s[l]:n}const Xre={decay:Zf,inertia:Zf,tween:Li,keyframes:Li,spring:Md};function Fk(e){typeof e.type=="string"&&(e.type=Xre[e.type])}class y3{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(t=>{this.resolve=t})}notifyFinished(){this.resolve()}then(t,r){return this.finished.then(t,r)}}const Jre=e=>e/100;class v3 extends y3{constructor(t){super(),this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.stop=()=>{const{motionValue:r}=this.options;r&&r.updatedAt!==Jt.now()&&this.tick(Jt.now()),this.isStopped=!0,this.state!=="idle"&&(this.teardown(),this.options.onStop?.())},this.options=t,this.initAnimation(),this.play(),t.autoplay===!1&&this.pause()}initAnimation(){const{options:t}=this;Fk(t);const{type:r=Li,repeat:n=0,repeatDelay:i=0,repeatType:s,velocity:o=0}=t;let{keyframes:l}=t;const c=r||Li;process.env.NODE_ENV!=="production"&&c!==Li&&Vn(l.length<=2,`Only two keyframes currently supported with spring and inertia animations. Trying to animate ${l}`,"spring-two-frames"),c!==Li&&typeof l[0]!="number"&&(this.mixKeyframes=hl(Jre,Vk(l[0],l[1])),l=[0,100]);const d=c({...t,keyframes:l});s==="mirror"&&(this.mirroredGenerator=c({...t,keyframes:[...l].reverse(),velocity:-o})),d.calculatedDuration===null&&(d.calculatedDuration=g3(d));const{calculatedDuration:u}=d;this.calculatedDuration=u,this.resolvedDuration=u+i,this.totalDuration=this.resolvedDuration*(n+1)-i,this.generator=d}updateTime(t){const r=Math.round(t-this.startTime)*this.playbackSpeed;this.holdTime!==null?this.currentTime=this.holdTime:this.currentTime=r}tick(t,r=!1){const{generator:n,totalDuration:i,mixKeyframes:s,mirroredGenerator:o,resolvedDuration:l,calculatedDuration:c}=this;if(this.startTime===null)return n.next(0);const{delay:d=0,keyframes:u,repeat:f,repeatType:p,repeatDelay:h,type:m,onUpdate:g,finalKeyframe:x}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,t):this.speed<0&&(this.startTime=Math.min(t-i/this.speed,this.startTime)),r?this.currentTime=t:this.updateTime(t);const y=this.currentTime-d*(this.playbackSpeed>=0?1:-1),v=this.playbackSpeed>=0?y<0:y>i;this.currentTime=Math.max(y,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=i);let b=this.currentTime,j=n;if(f){const S=Math.min(this.currentTime,i)/l;let E=Math.floor(S),P=S%1;!P&&S>=1&&(P=1),P===1&&E--,E=Math.min(E,f+1),!!(E%2)&&(p==="reverse"?(P=1-P,h&&(P-=h/l)):p==="mirror"&&(j=o)),b=hn(0,1,P)*l}const C=v?{done:!1,value:u[0]}:j.next(b);s&&(C.value=s(C.value));let{done:N}=C;!v&&c!==null&&(N=this.playbackSpeed>=0?this.currentTime>=i:this.currentTime<=0);const k=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&N);return k&&m!==Zf&&(C.value=x3(u,this.options,x,this.speed)),g&&g(C.value),k&&this.finish(),C}then(t,r){return this.finished.then(t,r)}get duration(){return Ar(this.calculatedDuration)}get iterationDuration(){const{delay:t=0}=this.options||{};return this.duration+Ar(t)}get time(){return Ar(this.currentTime)}set time(t){t=an(t),this.currentTime=t,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=t:this.driver&&(this.startTime=this.driver.now()-t/this.playbackSpeed),this.driver?.start(!1)}get speed(){return this.playbackSpeed}set speed(t){this.updateTime(Jt.now());const r=this.playbackSpeed!==t;this.playbackSpeed=t,r&&(this.time=Ar(this.currentTime))}play(){if(this.isStopped)return;const{driver:t=Ire,startTime:r}=this.options;this.driver||(this.driver=t(i=>this.tick(i))),this.options.onPlay?.();const n=this.driver.now();this.state==="finished"?(this.updateFinished(),this.startTime=n):this.holdTime!==null?this.startTime=n-this.holdTime:this.startTime||(this.startTime=r??n),this.state==="finished"&&this.speed<0&&(this.startTime+=this.calculatedDuration),this.holdTime=null,this.state="running",this.driver.start()}pause(){this.state="paused",this.updateTime(Jt.now()),this.holdTime=this.currentTime}complete(){this.state!=="running"&&this.play(),this.state="finished",this.holdTime=null}finish(){this.notifyFinished(),this.teardown(),this.state="finished",this.options.onComplete?.()}cancel(){this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),this.options.onCancel?.()}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(t){return this.startTime=0,this.tick(t,!0)}attachTimeline(t){return this.options.allowFlatten&&(this.options.type="keyframes",this.options.ease="linear",this.initAnimation()),this.driver?.stop(),t.observe(this)}}function Qre(e){for(let t=1;t<e.length;t++)e[t]??(e[t]=e[t-1])}const za=e=>e*180/Math.PI,Yf=e=>{const t=za(Math.atan2(e[1],e[0]));return Xf(t)},ene={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:e=>(Math.abs(e[0])+Math.abs(e[3]))/2,rotate:Yf,rotateZ:Yf,skewX:e=>za(Math.atan(e[1])),skewY:e=>za(Math.atan(e[2])),skew:e=>(Math.abs(e[1])+Math.abs(e[2]))/2},Xf=e=>(e=e%360,e<0&&(e+=360),e),wv=Yf,jv=e=>Math.sqrt(e[0]*e[0]+e[1]*e[1]),Cv=e=>Math.sqrt(e[4]*e[4]+e[5]*e[5]),tne={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:jv,scaleY:Cv,scale:e=>(jv(e)+Cv(e))/2,rotateX:e=>Xf(za(Math.atan2(e[6],e[5]))),rotateY:e=>Xf(za(Math.atan2(-e[2],e[0]))),rotateZ:wv,rotate:wv,skewX:e=>za(Math.atan(e[4])),skewY:e=>za(Math.atan(e[1])),skew:e=>(Math.abs(e[1])+Math.abs(e[4]))/2};function Jf(e){return e.includes("scale")?1:0}function Qf(e,t){if(!e||e==="none")return Jf(t);const r=e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);let n,i;if(r)n=tne,i=r;else{const l=e.match(/^matrix\(([-\d.e\s,]+)\)$/u);n=ene,i=l}if(!i)return Jf(t);const s=n[t],o=i[1].split(",").map(nne);return typeof s=="function"?s(o):o[s]}const rne=(e,t)=>{const{transform:r="none"}=getComputedStyle(e);return Qf(r,t)};function nne(e){return parseFloat(e.trim())}const ks=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],Ss=new Set(ks),Nv=e=>e===Ns||e===pe,ane=new Set(["x","y","z"]),ine=ks.filter(e=>!ane.has(e));function sne(e){const t=[];return ine.forEach(r=>{const n=e.getValue(r);n!==void 0&&(t.push([r,n.get()]),n.set(r.startsWith("scale")?1:0))}),t}const sa={width:({x:e},{paddingLeft:t="0",paddingRight:r="0"})=>e.max-e.min-parseFloat(t)-parseFloat(r),height:({y:e},{paddingTop:t="0",paddingBottom:r="0"})=>e.max-e.min-parseFloat(t)-parseFloat(r),top:(e,{top:t})=>parseFloat(t),left:(e,{left:t})=>parseFloat(t),bottom:({y:e},{top:t})=>parseFloat(t)+(e.max-e.min),right:({x:e},{left:t})=>parseFloat(t)+(e.max-e.min),x:(e,{transform:t})=>Qf(t,"x"),y:(e,{transform:t})=>Qf(t,"y")};sa.translateX=sa.x;sa.translateY=sa.y;const $a=new Set;let ep=!1,tp=!1,rp=!1;function Bk(){if(tp){const e=Array.from($a).filter(n=>n.needsMeasurement),t=new Set(e.map(n=>n.element)),r=new Map;t.forEach(n=>{const i=sne(n);i.length&&(r.set(n,i),n.render())}),e.forEach(n=>n.measureInitialState()),t.forEach(n=>{n.render();const i=r.get(n);i&&i.forEach(([s,o])=>{n.getValue(s)?.set(o)})}),e.forEach(n=>n.measureEndState()),e.forEach(n=>{n.suspendedScrollY!==void 0&&window.scrollTo(0,n.suspendedScrollY)})}tp=!1,ep=!1,$a.forEach(e=>e.complete(rp)),$a.clear()}function qk(){$a.forEach(e=>{e.readKeyframes(),e.needsMeasurement&&(tp=!0)})}function one(){rp=!0,qk(),Bk(),rp=!1}class b3{constructor(t,r,n,i,s,o=!1){this.state="pending",this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...t],this.onComplete=r,this.name=n,this.motionValue=i,this.element=s,this.isAsync=o}scheduleResolve(){this.state="scheduled",this.isAsync?($a.add(this),ep||(ep=!0,Qe.read(qk),Qe.resolveKeyframes(Bk))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:t,name:r,element:n,motionValue:i}=this;if(t[0]===null){const s=i?.get(),o=t[t.length-1];if(s!==void 0)t[0]=s;else if(n&&r){const l=n.readValue(r,o);l!=null&&(t[0]=l)}t[0]===void 0&&(t[0]=o),i&&s===void 0&&i.set(t[0])}Qre(t)}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(t=!1){this.state="complete",this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,t),$a.delete(this)}cancel(){this.state==="scheduled"&&($a.delete(this),this.state="pending")}resume(){this.state==="pending"&&this.scheduleResolve()}}const lne=e=>e.startsWith("--");function cne(e,t,r){lne(t)?e.style.setProperty(t,r):e.style[t]=r}const dne=s3(()=>window.ScrollTimeline!==void 0),une={};function fne(e,t){const r=s3(e);return()=>une[t]??r()}const $k=fne(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch{return!1}return!0},"linearEasing"),Ks=([e,t,r,n])=>`cubic-bezier(${e}, ${t}, ${r}, ${n})`,kv={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:Ks([0,.65,.55,1]),circOut:Ks([.55,0,1,.45]),backIn:Ks([.31,.01,.66,-.59]),backOut:Ks([.33,1.53,.69,.99])};function Hk(e,t){if(e)return typeof e=="function"?$k()?Rk(e,t):"ease-out":Pk(e)?Ks(e):Array.isArray(e)?e.map(r=>Hk(r,t)||kv.easeOut):kv[e]}function pne(e,t,r,{delay:n=0,duration:i=300,repeat:s=0,repeatType:o="loop",ease:l="easeOut",times:c}={},d=void 0){const u={[t]:r};c&&(u.offset=c);const f=Hk(l,i);Array.isArray(f)&&(u.easing=f);const p={delay:n,duration:i,easing:Array.isArray(f)?"linear":f,fill:"both",iterations:s+1,direction:o==="reverse"?"alternate":"normal"};return d&&(p.pseudoElement=d),e.animate(u,p)}function Uk(e){return typeof e=="function"&&"applyToOptions"in e}function mne({type:e,...t}){return Uk(e)&&$k()?e.applyToOptions(t):(t.duration??(t.duration=300),t.ease??(t.ease="easeOut"),t)}class hne extends y3{constructor(t){if(super(),this.finishedTime=null,this.isStopped=!1,this.manualStartTime=null,!t)return;const{element:r,name:n,keyframes:i,pseudoElement:s,allowFlatten:o=!1,finalKeyframe:l,onComplete:c}=t;this.isPseudoElement=!!s,this.allowFlatten=o,this.options=t,Vn(typeof t.type!="string",`Mini animate() doesn't support "type" as a string.`,"mini-spring");const d=mne(t);this.animation=pne(r,n,i,d,s),d.autoplay===!1&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!s){const u=x3(i,this.options,l,this.speed);this.updateMotionValue?this.updateMotionValue(u):cne(r,n,u),this.animation.cancel()}c?.(),this.notifyFinished()}}play(){this.isStopped||(this.manualStartTime=null,this.animation.play(),this.state==="finished"&&this.updateFinished())}pause(){this.animation.pause()}complete(){this.animation.finish?.()}cancel(){try{this.animation.cancel()}catch{}}stop(){if(this.isStopped)return;this.isStopped=!0;const{state:t}=this;t==="idle"||t==="finished"||(this.updateMotionValue?this.updateMotionValue():this.commitStyles(),this.isPseudoElement||this.cancel())}commitStyles(){this.isPseudoElement||this.animation.commitStyles?.()}get duration(){const t=this.animation.effect?.getComputedTiming?.().duration||0;return Ar(Number(t))}get iterationDuration(){const{delay:t=0}=this.options||{};return this.duration+Ar(t)}get time(){return Ar(Number(this.animation.currentTime)||0)}set time(t){this.manualStartTime=null,this.finishedTime=null,this.animation.currentTime=an(t)}get speed(){return this.animation.playbackRate}set speed(t){t<0&&(this.finishedTime=null),this.animation.playbackRate=t}get state(){return this.finishedTime!==null?"finished":this.animation.playState}get startTime(){return this.manualStartTime??Number(this.animation.startTime)}set startTime(t){this.manualStartTime=this.animation.startTime=t}attachTimeline({timeline:t,observe:r}){return this.allowFlatten&&this.animation.effect?.updateTiming({easing:"linear"}),this.animation.onfinish=null,t&&dne()?(this.animation.timeline=t,Or):r(this)}}const Wk={anticipate:Nk,backInOut:Ck,circInOut:Sk};function gne(e){return e in Wk}function xne(e){typeof e.ease=="string"&&gne(e.ease)&&(e.ease=Wk[e.ease])}const w2=10;class yne extends hne{constructor(t){xne(t),Fk(t),super(t),t.startTime!==void 0&&(this.startTime=t.startTime),this.options=t}updateMotionValue(t){const{motionValue:r,onUpdate:n,onComplete:i,element:s,...o}=this.options;if(!r)return;if(t!==void 0){r.set(t);return}const l=new v3({...o,autoplay:!1}),c=Math.max(w2,Jt.now()-this.startTime),d=hn(0,w2,c-w2);r.setWithVelocity(l.sample(Math.max(0,c-d)).value,l.sample(c).value,d),l.stop()}}const Sv=(e,t)=>t==="zIndex"?!1:!!(typeof e=="number"||Array.isArray(e)||typeof e=="string"&&(ma.test(e)||e==="0")&&!e.startsWith("url("));function vne(e){const t=e[0];if(e.length===1)return!0;for(let r=0;r<e.length;r++)if(e[r]!==t)return!0}function bne(e,t,r,n){const i=e[0];if(i===null)return!1;if(t==="display"||t==="visibility")return!0;const s=e[e.length-1],o=Sv(i,t),l=Sv(s,t);return Cs(o===l,`You are trying to animate ${t} from "${i}" to "${s}". "${o?s:i}" is not an animatable value.`,"value-not-animatable"),!o||!l?!1:vne(e)||(r==="spring"||Uk(r))&&n}function wne(e){e.duration=0,e.type="keyframes"}const jne=new Set(["opacity","clipPath","filter","transform"]),Cne=s3(()=>Object.hasOwnProperty.call(Element.prototype,"animate"));function Nne(e){const{motionValue:t,name:r,repeatDelay:n,repeatType:i,damping:s,type:o}=e;if(!(t?.owner?.current instanceof HTMLElement))return!1;const{onUpdate:c,transformTemplate:d}=t.owner.getProps();return Cne()&&r&&jne.has(r)&&(r!=="transform"||!d)&&!c&&!n&&i!=="mirror"&&s!==0&&o!=="inertia"}const kne=40;class Sne extends y3{constructor({autoplay:t=!0,delay:r=0,type:n="keyframes",repeat:i=0,repeatDelay:s=0,repeatType:o="loop",keyframes:l,name:c,motionValue:d,element:u,...f}){super(),this.stop=()=>{this._animation&&(this._animation.stop(),this.stopTimeline?.()),this.keyframeResolver?.cancel()},this.createdAt=Jt.now();const p={autoplay:t,delay:r,type:n,repeat:i,repeatDelay:s,repeatType:o,name:c,motionValue:d,element:u,...f},h=u?.KeyframeResolver||b3;this.keyframeResolver=new h(l,(m,g,x)=>this.onKeyframesResolved(m,g,p,!x),c,d,u),this.keyframeResolver?.scheduleResolve()}onKeyframesResolved(t,r,n,i){this.keyframeResolver=void 0;const{name:s,type:o,velocity:l,delay:c,isHandoff:d,onUpdate:u}=n;this.resolvedAt=Jt.now(),bne(t,s,o,l)||((Rn.instantAnimations||!c)&&u?.(x3(t,n,r)),t[0]=t[t.length-1],wne(n),n.repeat=0);const p={startTime:i?this.resolvedAt?this.resolvedAt-this.createdAt>kne?this.resolvedAt:this.createdAt:this.createdAt:void 0,finalKeyframe:r,...n,keyframes:t},h=!d&&Nne(p)?new yne({...p,element:p.motionValue.owner.current}):new v3(p);h.finished.then(()=>this.notifyFinished()).catch(Or),this.pendingTimeline&&(this.stopTimeline=h.attachTimeline(this.pendingTimeline),this.pendingTimeline=void 0),this._animation=h}get finished(){return this._animation?this.animation.finished:this._finished}then(t,r){return this.finished.finally(t).then(()=>{})}get animation(){return this._animation||(this.keyframeResolver?.resume(),one()),this._animation}get duration(){return this.animation.duration}get iterationDuration(){return this.animation.iterationDuration}get time(){return this.animation.time}set time(t){this.animation.time=t}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(t){this.animation.speed=t}get startTime(){return this.animation.startTime}attachTimeline(t){return this._animation?this.stopTimeline=this.animation.attachTimeline(t):this.pendingTimeline=t,()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){this._animation&&this.animation.cancel(),this.keyframeResolver?.cancel()}}const Ene=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function Pne(e){const t=Ene.exec(e);if(!t)return[,];const[,r,n,i]=t;return[`--${r??n}`,i]}const Mne=4;function Gk(e,t,r=1){Vn(r<=Mne,`Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`,"max-css-var-depth");const[n,i]=Pne(e);if(!n)return;const s=window.getComputedStyle(t).getPropertyValue(n);if(s){const o=s.trim();return hk(o)?parseFloat(o):o}return f3(i)?Gk(i,t,r+1):i}function w3(e,t){return e?.[t]??e?.default??e}const Kk=new Set(["width","height","top","left","right","bottom",...ks]),Ane={test:e=>e==="auto",parse:e=>e},Zk=e=>t=>t.test(e),Yk=[Ns,pe,sn,Qn,vre,yre,Ane],Ev=e=>Yk.find(Zk(e));function Tne(e){return typeof e=="number"?e===0:e!==null?e==="none"||e==="0"||xk(e):!0}const One=new Set(["brightness","contrast","saturate","opacity"]);function Lne(e){const[t,r]=e.slice(0,-1).split("(");if(t==="drop-shadow")return e;const[n]=r.match(p3)||[];if(!n)return e;const i=r.replace(n,"");let s=One.has(t)?1:0;return n!==r&&(s*=100),t+"("+s+i+")"}const Dne=/\b([a-z-]*)\(.*?\)/gu,np={...ma,getAnimatableNone:e=>{const t=e.match(Dne);return t?t.map(Lne).join(" "):e}},Pv={...Ns,transform:Math.round},Ine={rotate:Qn,rotateX:Qn,rotateY:Qn,rotateZ:Qn,scale:tc,scaleX:tc,scaleY:tc,scaleZ:tc,skew:Qn,skewX:Qn,skewY:Qn,distance:pe,translateX:pe,translateY:pe,translateZ:pe,x:pe,y:pe,z:pe,perspective:pe,transformPerspective:pe,opacity:Mo,originX:gv,originY:gv,originZ:pe},j3={borderWidth:pe,borderTopWidth:pe,borderRightWidth:pe,borderBottomWidth:pe,borderLeftWidth:pe,borderRadius:pe,radius:pe,borderTopLeftRadius:pe,borderTopRightRadius:pe,borderBottomRightRadius:pe,borderBottomLeftRadius:pe,width:pe,maxWidth:pe,height:pe,maxHeight:pe,top:pe,right:pe,bottom:pe,left:pe,inset:pe,insetBlock:pe,insetBlockStart:pe,insetBlockEnd:pe,insetInline:pe,insetInlineStart:pe,insetInlineEnd:pe,padding:pe,paddingTop:pe,paddingRight:pe,paddingBottom:pe,paddingLeft:pe,paddingBlock:pe,paddingBlockStart:pe,paddingBlockEnd:pe,paddingInline:pe,paddingInlineStart:pe,paddingInlineEnd:pe,margin:pe,marginTop:pe,marginRight:pe,marginBottom:pe,marginLeft:pe,marginBlock:pe,marginBlockStart:pe,marginBlockEnd:pe,marginInline:pe,marginInlineStart:pe,marginInlineEnd:pe,backgroundPositionX:pe,backgroundPositionY:pe,...Ine,zIndex:Pv,fillOpacity:Mo,strokeOpacity:Mo,numOctaves:Pv},zne={...j3,color:xt,backgroundColor:xt,outlineColor:xt,fill:xt,stroke:xt,borderColor:xt,borderTopColor:xt,borderRightColor:xt,borderBottomColor:xt,borderLeftColor:xt,filter:np,WebkitFilter:np},Xk=e=>zne[e];function Jk(e,t){let r=Xk(e);return r!==np&&(r=ma),r.getAnimatableNone?r.getAnimatableNone(t):void 0}const Vne=new Set(["auto","none","0"]);function Rne(e,t,r){let n=0,i;for(;n<e.length&&!i;){const s=e[n];typeof s=="string"&&!Vne.has(s)&&Ao(s).values.length&&(i=e[n]),n++}if(i&&r)for(const s of t)e[s]=Jk(r,i)}class _ne extends b3{constructor(t,r,n,i,s){super(t,r,n,i,s,!0)}readKeyframes(){const{unresolvedKeyframes:t,element:r,name:n}=this;if(!r||!r.current)return;super.readKeyframes();for(let u=0;u<t.length;u++){let f=t[u];if(typeof f=="string"&&(f=f.trim(),f3(f))){const p=Gk(f,r.current);p!==void 0&&(t[u]=p),u===t.length-1&&(this.finalKeyframe=f)}}if(this.resolveNoneKeyframes(),!Kk.has(n)||t.length!==2)return;const[i,s]=t,o=Ev(i),l=Ev(s),c=hv(i),d=hv(s);if(c!==d&&sa[n]){this.needsMeasurement=!0;return}if(o!==l)if(Nv(o)&&Nv(l))for(let u=0;u<t.length;u++){const f=t[u];typeof f=="string"&&(t[u]=parseFloat(f))}else sa[n]&&(this.needsMeasurement=!0)}resolveNoneKeyframes(){const{unresolvedKeyframes:t,name:r}=this,n=[];for(let i=0;i<t.length;i++)(t[i]===null||Tne(t[i]))&&n.push(i);n.length&&Rne(t,n,r)}measureInitialState(){const{element:t,unresolvedKeyframes:r,name:n}=this;if(!t||!t.current)return;n==="height"&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=sa[n](t.measureViewportBox(),window.getComputedStyle(t.current)),r[0]=this.measuredOrigin;const i=r[r.length-1];i!==void 0&&t.getValue(n,i).jump(i,!1)}measureEndState(){const{element:t,name:r,unresolvedKeyframes:n}=this;if(!t||!t.current)return;const i=t.getValue(r);i&&i.jump(this.measuredOrigin,!1);const s=n.length-1,o=n[s];n[s]=sa[r](t.measureViewportBox(),window.getComputedStyle(t.current)),o!==null&&this.finalKeyframe===void 0&&(this.finalKeyframe=o),this.removedTransforms?.length&&this.removedTransforms.forEach(([l,c])=>{t.getValue(l).set(c)}),this.resolveNoneKeyframes()}}function Fne(e,t,r){if(e instanceof EventTarget)return[e];if(typeof e=="string"){let n=document;const i=r?.[e]??n.querySelectorAll(e);return i?Array.from(i):[]}return Array.from(e)}const Qk=(e,t)=>t&&typeof e=="number"?t.transform(e):e;function Bne(e){return gk(e)&&"offsetHeight"in e}const Mv=30,qne=e=>!isNaN(parseFloat(e));class $ne{constructor(t,r={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=n=>{const i=Jt.now();if(this.updatedAt!==i&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(n),this.current!==this.prev&&(this.events.change?.notify(this.current),this.dependents))for(const s of this.dependents)s.dirty()},this.hasAnimated=!1,this.setCurrent(t),this.owner=r.owner}setCurrent(t){this.current=t,this.updatedAt=Jt.now(),this.canTrackVelocity===null&&t!==void 0&&(this.canTrackVelocity=qne(this.current))}setPrevFrameValue(t=this.current){this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt}onChange(t){return process.env.NODE_ENV!=="production"&&l3(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",t)}on(t,r){this.events[t]||(this.events[t]=new o3);const n=this.events[t].add(r);return t==="change"?()=>{n(),Qe.read(()=>{this.events.change.getSize()||this.stop()})}:n}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,r){this.passiveEffect=t,this.stopPassiveEffect=r}set(t){this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t)}setWithVelocity(t,r,n){this.set(r),this.prev=void 0,this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt-n}jump(t,r=!0){this.updateAndNotify(t),this.prev=t,this.prevUpdatedAt=this.prevFrameValue=void 0,r&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){this.events.change?.notify(this.current)}addDependent(t){this.dependents||(this.dependents=new Set),this.dependents.add(t)}removeDependent(t){this.dependents&&this.dependents.delete(t)}get(){return this.current}getPrevious(){return this.prev}getVelocity(){const t=Jt.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||t-this.updatedAt>Mv)return 0;const r=Math.min(this.updatedAt-this.prevUpdatedAt,Mv);return yk(parseFloat(this.current)-parseFloat(this.prevFrameValue),r)}start(t){return this.stop(),new Promise(r=>{this.hasAnimated=!0,this.animation=t(r),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.dependents?.clear(),this.events.destroy?.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function rs(e,t){return new $ne(e,t)}const{schedule:C3}=Mk(queueMicrotask,!1),Vr={x:!1,y:!1};function eS(){return Vr.x||Vr.y}function Hne(e){return e==="x"||e==="y"?Vr[e]?null:(Vr[e]=!0,()=>{Vr[e]=!1}):Vr.x||Vr.y?null:(Vr.x=Vr.y=!0,()=>{Vr.x=Vr.y=!1})}function tS(e,t){const r=Fne(e),n=new AbortController,i={passive:!0,...t,signal:n.signal};return[r,i,()=>n.abort()]}function Av(e){return!(e.pointerType==="touch"||eS())}function Une(e,t,r={}){const[n,i,s]=tS(e,r),o=l=>{if(!Av(l))return;const{target:c}=l,d=t(c,l);if(typeof d!="function"||!c)return;const u=f=>{Av(f)&&(d(f),c.removeEventListener("pointerleave",u))};c.addEventListener("pointerleave",u,i)};return n.forEach(l=>{l.addEventListener("pointerenter",o,i)}),s}const rS=(e,t)=>t?e===t?!0:rS(e,t.parentElement):!1,N3=e=>e.pointerType==="mouse"?typeof e.button!="number"||e.button<=0:e.isPrimary!==!1,Wne=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);function Gne(e){return Wne.has(e.tagName)||e.isContentEditable===!0}const pc=new WeakSet;function Tv(e){return t=>{t.key==="Enter"&&e(t)}}function j2(e,t){e.dispatchEvent(new PointerEvent("pointer"+t,{isPrimary:!0,bubbles:!0}))}const Kne=(e,t)=>{const r=e.currentTarget;if(!r)return;const n=Tv(()=>{if(pc.has(r))return;j2(r,"down");const i=Tv(()=>{j2(r,"up")}),s=()=>j2(r,"cancel");r.addEventListener("keyup",i,t),r.addEventListener("blur",s,t)});r.addEventListener("keydown",n,t),r.addEventListener("blur",()=>r.removeEventListener("keydown",n),t)};function Ov(e){return N3(e)&&!eS()}function Zne(e,t,r={}){const[n,i,s]=tS(e,r),o=l=>{const c=l.currentTarget;if(!Ov(l))return;pc.add(c);const d=t(c,l),u=(h,m)=>{window.removeEventListener("pointerup",f),window.removeEventListener("pointercancel",p),pc.has(c)&&pc.delete(c),Ov(h)&&typeof d=="function"&&d(h,{success:m})},f=h=>{u(h,c===window||c===document||r.useGlobalTarget||rS(c,h.target))},p=h=>{u(h,!1)};window.addEventListener("pointerup",f,i),window.addEventListener("pointercancel",p,i)};return n.forEach(l=>{(r.useGlobalTarget?window:l).addEventListener("pointerdown",o,i),Bne(l)&&(l.addEventListener("focus",d=>Kne(d,i)),!Gne(l)&&!l.hasAttribute("tabindex")&&(l.tabIndex=0))}),s}function nS(e){return gk(e)&&"ownerSVGElement"in e}function Yne(e){return nS(e)&&e.tagName==="svg"}const Ht=e=>!!(e&&e.getVelocity),Xne=[...Yk,xt,ma],Jne=e=>Xne.find(Zk(e)),aS=w.createContext({transformPagePoint:e=>e,isStatic:!1,reducedMotion:"never"});function Qne(e=!0){const t=w.useContext(n3);if(t===null)return[!0,null];const{isPresent:r,onExitComplete:n,register:i}=t,s=w.useId();w.useEffect(()=>{if(e)return i(s)},[e]);const o=w.useCallback(()=>e&&n&&n(s),[s,n,e]);return!r&&n?[!1,o]:[!0]}const eae=w.createContext(null);function tae(){const e=w.useRef(!1);return mk(()=>(e.current=!0,()=>{e.current=!1}),[]),e}function rae(){const e=tae(),[t,r]=w.useState(0),n=w.useCallback(()=>{e.current&&r(t+1)},[t]);return[w.useCallback(()=>Qe.postRender(n),[n]),t]}const nae=e=>!e.isLayoutDirty&&e.willUpdate(!1);function Lv(){const e=new Set,t=new WeakMap,r=()=>e.forEach(nae);return{add:n=>{e.add(n),t.set(n,n.addEventListener("willUpdate",r))},remove:n=>{e.delete(n);const i=t.get(n);i&&(i(),t.delete(n)),r()},dirty:r}}const iS=e=>e===!0,aae=e=>iS(e===!0)||e==="id",iae=({children:e,id:t,inherit:r=!0})=>{const n=w.useContext(Sd),i=w.useContext(eae),[s,o]=rae(),l=w.useRef(null),c=n.id||i;l.current===null&&(aae(r)&&c&&(t=t?c+"-"+t:c),l.current={id:t,group:iS(r)&&n.group||Lv()});const d=w.useMemo(()=>({...l.current,forceRender:s}),[o]);return a.jsx(Sd.Provider,{value:d,children:e})},sS=w.createContext({strict:!1}),Dv={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},ns={};for(const e in Dv)ns[e]={isEnabled:t=>Dv[e].some(r=>!!t[r])};function sae(e){for(const t in e)ns[t]={...ns[t],...e[t]}}const oae=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","ignoreStrict","viewport"]);function Ad(e){return e.startsWith("while")||e.startsWith("drag")&&e!=="draggable"||e.startsWith("layout")||e.startsWith("onTap")||e.startsWith("onPan")||e.startsWith("onLayout")||oae.has(e)}let oS=e=>!Ad(e);function lae(e){typeof e=="function"&&(oS=t=>t.startsWith("on")?!Ad(t):e(t))}try{lae(require("@emotion/is-prop-valid").default)}catch{}function cae(e,t,r){const n={};for(const i in e)i==="values"&&typeof e.values=="object"||(oS(i)||r===!0&&Ad(i)||!t&&!Ad(i)||e.draggable&&i.startsWith("onDrag"))&&(n[i]=e[i]);return n}function dae(e){if(typeof Proxy>"u")return e;const t=new Map,r=(...n)=>(process.env.NODE_ENV!=="production"&&l3(!1,"motion() is deprecated. Use motion.create() instead."),e(...n));return new Proxy(r,{get:(n,i)=>i==="create"?e:(t.has(i)||t.set(i,e(i)),t.get(i))})}const o0=w.createContext({});function l0(e){return e!==null&&typeof e=="object"&&typeof e.start=="function"}function To(e){return typeof e=="string"||Array.isArray(e)}const k3=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],S3=["initial",...k3];function c0(e){return l0(e.animate)||S3.some(t=>To(e[t]))}function lS(e){return!!(c0(e)||e.variants)}function uae(e,t){if(c0(e)){const{initial:r,animate:n}=e;return{initial:r===!1||To(r)?r:void 0,animate:To(n)?n:void 0}}return e.inherit!==!1?t:{}}function fae(e){const{initial:t,animate:r}=uae(e,w.useContext(o0));return w.useMemo(()=>({initial:t,animate:r}),[Iv(t),Iv(r)])}function Iv(e){return Array.isArray(e)?e.join(" "):e}const pae=Symbol.for("motionComponentSymbol");function Di(e){return e&&typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}function mae(e,t,r){return w.useCallback(n=>{n&&e.onMount&&e.onMount(n),t&&(n?t.mount(n):t.unmount()),r&&(typeof r=="function"?r(n):Di(r)&&(r.current=n))},[t])}const E3=e=>e.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),hae="framerAppearId",cS="data-"+E3(hae),dS=w.createContext({});function gae(e,t,r,n,i){const{visualElement:s}=w.useContext(o0),o=w.useContext(sS),l=w.useContext(n3),c=w.useContext(aS).reducedMotion,d=w.useRef(null);n=n||o.renderer,!d.current&&n&&(d.current=n(e,{visualState:t,parent:s,props:r,presenceContext:l,blockInitialAnimation:l?l.initial===!1:!1,reducedMotionConfig:c}));const u=d.current,f=w.useContext(dS);u&&!u.projection&&i&&(u.type==="html"||u.type==="svg")&&xae(d.current,r,i,f);const p=w.useRef(!1);w.useInsertionEffect(()=>{u&&p.current&&u.update(r,l)});const h=r[cS],m=w.useRef(!!h&&!window.MotionHandoffIsComplete?.(h)&&window.MotionHasOptimisedAnimation?.(h));return mk(()=>{u&&(p.current=!0,window.MotionIsMounted=!0,u.updateFeatures(),C3.render(u.render),m.current&&u.animationState&&u.animationState.animateChanges())}),w.useEffect(()=>{u&&(!m.current&&u.animationState&&u.animationState.animateChanges(),m.current&&(queueMicrotask(()=>{window.MotionHandoffMarkAsComplete?.(h)}),m.current=!1))}),u}function xae(e,t,r,n){const{layoutId:i,layout:s,drag:o,dragConstraints:l,layoutScroll:c,layoutRoot:d,layoutCrossfade:u}=t;e.projection=new r(e.latestValues,t["data-framer-portal-id"]?void 0:uS(e.parent)),e.projection.setOptions({layoutId:i,layout:s,alwaysMeasureLayout:!!o||l&&Di(l),visualElement:e,animationType:typeof s=="string"?s:"both",initialPromotionConfig:n,crossfade:u,layoutScroll:c,layoutRoot:d})}function uS(e){if(e)return e.options.allowProjection!==!1?e.projection:uS(e.parent)}function yae({preloadedFeatures:e,createVisualElement:t,useRender:r,useVisualState:n,Component:i}){e&&sae(e);function s(l,c){let d;const u={...w.useContext(aS),...l,layoutId:vae(l)},{isStatic:f}=u,p=fae(l),h=n(l,f);if(!f&&r3){bae(u,e);const m=wae(u);d=m.MeasureLayout,p.visualElement=gae(i,h,u,t,m.ProjectionNode)}return a.jsxs(o0.Provider,{value:p,children:[d&&p.visualElement?a.jsx(d,{visualElement:p.visualElement,...u}):null,r(i,l,mae(h,p.visualElement,c),h,f,p.visualElement)]})}s.displayName=`motion.${typeof i=="string"?i:`create(${i.displayName??i.name??""})`}`;const o=w.forwardRef(s);return o[pae]=i,o}function vae({layoutId:e}){const t=w.useContext(Sd).id;return t&&e!==void 0?t+"-"+e:e}function bae(e,t){const r=w.useContext(sS).strict;if(process.env.NODE_ENV!=="production"&&t&&r){const n="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";e.ignoreStrict?Cs(!1,n,"lazy-strict-mode"):Vn(!1,n,"lazy-strict-mode")}}function wae(e){const{drag:t,layout:r}=ns;if(!t&&!r)return{};const n={...t,...r};return{MeasureLayout:t?.isEnabled(e)||r?.isEnabled(e)?n.MeasureLayout:void 0,ProjectionNode:n.ProjectionNode}}const Oo={};function jae(e){for(const t in e)Oo[t]=e[t],u3(t)&&(Oo[t].isCSSVariable=!0)}function fS(e,{layout:t,layoutId:r}){return Ss.has(e)||e.startsWith("origin")||(t||r!==void 0)&&(!!Oo[e]||e==="opacity")}const Cae={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},Nae=ks.length;function kae(e,t,r){let n="",i=!0;for(let s=0;s<Nae;s++){const o=ks[s],l=e[o];if(l===void 0)continue;let c=!0;if(typeof l=="number"?c=l===(o.startsWith("scale")?1:0):c=parseFloat(l)===0,!c||r){const d=Qk(l,j3[o]);if(!c){i=!1;const u=Cae[o]||o;n+=`${u}(${d}) `}r&&(t[o]=d)}}return n=n.trim(),r?n=r(t,i?"":n):i&&(n="none"),n}function P3(e,t,r){const{style:n,vars:i,transformOrigin:s}=e;let o=!1,l=!1;for(const c in t){const d=t[c];if(Ss.has(c)){o=!0;continue}else if(u3(c)){i[c]=d;continue}else{const u=Qk(d,j3[c]);c.startsWith("origin")?(l=!0,s[c]=u):n[c]=u}}if(t.transform||(o||r?n.transform=kae(t,e.transform,r):n.transform&&(n.transform="none")),l){const{originX:c="50%",originY:d="50%",originZ:u=0}=s;n.transformOrigin=`${c} ${d} ${u}`}}const M3=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function pS(e,t,r){for(const n in t)!Ht(t[n])&&!fS(n,r)&&(e[n]=t[n])}function Sae({transformTemplate:e},t){return w.useMemo(()=>{const r=M3();return P3(r,t,e),Object.assign({},r.vars,r.style)},[t])}function Eae(e,t){const r=e.style||{},n={};return pS(n,r,e),Object.assign(n,Sae(e,t)),n}function Pae(e,t){const r={},n=Eae(e,t);return e.drag&&e.dragListener!==!1&&(r.draggable=!1,n.userSelect=n.WebkitUserSelect=n.WebkitTouchCallout="none",n.touchAction=e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(r.tabIndex=0),r.style=n,r}const Mae={offset:"stroke-dashoffset",array:"stroke-dasharray"},Aae={offset:"strokeDashoffset",array:"strokeDasharray"};function Tae(e,t,r=1,n=0,i=!0){e.pathLength=1;const s=i?Mae:Aae;e[s.offset]=pe.transform(-n);const o=pe.transform(t),l=pe.transform(r);e[s.array]=`${o} ${l}`}function mS(e,{attrX:t,attrY:r,attrScale:n,pathLength:i,pathSpacing:s=1,pathOffset:o=0,...l},c,d,u){if(P3(e,l,d),c){e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox);return}e.attrs=e.style,e.style={};const{attrs:f,style:p}=e;f.transform&&(p.transform=f.transform,delete f.transform),(p.transform||f.transformOrigin)&&(p.transformOrigin=f.transformOrigin??"50% 50%",delete f.transformOrigin),p.transform&&(p.transformBox=u?.transformBox??"fill-box",delete f.transformBox),t!==void 0&&(f.x=t),r!==void 0&&(f.y=r),n!==void 0&&(f.scale=n),i!==void 0&&Tae(f,i,s,o,!1)}const hS=()=>({...M3(),attrs:{}}),gS=e=>typeof e=="string"&&e.toLowerCase()==="svg";function Oae(e,t,r,n){const i=w.useMemo(()=>{const s=hS();return mS(s,t,gS(n),e.transformTemplate,e.style),{...s.attrs,style:{...s.style}}},[t]);if(e.style){const s={};pS(s,e.style,e),i.style={...s,...i.style}}return i}const Lae=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function A3(e){return typeof e!="string"||e.includes("-")?!1:!!(Lae.indexOf(e)>-1||/[A-Z]/u.test(e))}function Dae(e=!1){return(r,n,i,{latestValues:s},o)=>{const c=(A3(r)?Oae:Pae)(n,s,o,r),d=cae(n,typeof r=="string",e),u=r!==w.Fragment?{...d,...c,ref:i}:{},{children:f}=n,p=w.useMemo(()=>Ht(f)?f.get():f,[f]);return w.createElement(r,{...u,children:p})}}function zv(e){const t=[{},{}];return e?.values.forEach((r,n)=>{t[0][n]=r.get(),t[1][n]=r.getVelocity()}),t}function T3(e,t,r,n){if(typeof t=="function"){const[i,s]=zv(n);t=t(r!==void 0?r:e.custom,i,s)}if(typeof t=="string"&&(t=e.variants&&e.variants[t]),typeof t=="function"){const[i,s]=zv(n);t=t(r!==void 0?r:e.custom,i,s)}return t}function mc(e){return Ht(e)?e.get():e}function Iae({scrapeMotionValuesFromProps:e,createRenderState:t},r,n,i){return{latestValues:zae(r,n,i,e),renderState:t()}}const xS=e=>(t,r)=>{const n=w.useContext(o0),i=w.useContext(n3),s=()=>Iae(e,t,n,i);return r?s():ere(s)};function zae(e,t,r,n){const i={},s=n(e,{});for(const p in s)i[p]=mc(s[p]);let{initial:o,animate:l}=e;const c=c0(e),d=lS(e);t&&d&&!c&&e.inherit!==!1&&(o===void 0&&(o=t.initial),l===void 0&&(l=t.animate));let u=r?r.initial===!1:!1;u=u||o===!1;const f=u?l:o;if(f&&typeof f!="boolean"&&!l0(f)){const p=Array.isArray(f)?f:[f];for(let h=0;h<p.length;h++){const m=T3(e,p[h]);if(m){const{transitionEnd:g,transition:x,...y}=m;for(const v in y){let b=y[v];if(Array.isArray(b)){const j=u?b.length-1:0;b=b[j]}b!==null&&(i[v]=b)}for(const v in g)i[v]=g[v]}}}return i}function O3(e,t,r){const{style:n}=e,i={};for(const s in n)(Ht(n[s])||t.style&&Ht(t.style[s])||fS(s,e)||r?.getValue(s)?.liveStyle!==void 0)&&(i[s]=n[s]);return i}const Vae={useVisualState:xS({scrapeMotionValuesFromProps:O3,createRenderState:M3})};function yS(e,t,r){const n=O3(e,t,r);for(const i in e)if(Ht(e[i])||Ht(t[i])){const s=ks.indexOf(i)!==-1?"attr"+i.charAt(0).toUpperCase()+i.substring(1):i;n[s]=e[i]}return n}const Rae={useVisualState:xS({scrapeMotionValuesFromProps:yS,createRenderState:hS})};function _ae(e,t){return function(n,{forwardMotionProps:i}={forwardMotionProps:!1}){const o={...A3(n)?Rae:Vae,preloadedFeatures:e,useRender:Dae(i),createVisualElement:t,Component:n};return yae(o)}}function Lo(e,t,r){const n=e.getProps();return T3(n,t,r!==void 0?r:n.custom,e)}const ap=e=>Array.isArray(e);function Fae(e,t,r){e.hasValue(t)?e.getValue(t).set(r):e.addValue(t,rs(r))}function Bae(e){return ap(e)?e[e.length-1]||0:e}function qae(e,t){const r=Lo(e,t);let{transitionEnd:n={},transition:i={},...s}=r||{};s={...s,...n};for(const o in s){const l=Bae(s[o]);Fae(e,o,l)}}function $ae(e){return!!(Ht(e)&&e.add)}function ip(e,t){const r=e.getValue("willChange");if($ae(r))return r.add(t);if(!r&&Rn.WillChange){const n=new Rn.WillChange("auto");e.addValue("willChange",n),n.add(t)}}function vS(e){return e.props[cS]}const Hae=e=>e!==null;function Uae(e,{repeat:t,repeatType:r="loop"},n){const i=e.filter(Hae),s=t&&r!=="loop"&&t%2===1?0:i.length-1;return i[s]}const Wae={type:"spring",stiffness:500,damping:25,restSpeed:10},Gae=e=>({type:"spring",stiffness:550,damping:e===0?2*Math.sqrt(550):30,restSpeed:10}),Kae={type:"keyframes",duration:.8},Zae={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},Yae=(e,{keyframes:t})=>t.length>2?Kae:Ss.has(e)?e.startsWith("scale")?Gae(t[1]):Wae:Zae;function Xae({when:e,delay:t,delayChildren:r,staggerChildren:n,staggerDirection:i,repeat:s,repeatType:o,repeatDelay:l,from:c,elapsed:d,...u}){return!!Object.keys(u).length}const L3=(e,t,r,n={},i,s)=>o=>{const l=w3(n,e)||{},c=l.delay||n.delay||0;let{elapsed:d=0}=n;d=d-an(c);const u={keyframes:Array.isArray(r)?r:[null,r],ease:"easeOut",velocity:t.getVelocity(),...l,delay:-d,onUpdate:p=>{t.set(p),l.onUpdate&&l.onUpdate(p)},onComplete:()=>{o(),l.onComplete&&l.onComplete()},name:e,motionValue:t,element:s?void 0:i};Xae(l)||Object.assign(u,Yae(e,u)),u.duration&&(u.duration=an(u.duration)),u.repeatDelay&&(u.repeatDelay=an(u.repeatDelay)),u.from!==void 0&&(u.keyframes[0]=u.from);let f=!1;if((u.type===!1||u.duration===0&&!u.repeatDelay)&&(u.duration=0,u.delay===0&&(f=!0)),(Rn.instantAnimations||Rn.skipAnimations)&&(f=!0,u.duration=0,u.delay=0),u.allowFlatten=!l.type&&!l.ease,f&&!s&&t.get()!==void 0){const p=Uae(u.keyframes,l);if(p!==void 0){Qe.update(()=>{u.onUpdate(p),u.onComplete()});return}}return l.isSync?new v3(u):new Sne(u)};function Jae({protectedKeys:e,needsAnimating:t},r){const n=e.hasOwnProperty(r)&&t[r]!==!0;return t[r]=!1,n}function bS(e,t,{delay:r=0,transitionOverride:n,type:i}={}){let{transition:s=e.getDefaultTransition(),transitionEnd:o,...l}=t;n&&(s=n);const c=[],d=i&&e.animationState&&e.animationState.getState()[i];for(const u in l){const f=e.getValue(u,e.latestValues[u]??null),p=l[u];if(p===void 0||d&&Jae(d,u))continue;const h={delay:r,...w3(s||{},u)},m=f.get();if(m!==void 0&&!f.isAnimating&&!Array.isArray(p)&&p===m&&!h.velocity)continue;let g=!1;if(window.MotionHandoffAnimation){const y=vS(e);if(y){const v=window.MotionHandoffAnimation(y,u,Qe);v!==null&&(h.startTime=v,g=!0)}}ip(e,u),f.start(L3(u,f,p,e.shouldReduceMotion&&Kk.has(u)?{type:!1}:h,e,g));const x=f.animation;x&&c.push(x)}return o&&Promise.all(c).then(()=>{Qe.update(()=>{o&&qae(e,o)})}),c}function sp(e,t,r={}){const n=Lo(e,t,r.type==="exit"?e.presenceContext?.custom:void 0);let{transition:i=e.getDefaultTransition()||{}}=n||{};r.transitionOverride&&(i=r.transitionOverride);const s=n?()=>Promise.all(bS(e,n,r)):()=>Promise.resolve(),o=e.variantChildren&&e.variantChildren.size?(c=0)=>{const{delayChildren:d=0,staggerChildren:u,staggerDirection:f}=i;return Qae(e,t,c,d,u,f,r)}:()=>Promise.resolve(),{when:l}=i;if(l){const[c,d]=l==="beforeChildren"?[s,o]:[o,s];return c().then(()=>d())}else return Promise.all([s(),o(r.delay)])}function Qae(e,t,r=0,n=0,i=0,s=1,o){const l=[],c=e.variantChildren.size,d=(c-1)*i,u=typeof n=="function",f=u?p=>n(p,c):s===1?(p=0)=>p*i:(p=0)=>d-p*i;return Array.from(e.variantChildren).sort(eie).forEach((p,h)=>{p.notify("AnimationStart",t),l.push(sp(p,t,{...o,delay:r+(u?0:n)+f(h)}).then(()=>p.notify("AnimationComplete",t)))}),Promise.all(l)}function eie(e,t){return e.sortNodePosition(t)}function tie(e,t,r={}){e.notify("AnimationStart",t);let n;if(Array.isArray(t)){const i=t.map(s=>sp(e,s,r));n=Promise.all(i)}else if(typeof t=="string")n=sp(e,t,r);else{const i=typeof t=="function"?Lo(e,t,r.custom):t;n=Promise.all(bS(e,i,r))}return n.then(()=>{e.notify("AnimationComplete",t)})}function wS(e,t){if(!Array.isArray(t))return!1;const r=t.length;if(r!==e.length)return!1;for(let n=0;n<r;n++)if(t[n]!==e[n])return!1;return!0}const rie=S3.length;function jS(e){if(!e)return;if(!e.isControllingVariants){const r=e.parent?jS(e.parent)||{}:{};return e.props.initial!==void 0&&(r.initial=e.props.initial),r}const t={};for(let r=0;r<rie;r++){const n=S3[r],i=e.props[n];(To(i)||i===!1)&&(t[n]=i)}return t}const nie=[...k3].reverse(),aie=k3.length;function iie(e){return t=>Promise.all(t.map(({animation:r,options:n})=>tie(e,r,n)))}function sie(e){let t=iie(e),r=Vv(),n=!0;const i=c=>(d,u)=>{const f=Lo(e,u,c==="exit"?e.presenceContext?.custom:void 0);if(f){const{transition:p,transitionEnd:h,...m}=f;d={...d,...m,...h}}return d};function s(c){t=c(e)}function o(c){const{props:d}=e,u=jS(e.parent)||{},f=[],p=new Set;let h={},m=1/0;for(let x=0;x<aie;x++){const y=nie[x],v=r[y],b=d[y]!==void 0?d[y]:u[y],j=To(b),C=y===c?v.isActive:null;C===!1&&(m=x);let N=b===u[y]&&b!==d[y]&&j;if(N&&n&&e.manuallyAnimateOnMount&&(N=!1),v.protectedKeys={...h},!v.isActive&&C===null||!b&&!v.prevProp||l0(b)||typeof b=="boolean")continue;const k=oie(v.prevProp,b);let S=k||y===c&&v.isActive&&!N&&j||x>m&&j,E=!1;const P=Array.isArray(b)?b:[b];let T=P.reduce(i(y),{});C===!1&&(T={});const{prevResolvedValues:A={}}=v,L={...A,...T},D=I=>{S=!0,p.has(I)&&(E=!0,p.delete(I)),v.needsAnimating[I]=!0;const _=e.getValue(I);_&&(_.liveStyle=!1)};for(const I in L){const _=T[I],q=A[I];if(h.hasOwnProperty(I))continue;let J=!1;ap(_)&&ap(q)?J=!wS(_,q):J=_!==q,J?_!=null?D(I):p.add(I):_!==void 0&&p.has(I)?D(I):v.protectedKeys[I]=!0}v.prevProp=b,v.prevResolvedValues=T,v.isActive&&(h={...h,...T}),n&&e.blockInitialAnimation&&(S=!1),S&&(!(N&&k)||E)&&f.push(...P.map(I=>({animation:I,options:{type:y}})))}if(p.size){const x={};if(typeof d.initial!="boolean"){const y=Lo(e,Array.isArray(d.initial)?d.initial[0]:d.initial);y&&y.transition&&(x.transition=y.transition)}p.forEach(y=>{const v=e.getBaseTarget(y),b=e.getValue(y);b&&(b.liveStyle=!0),x[y]=v??null}),f.push({animation:x})}let g=!!f.length;return n&&(d.initial===!1||d.initial===d.animate)&&!e.manuallyAnimateOnMount&&(g=!1),n=!1,g?t(f):Promise.resolve()}function l(c,d){if(r[c].isActive===d)return Promise.resolve();e.variantChildren?.forEach(f=>f.animationState?.setActive(c,d)),r[c].isActive=d;const u=o(c);for(const f in r)r[f].protectedKeys={};return u}return{animateChanges:o,setActive:l,setAnimateFunction:s,getState:()=>r,reset:()=>{r=Vv(),n=!0}}}function oie(e,t){return typeof t=="string"?t!==e:Array.isArray(t)?!wS(t,e):!1}function Ca(e=!1){return{isActive:e,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function Vv(){return{animate:Ca(!0),whileInView:Ca(),whileHover:Ca(),whileTap:Ca(),whileDrag:Ca(),whileFocus:Ca(),exit:Ca()}}class ya{constructor(t){this.isMounted=!1,this.node=t}update(){}}class lie extends ya{constructor(t){super(t),t.animationState||(t.animationState=sie(t))}updateAnimationControlsSubscription(){const{animate:t}=this.node.getProps();l0(t)&&(this.unmountControls=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:t}=this.node.getProps(),{animate:r}=this.node.prevProps||{};t!==r&&this.updateAnimationControlsSubscription()}unmount(){this.node.animationState.reset(),this.unmountControls?.()}}let cie=0;class die extends ya{constructor(){super(...arguments),this.id=cie++}update(){if(!this.node.presenceContext)return;const{isPresent:t,onExitComplete:r}=this.node.presenceContext,{isPresent:n}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===n)return;const i=this.node.animationState.setActive("exit",!t);r&&!t&&i.then(()=>{r(this.id)})}mount(){const{register:t,onExitComplete:r}=this.node.presenceContext||{};r&&r(this.id),t&&(this.unmount=t(this.id))}unmount(){}}const uie={animation:{Feature:lie},exit:{Feature:die}};function Do(e,t,r,n={passive:!0}){return e.addEventListener(t,r,n),()=>e.removeEventListener(t,r)}function yl(e){return{point:{x:e.pageX,y:e.pageY}}}const fie=e=>t=>N3(t)&&e(t,yl(t));function ao(e,t,r,n){return Do(e,t,fie(r),n)}function CS({top:e,left:t,right:r,bottom:n}){return{x:{min:t,max:r},y:{min:e,max:n}}}function pie({x:e,y:t}){return{top:t.min,right:e.max,bottom:t.max,left:e.min}}function mie(e,t){if(!t)return e;const r=t({x:e.left,y:e.top}),n=t({x:e.right,y:e.bottom});return{top:r.y,left:r.x,bottom:n.y,right:n.x}}const NS=1e-4,hie=1-NS,gie=1+NS,kS=.01,xie=0-kS,yie=0+kS;function Qt(e){return e.max-e.min}function vie(e,t,r){return Math.abs(e-t)<=r}function Rv(e,t,r,n=.5){e.origin=n,e.originPoint=st(t.min,t.max,e.origin),e.scale=Qt(r)/Qt(t),e.translate=st(r.min,r.max,e.origin)-e.originPoint,(e.scale>=hie&&e.scale<=gie||isNaN(e.scale))&&(e.scale=1),(e.translate>=xie&&e.translate<=yie||isNaN(e.translate))&&(e.translate=0)}function io(e,t,r,n){Rv(e.x,t.x,r.x,n?n.originX:void 0),Rv(e.y,t.y,r.y,n?n.originY:void 0)}function _v(e,t,r){e.min=r.min+t.min,e.max=e.min+Qt(t)}function bie(e,t,r){_v(e.x,t.x,r.x),_v(e.y,t.y,r.y)}function Fv(e,t,r){e.min=t.min-r.min,e.max=e.min+Qt(t)}function so(e,t,r){Fv(e.x,t.x,r.x),Fv(e.y,t.y,r.y)}const Bv=()=>({translate:0,scale:1,origin:0,originPoint:0}),Ii=()=>({x:Bv(),y:Bv()}),qv=()=>({min:0,max:0}),ct=()=>({x:qv(),y:qv()});function kr(e){return[e("x"),e("y")]}function C2(e){return e===void 0||e===1}function op({scale:e,scaleX:t,scaleY:r}){return!C2(e)||!C2(t)||!C2(r)}function Ea(e){return op(e)||SS(e)||e.z||e.rotate||e.rotateX||e.rotateY||e.skewX||e.skewY}function SS(e){return $v(e.x)||$v(e.y)}function $v(e){return e&&e!=="0%"}function Td(e,t,r){const n=e-r,i=t*n;return r+i}function Hv(e,t,r,n,i){return i!==void 0&&(e=Td(e,i,n)),Td(e,r,n)+t}function lp(e,t=0,r=1,n,i){e.min=Hv(e.min,t,r,n,i),e.max=Hv(e.max,t,r,n,i)}function ES(e,{x:t,y:r}){lp(e.x,t.translate,t.scale,t.originPoint),lp(e.y,r.translate,r.scale,r.originPoint)}const Uv=.999999999999,Wv=1.0000000000001;function wie(e,t,r,n=!1){const i=r.length;if(!i)return;t.x=t.y=1;let s,o;for(let l=0;l<i;l++){s=r[l],o=s.projectionDelta;const{visualElement:c}=s.options;c&&c.props.style&&c.props.style.display==="contents"||(n&&s.options.layoutScroll&&s.scroll&&s!==s.root&&Vi(e,{x:-s.scroll.offset.x,y:-s.scroll.offset.y}),o&&(t.x*=o.x.scale,t.y*=o.y.scale,ES(e,o)),n&&Ea(s.latestValues)&&Vi(e,s.latestValues))}t.x<Wv&&t.x>Uv&&(t.x=1),t.y<Wv&&t.y>Uv&&(t.y=1)}function zi(e,t){e.min=e.min+t,e.max=e.max+t}function Gv(e,t,r,n,i=.5){const s=st(e.min,e.max,i);lp(e,t,r,s,n)}function Vi(e,t){Gv(e.x,t.x,t.scaleX,t.scale,t.originX),Gv(e.y,t.y,t.scaleY,t.scale,t.originY)}function PS(e,t){return CS(mie(e.getBoundingClientRect(),t))}function jie(e,t,r){const n=PS(e,r),{scroll:i}=t;return i&&(zi(n.x,i.offset.x),zi(n.y,i.offset.y)),n}const MS=({current:e})=>e?e.ownerDocument.defaultView:null,Kv=(e,t)=>Math.abs(e-t);function Cie(e,t){const r=Kv(e.x,t.x),n=Kv(e.y,t.y);return Math.sqrt(r**2+n**2)}class AS{constructor(t,r,{transformPagePoint:n,contextWindow:i=window,dragSnapToOrigin:s=!1,distanceThreshold:o=3}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const p=k2(this.lastMoveEventInfo,this.history),h=this.startEvent!==null,m=Cie(p.offset,{x:0,y:0})>=this.distanceThreshold;if(!h&&!m)return;const{point:g}=p,{timestamp:x}=Vt;this.history.push({...g,timestamp:x});const{onStart:y,onMove:v}=this.handlers;h||(y&&y(this.lastMoveEvent,p),this.startEvent=this.lastMoveEvent),v&&v(this.lastMoveEvent,p)},this.handlePointerMove=(p,h)=>{this.lastMoveEvent=p,this.lastMoveEventInfo=N2(h,this.transformPagePoint),Qe.update(this.updatePoint,!0)},this.handlePointerUp=(p,h)=>{this.end();const{onEnd:m,onSessionEnd:g,resumeAnimation:x}=this.handlers;if(this.dragSnapToOrigin&&x&&x(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const y=k2(p.type==="pointercancel"?this.lastMoveEventInfo:N2(h,this.transformPagePoint),this.history);this.startEvent&&m&&m(p,y),g&&g(p,y)},!N3(t))return;this.dragSnapToOrigin=s,this.handlers=r,this.transformPagePoint=n,this.distanceThreshold=o,this.contextWindow=i||window;const l=yl(t),c=N2(l,this.transformPagePoint),{point:d}=c,{timestamp:u}=Vt;this.history=[{...d,timestamp:u}];const{onSessionStart:f}=r;f&&f(t,k2(c,this.history)),this.removeListeners=hl(ao(this.contextWindow,"pointermove",this.handlePointerMove),ao(this.contextWindow,"pointerup",this.handlePointerUp),ao(this.contextWindow,"pointercancel",this.handlePointerUp))}updateHandlers(t){this.handlers=t}end(){this.removeListeners&&this.removeListeners(),pa(this.updatePoint)}}function N2(e,t){return t?{point:t(e.point)}:e}function Zv(e,t){return{x:e.x-t.x,y:e.y-t.y}}function k2({point:e},t){return{point:e,delta:Zv(e,TS(t)),offset:Zv(e,Nie(t)),velocity:kie(t,.1)}}function Nie(e){return e[0]}function TS(e){return e[e.length-1]}function kie(e,t){if(e.length<2)return{x:0,y:0};let r=e.length-1,n=null;const i=TS(e);for(;r>=0&&(n=e[r],!(i.timestamp-n.timestamp>an(t)));)r--;if(!n)return{x:0,y:0};const s=Ar(i.timestamp-n.timestamp);if(s===0)return{x:0,y:0};const o={x:(i.x-n.x)/s,y:(i.y-n.y)/s};return o.x===1/0&&(o.x=0),o.y===1/0&&(o.y=0),o}function Sie(e,{min:t,max:r},n){return t!==void 0&&e<t?e=n?st(t,e,n.min):Math.max(e,t):r!==void 0&&e>r&&(e=n?st(r,e,n.max):Math.min(e,r)),e}function Yv(e,t,r){return{min:t!==void 0?e.min+t:void 0,max:r!==void 0?e.max+r-(e.max-e.min):void 0}}function Eie(e,{top:t,left:r,bottom:n,right:i}){return{x:Yv(e.x,r,i),y:Yv(e.y,t,n)}}function Xv(e,t){let r=t.min-e.min,n=t.max-e.max;return t.max-t.min<e.max-e.min&&([r,n]=[n,r]),{min:r,max:n}}function Pie(e,t){return{x:Xv(e.x,t.x),y:Xv(e.y,t.y)}}function Mie(e,t){let r=.5;const n=Qt(e),i=Qt(t);return i>n?r=Po(t.min,t.max-n,e.min):n>i&&(r=Po(e.min,e.max-i,t.min)),hn(0,1,r)}function Aie(e,t){const r={};return t.min!==void 0&&(r.min=t.min-e.min),t.max!==void 0&&(r.max=t.max-e.min),r}const cp=.35;function Tie(e=cp){return e===!1?e=0:e===!0&&(e=cp),{x:Jv(e,"left","right"),y:Jv(e,"top","bottom")}}function Jv(e,t,r){return{min:Qv(e,t),max:Qv(e,r)}}function Qv(e,t){return typeof e=="number"?e:e[t]||0}const Oie=new WeakMap;class Lie{constructor(t){this.openDragLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=ct(),this.latestPointerEvent=null,this.latestPanInfo=null,this.visualElement=t}start(t,{snapToCursor:r=!1,distanceThreshold:n}={}){const{presenceContext:i}=this.visualElement;if(i&&i.isPresent===!1)return;const s=f=>{const{dragSnapToOrigin:p}=this.getProps();p?this.pauseAnimation():this.stopAnimation(),r&&this.snapToCursor(yl(f).point)},o=(f,p)=>{const{drag:h,dragPropagation:m,onDragStart:g}=this.getProps();if(h&&!m&&(this.openDragLock&&this.openDragLock(),this.openDragLock=Hne(h),!this.openDragLock))return;this.latestPointerEvent=f,this.latestPanInfo=p,this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),kr(y=>{let v=this.getAxisMotionValue(y).get()||0;if(sn.test(v)){const{projection:b}=this.visualElement;if(b&&b.layout){const j=b.layout.layoutBox[y];j&&(v=Qt(j)*(parseFloat(v)/100))}}this.originPoint[y]=v}),g&&Qe.postRender(()=>g(f,p)),ip(this.visualElement,"transform");const{animationState:x}=this.visualElement;x&&x.setActive("whileDrag",!0)},l=(f,p)=>{this.latestPointerEvent=f,this.latestPanInfo=p;const{dragPropagation:h,dragDirectionLock:m,onDirectionLock:g,onDrag:x}=this.getProps();if(!h&&!this.openDragLock)return;const{offset:y}=p;if(m&&this.currentDirection===null){this.currentDirection=Die(y),this.currentDirection!==null&&g&&g(this.currentDirection);return}this.updateAxis("x",p.point,y),this.updateAxis("y",p.point,y),this.visualElement.render(),x&&x(f,p)},c=(f,p)=>{this.latestPointerEvent=f,this.latestPanInfo=p,this.stop(f,p),this.latestPointerEvent=null,this.latestPanInfo=null},d=()=>kr(f=>this.getAnimationState(f)==="paused"&&this.getAxisMotionValue(f).animation?.play()),{dragSnapToOrigin:u}=this.getProps();this.panSession=new AS(t,{onSessionStart:s,onStart:o,onMove:l,onSessionEnd:c,resumeAnimation:d},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:u,distanceThreshold:n,contextWindow:MS(this.visualElement)})}stop(t,r){const n=t||this.latestPointerEvent,i=r||this.latestPanInfo,s=this.isDragging;if(this.cancel(),!s||!i||!n)return;const{velocity:o}=i;this.startAnimation(o);const{onDragEnd:l}=this.getProps();l&&Qe.postRender(()=>l(n,i))}cancel(){this.isDragging=!1;const{projection:t,animationState:r}=this.visualElement;t&&(t.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:n}=this.getProps();!n&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),r&&r.setActive("whileDrag",!1)}updateAxis(t,r,n){const{drag:i}=this.getProps();if(!n||!rc(t,i,this.currentDirection))return;const s=this.getAxisMotionValue(t);let o=this.originPoint[t]+n[t];this.constraints&&this.constraints[t]&&(o=Sie(o,this.constraints[t],this.elastic[t])),s.set(o)}resolveConstraints(){const{dragConstraints:t,dragElastic:r}=this.getProps(),n=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):this.visualElement.projection?.layout,i=this.constraints;t&&Di(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):t&&n?this.constraints=Eie(n.layoutBox,t):this.constraints=!1,this.elastic=Tie(r),i!==this.constraints&&n&&this.constraints&&!this.hasMutatedConstraints&&kr(s=>{this.constraints!==!1&&this.getAxisMotionValue(s)&&(this.constraints[s]=Aie(n.layoutBox[s],this.constraints[s]))})}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:r}=this.getProps();if(!t||!Di(t))return!1;const n=t.current;Vn(n!==null,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.","drag-constraints-ref");const{projection:i}=this.visualElement;if(!i||!i.layout)return!1;const s=jie(n,i.root,this.visualElement.getTransformPagePoint());let o=Pie(i.layout.layoutBox,s);if(r){const l=r(pie(o));this.hasMutatedConstraints=!!l,l&&(o=CS(l))}return o}startAnimation(t){const{drag:r,dragMomentum:n,dragElastic:i,dragTransition:s,dragSnapToOrigin:o,onDragTransitionEnd:l}=this.getProps(),c=this.constraints||{},d=kr(u=>{if(!rc(u,r,this.currentDirection))return;let f=c&&c[u]||{};o&&(f={min:0,max:0});const p=i?200:1e6,h=i?40:1e7,m={type:"inertia",velocity:n?t[u]:0,bounceStiffness:p,bounceDamping:h,timeConstant:750,restDelta:1,restSpeed:10,...s,...f};return this.startAxisValueAnimation(u,m)});return Promise.all(d).then(l)}startAxisValueAnimation(t,r){const n=this.getAxisMotionValue(t);return ip(this.visualElement,t),n.start(L3(t,n,0,r,this.visualElement,!1))}stopAnimation(){kr(t=>this.getAxisMotionValue(t).stop())}pauseAnimation(){kr(t=>this.getAxisMotionValue(t).animation?.pause())}getAnimationState(t){return this.getAxisMotionValue(t).animation?.state}getAxisMotionValue(t){const r=`_drag${t.toUpperCase()}`,n=this.visualElement.getProps(),i=n[r];return i||this.visualElement.getValue(t,(n.initial?n.initial[t]:void 0)||0)}snapToCursor(t){kr(r=>{const{drag:n}=this.getProps();if(!rc(r,n,this.currentDirection))return;const{projection:i}=this.visualElement,s=this.getAxisMotionValue(r);if(i&&i.layout){const{min:o,max:l}=i.layout.layoutBox[r];s.set(t[r]-st(o,l,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:t,dragConstraints:r}=this.getProps(),{projection:n}=this.visualElement;if(!Di(r)||!n||!this.constraints)return;this.stopAnimation();const i={x:0,y:0};kr(o=>{const l=this.getAxisMotionValue(o);if(l&&this.constraints!==!1){const c=l.get();i[o]=Mie({min:c,max:c},this.constraints[o])}});const{transformTemplate:s}=this.visualElement.getProps();this.visualElement.current.style.transform=s?s({},""):"none",n.root&&n.root.updateScroll(),n.updateLayout(),this.resolveConstraints(),kr(o=>{if(!rc(o,t,null))return;const l=this.getAxisMotionValue(o),{min:c,max:d}=this.constraints[o];l.set(st(c,d,i[o]))})}addListeners(){if(!this.visualElement.current)return;Oie.set(this.visualElement,this);const t=this.visualElement.current,r=ao(t,"pointerdown",c=>{const{drag:d,dragListener:u=!0}=this.getProps();d&&u&&this.start(c)}),n=()=>{const{dragConstraints:c}=this.getProps();Di(c)&&c.current&&(this.constraints=this.resolveRefConstraints())},{projection:i}=this.visualElement,s=i.addEventListener("measure",n);i&&!i.layout&&(i.root&&i.root.updateScroll(),i.updateLayout()),Qe.read(n);const o=Do(window,"resize",()=>this.scalePositionWithinConstraints()),l=i.addEventListener("didUpdate",(({delta:c,hasLayoutChanged:d})=>{this.isDragging&&d&&(kr(u=>{const f=this.getAxisMotionValue(u);f&&(this.originPoint[u]+=c[u].translate,f.set(f.get()+c[u].translate))}),this.visualElement.render())}));return()=>{o(),r(),s(),l&&l()}}getProps(){const t=this.visualElement.getProps(),{drag:r=!1,dragDirectionLock:n=!1,dragPropagation:i=!1,dragConstraints:s=!1,dragElastic:o=cp,dragMomentum:l=!0}=t;return{...t,drag:r,dragDirectionLock:n,dragPropagation:i,dragConstraints:s,dragElastic:o,dragMomentum:l}}}function rc(e,t,r){return(t===!0||t===e)&&(r===null||r===e)}function Die(e,t=10){let r=null;return Math.abs(e.y)>t?r="y":Math.abs(e.x)>t&&(r="x"),r}class Iie extends ya{constructor(t){super(t),this.removeGroupControls=Or,this.removeListeners=Or,this.controls=new Lie(t)}mount(){const{dragControls:t}=this.node.getProps();t&&(this.removeGroupControls=t.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||Or}unmount(){this.removeGroupControls(),this.removeListeners()}}const e8=e=>(t,r)=>{e&&Qe.postRender(()=>e(t,r))};class zie extends ya{constructor(){super(...arguments),this.removePointerDownListener=Or}onPointerDown(t){this.session=new AS(t,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:MS(this.node)})}createPanHandlers(){const{onPanSessionStart:t,onPanStart:r,onPan:n,onPanEnd:i}=this.node.getProps();return{onSessionStart:e8(t),onStart:e8(r),onMove:n,onEnd:(s,o)=>{delete this.session,i&&Qe.postRender(()=>i(s,o))}}}mount(){this.removePointerDownListener=ao(this.node.current,"pointerdown",t=>this.onPointerDown(t))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}const hc={hasAnimatedSinceResize:!0,hasEverUpdated:!1};function t8(e,t){return t.max===t.min?0:e/(t.max-t.min)*100}const Bs={correct:(e,t)=>{if(!t.target)return e;if(typeof e=="string")if(pe.test(e))e=parseFloat(e);else return e;const r=t8(e,t.target.x),n=t8(e,t.target.y);return`${r}% ${n}%`}},Vie={correct:(e,{treeScale:t,projectionDelta:r})=>{const n=e,i=ma.parse(e);if(i.length>5)return n;const s=ma.createTransformer(e),o=typeof i[0]!="number"?1:0,l=r.x.scale*t.x,c=r.y.scale*t.y;i[0+o]/=l,i[1+o]/=c;const d=st(l,c,.5);return typeof i[2+o]=="number"&&(i[2+o]/=d),typeof i[3+o]=="number"&&(i[3+o]/=d),s(i)}};let r8=!1;class Rie extends w.Component{componentDidMount(){const{visualElement:t,layoutGroup:r,switchLayoutGroup:n,layoutId:i}=this.props,{projection:s}=t;jae(_ie),s&&(r.group&&r.group.add(s),n&&n.register&&i&&n.register(s),r8&&s.root.didUpdate(),s.addEventListener("animationComplete",()=>{this.safeToRemove()}),s.setOptions({...s.options,onExitComplete:()=>this.safeToRemove()})),hc.hasEverUpdated=!0}getSnapshotBeforeUpdate(t){const{layoutDependency:r,visualElement:n,drag:i,isPresent:s}=this.props,{projection:o}=n;return o&&(o.isPresent=s,r8=!0,i||t.layoutDependency!==r||r===void 0||t.isPresent!==s?o.willUpdate():this.safeToRemove(),t.isPresent!==s&&(s?o.promote():o.relegate()||Qe.postRender(()=>{const l=o.getStack();(!l||!l.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:t}=this.props.visualElement;t&&(t.root.didUpdate(),C3.postRender(()=>{!t.currentAnimation&&t.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:t,layoutGroup:r,switchLayoutGroup:n}=this.props,{projection:i}=t;i&&(i.scheduleCheckAfterUnmount(),r&&r.group&&r.group.remove(i),n&&n.deregister&&n.deregister(i))}safeToRemove(){const{safeToRemove:t}=this.props;t&&t()}render(){return null}}function OS(e){const[t,r]=Qne(),n=w.useContext(Sd);return a.jsx(Rie,{...e,layoutGroup:n,switchLayoutGroup:w.useContext(dS),isPresent:t,safeToRemove:r})}const _ie={borderRadius:{...Bs,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:Bs,borderTopRightRadius:Bs,borderBottomLeftRadius:Bs,borderBottomRightRadius:Bs,boxShadow:Vie};function Fie(e,t,r){const n=Ht(e)?e:rs(e);return n.start(L3("",n,t,r)),n.animation}const Bie=(e,t)=>e.depth-t.depth;class qie{constructor(){this.children=[],this.isDirty=!1}add(t){a3(this.children,t),this.isDirty=!0}remove(t){i3(this.children,t),this.isDirty=!0}forEach(t){this.isDirty&&this.children.sort(Bie),this.isDirty=!1,this.children.forEach(t)}}function $ie(e,t){const r=Jt.now(),n=({timestamp:i})=>{const s=i-r;s>=t&&(pa(n),e(s-t))};return Qe.setup(n,!0),()=>pa(n)}const LS=["TopLeft","TopRight","BottomLeft","BottomRight"],Hie=LS.length,n8=e=>typeof e=="string"?parseFloat(e):e,a8=e=>typeof e=="number"||pe.test(e);function Uie(e,t,r,n,i,s){i?(e.opacity=st(0,r.opacity??1,Wie(n)),e.opacityExit=st(t.opacity??1,0,Gie(n))):s&&(e.opacity=st(t.opacity??1,r.opacity??1,n));for(let o=0;o<Hie;o++){const l=`border${LS[o]}Radius`;let c=i8(t,l),d=i8(r,l);if(c===void 0&&d===void 0)continue;c||(c=0),d||(d=0),c===0||d===0||a8(c)===a8(d)?(e[l]=Math.max(st(n8(c),n8(d),n),0),(sn.test(d)||sn.test(c))&&(e[l]+="%")):e[l]=d}(t.rotate||r.rotate)&&(e.rotate=st(t.rotate||0,r.rotate||0,n))}function i8(e,t){return e[t]!==void 0?e[t]:e.borderRadius}const Wie=DS(0,.5,kk),Gie=DS(.5,.95,Or);function DS(e,t,r){return n=>n<e?0:n>t?1:r(Po(e,t,n))}function s8(e,t){e.min=t.min,e.max=t.max}function jr(e,t){s8(e.x,t.x),s8(e.y,t.y)}function o8(e,t){e.translate=t.translate,e.scale=t.scale,e.originPoint=t.originPoint,e.origin=t.origin}function l8(e,t,r,n,i){return e-=t,e=Td(e,1/r,n),i!==void 0&&(e=Td(e,1/i,n)),e}function Kie(e,t=0,r=1,n=.5,i,s=e,o=e){if(sn.test(t)&&(t=parseFloat(t),t=st(o.min,o.max,t/100)-o.min),typeof t!="number")return;let l=st(s.min,s.max,n);e===s&&(l-=t),e.min=l8(e.min,t,r,l,i),e.max=l8(e.max,t,r,l,i)}function c8(e,t,[r,n,i],s,o){Kie(e,t[r],t[n],t[i],t.scale,s,o)}const Zie=["x","scaleX","originX"],Yie=["y","scaleY","originY"];function d8(e,t,r,n){c8(e.x,t,Zie,r?r.x:void 0,n?n.x:void 0),c8(e.y,t,Yie,r?r.y:void 0,n?n.y:void 0)}function u8(e){return e.translate===0&&e.scale===1}function IS(e){return u8(e.x)&&u8(e.y)}function f8(e,t){return e.min===t.min&&e.max===t.max}function Xie(e,t){return f8(e.x,t.x)&&f8(e.y,t.y)}function p8(e,t){return Math.round(e.min)===Math.round(t.min)&&Math.round(e.max)===Math.round(t.max)}function zS(e,t){return p8(e.x,t.x)&&p8(e.y,t.y)}function m8(e){return Qt(e.x)/Qt(e.y)}function h8(e,t){return e.translate===t.translate&&e.scale===t.scale&&e.originPoint===t.originPoint}class Jie{constructor(){this.members=[]}add(t){a3(this.members,t),t.scheduleRender()}remove(t){if(i3(this.members,t),t===this.prevLead&&(this.prevLead=void 0),t===this.lead){const r=this.members[this.members.length-1];r&&this.promote(r)}}relegate(t){const r=this.members.findIndex(i=>t===i);if(r===0)return!1;let n;for(let i=r;i>=0;i--){const s=this.members[i];if(s.isPresent!==!1){n=s;break}}return n?(this.promote(n),!0):!1}promote(t,r){const n=this.lead;if(t!==n&&(this.prevLead=n,this.lead=t,t.show(),n)){n.instance&&n.scheduleRender(),t.scheduleRender(),t.resumeFrom=n,r&&(t.resumeFrom.preserveOpacity=!0),n.snapshot&&(t.snapshot=n.snapshot,t.snapshot.latestValues=n.animationValues||n.latestValues),t.root&&t.root.isUpdating&&(t.isLayoutDirty=!0);const{crossfade:i}=t.options;i===!1&&n.hide()}}exitAnimationComplete(){this.members.forEach(t=>{const{options:r,resumingFrom:n}=t;r.onExitComplete&&r.onExitComplete(),n&&n.options.onExitComplete&&n.options.onExitComplete()})}scheduleRender(){this.members.forEach(t=>{t.instance&&t.scheduleRender(!1)})}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function Qie(e,t,r){let n="";const i=e.x.translate/t.x,s=e.y.translate/t.y,o=r?.z||0;if((i||s||o)&&(n=`translate3d(${i}px, ${s}px, ${o}px) `),(t.x!==1||t.y!==1)&&(n+=`scale(${1/t.x}, ${1/t.y}) `),r){const{transformPerspective:d,rotate:u,rotateX:f,rotateY:p,skewX:h,skewY:m}=r;d&&(n=`perspective(${d}px) ${n}`),u&&(n+=`rotate(${u}deg) `),f&&(n+=`rotateX(${f}deg) `),p&&(n+=`rotateY(${p}deg) `),h&&(n+=`skewX(${h}deg) `),m&&(n+=`skewY(${m}deg) `)}const l=e.x.scale*t.x,c=e.y.scale*t.y;return(l!==1||c!==1)&&(n+=`scale(${l}, ${c})`),n||"none"}const S2=["","X","Y","Z"],ese=1e3;let tse=0;function E2(e,t,r,n){const{latestValues:i}=t;i[e]&&(r[e]=i[e],t.setStaticValue(e,0),n&&(n[e]=0))}function VS(e){if(e.hasCheckedOptimisedAppear=!0,e.root===e)return;const{visualElement:t}=e.options;if(!t)return;const r=vS(t);if(window.MotionHasOptimisedAnimation(r,"transform")){const{layout:i,layoutId:s}=e.options;window.MotionCancelOptimisedAnimation(r,"transform",Qe,!(i||s))}const{parent:n}=e;n&&!n.hasCheckedOptimisedAppear&&VS(n)}function RS({attachResizeListener:e,defaultParent:t,measureScroll:r,checkIsScrollRoot:n,resetTransform:i}){return class{constructor(o={},l=t?.()){this.id=tse++,this.animationId=0,this.animationCommitId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.hasCheckedOptimisedAppear=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.updateScheduled=!1,this.scheduleUpdate=()=>this.update(),this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,this.nodes.forEach(ase),this.nodes.forEach(lse),this.nodes.forEach(cse),this.nodes.forEach(ise)},this.resolvedRelativeTargetAt=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=o,this.root=l?l.root||l:this,this.path=l?[...l.path,l]:[],this.parent=l,this.depth=l?l.depth+1:0;for(let c=0;c<this.path.length;c++)this.path[c].shouldResetTransform=!0;this.root===this&&(this.nodes=new qie)}addEventListener(o,l){return this.eventHandlers.has(o)||this.eventHandlers.set(o,new o3),this.eventHandlers.get(o).add(l)}notifyListeners(o,...l){const c=this.eventHandlers.get(o);c&&c.notify(...l)}hasListeners(o){return this.eventHandlers.has(o)}mount(o){if(this.instance)return;this.isSVG=nS(o)&&!Yne(o),this.instance=o;const{layoutId:l,layout:c,visualElement:d}=this.options;if(d&&!d.current&&d.mount(o),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),this.root.hasTreeAnimated&&(c||l)&&(this.isLayoutDirty=!0),e){let u,f=0;const p=()=>this.root.updateBlockedByResize=!1;Qe.read(()=>{f=window.innerWidth}),e(o,()=>{const h=window.innerWidth;h!==f&&(f=h,this.root.updateBlockedByResize=!0,u&&u(),u=$ie(p,250),hc.hasAnimatedSinceResize&&(hc.hasAnimatedSinceResize=!1,this.nodes.forEach(y8)))})}l&&this.root.registerSharedNode(l,this),this.options.animate!==!1&&d&&(l||c)&&this.addEventListener("didUpdate",({delta:u,hasLayoutChanged:f,hasRelativeLayoutChanged:p,layout:h})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}const m=this.options.transition||d.getDefaultTransition()||mse,{onLayoutAnimationStart:g,onLayoutAnimationComplete:x}=d.getProps(),y=!this.targetLayout||!zS(this.targetLayout,h),v=!f&&p;if(this.options.layoutRoot||this.resumeFrom||v||f&&(y||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0);const b={...w3(m,"layout"),onPlay:g,onComplete:x};(d.shouldReduceMotion||this.options.layoutRoot)&&(b.delay=0,b.type=!1),this.startAnimation(b),this.setAnimationOrigin(u,v)}else f||y8(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=h})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const o=this.getStack();o&&o.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,this.eventHandlers.clear(),pa(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){this.isUpdateBlocked()||(this.isUpdating=!0,this.nodes&&this.nodes.forEach(dse),this.animationId++)}getTransformTemplate(){const{visualElement:o}=this.options;return o&&o.getProps().transformTemplate}willUpdate(o=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear&&VS(this),!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let u=0;u<this.path.length;u++){const f=this.path[u];f.shouldResetTransform=!0,f.updateScroll("snapshot"),f.options.layoutRoot&&f.willUpdate(!1)}const{layoutId:l,layout:c}=this.options;if(l===void 0&&!c)return;const d=this.getTransformTemplate();this.prevTransformTemplateValue=d?d(this.latestValues,""):void 0,this.updateSnapshot(),o&&this.notifyListeners("willUpdate")}update(){if(this.updateScheduled=!1,this.isUpdateBlocked()){this.unblockUpdate(),this.clearAllSnapshots(),this.nodes.forEach(g8);return}if(this.animationId<=this.animationCommitId){this.nodes.forEach(x8);return}this.animationCommitId=this.animationId,this.isUpdating?(this.isUpdating=!1,this.nodes.forEach(ose),this.nodes.forEach(rse),this.nodes.forEach(nse)):this.nodes.forEach(x8),this.clearAllSnapshots();const l=Jt.now();Vt.delta=hn(0,1e3/60,l-Vt.timestamp),Vt.timestamp=l,Vt.isProcessing=!0,g2.update.process(Vt),g2.preRender.process(Vt),g2.render.process(Vt),Vt.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,C3.read(this.scheduleUpdate))}clearAllSnapshots(){this.nodes.forEach(sse),this.sharedNodes.forEach(use)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,Qe.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){Qe.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure(),this.snapshot&&!Qt(this.snapshot.measuredBox.x)&&!Qt(this.snapshot.measuredBox.y)&&(this.snapshot=void 0))}updateLayout(){if(!this.instance||(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead())&&!this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let c=0;c<this.path.length;c++)this.path[c].updateScroll();const o=this.layout;this.layout=this.measure(!1),this.layoutCorrected=ct(),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);const{visualElement:l}=this.options;l&&l.notify("LayoutMeasure",this.layout.layoutBox,o?o.layoutBox:void 0)}updateScroll(o="measure"){let l=!!(this.options.layoutScroll&&this.instance);if(this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===o&&(l=!1),l&&this.instance){const c=n(this.instance);this.scroll={animationId:this.root.animationId,phase:o,isRoot:c,offset:r(this.instance),wasRoot:this.scroll?this.scroll.isRoot:c}}}resetTransform(){if(!i)return;const o=this.isLayoutDirty||this.shouldResetTransform||this.options.alwaysMeasureLayout,l=this.projectionDelta&&!IS(this.projectionDelta),c=this.getTransformTemplate(),d=c?c(this.latestValues,""):void 0,u=d!==this.prevTransformTemplateValue;o&&this.instance&&(l||Ea(this.latestValues)||u)&&(i(this.instance,d),this.shouldResetTransform=!1,this.scheduleRender())}measure(o=!0){const l=this.measurePageBox();let c=this.removeElementScroll(l);return o&&(c=this.removeTransform(c)),hse(c),{animationId:this.root.animationId,measuredBox:l,layoutBox:c,latestValues:{},source:this.id}}measurePageBox(){const{visualElement:o}=this.options;if(!o)return ct();const l=o.measureViewportBox();if(!(this.scroll?.wasRoot||this.path.some(gse))){const{scroll:d}=this.root;d&&(zi(l.x,d.offset.x),zi(l.y,d.offset.y))}return l}removeElementScroll(o){const l=ct();if(jr(l,o),this.scroll?.wasRoot)return l;for(let c=0;c<this.path.length;c++){const d=this.path[c],{scroll:u,options:f}=d;d!==this.root&&u&&f.layoutScroll&&(u.wasRoot&&jr(l,o),zi(l.x,u.offset.x),zi(l.y,u.offset.y))}return l}applyTransform(o,l=!1){const c=ct();jr(c,o);for(let d=0;d<this.path.length;d++){const u=this.path[d];!l&&u.options.layoutScroll&&u.scroll&&u!==u.root&&Vi(c,{x:-u.scroll.offset.x,y:-u.scroll.offset.y}),Ea(u.latestValues)&&Vi(c,u.latestValues)}return Ea(this.latestValues)&&Vi(c,this.latestValues),c}removeTransform(o){const l=ct();jr(l,o);for(let c=0;c<this.path.length;c++){const d=this.path[c];if(!d.instance||!Ea(d.latestValues))continue;op(d.latestValues)&&d.updateSnapshot();const u=ct(),f=d.measurePageBox();jr(u,f),d8(l,d.latestValues,d.snapshot?d.snapshot.layoutBox:void 0,u)}return Ea(this.latestValues)&&d8(l,this.latestValues),l}setTargetDelta(o){this.targetDelta=o,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(o){this.options={...this.options,...o,crossfade:o.crossfade!==void 0?o.crossfade:!0}}clearMeasurements(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1}forceRelativeParentToResolveTarget(){this.relativeParent&&this.relativeParent.resolvedRelativeTargetAt!==Vt.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(o=!1){const l=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=l.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=l.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=l.isSharedProjectionDirty);const c=!!this.resumingFrom||this!==l;if(!(o||c&&this.isSharedProjectionDirty||this.isProjectionDirty||this.parent?.isProjectionDirty||this.attemptToResolveRelativeTarget||this.root.updateBlockedByResize))return;const{layout:u,layoutId:f}=this.options;if(!(!this.layout||!(u||f))){if(this.resolvedRelativeTargetAt=Vt.timestamp,!this.targetDelta&&!this.relativeTarget){const p=this.getClosestProjectingParent();p&&p.layout&&this.animationProgress!==1?(this.relativeParent=p,this.forceRelativeParentToResolveTarget(),this.relativeTarget=ct(),this.relativeTargetOrigin=ct(),so(this.relativeTargetOrigin,this.layout.layoutBox,p.layout.layoutBox),jr(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}if(!(!this.relativeTarget&&!this.targetDelta)&&(this.target||(this.target=ct(),this.targetWithTransforms=ct()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),bie(this.target,this.relativeTarget,this.relativeParent.target)):this.targetDelta?(this.resumingFrom?this.target=this.applyTransform(this.layout.layoutBox):jr(this.target,this.layout.layoutBox),ES(this.target,this.targetDelta)):jr(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget)){this.attemptToResolveRelativeTarget=!1;const p=this.getClosestProjectingParent();p&&!!p.resumingFrom==!!this.resumingFrom&&!p.options.layoutScroll&&p.target&&this.animationProgress!==1?(this.relativeParent=p,this.forceRelativeParentToResolveTarget(),this.relativeTarget=ct(),this.relativeTargetOrigin=ct(),so(this.relativeTargetOrigin,this.target,p.target),jr(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}}}getClosestProjectingParent(){if(!(!this.parent||op(this.parent.latestValues)||SS(this.parent.latestValues)))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return!!((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}calcProjection(){const o=this.getLead(),l=!!this.resumingFrom||this!==o;let c=!0;if((this.isProjectionDirty||this.parent?.isProjectionDirty)&&(c=!1),l&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(c=!1),this.resolvedRelativeTargetAt===Vt.timestamp&&(c=!1),c)return;const{layout:d,layoutId:u}=this.options;if(this.isTreeAnimating=!!(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!(d||u))return;jr(this.layoutCorrected,this.layout.layoutBox);const f=this.treeScale.x,p=this.treeScale.y;wie(this.layoutCorrected,this.treeScale,this.path,l),o.layout&&!o.target&&(this.treeScale.x!==1||this.treeScale.y!==1)&&(o.target=o.layout.layoutBox,o.targetWithTransforms=ct());const{target:h}=o;if(!h){this.prevProjectionDelta&&(this.createProjectionDeltas(),this.scheduleRender());return}!this.projectionDelta||!this.prevProjectionDelta?this.createProjectionDeltas():(o8(this.prevProjectionDelta.x,this.projectionDelta.x),o8(this.prevProjectionDelta.y,this.projectionDelta.y)),io(this.projectionDelta,this.layoutCorrected,h,this.latestValues),(this.treeScale.x!==f||this.treeScale.y!==p||!h8(this.projectionDelta.x,this.prevProjectionDelta.x)||!h8(this.projectionDelta.y,this.prevProjectionDelta.y))&&(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",h))}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(o=!0){if(this.options.visualElement?.scheduleRender(),o){const l=this.getStack();l&&l.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}createProjectionDeltas(){this.prevProjectionDelta=Ii(),this.projectionDelta=Ii(),this.projectionDeltaWithTransform=Ii()}setAnimationOrigin(o,l=!1){const c=this.snapshot,d=c?c.latestValues:{},u={...this.latestValues},f=Ii();(!this.relativeParent||!this.relativeParent.options.layoutRoot)&&(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!l;const p=ct(),h=c?c.source:void 0,m=this.layout?this.layout.source:void 0,g=h!==m,x=this.getStack(),y=!x||x.members.length<=1,v=!!(g&&!y&&this.options.crossfade===!0&&!this.path.some(pse));this.animationProgress=0;let b;this.mixTargetDelta=j=>{const C=j/1e3;v8(f.x,o.x,C),v8(f.y,o.y,C),this.setTargetDelta(f),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(so(p,this.layout.layoutBox,this.relativeParent.layout.layoutBox),fse(this.relativeTarget,this.relativeTargetOrigin,p,C),b&&Xie(this.relativeTarget,b)&&(this.isProjectionDirty=!1),b||(b=ct()),jr(b,this.relativeTarget)),g&&(this.animationValues=u,Uie(u,d,this.latestValues,C,v,y)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=C},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(o){this.notifyListeners("animationStart"),this.currentAnimation?.stop(),this.resumingFrom?.currentAnimation?.stop(),this.pendingAnimation&&(pa(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=Qe.update(()=>{hc.hasAnimatedSinceResize=!0,this.motionValue||(this.motionValue=rs(0)),this.currentAnimation=Fie(this.motionValue,[0,1e3],{...o,velocity:0,isSync:!0,onUpdate:l=>{this.mixTargetDelta(l),o.onUpdate&&o.onUpdate(l)},onStop:()=>{},onComplete:()=>{o.onComplete&&o.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const o=this.getStack();o&&o.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(ese),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const o=this.getLead();let{targetWithTransforms:l,target:c,layout:d,latestValues:u}=o;if(!(!l||!c||!d)){if(this!==o&&this.layout&&d&&_S(this.options.animationType,this.layout.layoutBox,d.layoutBox)){c=this.target||ct();const f=Qt(this.layout.layoutBox.x);c.x.min=o.target.x.min,c.x.max=c.x.min+f;const p=Qt(this.layout.layoutBox.y);c.y.min=o.target.y.min,c.y.max=c.y.min+p}jr(l,c),Vi(l,u),io(this.projectionDeltaWithTransform,this.layoutCorrected,l,u)}}registerSharedNode(o,l){this.sharedNodes.has(o)||this.sharedNodes.set(o,new Jie),this.sharedNodes.get(o).add(l);const d=l.options.initialPromotionConfig;l.promote({transition:d?d.transition:void 0,preserveFollowOpacity:d&&d.shouldPreserveFollowOpacity?d.shouldPreserveFollowOpacity(l):void 0})}isLead(){const o=this.getStack();return o?o.lead===this:!0}getLead(){const{layoutId:o}=this.options;return o?this.getStack()?.lead||this:this}getPrevLead(){const{layoutId:o}=this.options;return o?this.getStack()?.prevLead:void 0}getStack(){const{layoutId:o}=this.options;if(o)return this.root.sharedNodes.get(o)}promote({needsReset:o,transition:l,preserveFollowOpacity:c}={}){const d=this.getStack();d&&d.promote(this,c),o&&(this.projectionDelta=void 0,this.needsReset=!0),l&&this.setOptions({transition:l})}relegate(){const o=this.getStack();return o?o.relegate(this):!1}resetSkewAndRotation(){const{visualElement:o}=this.options;if(!o)return;let l=!1;const{latestValues:c}=o;if((c.z||c.rotate||c.rotateX||c.rotateY||c.rotateZ||c.skewX||c.skewY)&&(l=!0),!l)return;const d={};c.z&&E2("z",o,d,this.animationValues);for(let u=0;u<S2.length;u++)E2(`rotate${S2[u]}`,o,d,this.animationValues),E2(`skew${S2[u]}`,o,d,this.animationValues);o.render();for(const u in d)o.setStaticValue(u,d[u]),this.animationValues&&(this.animationValues[u]=d[u]);o.scheduleRender()}applyProjectionStyles(o,l){if(!this.instance||this.isSVG)return;if(!this.isVisible){o.visibility="hidden";return}const c=this.getTransformTemplate();if(this.needsReset){this.needsReset=!1,o.visibility="",o.opacity="",o.pointerEvents=mc(l?.pointerEvents)||"",o.transform=c?c(this.latestValues,""):"none";return}const d=this.getLead();if(!this.projectionDelta||!this.layout||!d.target){this.options.layoutId&&(o.opacity=this.latestValues.opacity!==void 0?this.latestValues.opacity:1,o.pointerEvents=mc(l?.pointerEvents)||""),this.hasProjected&&!Ea(this.latestValues)&&(o.transform=c?c({},""):"none",this.hasProjected=!1);return}o.visibility="";const u=d.animationValues||d.latestValues;this.applyTransformsToTarget();let f=Qie(this.projectionDeltaWithTransform,this.treeScale,u);c&&(f=c(u,f)),o.transform=f;const{x:p,y:h}=this.projectionDelta;o.transformOrigin=`${p.origin*100}% ${h.origin*100}% 0`,d.animationValues?o.opacity=d===this?u.opacity??this.latestValues.opacity??1:this.preserveOpacity?this.latestValues.opacity:u.opacityExit:o.opacity=d===this?u.opacity!==void 0?u.opacity:"":u.opacityExit!==void 0?u.opacityExit:0;for(const m in Oo){if(u[m]===void 0)continue;const{correct:g,applyTo:x,isCSSVariable:y}=Oo[m],v=f==="none"?u[m]:g(u[m],d);if(x){const b=x.length;for(let j=0;j<b;j++)o[x[j]]=v}else y?this.options.visualElement.renderState.vars[m]=v:o[m]=v}this.options.layoutId&&(o.pointerEvents=d===this?mc(l?.pointerEvents)||"":"none")}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(o=>o.currentAnimation?.stop()),this.root.nodes.forEach(g8),this.root.sharedNodes.clear()}}}function rse(e){e.updateLayout()}function nse(e){const t=e.resumeFrom?.snapshot||e.snapshot;if(e.isLead()&&e.layout&&t&&e.hasListeners("didUpdate")){const{layoutBox:r,measuredBox:n}=e.layout,{animationType:i}=e.options,s=t.source!==e.layout.source;i==="size"?kr(u=>{const f=s?t.measuredBox[u]:t.layoutBox[u],p=Qt(f);f.min=r[u].min,f.max=f.min+p}):_S(i,t.layoutBox,r)&&kr(u=>{const f=s?t.measuredBox[u]:t.layoutBox[u],p=Qt(r[u]);f.max=f.min+p,e.relativeTarget&&!e.currentAnimation&&(e.isProjectionDirty=!0,e.relativeTarget[u].max=e.relativeTarget[u].min+p)});const o=Ii();io(o,r,t.layoutBox);const l=Ii();s?io(l,e.applyTransform(n,!0),t.measuredBox):io(l,r,t.layoutBox);const c=!IS(o);let d=!1;if(!e.resumeFrom){const u=e.getClosestProjectingParent();if(u&&!u.resumeFrom){const{snapshot:f,layout:p}=u;if(f&&p){const h=ct();so(h,t.layoutBox,f.layoutBox);const m=ct();so(m,r,p.layoutBox),zS(h,m)||(d=!0),u.options.layoutRoot&&(e.relativeTarget=m,e.relativeTargetOrigin=h,e.relativeParent=u)}}}e.notifyListeners("didUpdate",{layout:r,snapshot:t,delta:l,layoutDelta:o,hasLayoutChanged:c,hasRelativeLayoutChanged:d})}else if(e.isLead()){const{onExitComplete:r}=e.options;r&&r()}e.options.transition=void 0}function ase(e){e.parent&&(e.isProjecting()||(e.isProjectionDirty=e.parent.isProjectionDirty),e.isSharedProjectionDirty||(e.isSharedProjectionDirty=!!(e.isProjectionDirty||e.parent.isProjectionDirty||e.parent.isSharedProjectionDirty)),e.isTransformDirty||(e.isTransformDirty=e.parent.isTransformDirty))}function ise(e){e.isProjectionDirty=e.isSharedProjectionDirty=e.isTransformDirty=!1}function sse(e){e.clearSnapshot()}function g8(e){e.clearMeasurements()}function x8(e){e.isLayoutDirty=!1}function ose(e){const{visualElement:t}=e.options;t&&t.getProps().onBeforeLayoutMeasure&&t.notify("BeforeLayoutMeasure"),e.resetTransform()}function y8(e){e.finishAnimation(),e.targetDelta=e.relativeTarget=e.target=void 0,e.isProjectionDirty=!0}function lse(e){e.resolveTargetDelta()}function cse(e){e.calcProjection()}function dse(e){e.resetSkewAndRotation()}function use(e){e.removeLeadSnapshot()}function v8(e,t,r){e.translate=st(t.translate,0,r),e.scale=st(t.scale,1,r),e.origin=t.origin,e.originPoint=t.originPoint}function b8(e,t,r,n){e.min=st(t.min,r.min,n),e.max=st(t.max,r.max,n)}function fse(e,t,r,n){b8(e.x,t.x,r.x,n),b8(e.y,t.y,r.y,n)}function pse(e){return e.animationValues&&e.animationValues.opacityExit!==void 0}const mse={duration:.45,ease:[.4,0,.1,1]},w8=e=>typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(e),j8=w8("applewebkit/")&&!w8("chrome/")?Math.round:Or;function C8(e){e.min=j8(e.min),e.max=j8(e.max)}function hse(e){C8(e.x),C8(e.y)}function _S(e,t,r){return e==="position"||e==="preserve-aspect"&&!vie(m8(t),m8(r),.2)}function gse(e){return e!==e.root&&e.scroll?.wasRoot}const xse=RS({attachResizeListener:(e,t)=>Do(e,"resize",t),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),P2={current:void 0},FS=RS({measureScroll:e=>({x:e.scrollLeft,y:e.scrollTop}),defaultParent:()=>{if(!P2.current){const e=new xse({});e.mount(window),e.setOptions({layoutScroll:!0}),P2.current=e}return P2.current},resetTransform:(e,t)=>{e.style.transform=t!==void 0?t:"none"},checkIsScrollRoot:e=>window.getComputedStyle(e).position==="fixed"}),yse={pan:{Feature:zie},drag:{Feature:Iie,ProjectionNode:FS,MeasureLayout:OS}};function N8(e,t,r){const{props:n}=e;e.animationState&&n.whileHover&&e.animationState.setActive("whileHover",r==="Start");const i="onHover"+r,s=n[i];s&&Qe.postRender(()=>s(t,yl(t)))}class vse extends ya{mount(){const{current:t}=this.node;t&&(this.unmount=Une(t,(r,n)=>(N8(this.node,n,"Start"),i=>N8(this.node,i,"End"))))}unmount(){}}class bse extends ya{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{t=!0}!t||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=hl(Do(this.node.current,"focus",()=>this.onFocus()),Do(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}function k8(e,t,r){const{props:n}=e;if(e.current instanceof HTMLButtonElement&&e.current.disabled)return;e.animationState&&n.whileTap&&e.animationState.setActive("whileTap",r==="Start");const i="onTap"+(r==="End"?"":r),s=n[i];s&&Qe.postRender(()=>s(t,yl(t)))}class wse extends ya{mount(){const{current:t}=this.node;t&&(this.unmount=Zne(t,(r,n)=>(k8(this.node,n,"Start"),(i,{success:s})=>k8(this.node,i,s?"End":"Cancel")),{useGlobalTarget:this.node.props.globalTapTarget}))}unmount(){}}const dp=new WeakMap,M2=new WeakMap,jse=e=>{const t=dp.get(e.target);t&&t(e)},Cse=e=>{e.forEach(jse)};function Nse({root:e,...t}){const r=e||document;M2.has(r)||M2.set(r,{});const n=M2.get(r),i=JSON.stringify(t);return n[i]||(n[i]=new IntersectionObserver(Cse,{root:e,...t})),n[i]}function kse(e,t,r){const n=Nse(t);return dp.set(e,r),n.observe(e),()=>{dp.delete(e),n.unobserve(e)}}const Sse={some:0,all:1};class Ese extends ya{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:t={}}=this.node.getProps(),{root:r,margin:n,amount:i="some",once:s}=t,o={root:r?r.current:void 0,rootMargin:n,threshold:typeof i=="number"?i:Sse[i]},l=c=>{const{isIntersecting:d}=c;if(this.isInView===d||(this.isInView=d,s&&!d&&this.hasEnteredView))return;d&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",d);const{onViewportEnter:u,onViewportLeave:f}=this.node.getProps(),p=d?u:f;p&&p(c)};return kse(this.node.current,o,l)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:t,prevProps:r}=this.node;["amount","margin","root"].some(Pse(t,r))&&this.startObserver()}unmount(){}}function Pse({viewport:e={}},{viewport:t={}}={}){return r=>e[r]!==t[r]}const Mse={inView:{Feature:Ese},tap:{Feature:wse},focus:{Feature:bse},hover:{Feature:vse}},Ase={layout:{ProjectionNode:FS,MeasureLayout:OS}},up={current:null},BS={current:!1};function Tse(){if(BS.current=!0,!!r3)if(window.matchMedia){const e=window.matchMedia("(prefers-reduced-motion)"),t=()=>up.current=e.matches;e.addEventListener("change",t),t()}else up.current=!1}const Ose=new WeakMap;function Lse(e,t,r){for(const n in t){const i=t[n],s=r[n];if(Ht(i))e.addValue(n,i);else if(Ht(s))e.addValue(n,rs(i,{owner:e}));else if(s!==i)if(e.hasValue(n)){const o=e.getValue(n);o.liveStyle===!0?o.jump(i):o.hasAnimated||o.set(i)}else{const o=e.getStaticValue(n);e.addValue(n,rs(o!==void 0?o:i,{owner:e}))}}for(const n in r)t[n]===void 0&&e.removeValue(n);return t}const S8=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class Dse{scrapeMotionValuesFromProps(t,r,n){return{}}constructor({parent:t,props:r,presenceContext:n,reducedMotionConfig:i,blockInitialAnimation:s,visualState:o},l={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.KeyframeResolver=b3,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.renderScheduledAt=0,this.scheduleRender=()=>{const p=Jt.now();this.renderScheduledAt<p&&(this.renderScheduledAt=p,Qe.render(this.render,!1,!0))};const{latestValues:c,renderState:d}=o;this.latestValues=c,this.baseTarget={...c},this.initialValues=r.initial?{...c}:{},this.renderState=d,this.parent=t,this.props=r,this.presenceContext=n,this.depth=t?t.depth+1:0,this.reducedMotionConfig=i,this.options=l,this.blockInitialAnimation=!!s,this.isControllingVariants=c0(r),this.isVariantNode=lS(r),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(t&&t.current);const{willChange:u,...f}=this.scrapeMotionValuesFromProps(r,{},this);for(const p in f){const h=f[p];c[p]!==void 0&&Ht(h)&&h.set(c[p],!1)}}mount(t){this.current=t,Ose.set(t,this),this.projection&&!this.projection.instance&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((r,n)=>this.bindToMotionValue(n,r)),BS.current||Tse(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:up.current,process.env.NODE_ENV!=="production"&&l3(this.shouldReduceMotion!==!0,"You have Reduced Motion enabled on your device. Animations may not appear as expected."),this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){this.projection&&this.projection.unmount(),pa(this.notifyUpdate),pa(this.render),this.valueSubscriptions.forEach(t=>t()),this.valueSubscriptions.clear(),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const t in this.events)this.events[t].clear();for(const t in this.features){const r=this.features[t];r&&(r.unmount(),r.isMounted=!1)}this.current=null}bindToMotionValue(t,r){this.valueSubscriptions.has(t)&&this.valueSubscriptions.get(t)();const n=Ss.has(t);n&&this.onBindTransform&&this.onBindTransform();const i=r.on("change",l=>{this.latestValues[t]=l,this.props.onUpdate&&Qe.preRender(this.notifyUpdate),n&&this.projection&&(this.projection.isTransformDirty=!0)}),s=r.on("renderRequest",this.scheduleRender);let o;window.MotionCheckAppearSync&&(o=window.MotionCheckAppearSync(this,t,r)),this.valueSubscriptions.set(t,()=>{i(),s(),o&&o(),r.owner&&r.stop()})}sortNodePosition(t){return!this.current||!this.sortInstanceNodePosition||this.type!==t.type?0:this.sortInstanceNodePosition(this.current,t.current)}updateFeatures(){let t="animation";for(t in ns){const r=ns[t];if(!r)continue;const{isEnabled:n,Feature:i}=r;if(!this.features[t]&&i&&n(this.props)&&(this.features[t]=new i(this)),this.features[t]){const s=this.features[t];s.isMounted?s.update():(s.mount(),s.isMounted=!0)}}}triggerBuild(){this.build(this.renderState,this.latestValues,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):ct()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,r){this.latestValues[t]=r}update(t,r){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=t,this.prevPresenceContext=this.presenceContext,this.presenceContext=r;for(let n=0;n<S8.length;n++){const i=S8[n];this.propEventSubscriptions[i]&&(this.propEventSubscriptions[i](),delete this.propEventSubscriptions[i]);const s="on"+i,o=t[s];o&&(this.propEventSubscriptions[i]=this.on(i,o))}this.prevMotionValues=Lse(this,this.scrapeMotionValuesFromProps(t,this.prevProps,this),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(t){return this.props.variants?this.props.variants[t]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}addVariantChild(t){const r=this.getClosestVariantNode();if(r)return r.variantChildren&&r.variantChildren.add(t),()=>r.variantChildren.delete(t)}addValue(t,r){const n=this.values.get(t);r!==n&&(n&&this.removeValue(t),this.bindToMotionValue(t,r),this.values.set(t,r),this.latestValues[t]=r.get())}removeValue(t){this.values.delete(t);const r=this.valueSubscriptions.get(t);r&&(r(),this.valueSubscriptions.delete(t)),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,r){if(this.props.values&&this.props.values[t])return this.props.values[t];let n=this.values.get(t);return n===void 0&&r!==void 0&&(n=rs(r===null?void 0:r,{owner:this}),this.addValue(t,n)),n}readValue(t,r){let n=this.latestValues[t]!==void 0||!this.current?this.latestValues[t]:this.getBaseTargetFromProps(this.props,t)??this.readValueFromInstance(this.current,t,this.options);return n!=null&&(typeof n=="string"&&(hk(n)||xk(n))?n=parseFloat(n):!Jne(n)&&ma.test(r)&&(n=Jk(t,r)),this.setBaseTarget(t,Ht(n)?n.get():n)),Ht(n)?n.get():n}setBaseTarget(t,r){this.baseTarget[t]=r}getBaseTarget(t){const{initial:r}=this.props;let n;if(typeof r=="string"||typeof r=="object"){const s=T3(this.props,r,this.presenceContext?.custom);s&&(n=s[t])}if(r&&n!==void 0)return n;const i=this.getBaseTargetFromProps(this.props,t);return i!==void 0&&!Ht(i)?i:this.initialValues[t]!==void 0&&n===void 0?void 0:this.baseTarget[t]}on(t,r){return this.events[t]||(this.events[t]=new o3),this.events[t].add(r)}notify(t,...r){this.events[t]&&this.events[t].notify(...r)}}class qS extends Dse{constructor(){super(...arguments),this.KeyframeResolver=_ne}sortInstanceNodePosition(t,r){return t.compareDocumentPosition(r)&2?1:-1}getBaseTargetFromProps(t,r){return t.style?t.style[r]:void 0}removeValueFromRenderState(t,{vars:r,style:n}){delete r[t],delete n[t]}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;Ht(t)&&(this.childSubscription=t.on("change",r=>{this.current&&(this.current.textContent=`${r}`)}))}}function $S(e,{style:t,vars:r},n,i){const s=e.style;let o;for(o in t)s[o]=t[o];i?.applyProjectionStyles(s,n);for(o in r)s.setProperty(o,r[o])}function Ise(e){return window.getComputedStyle(e)}class zse extends qS{constructor(){super(...arguments),this.type="html",this.renderInstance=$S}readValueFromInstance(t,r){if(Ss.has(r))return this.projection?.isProjecting?Jf(r):rne(t,r);{const n=Ise(t),i=(u3(r)?n.getPropertyValue(r):n[r])||0;return typeof i=="string"?i.trim():i}}measureInstanceViewportBox(t,{transformPagePoint:r}){return PS(t,r)}build(t,r,n){P3(t,r,n.transformTemplate)}scrapeMotionValuesFromProps(t,r,n){return O3(t,r,n)}}const HS=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function Vse(e,t,r,n){$S(e,t,void 0,n);for(const i in t.attrs)e.setAttribute(HS.has(i)?i:E3(i),t.attrs[i])}class Rse extends qS{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1,this.measureInstanceViewportBox=ct}getBaseTargetFromProps(t,r){return t[r]}readValueFromInstance(t,r){if(Ss.has(r)){const n=Xk(r);return n&&n.default||0}return r=HS.has(r)?r:E3(r),t.getAttribute(r)}scrapeMotionValuesFromProps(t,r,n){return yS(t,r,n)}build(t,r,n){mS(t,r,this.isSVGTag,n.transformTemplate,n.style)}renderInstance(t,r,n,i){Vse(t,r,n,i)}mount(t){this.isSVGTag=gS(t.tagName),super.mount(t)}}const _se=(e,t)=>A3(e)?new Rse(t):new zse(t,{allowProjection:e!==w.Fragment}),Fse=_ae({...uie,...Mse,...yse,...Ase},_se),as=dae(Fse),$r=({href:e,path:t,className:r,activeClassName:n="active",...i})=>{const o=Ee.useLocation().pathname;return a.jsx(De,{className:V(r,{[n]:o===t}),...i})};function Od({name:e,icon:t,path:r,href:n,dropdownItems:i,isActive:s,hide:o,onClick:l}){const d=Ee.useLocation().pathname,u=Ee.useNavigate(),f=ru(),[p,h]=w.useState(!1),[m,{height:g}]=su(),x=r?.toString()?.toLowerCase()===d?.toLowerCase(),y=i&&i.some(k=>d.includes(k.path)),v=x||y||s;w.useEffect(()=>{y&&h(!0)},[y]);const b=k=>/^https?:\/\//i.test(k),j=(k,S)=>{b(k)?(window.location.href=k,S&&S()):(u(k),S&&S())},C=(k,S)=>{j(k),h(!1),S&&S()},N=n||r;return a.jsxs("div",{className:"mb-[8px] min-h-[48px] list-none last:mb-[0px]",children:[!(i?.length&&!o)&&a.jsxs($r,{onTouchStart:()=>{j(N,l)},onClick:()=>{j(N,l)},path:r,href:n,to:N,className:V("relative flex h-[48px] items-center whitespace-nowrap rounded-lg px-[16px] text-sm text-gray-500 transition-all hover:text-brand dark:hover:text-white",{"bg-brand":v}),activeClassName:"text-white!",children:[a.jsx("span",{className:V("relative z-1 w-[24px] h-[24px] ml-[-4px] duration-100 before:absolute before:-right-[12px] before:top-[50%] before:h-[4px] before:w-[4px] before:-translate-y-2/4 before:rounded-full before:bg-none ltr:mr-[12px] rtl:ml-[12px]",{"text-white":v,"text-gray-500":!v&&!e}),children:t}),a.jsx("span",{className:"relative z-1",children:e}),r===d&&a.jsx(as.span,{className:V("absolute bottom-0 left-0 right-0 h-full w-full rounded-lg bg-brand opacity-0 shadow-large transition-opacity"),initial:{opacity:0},animate:{opacity:1},transition:{duration:.5}})]}),i?.length&&!o&&a.jsxs("div",{onMouseEnter:()=>{h(!0)},onMouseLeave:()=>{h(!!y)},onTouchStart:()=>h(!p),children:[a.jsxs($r,{activeClassName:"bg-brand text-white",className:V("relative flex h-[48px] cursor-pointer items-center justify-between whitespace-nowrap rounded-lg px-[16px] text-sm transition-all","text-gray-500 hover:text-brand dark:hover:text-white",o&&"hidden",v&&"!text-white !bg-brand"),path:r,href:n,to:N,onClick:()=>{j(N,l)},children:[a.jsxs("span",{className:"z-1 flex items-center ltr:mr-[12px] rtl:ml-[12px]",children:[a.jsx("span",{className:V("relative z-1 w-[24px] h-[24px] ml-[-4px] duration-100 before:absolute before:-right-[12px] before:top-[50%] before:h-[4px] before:w-[4px] before:-translate-y-2/4 before:rounded-full before:bg-none ltr:mr-[12px] rtl:ml-[12px]"),children:t}),e]}),a.jsx("span",{className:`z-1 transition-transform duration-200 ${p?"rotate-180":""}`,children:a.jsx(_n,{})}),(x||y)&&a.jsx(as.span,{className:V("absolute bottom-0 left-0 right-0 h-full w-full rounded-lg bg-brand opacity-0 shadow-large transition-opacity"),initial:{opacity:0},animate:{opacity:1},transition:{duration:.5}})]}),a.jsx("div",{style:{height:p?g:0},className:"ease-[cubic-bezier(0.33, 1, 0.68, 1)] overflow-hidden transition-all duration-350",children:a.jsxs("ul",{ref:m,children:[f&&a.jsx("li",{className:V("first:pt-[8px]",o&&"hidden"),onTouchStart:()=>C(N,l),children:a.jsx($r,{path:r,href:n,to:N,className:"flex items-center rounded-lg p-[12px] text-sm text-gray-500 transition-all before:h-[4px] before:w-[4px] before:rounded-full before:bg-gray-500 hover:text-brand ltr:pl-[24px] ltr:before:mr-[20px] rtl:pr-[24px] rtl:before:ml-[20px] dark:hover:text-white",activeClassName:"text-brand! dark:text-white! dark:before:bg-white! before:bg-brand! before:w-[8px]! before:h-[8px]! before:-ml-[2px] ltr:before:mr-[18px]! rtl:before:ml-[18px]! font-medium!",onClick:()=>{j(N,l)},children:e})}),i.map((k,S)=>{const E=k.href?k.href:k.path;return k.hide?null:a.jsx("li",{className:V("first:pt-[8px]",k.hide&&"hidden"),onTouchStart:()=>C(E,k?.onClick),children:a.jsx($r,{path:k.path,href:k.href,to:E,className:"flex items-center rounded-lg p-[12px] text-sm text-gray-500 transition-all before:h-[4px] before:w-[4px] before:rounded-full before:bg-gray-500 hover:text-brand ltr:pl-[24px] ltr:before:mr-[20px] rtl:pr-[24px] rtl:before:ml-[20px] dark:hover:text-white",activeClassName:"text-brand! dark:text-white! dark:before:bg-white! before:bg-brand! before:w-2! before:h-2! before:-ml-0.5 ltr:before:mr-[18px]! rtl:before:ml-[18px]! font-medium!",onClick:()=>{j(E,k?.onClick)},children:k.name})},S)})]})})]})]})}function US({className:e,menuItems:t,children:r,title:n,actionContent:i,onClose:s,logo:o}){const l=t&&t?.map(c=>({name:c.name,icon:c.icon,path:c.path,href:c.href,hide:c.hide,isActive:c.isActive,onClick:c.onClick,...c.dropdownItems&&{dropdownItems:c?.dropdownItems?.map(d=>({name:d.name,...d?.icon&&{icon:d.icon},path:d.path,href:d.href,hide:d.hide,isActive:d.isActive,onClick:d.onClick}))}}));return a.jsxs("aside",{className:V("top-0 z-40 h-full w-full max-w-full border-dashed border-gray-200 dark:border-gray-700 bg-light-dark min-[500px]:w-80 2xl:w-96",e),children:[a.jsxs("div",{className:"relative flex h-[96px] items-center justify-between overflow-hidden px-[24px] py-[16px] 2xl:px-[32px]",children:[o&&a.jsx(mn,{...o}),n&&a.jsx("h2",{className:"text-lg font-medium uppercase tracking-wider text-gray-900 dark:text-white",children:n}),a.jsx(he,{title:"Close",shape:"circle",variant:"ghost",size:"mini",onClick:s,onTouchStart:s,onTouchEnd:s,children:a.jsx(Fn,{className:"h-[8px] w-[8px]",width:16,height:16})})]}),a.jsx("div",{className:"h-[calc(100%-96px)] overflow-y-auto",children:a.jsxs("div",{className:"px-[16px] 2xl:px-[24px] pb-[80px]",children:[r,l&&l.map((c,d)=>a.jsx(Od,{onClick:s,name:c.name,path:c.path,href:c.href,icon:c.icon,hide:c.hide,isActive:c.isActive,dropdownItems:c.dropdownItems&&c.dropdownItems.map(u=>({...u,onClick:s}))},`menu-item-${d}`))]})}),i&&a.jsx("div",{className:"absolute bottom-[16px] left-0 z-10 w-full px-[24px] flex gap-[8px]",children:i})]})}function d0({onClose:e,children:t,type:r,className:n,menuItems:i,position:s="left",title:o,actionContent:l,backdrop:c=!0,logo:d,isOpen:u,setIsOpen:f}){const p=()=>{f(!1),e?.()},h=()=>{switch(r){case"sidebar":return a.jsx(Hf,{onClose:p,children:t,className:n,title:o,logo:d,actionContent:l});case"sidebar-menu":return a.jsx(US,{onClose:p,children:t,className:n,menuItems:i||[],title:o,logo:d,actionContent:l});default:return a.jsx(Hf,{onClose:p,children:t,className:n,title:o,logo:d,actionContent:l})}};return a.jsx(t3,{isOpen:u,setIsOpen:f,position:s,backdrop:c,children:h()})}const WS={primary:{presetKey:"primaryPreset",setterKey:"setPrimaryPreset",defaultValue:qd,label:"Primary Color"},darkPrimary:{presetKey:"darkPrimaryPreset",setterKey:"setDarkPrimaryPreset",defaultValue:$d,label:"Dark Primary Color"},secondary:{presetKey:"secondaryPreset",setterKey:"setSecondaryPreset",defaultValue:Hd,label:"Secondary Color"},darkSecondary:{presetKey:"darkSecondaryPreset",setterKey:"setDarkSecondaryPreset",defaultValue:Ud,label:"Dark Secondary Color"},accent:{presetKey:"accentPreset",setterKey:"setAccentPreset",defaultValue:Wd,label:"Accent Color"},darkAccent:{presetKey:"darkAccentPreset",setterKey:"setDarkAccentPreset",defaultValue:Gd,label:"Dark Accent Color"},muted:{presetKey:"mutedPreset",setterKey:"setMutedPreset",defaultValue:Kd,label:"Muted Color"},darkMuted:{presetKey:"darkMutedPreset",setterKey:"setDarkMutedPreset",defaultValue:Zd,label:"Dark Muted Color"},darkBg:{presetKey:"darkBgPreset",setterKey:"setDarkBgPreset",defaultValue:Yd,label:"Dark Background Color"},lightBg:{presetKey:"lightBgPreset",setterKey:"setLightBgPreset",defaultValue:Xd,label:"Light Background Color"},lightDark:{presetKey:"lightDarkPreset",setterKey:"setLightDarkPreset",defaultValue:Jd,label:"Light Dark Color"},darkLightDark:{presetKey:"darkLightDarkPreset",setterKey:"setDarkLightDarkPreset",defaultValue:Qd,label:"Dark Light Dark Color"}},Bse=Object.keys(WS);function Io({onClick:e,checked:t,title:r,children:n}){return a.jsxs("button",{onClick:e,onTouchStart:e,"aria-label":r,"aria-describedby":r,className:"group cursor-pointer outline-hidden focus:outline-hidden focus:outline-none w-full",children:[a.jsx("span",{className:V("flex h-17.5 items-center justify-center rounded-lg text-center text-sm font-medium uppercase tracking-wide transition-all",t?"shadow-large bg-brand/50":"bg-white dark:bg-gray-600 text-gray-500 group-hover:bg-brand/20 dark:text-gray-400"),children:n}),a.jsx("span",{className:V("mt-3 block text-center text-sm transition-all",t?"text-brand dark:text-white":"text-gray-500 group-hover:text-gray-900 dark:text-gray-400 dark:group-hover:text-white"),children:r})]})}function qse(){const{mode:e,setMode:t}=_e();return a.jsxs("div",{className:"px-6 pt-8",children:[a.jsx("h4",{className:"mb-4 text-sm font-medium text-gray-900 dark:text-white",children:"Mode"}),a.jsxs("div",{role:"radiogroup",className:"grid grid-cols-2 gap-5",children:[a.jsx(Io,{onClick:()=>t("light"),title:"Light",checked:e==="light",children:a.jsx(kp,{})}),a.jsx(Io,{onClick:()=>t("dark"),title:"Dark",checked:e==="dark",children:a.jsx(Np,{})})]})]})}function $se(){const{direction:e,setDirection:t}=_e();return a.jsxs("div",{className:"px-6 pt-8",children:[a.jsx("h4",{className:"mb-4 text-sm font-medium text-gray-900 dark:text-white",children:"Direction"}),a.jsxs("div",{role:"radiogroup",className:"grid grid-cols-2 gap-5",children:[a.jsx(Io,{onClick:()=>t("ltr"),title:"LTR",checked:e==="ltr",children:a.jsx(fb,{})}),a.jsx(Io,{onClick:()=>t("rtl"),title:"RTL",checked:e==="rtl",children:a.jsx(vb,{})})]})]})}const Hse={[Mt.HORIZONTAL]:a.jsx(V2,{}),[Mt.ADMIN]:a.jsx(lb,{}),[Mt.CLEAN]:a.jsx(V2,{})};function Use(){const{layout:e,setLayout:t}=_e();return a.jsxs("div",{className:"px-6 pt-8",children:[a.jsx("h4",{className:"mb-4 text-sm font-medium text-gray-900 dark:text-white",children:"Layout"}),a.jsx("div",{role:"radiogroup",className:"grid grid-cols-2 gap-5",children:pb.map(r=>a.jsx(Io,{onClick:()=>t(r.value),title:r.label,checked:e===r.value,children:Hse[r.value]},r.label))})]})}function Wse({type:e}){const[t,r]=w.useState(""),{presetKey:n,setterKey:i,defaultValue:s,label:o}=WS[e],l=_e(h=>h[n]),c=_e(h=>h[i]),d=Lt.map(h=>({name:h.label,value:h.value})),u=Lt.find(h=>h.value===l?.value),f=h=>{const m=Lt.find(g=>g.value===h.value);m&&c(m)},p=()=>{c({label:t?`Custom ${e}`:s.label,value:t||s.value})};return a.jsxs("div",{className:"px-6 pt-8",children:[a.jsxs("div",{className:"flex items-start flex-col h-8 justify-between mb-4",children:[a.jsx("span",{className:"text-sm font-medium text-gray-900 dark:text-white",children:o}),a.jsxs("span",{className:"text-current text-xs font-medium rounded-md",children:["Currently:"," ",a.jsxs("span",{className:"text-brand",children:[l?.label," ",a.jsx("span",{style:{backgroundColor:l?.value},className:"min-h-4 min-w-4 h-4 w-4 inline-block rounded-full ml-1 border border-gray-200 dark:border-gray-700"})]})]})]}),a.jsxs("div",{className:"flex flex-col w-full gap-2",children:[a.jsx(ii,{options:d,selectedOption:{name:l?.label?.includes("Custom")?l.label:u?.label||"",value:u?.value||""},onChange:f}),a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(ut,{placeholder:"Enter color code",type:"text",value:t,onChange:h=>r(h.target.value)}),a.jsx(he,{size:"small",className:"w-35 h-12 mt-1",variant:"ghost",onClick:p,children:t?"Set Color":"Set Default"})]})]})]})}function GS(){const{restoreDefaultColors:e}=_e();return a.jsx("div",{className:"flex justify-center items-center p-4 absolute bg-white dark:bg-gray-800 bottom-0 left-0 right-0 border-t border-gray-200 dark:border-gray-700",children:a.jsx(he,{fullWidth:!0,size:"small",onClick:e,children:"Restore Theme"})})}function KS(){const{isSettingsOpen:e,setIsSettingsOpen:t}=_e();return a.jsx(d0,{type:"sidebar",position:"right",isOpen:e,setIsOpen:t,title:"Settings",className:"relative",children:a.jsxs("div",{className:"h-full pb-16",children:[a.jsx(qse,{}),a.jsx($se,{}),a.jsx(Use,{}),Bse.map(r=>a.jsx(Wse,{type:r},r)),a.jsx(GS,{})]})})}const ZS=({className:e,children:t})=>{const{mode:r,setMode:n}=_e();return a.jsxs("div",{className:V("flex items-center justify-between w-full gap-1",e),children:[a.jsx("span",{className:"text-sm font-medium",children:"Mode"}),a.jsx(Rp,{onLabel:a.jsx(Np,{className:"w-4 h-4"}),offLabel:a.jsx(kp,{className:"w-4 h-4"}),checked:r==="dark",onChange:i=>n(i?"dark":"light")}),t]})},Gse=(e,t)=>{const r=n=>t.includes(n)&&n!=="/"||n==="/"&&t==="/";return e.map(n=>({name:n.name,icon:n.icon,path:n.path,href:n.href,hide:n.hide,isActive:r(n.path),onClick:n.onClick,dropdownItems:n.dropdownItems,...n.dropdownItems&&{dropdownItems:n?.dropdownItems?.map(i=>({name:i.name,...i?.icon&&{icon:i.icon},path:i.path,href:i.href,hide:i.hide,isActive:r(i.path),onClick:i.onClick,...n.dropdownItems&&{dropdownItems:i?.dropdownItems?.map(s=>({name:s.name,...s?.icon&&{icon:s.icon},path:s.path,href:s.href,hide:s.hide,isActive:r(s.path),onClick:s.onClick}))}}))}}))};function YS({menuItems:e}){const r=Ee.useLocation().pathname;return a.jsx("div",{className:"flex items-center xl:px-[36px] 2xl:px-[56px] min-[1780px]:px-[64px]",children:a.jsx("ul",{className:"relative flex items-center gap-[16px] 2xl:gap-[24px]",children:Gse(e,r).map((n,i)=>{const s=n.href?n.href:n.path;return a.jsx(w.Fragment,{children:n.dropdownItems&&!n.hide?a.jsxs("li",{className:"group/parent relative",children:[a.jsxs($r,{path:n.path,href:n.href,to:s,className:"flex w-full items-center text-sm font-medium uppercase text-gray-600 transition hover:text-gray-900 dark:text-gray-300 dark:hover:text-white hover:cursor-pointer",children:[n.icon&&a.jsx("span",{className:V("w-[16px] h-[16px] flex items-center justify-center mr-[6px]",n.isActive&&"text-brand"),children:n.icon}),a.jsx("span",{className:V("text-[11px] sm:text-[12px] md:text-[13px] lg:text-[14px] overflow-hidden text-ellipsis whitespace-nowrap",n.isActive&&"text-brand"),children:n.name}),a.jsx("span",{className:"z-[1] transition-transform duration-200 ltr:ml-[12px] rtl:mr-[12px]",children:a.jsx(_n,{className:V("h-[10px] w-[10px]",n.isActive&&"text-brand")})})]}),a.jsx("ul",{className:"invisible absolute right-0 top-[130%] mt-[8px] w-[256px] rounded-lg bg-light-dark p-[12px] opacity-0 shadow-large transition-all group-hover/parent:visible group-hover/parent:top-full group-hover/parent:opacity-100 ltr:right-0 rtl:left-0",children:n.dropdownItems.map((o,l)=>a.jsx("li",{className:V("group relative",o.hide&&"hidden",o.isActive&&"text-brand"),children:o.dropdownItems?a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"flex w-full items-center justify-between rounded-lg px-[12px] py-[8px] text-sm font-medium uppercase text-gray-600 transition hover:text-gray-900 dark:text-gray-300 dark:hover:bg-gray-700/50 dark:hover:text-white",children:[a.jsx("span",{className:V("text-[12px]",o.isActive&&"text-brand"),children:o.name}),a.jsx("span",{className:"z-[1] -mt-[4px] transition-transform duration-200 ltr:ml-[12px] rtl:mr-[12px]",children:a.jsx(vp,{className:"h-[10px] w-[10px]"})})]}),a.jsx("ul",{className:"invisible absolute left-[107%] right-0 top-[130%] w-[256px] rounded-lg bg-white p-[12px] opacity-0 shadow-large transition-all group-hover:visible group-hover/parent:top-0 group-hover:opacity-100 ltr:right-0 rtl:left-0 dark:bg-gray-800",children:o?.dropdownItems?.map((c,d)=>{const u=c.href?c.href:c.path;return a.jsx("li",{children:a.jsx($r,{path:c.path,href:c.href,to:u,className:"block rounded-lg px-[12px] py-[8px] text-sm font-medium uppercase !text-gray-600 transition hover:bg-gray-100  hover:text-gray-900 dark:!text-white dark:hover:bg-gray-700/50",activeClassName:V("bg-gray-100 dark:bg-gray-700 my-[4px] last:mb-[0px] first:mt-[0px] !text-gray-900 dark:!text-white",c.isActive&&"!bg-brand !text-white"),children:a.jsx("span",{className:V("text-[12px]"),children:c.name})})},c.name+d.toString())})})]}):a.jsxs($r,{to:o.href?o.href:o.path,path:o.path,href:o.href,onClick:o.onClick,onTouchStart:o.onClick,className:"flex items-center gap-[4px] rounded-lg px-[12px] py-[8px] text-sm font-medium uppercase text-gray-600 transition hover:bg-gray-200 hover:text-gray-900 dark:text-white dark:hover:bg-gray-700/50",activeClassName:V("bg-gray-100 dark:bg-gray-700 my-[4px] last:mb-[0px] first:mt-[0px] !text-gray-900 dark:!text-white",o.isActive&&"!bg-brand !text-white"),children:[o.icon&&a.jsx("span",{className:"w-4 h-4 flex items-center justify-center mr-1.5",children:o.icon}),a.jsx("span",{className:"text-[14px]",children:o.name})]})},`${o.name}-${l}`))})]}):a.jsx("li",{children:a.jsx($r,{path:n.path,href:n.href,to:n.href?n.href:n.path,className:"mx-[8px] text-[13px] font-medium uppercase transition first:ml-[0px] last:mr-[0px] hover:text-brand text-gray-600 dark:text-gray-300 dark:hover:text-brand 2xl:mx-[12px] 2xl:text-sm min-[1780px]:mx-[16px]",activeClassName:V("!text-brand dark:!text-brand"),children:a.jsxs("span",{className:"z-1 flex items-center ltr:mr-[12px] rtl:ml-[12px]",children:[n.icon&&a.jsx("span",{className:"w-4 h-4 flex items-center justify-center mr-1.5",children:n.icon}),a.jsx("span",{className:"text-[11px] sm:text-[12px] md:text-[13px] lg:text-[14px] overflow-hidden text-ellipsis whitespace-nowrap",children:n.name})]})})})},`layout-${n.name}-${i}`)})})})}const XS=({isOpen:e,text:t,closeable:r=!0,hideButtons:n=!1,children:i,buttonContainer:s,className:o,titleContainerClassName:l,contentClassName:c,setIsOpen:d,onSubmit:u,onBack:f,onClose:p})=>{const[h,m]=w.useState(!1),[g,x]=w.useState(!1),y=w.useRef(null),v=w.useRef(null);w.useEffect(()=>{e&&(v.current=document.activeElement)},[e]),w.useEffect(()=>{!e&&v.current&&v.current.focus()},[e]),w.useEffect(()=>{if(e){document.body.style.overflow="hidden",m(!0);const T=setTimeout(()=>{x(!0),y.current&&y.current.focus()},0);return()=>clearTimeout(T)}else{x(!1);const T=setTimeout(()=>{m(!1),document.body.style.overflow=""},200);return()=>clearTimeout(T)}},[e]),w.useEffect(()=>()=>{document.body.style.overflow=""},[]);const b=w.useCallback(()=>{d(!1)},[d]),j=w.useCallback(()=>{p&&p(),r&&d(!1)},[p,r,d]),C=w.useCallback(T=>{T.target===T.currentTarget&&r&&j()},[r,j]);if(w.useEffect(()=>{const T=A=>{A.key==="Escape"&&e&&r&&j()};if(e)return document.addEventListener("keydown",T),()=>document.removeEventListener("keydown",T)},[e,r,j]),!h)return null;const N="modal-title",k="modal-description",S=V("fixed inset-0 w-screen h-screen bg-gray-700/10 backdrop-blur-xs transition-opacity duration-300 ease-out",g?"opacity-100":"opacity-0"),E=V("fixed inset-0 flex items-center justify-center p-[16px] transition-all duration-300 ease-out pointer-events-none",g?"opacity-100 scale-100":"opacity-0 scale-105"),P=a.jsxs(a.Fragment,{children:[a.jsx("div",{className:S,onClick:C,"aria-hidden":"true",style:{zIndex:50}}),a.jsx("div",{className:E,role:"dialog","aria-modal":"true","aria-labelledby":t?.title?N:void 0,"aria-describedby":t?.content?k:void 0,style:{zIndex:51},children:a.jsxs(K,{className:V("relative w-full sm:max-w-[800px] h-fit! min-h-[400px] rounded-xl shadow-card pointer-events-auto",o),children:[a.jsxs("h3",{ref:y,id:N,className:V("flex w-full h-fit justify-between items-start pb-3 dark:text-white text-current",t?.title?" border-b border-gray-200 dark:border-gray-700":"text-transparent dark:text-transparent",l),tabIndex:-1,children:[a.jsx(O,{tag:"h3",className:"font-bold font-figtree text-[22px] font-600 leading-[100%] tracking-[0.022px]",children:t?.title||""}),a.jsx(he,{variant:"transparent",size:"mini",shape:"circle",onClick:j,"aria-label":r?"Close modal":"Close",children:a.jsx(Fn,{className:"h-[18px] w-[18px] cursor-pointer text-gray-500 dark:text-gray-200","aria-hidden":"true",width:18,height:18})})]}),t?.content&&a.jsx("p",{id:k,className:"mt-[16px] text-sm/6 dark:text-white text-current",children:t.content}),a.jsx("div",{className:V("flex flex-col w-full overflow-x-hidden overflow-y-auto max-h-[60vh] p-[8px] dark:text-white text-current mt-[16px]",c),children:i}),s&&a.jsx("div",{className:"mt-[24px]",children:s}),!n&&a.jsxs("div",{className:"absolute bottom-8 right-8 flex w-full justify-end gap-[8px]",children:[a.jsx(he,{size:"medium",shape:"rounded",variant:"ghost",onClick:()=>{b(),f&&f()},children:t?.backButton||"Close"}),a.jsx(he,{size:"medium",shape:"rounded",onClick:()=>{u&&u()},children:t?.button||"Accept"})]})]})})]});return xr.createPortal(P,document.body)};XS.displayName="Modal";function Kse({icon:e,title:t,subtitle:r,badgeHeader:n,badgeHeaderClassName:i,tabs:s,content:o,footerLabel:l,successButton:c,closeButton:d,closeLabel:u,onClose:f,className:p}){const h=!o&&s&&s.length>0,[m,g]=w.useState(0),[x,y]=w.useState(!1);w.useEffect(()=>{const j=C=>{C.key==="Escape"&&f()};return window.addEventListener("keydown",j),()=>window.removeEventListener("keydown",j)},[f]),w.useEffect(()=>{g(0)},[s?.length]);const v=d?.label??u??"Close",b=d?.onClick??f;return xr.createPortal(a.jsx("div",{className:"fixed inset-0 z-9999 flex items-end sm:items-center justify-center bg-gray-700/10 backdrop-blur-xs p-0 sm:p-4",onClick:j=>{j.target===j.currentTarget&&f()},children:a.jsxs("div",{className:V("relative w-full sm:max-w-xl max-h-[92dvh] flex flex-col rounded-t-2xl sm:rounded-2xl border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900 shadow-2xl overflow-hidden",p),children:[a.jsxs("div",{className:"flex items-center justify-between px-4 py-3 shrink-0 bg-brand/5 dark:bg-brand/10 border-b border-gray-200 dark:border-gray-700",children:[a.jsxs("div",{className:"flex items-center gap-2.5",children:[e&&a.jsx("div",{className:"flex h-8 w-8 items-center justify-center rounded-lg bg-brand/10 dark:bg-brand/20 border border-brand/20 dark:border-brand/30",children:a.jsx(e,{className:"h-4 w-4 text-brand"})}),a.jsxs("div",{children:[(t||n)&&a.jsxs("div",{className:"flex items-center gap-2",children:[t&&a.jsx("span",{className:"text-sm font-bold text-gray-900 dark:text-gray-100",children:t}),n&&a.jsx("span",{className:V("rounded-full border px-2 py-0.5 text-[10px] font-semibold",i??"text-gray-500 dark:text-gray-400 bg-gray-100 dark:bg-gray-800 border-gray-200 dark:border-gray-700"),children:n})]}),r&&a.jsx("p",{className:"text-[10px] text-gray-500 dark:text-gray-400",children:r})]})]}),a.jsx("button",{type:"button",onClick:f,className:"rounded-lg p-1.5 text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-gray-100 transition-colors",children:a.jsx(B.X,{className:"h-4 w-4"})})]}),h&&a.jsx("div",{className:"flex shrink-0 border-b border-gray-200 dark:border-gray-700 bg-gray-100 dark:bg-gray-800/20",children:s?.map(({icon:j,name:C},N)=>a.jsxs("button",{type:"button",onClick:()=>g(N),className:V("flex flex-1 items-center justify-center gap-1.5 py-2.5 text-[11px] font-bold uppercase tracking-wide transition-all",m===N?"border-b-2 border-brand text-brand bg-brand/5":"text-gray-500 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100"),children:[j&&a.jsx(j,{className:"h-3 w-3 shrink-0 sm:hidden"}),a.jsx("span",{children:C})]},C))}),a.jsx("div",{className:"flex-1 overflow-y-auto p-4",children:o||(h?s?.[m].content:null)}),a.jsx("div",{className:"shrink-0 border-t border-gray-200 dark:border-gray-700 px-4 py-3 flex items-center justify-between bg-gray-100 dark:bg-gray-800/10",children:d||c?a.jsxs(a.Fragment,{children:[a.jsx("span",{className:"text-[10px] text-gray-500 dark:text-gray-400 font-mono truncate max-w-[50%]",children:l??""}),a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(he,{variant:"ghost",size:"mini",onClick:b,children:v}),c&&a.jsx(he,{variant:"solid",size:"mini",onClick:c.onClick,children:c.label})]})]}):l?a.jsxs("button",{type:"button",onClick:()=>y(j=>!j),className:"flex w-full items-start gap-2 text-left group",children:[a.jsx(B.ChevronDown,{className:V("h-3 w-3 shrink-0 mt-0.5 text-gray-400 transition-transform duration-200",x&&"rotate-180")}),a.jsx("span",{className:V("text-[10px] text-gray-500 dark:text-gray-400 font-mono transition-all duration-200",x?"whitespace-pre-wrap break-all":"truncate"),children:l})]}):a.jsx("div",{className:"flex w-full justify-end",children:a.jsx(he,{variant:"ghost",size:"mini",onClick:b,children:v})})})]})}),document.body)}function JS({rightButton:e,menuItems:t,isOpen:r,setIsOpen:n,logo:i}){return a.jsxs("div",{className:"order-last flex shrink-0 items-center",children:[a.jsx("div",{className:"hidden gap-[24px] lg:flex 2xl:gap-[32px]",children:e&&e}),a.jsxs("div",{className:"flex items-center lg:hidden",children:[e&&e,t.length>0&&a.jsxs(a.Fragment,{children:[a.jsx(nu,{isOpen:r,onClick:()=>n(!r),color:"white",className:"shadow-main ltr:ml-[14px] rtl:mr-[14px] w-[40px]! h-[40px]! sm:w-[48px]! sm:h-[48px]! md:w-[48px]! md:h-[48px]! dark:border dark:border-solid dark:border-gray-700 dark:bg-light-dark dark:text-white sm:ltr:ml-[20px] sm:rtl:mr-[20px]"}),a.jsx(d0,{type:"sidebar-menu",logo:i,position:"left",backdrop:!0,menuItems:t,isOpen:r,setIsOpen:n,onClose:()=>n(!1)})]})]})]})}function QS({className:e,menuItems:t,rightButton:r,logo:n,isOpen:i,setIsOpen:s}){const o=Gt(),l=yn(),c=n0(),{primaryPreset:d}=_e();return a.jsx("nav",{className:V("sticky top-0 z-30 flex w-full border-b border-transparent dark:border-gray-800 items-center justify-between px-[16px] transition-all duration-300 backdrop-blur-lg shadow-md ltr:right-0 rtl:left-0 sm:px-[24px] lg:px-[32px] min-[1780px]:px-[40px]",o&&c.y>17?"min-h-[72px] shadow-card":"",e),children:a.jsxs("div",{className:"mx-auto flex w-full items-center justify-between",children:[a.jsxs("div",{className:"flex items-center gap-[24px]",children:[n&&a.jsx(mn,{isoType:l==="xs",preset:d?.label,...n}),o&&["xs","sm","md"].indexOf(l)===-1&&a.jsx(YS,{menuItems:t})]}),a.jsx(JS,{rightButton:r,menuItems:t,isOpen:i,setIsOpen:s,logo:n})]})})}function eE({children:e,menuItems:t,rightButton:r,logo:n,className:i,isOpen:s,fullWidth:o=!1,headerClassName:l,contentClassName:c,setIsOpen:d}){return a.jsxs("div",{className:V(i),children:[a.jsx(QS,{rightButton:r,menuItems:t,logo:n,isOpen:s,setIsOpen:d,className:l}),a.jsx("main",{className:V(o?"min-h-full w-full h-full px-[0px]":"min-h-full px-[8px] pb-[96px] pt-[16px] sm:px-[24px] lg:px-[32px] min-[1780px]:px-[40px] sm:pb-[96px] xl:pb-[96px] xl:pt-[16px]",c),children:e})]})}const qs=e=>e.map(t=>({name:t.name,icon:t.icon,path:t.path,href:t.href,hide:t.hide,...t.dropdownItems&&{dropdownItems:t?.dropdownItems?.map(r=>({name:r.name,...r?.icon&&{icon:r.icon},path:r.path,href:r.href,hide:r.hide}))}}));function tE({logo:e,className:t,menuItems:r}){const n=Ee.useLocation().pathname,[i,s]=w.useState(!1),{isMobile:o}=ru(),l=w.useRef(null);nk(l,()=>{s(!1)}),w.useEffect(()=>{setTimeout(o?()=>{s(!0)}:()=>{s(!1)},100)},[o]);function c(d){return d?.map(u=>u.href).includes(n)}return a.jsxs("aside",{ref:l,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),onTouchStart:()=>s(!0),className:V(i?"ltr:border-r rtl:border-l border-dashed border-gray-200 min-[500px]:w-[320px] xl:w-[288px] 2xl:w-[320px] bg-light-dark":"w-[96px] border-dashed border-gray-200 ltr:border-r rtl:border-l 2xl:w-[112px]","top-0 z-40 h-full max-w-full duration-200 ltr:left-0 rtl:right-0 dark:border-gray-700 xl:fixed bg-light-dark",t),children:[a.jsxs("div",{className:V("relative flex h-[96px] items-center  overflow-hidden px-[24px] py-[16px] pt-[0px] 2xl:px-[32px] min-[1780px]:pt-[24px]",i?"flex-start":"justify-center"),children:[i?a.jsx(mn,{...e}):a.jsx("div",{onClick:()=>s(!i),children:a.jsx(mn,{...e,isoType:!0,name:"",secondName:""})}),i&&a.jsx("div",{className:"md:hidden",children:a.jsx(he,{title:"Close",color:"white",shape:"circle",variant:"transparent",size:"small",onClick:()=>s(!1),children:a.jsx(Fn,{className:"h-auto w-[10px]"})})})]}),a.jsx("div",{className:V("custom-scrollbar -mt-[16px] overflow-hidden overflow-y-auto 2xl:-mt-[28px]",i?"h-[calc(100%-190px)]":"h-[calc(100%-170px)]"),children:a.jsx("div",{className:"px-[24px] pb-[20px] 2xl:px-[32px]",children:i?a.jsx("div",{className:"mt-[20px] 2xl:mt-[32px]",children:qs(r)?.length&&qs(r).map((d,u)=>a.jsx(Od,{path:d.path,onClick:()=>s(!1),name:d.name,href:d?.href,icon:a.jsx("span",{className:"w-[24px] h-[24px] flex items-center justify-center",children:d?.icon||a.jsx(R2,{})}),dropdownItems:d?.dropdownItems},"drawer-full"+d.name+u))}):a.jsx("div",{className:"mt-[20px] 2xl:mt-[32px]",onClick:()=>s(!i),children:qs(r)?.length&&!qs(r).some(d=>d.hide)&&qs(r).map((d,u)=>a.jsx(Od,{path:d.path,isActive:d.href===n||d.dropdownItems&&c(d.dropdownItems),href:d.href,name:"",icon:a.jsx("span",{className:"w-[24px] h-[24px] flex items-center justify-center",children:d?.icon||a.jsx(R2,{})})},"drawer"+d.name+u))})})}),a.jsx("div",{className:V("sticky bottom-[20px] mt-[12px] 2xl:mt-[48px]",i&&"px-[32px]"),children:!i&&a.jsx(as.div,{initial:{x:50,y:-5},animate:{x:0,y:0},className:"cursor-pointer pb-[8px]"})})]})}function D3({rightButton:e}){return a.jsx("div",{className:"relative order-last flex shrink-0 items-center gap-[16px] sm:gap-[24px] lg:gap-[32px]",children:e&&e})}function rE({className:e,logo:t,rightButton:r,isOpen:n,setIsOpen:i}){const s=Ee.useNavigate(),o=yn(),l=Gt(),c=n0(),{primaryPreset:d}=_e(),u=h=>/^https?:\/\//i.test(h),f=h=>{u(h)?window.location.href=h:s(h)},p=o==="sm"||o==="xs"||o==="md"||o==="lg";return a.jsx("nav",{className:V("sticky top-0 z-30 backdrop-blur-lg min-h-[72px] h-[72px] w-full transition-all duration-300 ltr:right-0 rtl:left-0",(l&&c.y)>2&&"shadow-card",p?"shadow-card border-b border-transparent dark:border-gray-800":"",e),children:a.jsxs("div",{className:"flex h-full items-center justify-between px-[16px] sm:px-[24px] lg:px-[32px] min-[1780px]:px-[40px]",children:[a.jsx("div",{className:"flex items-center",children:a.jsx("div",{onClick:()=>t?.path?f(t.path):null,className:"flex items-center xl:hidden",children:o==="sm"||o==="xs"?a.jsx(mn,{preset:d?.label,...t,name:"",secondName:""}):a.jsx(mn,{preset:d?.label,isoType:o==="sm"||o==="xs",...t})})}),a.jsx(D3,{rightButton:a.jsxs("div",{className:"flex flex-row items-center justify-center",children:[r,a.jsx("div",{className:"mx-[8px] block sm:mx-[16px] xl:hidden",children:a.jsx(nu,{isOpen:n,onClick:()=>i&&i(!0),color:"white",className:"shadow-main dark:border dark:border-solid dark:border-gray-700 dark:bg-light-dark dark:text-white"})})]})})]})})}function nE({logo:e,children:t,menuItems:r,rightButton:n,isOpen:i,className:s,headerClassName:o,contentClassName:l,fullWidth:c=!1,setIsOpen:d}){return a.jsxs("div",{className:V("xl:ltr:pl-[96px] xl:rtl:pr-[96px] 2xl:ltr:pl-[112px] 2xl:rtl:pr-[112px]",s),children:[a.jsx(rE,{logo:e,rightButton:n,isOpen:i,setIsOpen:d,className:o}),a.jsx(tE,{logo:e,className:"hidden xl:block",menuItems:r}),a.jsx(d0,{type:"sidebar-menu",position:"left",backdrop:!0,menuItems:r,isOpen:i,setIsOpen:d,onClose:()=>d&&d(!1),logo:e}),a.jsx("main",{className:V(c?"min-h-full w-full h-full px-[0px]":"min-h-full px-[16px] pb-[96px] pt-[16px] sm:px-[24px] sm:pb-[96px] lg:px-[32px] xl:pb-[96px] xl:pt-[20px] min-[1780px]:px-[40px]",l),children:t})]})}function fp({children:e,className:t}){return a.jsx("div",{className:V("flex h-100vh flex-col",t),children:e})}const Ri=()=>{const{toasts:e,dismissToast:t}=Jh(),[r,n]=w.useState([]),i=l=>{switch(l){case"destructive":return"border-red-500 bg-red-500 text-white";case"success":return"border-green-500 bg-green-500 text-white";case"warning":return"border-yellow-500 bg-yellow-500 text-white";case"info":return"border-blue-500 bg-blue-500 text-white";default:return"border-gray-300 bg-white p-4 shadow-card dark:bg-light-dark"}},s=w.useCallback(l=>{n(c=>c.map(d=>d.id===l.id?{...d,dismissing:!0}:d)),setTimeout(()=>{t(l.id)},500)},[t]),o=w.useCallback((l,c)=>{(l.key==="Escape"||l.key===" "||l.key==="Enter")&&(l.preventDefault(),s(c))},[s]);return w.useEffect(()=>{n(e);const l=e.map(c=>{const d=setTimeout(()=>{s(c)},c.timeout);return{id:c.id,timer:d}});return()=>{l.forEach(({timer:c})=>clearTimeout(c))}},[e,s]),a.jsx("div",{role:"region","aria-label":"Notifications",className:"fixed bottom-4 right-4 flex flex-col gap-2 w-auto z-20",children:r.map((l,c)=>a.jsxs("div",{role:"alert","aria-live":"assertive","aria-atomic":"true",className:`relative flex items-center justify-between space-x-2 border-gray-300 p-4 pr-6 rounded-md shadow-lg transform transition-all duration-500 ease-in-out 
             ${l.dismissing?"translate-x-full -mr-6":"translate-x-0"} 
             ${i(l.variant)}`,children:[a.jsxs("div",{className:"flex flex-col",children:[a.jsx("span",{className:"dark:text-light mb-1 font-semibold text-md",children:l.title}),a.jsx("span",{className:"dark:text-light mr-3 font-normal text-sm",children:l.message})]}),a.jsx("button",{type:"button",className:"absolute right-3 top-3 p-1 rounded focus:outline-hidden focus:ring-2 focus:ring-current focus:ring-offset-1",onClick:()=>s(l),onKeyDown:d=>o(d,l),"aria-label":`Dismiss ${l.title} notification`,children:a.jsx(Fn,{"aria-hidden":"true"})})]},c))})};Ri.displayName="Toast";const Zse=({logo:e,layout:t,children:r,menuItems:n,rightButton:i,className:s,headerClassName:o,contentClassName:l,fullWidth:c=!1})=>{const[d,u]=w.useState(!1);return t===Mt.CLEAN?a.jsxs(fp,{className:s||l,children:[r,a.jsx(Ri,{})]}):t===Mt.HORIZONTAL?a.jsxs(eE,{logo:e,rightButton:i,menuItems:n,isOpen:d,setIsOpen:u,className:s,headerClassName:o,contentClassName:l,fullWidth:c,children:[r,a.jsx(Ri,{})]}):t===Mt.ADMIN?a.jsxs(nE,{logo:e,rightButton:i,menuItems:n,isOpen:d,setIsOpen:u,className:s,headerClassName:o,contentClassName:l,fullWidth:c,children:[r,a.jsx(Ri,{})]}):a.jsxs(fp,{className:s||l,children:[r,a.jsx(Ri,{})]})};function aE(e){return a.jsx(Zse,{...e})}const Yse=[["primary","primaryPreset","CustomPrimary"],["darkPrimary","darkPrimaryPreset","CustomDarkPrimary"],["secondary","secondaryPreset","CustomSecondary"],["darkSecondary","darkSecondaryPreset","CustomDarkSecondary"],["accent","accentPreset","CustomAccent"],["darkAccent","darkAccentPreset","CustomDarkAccent"],["muted","mutedPreset","CustomMuted"],["darkMuted","darkMutedPreset","CustomDarkMuted"],["darkBg","darkBgPreset","CustomDarkBg"],["lightBg","lightBgPreset","CustomLightBg"],["lightDark","lightDarkPreset","CustomLightDark"],["darkLightDark","darkLightDarkPreset","CustomDarkLightDark"]];function Xse(e,t){return Lt?.find(r=>r.label===t)??{label:e,value:t}}function iE({logo:e={},rightButton:t,brandColor:r,customPaletteColor:n,showSettings:i,className:s,headerClassName:o,contentClassName:l,fullWidth:c,mode:d,menuItems:u,layout:f,children:p,setCurrentPathname:h}){const{mode:m,layout:g}=_e(),{pathname:x}=Ee.useLocation(),y=w.useMemo(()=>u.filter(b=>!b.hide),[u]),v=w.useRef(h);return w.useEffect(()=>{v.current=h},[h]),w.useEffect(()=>{v.current?.(x)},[x]),w.useEffect(()=>{const b=Object.keys(e).length>0,j=r?Lt?.find(C=>C.label===r):void 0;_e.setState({logo:b?e:Fd,showSettings:!!i,...d&&{mode:d},...f&&{layout:f},...j&&{primaryPreset:j}})},[]),w.useEffect(()=>{if(!n)return;const b={};for(const[j,C,N]of Yse){const k=n[j];k&&(b[C]=Xse(N,k))}Object.keys(b).length>0&&_e.setState(b)},[n]),w.useEffect(()=>{const b=document.documentElement;b.classList.toggle("dark",m==="dark"),b.classList.toggle("light",m!=="dark")},[m]),a.jsxs("div",{className:`fixed inset-0 h-screen w-screen overflow-auto bg-body ${s}`,children:[a.jsx(aE,{layout:f||g||Bd,menuItems:y,rightButton:t,logo:e,className:s,headerClassName:o,contentClassName:l,fullWidth:c,children:p}),a.jsx(pk,{}),a.jsx(KS,{})]})}var tr=(e=>(e.ACCESS_DENIED="access-denied",e.NOT_FOUND="not-found",e.DEFAULT="default-error",e.FORBIDDEN="forbidden",e.SERVER_ERROR="server-error",e.USER_BLOCKED="user-blocked",e.UNKNOWN="unknown",e))(tr||{});const I3=()=>[{key:tr.FORBIDDEN,path:tr.FORBIDDEN,element:a.jsx(sk,{})},{key:tr.NOT_FOUND,path:tr.NOT_FOUND,element:a.jsx(s0,{})},{key:tr.SERVER_ERROR,path:tr.SERVER_ERROR,element:a.jsx(ok,{})},{key:tr.ACCESS_DENIED,path:tr.ACCESS_DENIED,element:a.jsx(Qh,{})},{key:tr.USER_BLOCKED,path:tr.USER_BLOCKED,element:a.jsx(lk,{})},{key:tr.DEFAULT,path:tr.DEFAULT,element:a.jsx(ik,{})}],Jse=({routesConfig:e,basePath:t,isAuthenticated:r,loginUrl:n})=>{const i=t||document.querySelector("base")?.getAttribute("href")||"/",o=[...I3().map(d=>a.jsx(Ee.Route,{path:`${i}/${d.path}`,element:d.element},d.path))],l=[],c=[];return e?.forEach(d=>{(d.isPublic||d.isPublic===void 0)&&o.push(a.jsx(Ee.Route,{path:d.path,element:d.element},d.path)),d.disabled&&d.disabled===!0&&l.push(a.jsx(Ee.Route,{path:d.path,element:a.jsx(dk,{basePath:i})},d.path)),c.push(a.jsx(Ee.Route,{path:d.path,element:d.element},d.path))}),c.push(a.jsx(Ee.Route,{path:"*",element:a.jsx(s0,{basePath:i})},"last-route")),a.jsxs(Ee.Routes,{children:[o,l,a.jsx(Ee.Route,{path:"*",element:a.jsx(Qse,{privateRoutes:c,isAuthenticated:r,loginUrl:n})})]})},Qse=({privateRoutes:e,isAuthenticated:t,loginUrl:r})=>a.jsx(e3,{isAuthenticated:t,loginUrl:r,children:a.jsx(Ee.Routes,{children:e})}),sE=({routesConfig:e,basePath:t,isAuthenticated:r,loginUrl:n})=>a.jsx(Jse,{routesConfig:e,basePath:t,isAuthenticated:r,loginUrl:n}),oE=({menuItems:e,isAuthenticated:t,loginUrl:r})=>{const n=I3(),i=()=>{if(e.length===0)return[{key:"home-page",path:"/",element:a.jsx(ck,{basePath:"/"})}];const l=[],c=[];return e?.forEach((d,u)=>{const f=d.enableNestedRoutes?`${d.path}/*`:d.path;d.isPublic||d.isPublic===void 0?l.push({key:`route-${u}`,path:f,element:d.component}):c.push({key:`route-${u}`,path:f,element:d.component}),d.dropdownItems&&d.dropdownItems.forEach((p,h)=>{const m=p.enableNestedRoutes?`${p.path}/*`:p.path;p.isPublic||p.isPublic===void 0?l.push({key:`route-${u}-${h}`,path:m,element:p.component}):c.push({key:`route-${u}-${h}`,path:m,element:p.component})})}),{publicRoutes:l,privateRoutes:c}},{publicRoutes:s,privateRoutes:o}=i();return a.jsxs(Ee.Routes,{children:[o.map(l=>a.jsx(Ee.Route,{path:l.path,element:a.jsx(e3,{isAuthenticated:t,loginUrl:r||"/",children:l.element},l.key)},l.key)),s.map(l=>a.jsx(Ee.Route,{path:l.path,element:l.element},l.key)),n.map(l=>a.jsx(Ee.Route,{path:l.path,element:l.element},l.path)),a.jsx(Ee.Route,{path:"*",element:a.jsx(s0,{basePath:"/"})},"not-found-page")]})},eoe=({appRoutesConfig:e,basePath:t,isAuthenticated:r,loginUrl:n,...i})=>a.jsx(w.Suspense,{fallback:a.jsx(i0,{loadingText:"Loading..."}),children:a.jsx(Ee.BrowserRouter,{children:a.jsx(iE,{...i,children:a.jsx(sE,{routesConfig:e,basePath:t,isAuthenticated:r,loginUrl:n})})})}),toe=({menuItems:e,customRoutes:t,isAuthenticated:r,loginUrl:n,...i})=>a.jsx(w.Suspense,{fallback:a.jsx(i0,{loadingText:"Loading..."}),children:a.jsx(Ee.BrowserRouter,{children:a.jsx(iE,{menuItems:e,...i,children:t||a.jsx(oE,{menuItems:e,isAuthenticated:r,loginUrl:n})})})});function roe(e){if((e.architecturalPatterns??"standalone")==="standalone"){const n=e;return a.jsx(toe,{...n})}const r=e;return a.jsx(eoe,{...r})}const noe=["#105eff","#129961","#e1591b","#9d6bf2","#0093cb","#cb51bb","#596ff2","#56b340"],aoe=["#578bfa","#159962","#e66020","#bc7bfb","#0095cd","#d058c1","#5c71ee","#7bc869"];function Gn(){const{mode:e}=_e(),t=e==="dark";return{mode:e,colors:t?aoe:noe,grid:t?"#172131":"#e5e7eb",text:t?"#828a99":"#4a5565",background:t?"#030712":"#ffffff",border:t?"#172131":"#f3f4f6",tooltipBg:t?"#0a101d":"#ffffff",tooltipText:t?"#f9fafb":"#030712",tooltipBorder:t?"#172131":"#f3f4f6",cursorFill:t?"rgba(255,255,255,0.06)":"rgba(0,0,0,0.04)"}}function gi({children:e,height:t=300,className:r,ariaLabel:n}){return a.jsx("div",{className:V("w-full outline-none ring-0 [&_*]:outline-none [&_*]:ring-0",r),role:"img","aria-label":n,children:a.jsx(W9,{width:"100%",height:t,children:e})})}function xi({active:e,payload:t,label:r}){const n=Gn();return!e||!t?.length?null:a.jsxs("div",{className:"rounded-lg px-3 py-2 shadow-lg border text-xs",style:{backgroundColor:n.tooltipBg,borderColor:n.tooltipBorder,color:n.tooltipText},children:[r&&a.jsx("p",{className:"mb-1 font-medium text-[11px]",style:{color:n.text},children:r}),t.map((i,s)=>a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx("span",{className:"inline-block h-2 w-2 rounded-full shrink-0",style:{backgroundColor:i.color}}),a.jsxs("span",{className:"text-[11px]",style:{color:n.text},children:[i.name,":"]}),a.jsx("span",{className:"font-semibold",style:{color:n.tooltipText},children:typeof i.value=="number"?i.value.toLocaleString():i.value})]},s))]})}function yi({message:e="No data available",height:t=300}){const r=Gn();return a.jsx("div",{className:"flex items-center justify-center rounded-lg border border-dashed",style:{height:t,borderColor:r.border,color:r.text},children:a.jsx("p",{className:"text-sm",children:e})})}function ioe({data:e,series:t,height:r=300,className:n,xAxisKey:i="name",curved:s=!0,showDots:o,strokeWidth:l=2,showGrid:c=!0,showTooltip:d=!0,showLegend:u=!0,animate:f=!0,emptyMessage:p}){const h=Gn(),m=w.useMemo(()=>o!==void 0?o:e.length<=10,[o,e.length]),g=w.useMemo(()=>typeof window<"u"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,[]);return e.length?a.jsx(gi,{height:r,className:n,ariaLabel:"Line chart",children:a.jsxs(Xee,{data:e,margin:{top:8,right:8,left:-8,bottom:0},accessibilityLayer:!1,tabIndex:-1,style:{outline:"none"},children:[c&&a.jsx(pl,{strokeDasharray:"3 3",vertical:!1,stroke:h.grid}),a.jsx(es,{dataKey:i,axisLine:!1,tickLine:!1,tick:{fill:h.text,fontSize:12}}),a.jsx(ts,{axisLine:!1,tickLine:!1,tick:{fill:h.text,fontSize:12},width:45}),d&&a.jsx(vs,{content:a.jsx(xi,{}),cursor:{stroke:h.cursorFill}}),u&&a.jsx(ci,{verticalAlign:"bottom",iconType:"circle",iconSize:8,wrapperStyle:{paddingTop:16,fontSize:12,color:h.text}}),t.map((x,y)=>a.jsx(Hh,{type:s?"monotone":"linear",dataKey:x.dataKey,name:x.name||x.dataKey,stroke:x.color||h.colors[y%h.colors.length],strokeWidth:l,strokeDasharray:x.strokeDasharray,dot:m,activeDot:{r:5,strokeWidth:0},isAnimationActive:f&&!g,animationDuration:800},x.dataKey))]})}):a.jsx(yi,{message:p,height:r})}function soe({data:e,series:t,height:r=300,className:n,xAxisKey:i="name",layout:s="horizontal",stacked:o=!1,barRadius:l=4,barGap:c=4,showGrid:d=!0,showTooltip:u=!0,showLegend:f=!0,animate:p=!0,emptyMessage:h}){const m=Gn(),g=w.useMemo(()=>typeof window<"u"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,[]);if(!e.length)return a.jsx(yi,{message:h,height:r});const x=s==="vertical";return a.jsx(gi,{height:r,className:n,ariaLabel:"Bar chart",children:a.jsxs(Qee,{data:e,layout:x?"vertical":"horizontal",margin:{top:8,right:8,left:-8,bottom:0},barGap:c,barCategoryGap:"20%",accessibilityLayer:!1,tabIndex:-1,style:{outline:"none"},children:[d&&a.jsx(pl,{strokeDasharray:"3 3",vertical:x,horizontal:!x,stroke:m.grid}),x?a.jsxs(a.Fragment,{children:[a.jsx(es,{type:"number",axisLine:!1,tickLine:!1,tick:{fill:m.text,fontSize:12}}),a.jsx(ts,{type:"category",dataKey:i,axisLine:!1,tickLine:!1,tick:{fill:m.text,fontSize:12},width:80})]}):a.jsxs(a.Fragment,{children:[a.jsx(es,{dataKey:i,axisLine:!1,tickLine:!1,tick:{fill:m.text,fontSize:12}}),a.jsx(ts,{axisLine:!1,tickLine:!1,tick:{fill:m.text,fontSize:12},width:45})]}),u&&a.jsx(vs,{content:a.jsx(xi,{}),cursor:{fill:m.cursorFill}}),f&&a.jsx(ci,{verticalAlign:"bottom",iconType:"circle",iconSize:8,wrapperStyle:{paddingTop:16,fontSize:12,color:m.text}}),t.map((y,v)=>a.jsx(Wh,{dataKey:y.dataKey,name:y.name||y.dataKey,fill:y.color||m.colors[v%m.colors.length],radius:x?[0,l,l,0]:[l,l,0,0],stackId:o?"stack":y.stackId,isAnimationActive:p&&!g,animationDuration:800},y.dataKey))]})})}function ooe({data:e,series:t,height:r=300,className:n,xAxisKey:i="name",curved:s=!0,gradient:o=!0,stacked:l=!1,showGrid:c=!0,showTooltip:d=!0,showLegend:u=!0,animate:f=!0,emptyMessage:p}){const h=Gn(),m=w.useMemo(()=>typeof window<"u"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,[]),g=w.useMemo(()=>t.map((x,y)=>{const v=x.color||h.colors[y%h.colors.length];return{id:`area-gradient-${x.dataKey}`,color:v}}),[t,h.colors]);return e.length?a.jsx(gi,{height:r,className:n,ariaLabel:"Area chart",children:a.jsxs(rk,{data:e,margin:{top:8,right:8,left:-8,bottom:0},accessibilityLayer:!1,tabIndex:-1,style:{outline:"none"},children:[o&&a.jsx("defs",{children:g.map(({id:x,color:y})=>a.jsxs("linearGradient",{id:x,x1:"0",y1:"0",x2:"0",y2:"1",children:[a.jsx("stop",{offset:"5%",stopColor:y,stopOpacity:.4}),a.jsx("stop",{offset:"95%",stopColor:y,stopOpacity:.02})]},x))}),c&&a.jsx(pl,{strokeDasharray:"3 3",vertical:!1,stroke:h.grid}),a.jsx(es,{dataKey:i,axisLine:!1,tickLine:!1,tick:{fill:h.text,fontSize:12}}),a.jsx(ts,{axisLine:!1,tickLine:!1,tick:{fill:h.text,fontSize:12},width:45}),d&&a.jsx(vs,{content:a.jsx(xi,{}),cursor:{fill:h.cursorFill}}),u&&a.jsx(ci,{verticalAlign:"bottom",iconType:"circle",iconSize:8,wrapperStyle:{paddingTop:16,fontSize:12,color:h.text}}),t.map((x,y)=>{const v=x.color||h.colors[y%h.colors.length],b=`area-gradient-${x.dataKey}`;return a.jsx(e0,{type:s?"monotone":"linear",dataKey:x.dataKey,name:x.name||x.dataKey,stroke:v,strokeWidth:2,fill:o?`url(#${b})`:v,fillOpacity:o?1:x.fillOpacity??.2,stackId:l?"stack":x.stackId,dot:!1,activeDot:{r:4,strokeWidth:0},isAnimationActive:f&&!m,animationDuration:800},x.dataKey)})]})}):a.jsx(yi,{message:p,height:r})}function loe({data:e,height:t=300,className:r,donut:n=!1,showLabels:i=!0,showTooltip:s=!0,showLegend:o=!0,animate:l=!0,innerContent:c,emptyMessage:d}){const u=Gn(),f=w.useMemo(()=>typeof window<"u"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,[]),p=w.useMemo(()=>e.map((g,x)=>g.color||u.colors[x%u.colors.length]),[e,u.colors]);if(!e.length)return a.jsx(yi,{message:d,height:t});const h=t*.35,m=n?h*.6:0;return a.jsx(gi,{height:t,className:r,ariaLabel:"Pie chart",children:a.jsxs(mte,{accessibilityLayer:!1,tabIndex:-1,style:{outline:"none"},children:[a.jsx(nN,{data:e,cx:"50%",cy:"50%",innerRadius:m,outerRadius:h,paddingAngle:n?3:1,dataKey:"value",nameKey:"name",strokeWidth:0,label:i&&!n?({name:g,percent:x})=>`${g} ${((x??0)*100).toFixed(0)}%`:void 0,labelLine:i&&!n,isAnimationActive:l&&!f,animationDuration:800,children:e.map((g,x)=>a.jsx(cl,{fill:p[x]},x))}),s&&a.jsx(vs,{content:a.jsx(xi,{}),cursor:!1}),o&&a.jsx(ci,{verticalAlign:"bottom",iconType:"circle",iconSize:8,wrapperStyle:{paddingTop:16,fontSize:12,color:u.text}}),n&&c&&a.jsx("text",{x:"50%",y:"50%",textAnchor:"middle",dominantBaseline:"middle",className:"text-lg font-bold",fill:u.tooltipText,children:c})]})})}function coe({data:e,series:t,height:r=300,className:n,showTooltip:i=!0,showLegend:s=!0,fillOpacity:o=.3,animate:l=!0,emptyMessage:c}){const d=Gn(),u=w.useMemo(()=>typeof window<"u"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,[]);return e.length?a.jsx(gi,{height:r,className:n,ariaLabel:"Radar chart",children:a.jsxs(bte,{cx:"50%",cy:"50%",outerRadius:"70%",data:e,accessibilityLayer:!1,tabIndex:-1,style:{outline:"none"},children:[a.jsx(GC,{stroke:d.grid}),a.jsx(XC,{dataKey:"subject",tick:{fill:d.text,fontSize:11}}),a.jsx(ZC,{tick:{fill:d.text,fontSize:10},axisLine:!1}),t.map((f,p)=>{const h=f.color||d.colors[p%d.colors.length];return a.jsx(cN,{name:f.name||f.dataKey,dataKey:f.dataKey,stroke:h,fill:h,fillOpacity:o,strokeWidth:2,isAnimationActive:l&&!u,animationDuration:800},f.dataKey)}),i&&a.jsx(vs,{content:a.jsx(xi,{}),cursor:!1}),s&&a.jsx(ci,{verticalAlign:"bottom",iconType:"circle",iconSize:8,wrapperStyle:{paddingTop:16,fontSize:12,color:d.text}})]})}):a.jsx(yi,{message:c,height:r})}function doe({data:e,series:t,height:r=300,className:n,xAxisKey:i="name",barRadius:s=4,showGrid:o=!0,showTooltip:l=!0,showLegend:c=!0,animate:d=!0,emptyMessage:u}){const f=Gn(),p=w.useMemo(()=>typeof window<"u"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches,[]),h=w.useMemo(()=>t.filter(m=>m.type==="area").map((m,g)=>{const x=m.color||f.colors[g%f.colors.length];return{id:`composed-gradient-${m.dataKey}`,color:x}}),[t,f.colors]);return e.length?a.jsx(gi,{height:r,className:n,ariaLabel:"Composed chart",children:a.jsxs(Cte,{data:e,margin:{top:8,right:8,left:-8,bottom:0},accessibilityLayer:!1,tabIndex:-1,style:{outline:"none"},children:[a.jsx("defs",{children:h.map(({id:m,color:g})=>a.jsxs("linearGradient",{id:m,x1:"0",y1:"0",x2:"0",y2:"1",children:[a.jsx("stop",{offset:"5%",stopColor:g,stopOpacity:.4}),a.jsx("stop",{offset:"95%",stopColor:g,stopOpacity:.02})]},m))}),o&&a.jsx(pl,{strokeDasharray:"3 3",vertical:!1,stroke:f.grid}),a.jsx(es,{dataKey:i,axisLine:!1,tickLine:!1,tick:{fill:f.text,fontSize:12}}),a.jsx(ts,{axisLine:!1,tickLine:!1,tick:{fill:f.text,fontSize:12},width:45}),l&&a.jsx(vs,{content:a.jsx(xi,{}),cursor:{fill:f.cursorFill}}),c&&a.jsx(ci,{verticalAlign:"bottom",iconType:"circle",iconSize:8,wrapperStyle:{paddingTop:16,fontSize:12,color:f.text}}),t.map((m,g)=>{const x=m.color||f.colors[g%f.colors.length],y=d&&!p;switch(m.type){case"bar":return a.jsx(Wh,{dataKey:m.dataKey,name:m.name||m.dataKey,fill:x,radius:[s,s,0,0],stackId:m.stackId,isAnimationActive:y,animationDuration:800},m.dataKey);case"area":return a.jsx(e0,{type:"monotone",dataKey:m.dataKey,name:m.name||m.dataKey,stroke:x,strokeWidth:2,fill:`url(#composed-gradient-${m.dataKey})`,dot:!1,stackId:m.stackId,isAnimationActive:y,animationDuration:800},m.dataKey);case"line":default:return a.jsx(Hh,{type:"monotone",dataKey:m.dataKey,name:m.name||m.dataKey,stroke:x,strokeWidth:2,strokeDasharray:m.strokeDasharray,dot:!1,activeDot:{r:5,strokeWidth:0},isAnimationActive:y,animationDuration:800},m.dataKey)}})]})}):a.jsx(yi,{message:u,height:r})}function uoe({logo:e,searchButton:t,isOpen:r,setIsOpen:n,className:i,rightButton:s}){const o=Ee.useNavigate(),l=Gt(),c=n0(),u=yn()==="lg",f=h=>/^https?:\/\//i.test(h),p=(h,m)=>{f(h)?window.location.href=h:o(h)};return a.jsx("nav",{className:V("sticky top-0 z-30 h-[72px] w-full backdrop-blur-sm transition-shadow duration-300 ltr:right-0 rtl:left-0 sm:h-[80px] min-[1780px]:h-[96px]",(l&&c.y)>2?"shadow-card ":"",i),children:a.jsxs("div",{className:"flex h-full items-center justify-between px-[16px] sm:px-[24px] lg:px-[32px] min-[1780px]:px-[40px]",children:[a.jsxs("div",{className:"flex items-center",children:[a.jsx("div",{onClick:()=>e?.path?p(e.path):null,className:"flex items-center xl:hidden",children:a.jsx(mn,{isoType:u,...e})}),t&&t]}),a.jsx(D3,{rightButton:a.jsxs("div",{className:"flex flex-row items-center justify-center ",children:[s,a.jsx("div",{className:"mx-[8px] block sm:mx-[16px] xl:hidden",children:a.jsx(nu,{isOpen:r,onClick:()=>n&&n(!0),color:"white",className:"shadow-main dark:border dark:border-solid dark:border-gray-700 dark:bg-light-dark dark:text-white"})})]})})]})})}function foe({name:e,icon:t,href:r,path:n,dropdownItems:i,isActive:s,onClick:o}){const c=Ee.useLocation().pathname,d=Ee.useNavigate(),[u,f]=w.useState(!1),[p,{height:h}]=su(),m=i&&i.some(v=>v.href===c),g=v=>/^https?:\/\//i.test(v),x=(v,b)=>{g(v)?(window.location.href=v,b&&b()):(d(v),b&&b())},y=(v,b)=>{x(v),b&&setTimeout(()=>{b()},200)};return w.useEffect(()=>{m&&f(!0)},[]),a.jsx("div",{className:"mb-[8px] min-h-[48px] list-none last:mb-[0px]",children:i?.length?a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:V("relative flex h-[48px] cursor-pointer items-center justify-between whitespace-nowrap  rounded-lg px-[16px] text-sm transition-all",m?"text-white":"text-gray-500 hover:text-brand dark:hover:text-white"),onClick:()=>f(!u),onTouchStart:()=>f(!u),children:[a.jsxs("span",{className:"z-[1] flex items-center ltr:mr-[12px] rtl:ml-[12px]",children:[a.jsx("span",{className:V("ltr:mr-[12px] rtl:ml-[12px]"),children:t}),e]}),a.jsx("span",{className:`z-[1] transition-transform duration-200 ${u?"rotate-180":""}`,children:a.jsx(_n,{})}),m&&a.jsx(as.span,{className:V("absolute bottom-0 left-0 right-0 h-full w-full rounded-lg bg-brand opacity-0 shadow-large transition-opacity"),initial:{opacity:0},animate:{opacity:1},transition:{duration:.5}})]}),a.jsx("div",{style:{height:u?h:0},className:"ease-[cubic-bezier(0.33, 1, 0.68, 1)] overflow-hidden transition-all duration-[350ms]",children:a.jsx("ul",{ref:p,children:i.map((v,b)=>a.jsx("li",{className:"first:pt-[8px]",children:a.jsx($r,{onClick:()=>{x(v.href?v.href:v.path,o)},onTouchStart:()=>{y(v.href?v.href:v.path,o)},path:v.path,href:v.href,to:v.href?v.href:v.path,className:"flex items-center rounded-lg p-[12px] text-sm text-gray-500 transition-all before:h-[4px] before:w-[4px] before:rounded-full before:bg-gray-500 hover:text-brand ltr:pl-[24px] before:ltr:mr-[20px] rtl:pr-[24px] before:rtl:ml-[20px] dark:hover:text-white",activeClassName:"!text-brand dark:!text-white dark:before:!bg-white before:!bg-brand before:!w-[8px] before:!h-[8px] before:-ml-[2px] before:ltr:!mr-[18px] before:rtl:!ml-[18px] !font-medium",children:v.name})},b))})})]}):a.jsxs($r,{onClick:()=>{x(r||n,o)},onTouchStart:()=>{y(r||n,o)},path:n,href:r,to:r||n,className:V("relative flex h-[48px] items-center whitespace-nowrap rounded-lg px-[16px] text-sm text-gray-500 transition-all hover:text-brand dark:hover:text-white",{"bg-brand":s}),activeClassName:"!text-white",children:[a.jsx("span",{className:V("relative z-[1] duration-100 before:absolute before:-right-[12px] before:top-[50%] before:h-[4px] before:w-[4px] before:-translate-y-2/4 before:rounded-full before:bg-none ltr:mr-[12px] rtl:ml-[12px]",{"text-white":s,"text-gray-500":!s&&!e}),children:t}),a.jsxs("span",{className:"relative z-[1] ",children:[" ",e]}),n===c&&a.jsx(as.span,{className:V("absolute bottom-0 left-0 right-0 h-full w-full rounded-lg bg-brand opacity-0 shadow-large transition-opacity"),initial:{opacity:0},animate:{opacity:1},transition:{duration:.5}})]})})}const lE=({id:e,label:t,content:r,icon:n,onClick:i,disabled:s,className:o,active:l,...c})=>{const d=()=>{i?.()};return a.jsx("li",{...c,children:r?a.jsx("div",{className:V("px-[12px] py-[8px] rounded-lg transition hover:bg-gray-200 dark:hover:bg-gray-700/50",l&&"bg-gray-100 dark:bg-gray-700",o),onClick:d,children:r}):a.jsxs("button",{type:"button",onClick:d,disabled:s,className:V("flex w-full items-center gap-[4px] rounded-lg px-[12px] py-[8px] text-sm font-medium uppercase text-gray-600 transition hover:bg-gray-200 hover:text-gray-900 dark:text-white dark:hover:bg-gray-700/50 disabled:opacity-50 disabled:cursor-not-allowed",l&&"bg-gray-100 dark:bg-gray-700 !text-gray-900 dark:!text-white",o),role:"menuitem","aria-disabled":s,children:[n&&a.jsx("span",{className:"w-[16px] h-[16px] flex items-center justify-center",children:n}),t&&a.jsx("span",{className:"text-[14px]",children:t})]})},e)},poe=()=>a.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"text-gray-600 dark:text-gray-300",children:[a.jsx("circle",{cx:"8",cy:"4",r:"1.5",fill:"currentColor"}),a.jsx("circle",{cx:"8",cy:"8",r:"1.5",fill:"currentColor"}),a.jsx("circle",{cx:"8",cy:"12",r:"1.5",fill:"currentColor"})]}),cE=({label:e,items:t,triggerIcon:r,className:n,dropdownClassName:i,position:s="bottom",align:o="end",isOpen:l,onOpenChange:c,keepOpen:d=!1,trigger:u="hover"})=>{const[f,p]=w.useState(!1),h=l!==void 0?l:f,m=b=>{c?c(b):p(b)},g=()=>{u==="hover"&&m(!0)},x=()=>{u==="hover"&&!d&&m(!1)},y=()=>{u==="click"&&m(!h)},v=()=>{const b="absolute",j={bottom:{start:"top-full left-0 mt-[8px]",end:"top-full right-0 mt-[8px]",center:"top-full left-1/2 -translate-x-1/2 mt-[8px]"},top:{start:"bottom-full left-0 mb-[8px]",end:"bottom-full right-0 mb-[8px]",center:"bottom-full left-1/2 -translate-x-1/2 mb-[8px]"},left:{start:"right-full top-0 mr-[8px]",end:"right-full bottom-0 mr-[8px]",center:"right-full top-1/2 -translate-y-1/2 mr-[8px]"},right:{start:"left-full top-0 ml-[8px]",end:"left-full bottom-0 ml-[8px]",center:"left-full top-1/2 -translate-y-1/2 ml-[8px]"}};return`${b} ${j[s]?.[o]||j.bottom.end}`};return a.jsxs("div",{className:V("group/options relative inline-block",n),onMouseEnter:g,onMouseLeave:x,children:[a.jsxs("button",{type:"button",onClick:y,className:"flex items-center justify-center w-full h-[32px] border border-gray-200 dark:border-gray-700 rounded-full transition-colors hover:bg-gray-200 dark:hover:bg-gray-800 focus:outline-none focus:ring-[2px] focus:ring-offset-[2px] focus:ring-brand/50","aria-label":"Options menu","aria-haspopup":"true","aria-expanded":h,children:[e&&a.jsxs("div",{className:"flex items-center justify-between gap-[8px] w-full px-[12px]",children:[a.jsx("span",{className:"text-[14px font-medium",children:e}),a.jsx(_n,{className:V("w-[10px] h-[10px] transition-transform duration-200",h&&"rotate-180")})]}),!e&&(r||a.jsx(poe,{}))]}),a.jsx("ul",{className:V("absolute w-[256px] rounded-lg bg-light-dark p-[12px] shadow-large transition-all z-50",v(),h?"visible opacity-100":"invisible opacity-0",i),role:"menu","aria-orientation":"vertical",children:t.map(b=>a.jsx(lE,{...b,onClick:y},b.id))})]})},Ei={base:"absolute top-0 bottom-0 left-0 h-full flex items-center justify-center",size:{sm:"h-1.5",DEFAULT:"h-2",lg:"h-3",xl:"h-4"},rounded:{none:"rounded-none",sm:"rounded-xs",md:"rounded-md",lg:"rounded-lg",DEFAULT:"rounded-full"},variant:{solid:{base:"text-gray-600 dark:text-white",color:{DEFAULT:"bg-brand",primary:"bg-brand",secondary:"bg-brand/70",danger:"bg-red-500",info:"bg-blue-500",success:"bg-green-500",warning:"bg-orange-500"}},flat:{base:"",color:{DEFAULT:"bg-brand",primary:"bg-brand text-gray-600 dark:text-white",secondary:"bg-brand/70 text-gray-600 dark:text-white",danger:"bg-red-500/70 text-red-500",info:"bg-blue-500/70 text-blue-500",success:"bg-green-500/70 text-green-500",warning:"bg-orange-500/70 text-orange-500"}}}},moe=({value:e,label:t="",size:r="DEFAULT",rounded:n="DEFAULT",color:i="DEFAULT",variant:s="solid",className:o,barClassName:l,labelClassName:c})=>a.jsx("div",{className:V("relative w-full bg-gray-200",Ei.size[r],Ei.rounded[n],o),children:a.jsx("div",{role:"progressbar","aria-valuemax":100,"aria-valuemin":0,"aria-valuenow":e,"aria-label":typeof t=="string"?t:void 0,className:V(Ei.base,Ei.variant[s].base,Ei.variant[s].color[i],Ei.rounded[n],l),style:{width:`${e}%`},children:t&&r==="xl"&&a.jsx(O,{className:V("text-sm font-bold",c),children:t})})}),hoe={primary:"border-t-brand",gray:"border-t-gray-500",success:"border-t-green-500",danger:"border-t-red-500",info:"border-t-blue-500",warning:"border-t-orange-500"},goe=({size:e="md",color:t="primary"})=>a.jsx("div",{className:"flex items-center justify-center",children:a.jsx("div",{className:V("border-4 border-t-4 border-gray-200 rounded-full animate-spin",e==="sm"&&"w-4 h-4",e==="md"&&"w-6 h-6",e==="lg"&&"w-8 h-8",t&&hoe[t])})}),xoe=e=>{const t=w.useId().replace(/:/g,""),r=`brain-gradient-${t}`,n=`glow-brain-${t}`;return a.jsxs("svg",{viewBox:"0 0 100 100",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:[a.jsxs("defs",{children:[a.jsxs("linearGradient",{id:r,x1:"0%",y1:"0%",x2:"100%",y2:"100%",children:[a.jsx("stop",{offset:"0%",stopColor:"#3B82F6"}),a.jsx("stop",{offset:"50%",stopColor:"#8B5CF6"}),a.jsx("stop",{offset:"100%",stopColor:"#EC4899"})]}),a.jsxs("filter",{id:n,x:"-20%",y:"-20%",width:"140%",height:"140%",children:[a.jsx("feGaussianBlur",{stdDeviation:"2",result:"coloredBlur"}),a.jsxs("feMerge",{children:[a.jsx("feMergeNode",{in:"coloredBlur"}),a.jsx("feMergeNode",{in:"SourceGraphic"})]})]})]}),a.jsx("style",{children:`
           @keyframes pulse-node {
@@ -175,7 +175,7 @@ Take a look at the reducer(s) handling this action type: ${h.type}.
         .dark .basic-table-scroll::-webkit-scrollbar-thumb:hover {
           background-color: rgba(255, 255, 255, 0.3);
         }
-      `}}),a.jsx("div",{className:V("overflow-x-auto basic-table-scroll",c,i),style:{scrollbarWidth:"thin",scrollbarColor:"rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.05)"},children:r?a.jsx("div",{className:V("overflow-x-auto overflow-y-auto rounded-xl",n&&"border border-gray-15 dark:border-gray-700"),style:{maxHeight:`${g}px`},children:a.jsxs("table",{className:V("min-w-max w-full border-separate border-spacing-0",s),children:[d&&a.jsx("thead",{className:"sticky top-0 z-10",children:a.jsx("tr",{className:V("bg-gray-10 dark:bg-gray-800 shadow-sm",o),children:e.map((x,y)=>{const v=y===e.length-1;return a.jsx("th",{className:V("p-3 text-left text-sm font-semibold",n&&"border-b border-gray-15 dark:border-gray-700",n&&!v&&"border-r border-r-gray-15 dark:border-r-gray-700",r&&d&&y===0&&"rounded-tl-xl",r&&d&&y===e.length-1&&"rounded-tr-xl",x.headerClassName),children:x.label},x.key)})})}),a.jsx("tbody",{children:t.map((x,y)=>{const v=y===t.length-1;return a.jsx("tr",{className:h(x,y),children:e.map((b,j)=>{const C=m(b,x),N=b.render?b.render(C,x,y):String(C??""),k=j===0,S=j===e.length-1;return a.jsx("td",{className:V("p-3 text-xs text-gray-600 dark:text-gray-400",n&&"border-b border-gray-15 dark:border-gray-700",n&&!S&&"border-r border-gray-15 dark:border-gray-700",n&&v&&"border-b-0",r&&v&&k&&!d&&"rounded-bl-xl",r&&v&&S&&!d&&"rounded-br-xl",r&&v&&k&&d&&"rounded-bl-xl",r&&v&&S&&d&&"rounded-br-xl",b.className),children:N},b.key)})},y)})})]})}):a.jsx("div",{className:V("overflow-x-auto overflow-y-auto"),style:{maxHeight:`${g}px`},children:a.jsxs("table",{className:V("min-w-max w-full border-collapse",n&&"border border-gray-15 dark:border-gray-700",s),children:[d&&a.jsx("thead",{className:"sticky top-0 z-10",children:a.jsx("tr",{className:V("bg-gray-10 dark:bg-gray-800 shadow-sm",o),children:e.map((x,y)=>a.jsx("th",{className:V("p-3 text-left text-sm font-semibold",n&&"border-r border-b border-gray-15 dark:border-gray-700",n&&y===e.length-1&&"border-r-0",x.headerClassName),children:x.label},x.key))})}),a.jsx("tbody",{children:t.map((x,y)=>{const v=y===t.length-1;return a.jsx("tr",{className:h(x,y),children:e.map((b,j)=>{const C=m(b,x),N=b.render?b.render(C,x,y):String(C??""),k=j===e.length-1;return a.jsx("td",{className:V("p-3 text-xs text-gray-600 dark:text-gray-400",n&&"border-r border-b border-gray-15 dark:border-gray-700",n&&k&&"border-r-0",n&&v&&"border-b-0",b.className),children:N},b.key)})},y)})})]})})})]})},A2={underline:{base:"relative pb-2 border-b-2 border-transparent",selected:"border-brand text-brand dark:border-brand dark:text-brand",unselected:"hover:border-gray-300 dark:hover:border-gray-600"},pills:{base:"rounded-full px-4 py-2 transition-all duration-200",selected:"bg-brand text-white shadow-sm",unselected:"hover:bg-gray-100 dark:hover:bg-gray-800"},bordered:{base:"rounded-lg border-2 px-4 py-2 transition-all duration-200",selected:"border-brand bg-brand/10 text-brand dark:bg-brand/20",unselected:"border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600"},solid:{base:"rounded-lg px-4 py-2 transition-all duration-200",selected:"bg-gray-200 text-gray-900 dark:bg-gray-700 dark:text-white",unselected:"hover:bg-gray-100 dark:hover:bg-gray-800"}},voe={small:"text-sm",medium:"text-base",large:"text-lg"},pp={primary:"text-blue-600 dark:text-blue-400",secondary:"text-gray-600 dark:text-gray-400",success:"text-green-600 dark:text-green-400",danger:"text-red-600 dark:text-red-400"},boe=()=>{},z3=w.createContext({selectedIndex:0,setSelectedIndex:boe,tabCount:0,baseId:""}),dE=({variant:e="underline",className:t,children:r,selectedIndex:n,defaultIndex:i=0,onChange:s})=>{const[o,l]=w.useState(i),c=w.useId(),d=n!==void 0,u=d?n:o,f=w.useCallback(h=>{d||l(h),s?.(h)},[d,s]);let p=0;return w.Children.forEach(r,h=>{w.isValidElement(h)&&h.type===V3&&w.Children.forEach(h.props.children,m=>{w.isValidElement(m)&&p++})}),a.jsx(z3.Provider,{value:{selectedIndex:u,setSelectedIndex:f,tabCount:p,baseId:c},children:a.jsx("div",{className:V("w-full",t),"data-variant":e,children:r})})},V3=({variant:e="underline",className:t,children:r,responsive:n=!0})=>{const{selectedIndex:i,setSelectedIndex:s,baseId:o}=w.useContext(z3),l=w.useRef(null),c=Gt(),d=yn(),u=w.Children.toArray(r).filter(w.isValidElement),f=u.length,p=n&&c&&["xs","sm"].indexOf(d)!==-1,h=u.map(x=>w.isValidElement(x)?{label:x.props.children,icon:x.props.icon,disabled:x.props.disabled,color:x.props.color}:{label:null,icon:void 0,disabled:!1,color:void 0}),m=w.useCallback(x=>{let y=i;x.key==="ArrowRight"?(x.preventDefault(),y=(i+1)%f):x.key==="ArrowLeft"?(x.preventDefault(),y=(i-1+f)%f):x.key==="Home"?(x.preventDefault(),y=0):x.key==="End"&&(x.preventDefault(),y=f-1),y!==i&&(s(y),l.current?.querySelectorAll('[role="tab"]:not([disabled])')?.[y]?.focus())},[i,s,f]),g=V("flex",{"gap-6 border-b border-gray-200 dark:border-gray-700":e==="underline","gap-2 bg-gray-100 dark:bg-gray-900 p-1 rounded-xl":e==="pills","gap-2":e==="bordered","gap-1 bg-gray-100 dark:bg-gray-800 p-1 rounded-xl":e==="solid"},t);return p?a.jsx(Coe,{tabItems:h,selectedIndex:i,onChange:s,variant:e,className:t}):a.jsx("div",{ref:l,role:"tablist","aria-orientation":"horizontal",className:g,onKeyDown:m,children:u.map((x,y)=>w.cloneElement(x,{__index:y,__selected:y===i,__baseId:o,__onSelect:()=>s(y)}))})},woe={underline:"border-2 border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-100  dark:hover:bg-gray-800/50",pills:"bg-gray-100 dark:bg-gray-900 rounded-full hover:bg-gray-200 dark:hover:bg-gray-800",bordered:"border-2 border-brand rounded-lg bg-brand/5 dark:bg-brand/10",solid:"bg-gray-100 dark:bg-gray-800 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700"},joe={underline:"rounded-xl border border-gray-200 dark:border-gray-700",pills:"rounded-2xl border border-gray-200 dark:border-gray-700",bordered:"rounded-xl border-2 border-brand/30 dark:border-brand/20",solid:"rounded-xl border border-gray-200 dark:border-gray-700"},E8={underline:{selected:"bg-gray-100 dark:bg-gray-700 font-medium border-l-2 border-brand",highlighted:"bg-gray-50 dark:bg-gray-700/50"},pills:{selected:"bg-brand text-white font-medium rounded-full",highlighted:"bg-gray-100 dark:bg-gray-700/50 rounded-full"},bordered:{selected:"bg-brand/10 dark:bg-brand/20 text-brand font-medium border border-brand/30 rounded-lg",highlighted:"bg-gray-100 dark:bg-gray-700/50 rounded-lg"},solid:{selected:"bg-gray-200 dark:bg-gray-700 font-medium text-gray-900 dark:text-white",highlighted:"bg-gray-100 dark:bg-gray-700/50"}};function Coe({tabItems:e,selectedIndex:t,onChange:r,variant:n="underline",className:i}){const[s,o]=w.useState(!1),[l,c]=w.useState(!1),[d,u]=w.useState(-1),[f,p]=w.useState({}),h=w.useRef(null),m=w.useRef(null),g=w.useRef([]),x=e.map((T,A)=>T.disabled?-1:A).filter(T=>T!==-1),y=w.useCallback(()=>{if(!h.current)return;const T=h.current.getBoundingClientRect(),A=200,L=window.innerHeight-T.bottom,D=T.top,z=L<A&&D>L;p({position:"fixed",...z?{bottom:window.innerHeight-T.top+4}:{top:T.bottom+4},left:T.left,width:T.width,zIndex:9999})},[]),v=w.useCallback(()=>{y(),u(t),c(!1),o(!0)},[t,y]),b=w.useCallback(()=>{c(!0);const T=setTimeout(()=>{o(!1),c(!1),u(-1)},100);return()=>clearTimeout(T)},[]),j=w.useCallback(()=>{s?b():v()},[s,v,b]),C=w.useCallback(T=>{e[T]?.disabled||(r(T),b(),h.current?.focus())},[r,b,e]),N=w.useCallback((T,A)=>{const L=e.length;let D=(T+A+L)%L,z=0;for(;e[D]?.disabled&&z<L;)D=(D+A+L)%L,z++;return D},[e]);w.useEffect(()=>{if(!s)return;const T=A=>{h.current&&!h.current.contains(A.target)&&m.current&&!m.current.contains(A.target)&&b()};return document.addEventListener("mousedown",T),()=>document.removeEventListener("mousedown",T)},[s,b]),w.useEffect(()=>{if(!s)return;const T=A=>{A.key==="Escape"&&(b(),h.current?.focus())};return document.addEventListener("keydown",T),()=>document.removeEventListener("keydown",T)},[s,b]),w.useEffect(()=>{if(!s)return;const T=()=>y();return window.addEventListener("scroll",T,!0),window.addEventListener("resize",T),()=>{window.removeEventListener("scroll",T,!0),window.removeEventListener("resize",T)}},[s,y]),w.useEffect(()=>{d>=0&&g.current[d]&&g.current[d]?.scrollIntoView({block:"nearest"})},[d]);const k=T=>{if(!s){["ArrowDown","ArrowUp","Enter"," "].includes(T.key)&&(T.preventDefault(),v());return}switch(T.key){case"ArrowDown":T.preventDefault(),u(A=>N(A,1));break;case"ArrowUp":T.preventDefault(),u(A=>N(A,-1));break;case"Enter":case" ":T.preventDefault(),d>=0&&!e[d]?.disabled&&C(d);break;case"Escape":case"Tab":T.preventDefault(),b();break;case"Home":T.preventDefault(),u(x[0]??0);break;case"End":T.preventDefault(),u(x[x.length-1]??e.length-1);break}},S=e[t],E=S?.color?pp[S.color]:"text-gray-900 dark:text-gray-100",P=s&&xr.createPortal(a.jsx("div",{ref:m,id:"tablist-mobile-listbox",role:"listbox",tabIndex:-1,"aria-activedescendant":d>=0?`tablist-mobile-option-${d}`:void 0,style:f,className:V("max-h-52 overflow-auto bg-white p-1.5 shadow-large dark:bg-gray-800",joe[n],"transition ease-in duration-100",l?"opacity-0 -translate-y-1":"opacity-100 translate-y-0"),children:e.map((T,A)=>{const L=A===t,D=A===d,z=T.disabled,U=T.color?pp[T.color]:"";return a.jsxs("button",{id:`tablist-mobile-option-${A}`,ref:I=>{g.current[A]=I},type:"button",role:"option","aria-selected":L,"aria-disabled":z,disabled:z,onClick:()=>C(A),onMouseEnter:()=>!z&&u(A),className:V("flex w-full items-center gap-2.5 px-4 py-2.5 text-left text-sm transition-colors","focus:outline-none focus-visible:ring-2 focus-visible:ring-brand",n!=="pills"&&"rounded-lg",n==="pills"&&"rounded-full",z&&"opacity-40 cursor-not-allowed",!z&&L&&E8[n].selected,!z&&L&&!U&&"text-gray-900 dark:text-white",!z&&L&&U,!z&&!L&&D&&E8[n].highlighted,!z&&!L&&D&&!U&&"text-gray-900 dark:text-gray-100",!z&&!L&&D&&U,!z&&!L&&!D&&!U&&"text-gray-600 dark:text-gray-400",!z&&!L&&!D&&U),children:[T.icon&&a.jsx("span",{className:"shrink-0 flex items-center",children:T.icon}),a.jsx("span",{className:"flex-1 truncate",children:T.label}),L&&n!=="pills"&&a.jsx("span",{className:"shrink-0 h-1.5 w-1.5 rounded-full bg-brand"})]},A)})}),document.body);return a.jsxs("div",{className:i,children:[a.jsxs("button",{ref:h,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":s,"aria-controls":"tablist-mobile-listbox",onClick:j,onKeyDown:k,className:V("flex w-full items-center justify-between px-4 py-2.5 text-sm font-medium transition-colors sm:px-5 sm:py-3.5",woe[n]),children:[a.jsxs("span",{className:V("flex items-center gap-2",E),children:[S?.icon&&a.jsx("span",{className:"shrink-0 flex items-center",children:S.icon}),a.jsx("span",{className:"truncate",children:S?.label??e[0]?.label})]}),a.jsx(_n,{className:V("h-auto w-3.5 shrink-0 transition-transform duration-200 text-gray-500 dark:text-gray-400",s&&"rotate-180")})]}),P]})}function uE({children:e,className:t,disabled:r,showMobileIndicator:n=!0,variant:i="underline",size:s="medium",color:o,icon:l,__index:c=0,__selected:d=!1,__baseId:u="",__onSelect:f}){const p=yn(),h=["xs"].indexOf(p)!==-1,m=d;return a.jsxs("button",{role:"tab",type:"button",id:`${u}-tab-${c}`,"aria-selected":m,"aria-controls":`${u}-panel-${c}`,tabIndex:m?0:-1,disabled:r,onClick:()=>!r&&f?.(),className:V("relative font-medium tracking-wide transition-all duration-200","focus:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2","disabled:opacity-50 disabled:cursor-not-allowed",A2[i].base,voe[s],{[A2[i].selected]:m,[A2[i].unselected]:!m,"text-sm":h},o&&!m&&pp[o],{"text-gray-600 dark:text-gray-400":!m&&!o,"text-gray-900 dark:text-white":m&&i==="underline"},t),children:[a.jsxs("span",{className:"flex items-center justify-center gap-2 whitespace-nowrap",children:[l&&a.jsx("span",{className:"shrink-0",children:l}),a.jsx("span",{children:e})]}),m&&i==="underline"&&n&&a.jsx(as.span,{className:"absolute bottom-0 left-0 right-0 h-0.5 bg-brand rounded-full",layoutId:"tab-indicator",transition:{type:"spring",stiffness:500,damping:30}})]})}function fE({children:e,className:t}){const{selectedIndex:r,baseId:n}=w.useContext(z3),i=w.Children.toArray(e).filter(w.isValidElement);return a.jsx("div",{className:V("mt-4",t),children:a.jsx(iae,{children:i.map((s,o)=>w.cloneElement(s,{__index:o,__selected:o===r,__baseId:n}))})})}function Noe({children:e,className:t,__index:r=0,__selected:n=!1,__baseId:i=""}){return n?a.jsx("div",{role:"tabpanel",id:`${i}-panel-${r}`,"aria-labelledby":`${i}-tab-${r}`,tabIndex:0,className:V("rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-brand",t),children:e}):null}const R3=w.forwardRef(({tabMenu:e,selectedTabIndex:t,onChange:r},n)=>{const[i,s]=w.useState(!1),[o,l]=w.useState(!1),[c,d]=w.useState(-1),[u,f]=w.useState({}),p=w.useRef(null),h=w.useRef(null),m=w.useRef([]),g=w.useRef(null);w.useImperativeHandle(n,()=>g.current);const x=w.useCallback(()=>{if(!p.current)return;const k=p.current.getBoundingClientRect(),S=200,E=window.innerHeight-k.bottom,P=k.top,T=E<S&&P>E;f({position:"fixed",...T?{bottom:window.innerHeight-k.top+4}:{top:k.bottom+4},left:k.left,width:k.width,zIndex:9999})},[]),y=w.useCallback(()=>{x(),d(t),l(!1),s(!0)},[t,x]),v=w.useCallback(()=>{l(!0);const k=setTimeout(()=>{s(!1),l(!1),d(-1)},100);return()=>clearTimeout(k)},[]),b=w.useCallback(()=>{i?v():y()},[i,y,v]),j=w.useCallback(k=>{r(k),v(),p.current?.focus()},[r,v]);w.useEffect(()=>{if(!i)return;const k=S=>{p.current&&!p.current.contains(S.target)&&h.current&&!h.current.contains(S.target)&&v()};return document.addEventListener("mousedown",k),()=>document.removeEventListener("mousedown",k)},[i,v]),w.useEffect(()=>{if(!i)return;const k=S=>{S.key==="Escape"&&(v(),p.current?.focus())};return document.addEventListener("keydown",k),()=>document.removeEventListener("keydown",k)},[i,v]),w.useEffect(()=>{if(!i)return;const k=()=>x();return window.addEventListener("scroll",k,!0),window.addEventListener("resize",k),()=>{window.removeEventListener("scroll",k,!0),window.removeEventListener("resize",k)}},[i,x]),w.useEffect(()=>{c>=0&&m.current[c]&&m.current[c]?.scrollIntoView({block:"nearest"})},[c]);const C=k=>{if(!i){switch(k.key){case"ArrowDown":case"ArrowUp":case"Enter":case" ":k.preventDefault(),y();break}return}switch(k.key){case"ArrowDown":k.preventDefault(),d(S=>S<e.length-1?S+1:0);break;case"ArrowUp":k.preventDefault(),d(S=>S>0?S-1:e.length-1);break;case"Enter":case" ":k.preventDefault(),c>=0&&j(c);break;case"Escape":case"Tab":k.preventDefault(),v();break;case"Home":k.preventDefault(),d(0);break;case"End":k.preventDefault(),d(e.length-1);break}},N=i&&xr.createPortal(a.jsx("div",{ref:h,id:"tab-select-listbox",role:"listbox",tabIndex:-1,"aria-activedescendant":c>=0?`tab-select-option-${c}`:void 0,style:u,className:V("max-h-52 overflow-auto rounded-xl border border-gray-200 bg-white p-1.5 shadow-large dark:border-gray-700 dark:bg-gray-800","transition ease-in duration-100",o?"opacity-0 -translate-y-1":"opacity-100 translate-y-0"),children:e.map((k,S)=>{const E=S===t,P=S===c;return a.jsx("button",{id:`tab-select-option-${S}`,ref:T=>{m.current[S]=T},type:"button",role:"option","aria-selected":E,onClick:()=>j(S),onMouseEnter:()=>d(S),className:V("w-full cursor-pointer rounded-lg px-4 py-2.5 text-left text-sm transition-colors","focus:outline-none focus-visible:ring-2 focus-visible:ring-brand",E&&"bg-gray-100 dark:bg-gray-700 font-medium text-gray-900 dark:text-white",!E&&P&&"bg-gray-200/70 dark:bg-gray-600/60 text-gray-900 dark:text-gray-100",!E&&!P&&"text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700"),children:k.title},`${k.path}-${S}`)})}),document.body);return a.jsxs("div",{ref:g,children:[a.jsxs("button",{ref:p,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":i,"aria-controls":"tab-select-listbox",onClick:b,onKeyDown:C,className:"flex w-full items-center justify-between rounded-lg border-2 border-gray-200 px-4 py-2.5 text-sm font-medium transition-colors hover:bg-gray-100 dark:border-gray-700 dark:hover:bg-gray-800 sm:px-5 sm:py-3.5",children:[a.jsx("span",{className:"text-gray-900 dark:text-gray-100",children:e[t]?.title??e[0]?.title}),a.jsx(_n,{className:V("h-auto w-3.5 transition-transform duration-200",i&&"rotate-180")})]}),N]})});R3.displayName="TabSelect";function koe({tabMenu:e,children:t,tabListClassName:r,variant:n="underline",size:i="medium",showMobileSelect:s=!0}){const o=Ee.useNavigate(),l=Ee.useLocation().pathname,c=Ee.useLocation().search,d=w.useMemo(()=>new URLSearchParams(c),[c]),u=d.get("view"),f=Gt(),p=yn(),h=w.useRef(null),[m,g]=w.useState(0),x=w.useCallback((b,j)=>{const C=new URLSearchParams(d);return C.set(b,j),C.toString()},[d]);function y(b){o(l+"?"+x("view",e[b].path),{replace:!0})}w.useEffect(()=>{if(u){const b=e.findIndex(j=>u===j.path);b!==-1&&g(b)}},[u,e]);const v=s&&f&&["xs","sm"].indexOf(p)!==-1;return a.jsxs(dE,{variant:n,selectedIndex:m,onChange:b=>y(b),children:[a.jsx(V3,{variant:n,className:r,children:v?a.jsx("div",{ref:h,className:"w-full",children:a.jsx(R3,{tabMenu:e,selectedTabIndex:m,onChange:b=>y(b)})}):a.jsx(a.Fragment,{children:e.map(b=>a.jsx(uE,{variant:n,size:i,icon:b.icon,children:b.title},b.path))})}),a.jsx(fE,{children:t})]})}const Es={ActiveLink:{displayName:"ActiveLink",description:"",filePath:"ui/tucu-ui/src/components/index.ts",props:[{name:"path",type:"string",defaultValue:null,required:!0,description:""},{name:"to",type:"string | Partial<Path>",defaultValue:null,required:!0,description:`Can be a string or a partial {@link Path }:
+      `}}),a.jsx("div",{className:V("overflow-x-auto basic-table-scroll",c,i),style:{scrollbarWidth:"thin",scrollbarColor:"rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.05)"},children:r?a.jsx("div",{className:V("overflow-x-auto overflow-y-auto rounded-xl",n&&"border border-gray-15 dark:border-gray-700"),style:{maxHeight:`${g}px`},children:a.jsxs("table",{className:V("min-w-max w-full border-separate border-spacing-0",s),children:[d&&a.jsx("thead",{className:"sticky top-0 z-10",children:a.jsx("tr",{className:V("bg-gray-10 dark:bg-gray-800 shadow-sm",o),children:e.map((x,y)=>{const v=y===e.length-1;return a.jsx("th",{className:V("p-3 text-left text-sm font-semibold",n&&"border-b border-gray-15 dark:border-gray-700",n&&!v&&"border-r border-r-gray-15 dark:border-r-gray-700",r&&d&&y===0&&"rounded-tl-xl",r&&d&&y===e.length-1&&"rounded-tr-xl",x.headerClassName),children:x.label},x.key)})})}),a.jsx("tbody",{children:t.map((x,y)=>{const v=y===t.length-1;return a.jsx("tr",{className:h(x,y),children:e.map((b,j)=>{const C=m(b,x),N=b.render?b.render(C,x,y):String(C??""),k=j===0,S=j===e.length-1;return a.jsx("td",{className:V("p-3 text-xs text-gray-600 dark:text-gray-400",n&&"border-b border-gray-15 dark:border-gray-700",n&&!S&&"border-r border-gray-15 dark:border-gray-700",n&&v&&"border-b-0",r&&v&&k&&!d&&"rounded-bl-xl",r&&v&&S&&!d&&"rounded-br-xl",r&&v&&k&&d&&"rounded-bl-xl",r&&v&&S&&d&&"rounded-br-xl",b.className),children:N},b.key)})},y)})})]})}):a.jsx("div",{className:V("overflow-x-auto overflow-y-auto"),style:{maxHeight:`${g}px`},children:a.jsxs("table",{className:V("min-w-max w-full border-collapse",n&&"border border-gray-15 dark:border-gray-700",s),children:[d&&a.jsx("thead",{className:"sticky top-0 z-10",children:a.jsx("tr",{className:V("bg-gray-10 dark:bg-gray-800 shadow-sm",o),children:e.map((x,y)=>a.jsx("th",{className:V("p-3 text-left text-sm font-semibold",n&&"border-r border-b border-gray-15 dark:border-gray-700",n&&y===e.length-1&&"border-r-0",x.headerClassName),children:x.label},x.key))})}),a.jsx("tbody",{children:t.map((x,y)=>{const v=y===t.length-1;return a.jsx("tr",{className:h(x,y),children:e.map((b,j)=>{const C=m(b,x),N=b.render?b.render(C,x,y):String(C??""),k=j===e.length-1;return a.jsx("td",{className:V("p-3 text-xs text-gray-600 dark:text-gray-400",n&&"border-r border-b border-gray-15 dark:border-gray-700",n&&k&&"border-r-0",n&&v&&"border-b-0",b.className),children:N},b.key)})},y)})})]})})})]})},A2={underline:{base:"relative pb-2 border-b-2 border-transparent",selected:"border-brand text-brand dark:border-brand dark:text-brand",unselected:"hover:border-gray-300 dark:hover:border-gray-600"},pills:{base:"rounded-full px-4 py-2 transition-all duration-200",selected:"bg-brand text-white shadow-sm",unselected:"hover:bg-gray-100 dark:hover:bg-gray-800"},bordered:{base:"rounded-lg border-2 px-4 py-2 transition-all duration-200",selected:"border-brand bg-brand/10 text-brand dark:bg-brand/20",unselected:"border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600"},solid:{base:"rounded-lg px-4 py-2 transition-all duration-200",selected:"bg-gray-200 text-gray-900 dark:bg-gray-700 dark:text-white",unselected:"hover:bg-gray-100 dark:hover:bg-gray-800"}},voe={small:"text-sm",medium:"text-base",large:"text-lg"},pp={primary:"text-blue-600 dark:text-blue-400",secondary:"text-gray-600 dark:text-gray-400",success:"text-green-600 dark:text-green-400",danger:"text-red-600 dark:text-red-400"},boe=()=>{},z3=w.createContext({selectedIndex:0,setSelectedIndex:boe,tabCount:0,baseId:""}),dE=({variant:e="underline",className:t,children:r,selectedIndex:n,defaultIndex:i=0,onChange:s})=>{const[o,l]=w.useState(i),c=w.useId(),d=n!==void 0,u=d?n:o,f=w.useCallback(h=>{d||l(h),s?.(h)},[d,s]);let p=0;return w.Children.forEach(r,h=>{w.isValidElement(h)&&h.type===V3&&w.Children.forEach(h.props.children,m=>{w.isValidElement(m)&&p++})}),a.jsx(z3.Provider,{value:{selectedIndex:u,setSelectedIndex:f,tabCount:p,baseId:c},children:a.jsx("div",{className:V("w-full",t),"data-variant":e,children:r})})},V3=({variant:e="underline",className:t,children:r,responsive:n=!0})=>{const{selectedIndex:i,setSelectedIndex:s,baseId:o}=w.useContext(z3),l=w.useRef(null),c=Gt(),d=yn(),u=w.Children.toArray(r).filter(w.isValidElement),f=u.length,p=n&&c&&["xs","sm"].indexOf(d)!==-1,h=u.map(x=>w.isValidElement(x)?{label:x.props.children,icon:x.props.icon,disabled:x.props.disabled,color:x.props.color}:{label:null,icon:void 0,disabled:!1,color:void 0}),m=w.useCallback(x=>{let y=i;x.key==="ArrowRight"?(x.preventDefault(),y=(i+1)%f):x.key==="ArrowLeft"?(x.preventDefault(),y=(i-1+f)%f):x.key==="Home"?(x.preventDefault(),y=0):x.key==="End"&&(x.preventDefault(),y=f-1),y!==i&&(s(y),l.current?.querySelectorAll('[role="tab"]:not([disabled])')?.[y]?.focus())},[i,s,f]),g=V("flex",{"gap-6 border-b border-gray-200 dark:border-gray-700":e==="underline","gap-2 bg-gray-100 dark:bg-gray-900 p-1 rounded-xl":e==="pills","gap-2":e==="bordered","gap-1 bg-gray-100 dark:bg-gray-800 p-1 rounded-xl":e==="solid"},t);return p?a.jsx(Coe,{tabItems:h,selectedIndex:i,onChange:s,variant:e,className:t}):a.jsx("div",{ref:l,role:"tablist","aria-orientation":"horizontal",className:g,onKeyDown:m,children:u.map((x,y)=>w.cloneElement(x,{__index:y,__selected:y===i,__baseId:o,__onSelect:()=>s(y)}))})},woe={underline:"border-2 border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-100  dark:hover:bg-gray-800/50",pills:"bg-gray-100 dark:bg-gray-900 rounded-full hover:bg-gray-200 dark:hover:bg-gray-800",bordered:"border-2 border-brand rounded-lg bg-brand/5 dark:bg-brand/10",solid:"bg-gray-100 dark:bg-gray-800 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-700"},joe={underline:"rounded-xl border border-gray-200 dark:border-gray-700",pills:"rounded-2xl border border-gray-200 dark:border-gray-700",bordered:"rounded-xl border-2 border-brand/30 dark:border-brand/20",solid:"rounded-xl border border-gray-200 dark:border-gray-700"},E8={underline:{selected:"bg-gray-100 dark:bg-gray-700 font-medium border-l-2 border-brand",highlighted:"bg-gray-100 dark:bg-gray-700/50"},pills:{selected:"bg-brand text-white font-medium rounded-full",highlighted:"bg-gray-100 dark:bg-gray-700/50 rounded-full"},bordered:{selected:"bg-brand/10 dark:bg-brand/20 text-brand font-medium border border-brand/30 rounded-lg",highlighted:"bg-gray-100 dark:bg-gray-700/50 rounded-lg"},solid:{selected:"bg-gray-200 dark:bg-gray-700 font-medium text-gray-900 dark:text-white",highlighted:"bg-gray-100 dark:bg-gray-700/50"}};function Coe({tabItems:e,selectedIndex:t,onChange:r,variant:n="underline",className:i}){const[s,o]=w.useState(!1),[l,c]=w.useState(!1),[d,u]=w.useState(-1),[f,p]=w.useState({}),h=w.useRef(null),m=w.useRef(null),g=w.useRef([]),x=e.map((T,A)=>T.disabled?-1:A).filter(T=>T!==-1),y=w.useCallback(()=>{if(!h.current)return;const T=h.current.getBoundingClientRect(),A=200,L=window.innerHeight-T.bottom,D=T.top,z=L<A&&D>L;p({position:"fixed",...z?{bottom:window.innerHeight-T.top+4}:{top:T.bottom+4},left:T.left,width:T.width,zIndex:9999})},[]),v=w.useCallback(()=>{y(),u(t),c(!1),o(!0)},[t,y]),b=w.useCallback(()=>{c(!0);const T=setTimeout(()=>{o(!1),c(!1),u(-1)},100);return()=>clearTimeout(T)},[]),j=w.useCallback(()=>{s?b():v()},[s,v,b]),C=w.useCallback(T=>{e[T]?.disabled||(r(T),b(),h.current?.focus())},[r,b,e]),N=w.useCallback((T,A)=>{const L=e.length;let D=(T+A+L)%L,z=0;for(;e[D]?.disabled&&z<L;)D=(D+A+L)%L,z++;return D},[e]);w.useEffect(()=>{if(!s)return;const T=A=>{h.current&&!h.current.contains(A.target)&&m.current&&!m.current.contains(A.target)&&b()};return document.addEventListener("mousedown",T),()=>document.removeEventListener("mousedown",T)},[s,b]),w.useEffect(()=>{if(!s)return;const T=A=>{A.key==="Escape"&&(b(),h.current?.focus())};return document.addEventListener("keydown",T),()=>document.removeEventListener("keydown",T)},[s,b]),w.useEffect(()=>{if(!s)return;const T=()=>y();return window.addEventListener("scroll",T,!0),window.addEventListener("resize",T),()=>{window.removeEventListener("scroll",T,!0),window.removeEventListener("resize",T)}},[s,y]),w.useEffect(()=>{d>=0&&g.current[d]&&g.current[d]?.scrollIntoView({block:"nearest"})},[d]);const k=T=>{if(!s){["ArrowDown","ArrowUp","Enter"," "].includes(T.key)&&(T.preventDefault(),v());return}switch(T.key){case"ArrowDown":T.preventDefault(),u(A=>N(A,1));break;case"ArrowUp":T.preventDefault(),u(A=>N(A,-1));break;case"Enter":case" ":T.preventDefault(),d>=0&&!e[d]?.disabled&&C(d);break;case"Escape":case"Tab":T.preventDefault(),b();break;case"Home":T.preventDefault(),u(x[0]??0);break;case"End":T.preventDefault(),u(x[x.length-1]??e.length-1);break}},S=e[t],E=S?.color?pp[S.color]:"text-gray-900 dark:text-gray-100",P=s&&xr.createPortal(a.jsx("div",{ref:m,id:"tablist-mobile-listbox",role:"listbox",tabIndex:-1,"aria-activedescendant":d>=0?`tablist-mobile-option-${d}`:void 0,style:f,className:V("max-h-52 overflow-auto bg-white p-1.5 shadow-large dark:bg-gray-800",joe[n],"transition ease-in duration-100",l?"opacity-0 -translate-y-1":"opacity-100 translate-y-0"),children:e.map((T,A)=>{const L=A===t,D=A===d,z=T.disabled,U=T.color?pp[T.color]:"";return a.jsxs("button",{id:`tablist-mobile-option-${A}`,ref:I=>{g.current[A]=I},type:"button",role:"option","aria-selected":L,"aria-disabled":z,disabled:z,onClick:()=>C(A),onMouseEnter:()=>!z&&u(A),className:V("flex w-full items-center gap-2.5 px-4 py-2.5 text-left text-sm transition-colors","focus:outline-none focus-visible:ring-2 focus-visible:ring-brand",n!=="pills"&&"rounded-lg",n==="pills"&&"rounded-full",z&&"opacity-40 cursor-not-allowed",!z&&L&&E8[n].selected,!z&&L&&!U&&"text-gray-900 dark:text-white",!z&&L&&U,!z&&!L&&D&&E8[n].highlighted,!z&&!L&&D&&!U&&"text-gray-900 dark:text-gray-100",!z&&!L&&D&&U,!z&&!L&&!D&&!U&&"text-gray-600 dark:text-gray-400",!z&&!L&&!D&&U),children:[T.icon&&a.jsx("span",{className:"shrink-0 flex items-center",children:T.icon}),a.jsx("span",{className:"flex-1 truncate",children:T.label}),L&&n!=="pills"&&a.jsx("span",{className:"shrink-0 h-1.5 w-1.5 rounded-full bg-brand"})]},A)})}),document.body);return a.jsxs("div",{className:i,children:[a.jsxs("button",{ref:h,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":s,"aria-controls":"tablist-mobile-listbox",onClick:j,onKeyDown:k,className:V("flex w-full items-center justify-between px-4 py-2.5 text-sm font-medium transition-colors sm:px-5 sm:py-3.5",woe[n]),children:[a.jsxs("span",{className:V("flex items-center gap-2",E),children:[S?.icon&&a.jsx("span",{className:"shrink-0 flex items-center",children:S.icon}),a.jsx("span",{className:"truncate",children:S?.label??e[0]?.label})]}),a.jsx(_n,{className:V("h-auto w-3.5 shrink-0 transition-transform duration-200 text-gray-500 dark:text-gray-400",s&&"rotate-180")})]}),P]})}function uE({children:e,className:t,disabled:r,showMobileIndicator:n=!0,variant:i="underline",size:s="medium",color:o,icon:l,__index:c=0,__selected:d=!1,__baseId:u="",__onSelect:f}){const p=yn(),h=["xs"].indexOf(p)!==-1,m=d;return a.jsxs("button",{role:"tab",type:"button",id:`${u}-tab-${c}`,"aria-selected":m,"aria-controls":`${u}-panel-${c}`,tabIndex:m?0:-1,disabled:r,onClick:()=>!r&&f?.(),className:V("relative font-medium tracking-wide transition-all duration-200","focus:outline-none focus-visible:ring-2 focus-visible:ring-brand focus-visible:ring-offset-2","disabled:opacity-50 disabled:cursor-not-allowed",A2[i].base,voe[s],{[A2[i].selected]:m,[A2[i].unselected]:!m,"text-sm":h},o&&!m&&pp[o],{"text-gray-600 dark:text-gray-400":!m&&!o,"text-gray-900 dark:text-white":m&&i==="underline"},t),children:[a.jsxs("span",{className:"flex items-center justify-center gap-2 whitespace-nowrap",children:[l&&a.jsx("span",{className:"shrink-0",children:l}),a.jsx("span",{children:e})]}),m&&i==="underline"&&n&&a.jsx(as.span,{className:"absolute bottom-0 left-0 right-0 h-0.5 bg-brand rounded-full",layoutId:"tab-indicator",transition:{type:"spring",stiffness:500,damping:30}})]})}function fE({children:e,className:t}){const{selectedIndex:r,baseId:n}=w.useContext(z3),i=w.Children.toArray(e).filter(w.isValidElement);return a.jsx("div",{className:V("mt-4",t),children:a.jsx(iae,{children:i.map((s,o)=>w.cloneElement(s,{__index:o,__selected:o===r,__baseId:n}))})})}function Noe({children:e,className:t,__index:r=0,__selected:n=!1,__baseId:i=""}){return n?a.jsx("div",{role:"tabpanel",id:`${i}-panel-${r}`,"aria-labelledby":`${i}-tab-${r}`,tabIndex:0,className:V("rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-brand",t),children:e}):null}const R3=w.forwardRef(({tabMenu:e,selectedTabIndex:t,onChange:r},n)=>{const[i,s]=w.useState(!1),[o,l]=w.useState(!1),[c,d]=w.useState(-1),[u,f]=w.useState({}),p=w.useRef(null),h=w.useRef(null),m=w.useRef([]),g=w.useRef(null);w.useImperativeHandle(n,()=>g.current);const x=w.useCallback(()=>{if(!p.current)return;const k=p.current.getBoundingClientRect(),S=200,E=window.innerHeight-k.bottom,P=k.top,T=E<S&&P>E;f({position:"fixed",...T?{bottom:window.innerHeight-k.top+4}:{top:k.bottom+4},left:k.left,width:k.width,zIndex:9999})},[]),y=w.useCallback(()=>{x(),d(t),l(!1),s(!0)},[t,x]),v=w.useCallback(()=>{l(!0);const k=setTimeout(()=>{s(!1),l(!1),d(-1)},100);return()=>clearTimeout(k)},[]),b=w.useCallback(()=>{i?v():y()},[i,y,v]),j=w.useCallback(k=>{r(k),v(),p.current?.focus()},[r,v]);w.useEffect(()=>{if(!i)return;const k=S=>{p.current&&!p.current.contains(S.target)&&h.current&&!h.current.contains(S.target)&&v()};return document.addEventListener("mousedown",k),()=>document.removeEventListener("mousedown",k)},[i,v]),w.useEffect(()=>{if(!i)return;const k=S=>{S.key==="Escape"&&(v(),p.current?.focus())};return document.addEventListener("keydown",k),()=>document.removeEventListener("keydown",k)},[i,v]),w.useEffect(()=>{if(!i)return;const k=()=>x();return window.addEventListener("scroll",k,!0),window.addEventListener("resize",k),()=>{window.removeEventListener("scroll",k,!0),window.removeEventListener("resize",k)}},[i,x]),w.useEffect(()=>{c>=0&&m.current[c]&&m.current[c]?.scrollIntoView({block:"nearest"})},[c]);const C=k=>{if(!i){switch(k.key){case"ArrowDown":case"ArrowUp":case"Enter":case" ":k.preventDefault(),y();break}return}switch(k.key){case"ArrowDown":k.preventDefault(),d(S=>S<e.length-1?S+1:0);break;case"ArrowUp":k.preventDefault(),d(S=>S>0?S-1:e.length-1);break;case"Enter":case" ":k.preventDefault(),c>=0&&j(c);break;case"Escape":case"Tab":k.preventDefault(),v();break;case"Home":k.preventDefault(),d(0);break;case"End":k.preventDefault(),d(e.length-1);break}},N=i&&xr.createPortal(a.jsx("div",{ref:h,id:"tab-select-listbox",role:"listbox",tabIndex:-1,"aria-activedescendant":c>=0?`tab-select-option-${c}`:void 0,style:u,className:V("max-h-52 overflow-auto rounded-xl border border-gray-200 bg-white p-1.5 shadow-large dark:border-gray-700 dark:bg-gray-800","transition ease-in duration-100",o?"opacity-0 -translate-y-1":"opacity-100 translate-y-0"),children:e.map((k,S)=>{const E=S===t,P=S===c;return a.jsx("button",{id:`tab-select-option-${S}`,ref:T=>{m.current[S]=T},type:"button",role:"option","aria-selected":E,onClick:()=>j(S),onMouseEnter:()=>d(S),className:V("w-full cursor-pointer rounded-lg px-4 py-2.5 text-left text-sm transition-colors","focus:outline-none focus-visible:ring-2 focus-visible:ring-brand",E&&"bg-gray-100 dark:bg-gray-700 font-medium text-gray-900 dark:text-white",!E&&P&&"bg-gray-200/70 dark:bg-gray-600/60 text-gray-900 dark:text-gray-100",!E&&!P&&"text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700"),children:k.title},`${k.path}-${S}`)})}),document.body);return a.jsxs("div",{ref:g,children:[a.jsxs("button",{ref:p,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":i,"aria-controls":"tab-select-listbox",onClick:b,onKeyDown:C,className:"flex w-full items-center justify-between rounded-lg border-2 border-gray-200 px-4 py-2.5 text-sm font-medium transition-colors hover:bg-gray-100 dark:border-gray-700 dark:hover:bg-gray-800 sm:px-5 sm:py-3.5",children:[a.jsx("span",{className:"text-gray-900 dark:text-gray-100",children:e[t]?.title??e[0]?.title}),a.jsx(_n,{className:V("h-auto w-3.5 transition-transform duration-200",i&&"rotate-180")})]}),N]})});R3.displayName="TabSelect";function koe({tabMenu:e,children:t,tabListClassName:r,variant:n="underline",size:i="medium",showMobileSelect:s=!0}){const o=Ee.useNavigate(),l=Ee.useLocation().pathname,c=Ee.useLocation().search,d=w.useMemo(()=>new URLSearchParams(c),[c]),u=d.get("view"),f=Gt(),p=yn(),h=w.useRef(null),[m,g]=w.useState(0),x=w.useCallback((b,j)=>{const C=new URLSearchParams(d);return C.set(b,j),C.toString()},[d]);function y(b){o(l+"?"+x("view",e[b].path),{replace:!0})}w.useEffect(()=>{if(u){const b=e.findIndex(j=>u===j.path);b!==-1&&g(b)}},[u,e]);const v=s&&f&&["xs","sm"].indexOf(p)!==-1;return a.jsxs(dE,{variant:n,selectedIndex:m,onChange:b=>y(b),children:[a.jsx(V3,{variant:n,className:r,children:v?a.jsx("div",{ref:h,className:"w-full",children:a.jsx(R3,{tabMenu:e,selectedTabIndex:m,onChange:b=>y(b)})}):a.jsx(a.Fragment,{children:e.map(b=>a.jsx(uE,{variant:n,size:i,icon:b.icon,children:b.title},b.path))})}),a.jsx(fE,{children:t})]})}const Es={ActiveLink:{displayName:"ActiveLink",description:"",filePath:"ui/tucu-ui/src/components/index.ts",props:[{name:"path",type:"string",defaultValue:null,required:!0,description:""},{name:"to",type:"string | Partial<Path>",defaultValue:null,required:!0,description:`Can be a string or a partial {@link Path }:
 
 \`\`\`tsx
 <Link to="/some/path" />
@@ -367,7 +367,7 @@ fills the body directly.`},{name:"footerLabel",type:"string",defaultValue:null,r
 Supports configurable placement, arrow, color theme, and enter/leave delays.`,filePath:"ui/tucu-ui/src/components/common/index.ts",props:[{name:"children",type:"ReactElement<unknown, string | JSXElementConstructor<any>>",defaultValue:null,required:!0,description:"The element that triggers the tooltip"},{name:"content",type:"undefined | null | string | number | bigint | false | true | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<AwaitedReactNode>",defaultValue:null,required:!0,description:"Content to display inside the tooltip"},{name:"arrow",type:"false | true",defaultValue:"true",required:!1,description:"Show an arrow pointing to the anchor"},{name:"className",type:"string",defaultValue:null,required:!1,description:"Additional class name for the tooltip container"},{name:"color",type:'"primary" | "success" | "info" | "warning" | "danger" | "dark" | "light"',defaultValue:null,required:!1,description:"Color theme of the tooltip. When undefined, automatically uses 'dark' in light mode and 'light' in dark mode based on the current theme."},{name:"disabled",type:"false | true",defaultValue:"false",required:!1,description:"Whether the tooltip is disabled"},{name:"enterDelay",type:"number",defaultValue:"0",required:!1,description:"Delay in ms before the tooltip appears"},{name:"leaveDelay",type:"number",defaultValue:"100",required:!1,description:"Delay in ms before the tooltip hides"},{name:"placement",type:'"top" | "bottom" | "left" | "right"',defaultValue:"top",required:!1,description:"Preferred placement of the tooltip relative to anchor"}]},TopupButton:{displayName:"TopupButton",description:"",filePath:"ui/tucu-ui/src/components/buttons/index.ts",props:[{name:"label",type:"string",defaultValue:null,required:!0,description:""},{name:"className",type:"string",defaultValue:null,required:!1,description:""},{name:"href",type:"string",defaultValue:null,required:!1,description:""},{name:"icon",type:"null | string | number | bigint | false | true | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<AwaitedReactNode>",defaultValue:null,required:!1,description:""},{name:"onClick",type:"() => void",defaultValue:null,required:!1,description:""}]},TransactionInfo:{displayName:"TransactionInfo",description:"",filePath:"ui/tucu-ui/src/components/blockchain/index.ts",props:[{name:"label",type:"string",defaultValue:null,required:!0,description:""},{name:"className",type:"string",defaultValue:null,required:!1,description:""},{name:"value",type:"string | number",defaultValue:null,required:!1,description:""}]},TucuUiLogo:{displayName:"TucuUiLogo",description:"",filePath:"ui/tucu-ui/src/components/index.ts",props:[{name:"className",type:"string",defaultValue:"",required:!1,description:""},{name:"props",type:"SVGAttributes<SVGElement>",defaultValue:null,required:!1,description:""},{name:"size",type:"string | number",defaultValue:"60",required:!1,description:""}]},Typography:{displayName:"Typography",description:"Text component is the used to render text and paragraphs within an interface using well-defined typographic styles.\n It renders a `<p>` tag by default.",filePath:"ui/tucu-ui/src/components/index.ts",props:[{name:"className",type:"string",defaultValue:null,required:!1,description:"Add custom classes for extra style"},{name:"color",type:'"primary" | "success" | "warning" | "dark" | "light" | "default" | "error" | "secondary" | "muted"',defaultValue:null,required:!1,description:"Add custom color for the text"},{name:"fontFamily",type:'"default" | "mono"',defaultValue:null,required:!1,description:"Add custom background color for the text"},{name:"tag",type:'"small" | "sub" | "sup" | "code" | "abbr" | "b" | "blockquote" | "body" | "caption" | "del" | "em" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "i" | "kbd" | "mark" | "p" | "pre" | "q" | "span" | "strong" | "headline" | "label-1" | "label-2" | "legal"',defaultValue:"p",required:!1,description:""},{name:"title",type:"string",defaultValue:null,required:!1,description:"title attribute only appear when tag is `abbr`"},{name:"tooltip",type:"null | string | number | bigint | false | true | ReactElement<unknown, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | Promise<AwaitedReactNode>",defaultValue:null,required:!1,description:"Tooltip text or content to display on hover"},{name:"tooltipArrow",type:"false | true",defaultValue:"true",required:!1,description:"Show an arrow on the tooltip"},{name:"tooltipColor",type:'"primary" | "success" | "info" | "warning" | "danger" | "dark" | "light"',defaultValue:null,required:!1,description:"Tooltip color theme"},{name:"tooltipPlacement",type:'"top" | "bottom" | "left" | "right"',defaultValue:"top",required:!1,description:"Tooltip placement relative to the text element"}]}};function Soe(e){return Es[e]}function Eoe(){return Object.keys(Es)}function Poe(e){const t=e.toLowerCase();return Object.values(Es).filter(r=>r.displayName.toLowerCase().includes(t))}const Moe=[{key:"prop",label:"Prop",render:e=>a.jsx("code",{className:"text-xs font-mono text-brand font-semibold",children:String(e)})},{key:"type",label:"Type",render:e=>{const t=String(e);if(t.includes("|")){const r=t.split("|").map(n=>n.trim());return a.jsx("span",{className:"text-xs font-mono",children:r.map((n,i)=>a.jsxs(w.Fragment,{children:[i>0&&a.jsx("span",{className:"text-gray-400 dark:text-gray-500",children:" | "}),a.jsx("span",{className:"text-blue-600 dark:text-blue-400",children:n})]},i))})}return a.jsx("code",{className:"text-xs font-mono text-gray-600 dark:text-gray-400",children:t})}},{key:"default",label:"Default",render:e=>{const t=String(e);return t==="required"?a.jsx(it,{color:"danger",size:"small",className:"text-[10px] font-semibold",children:"required"}):t==="—"?a.jsx("span",{className:"text-xs text-gray-400 dark:text-gray-500",children:"—"}):a.jsx("code",{className:"text-xs font-mono text-emerald-600 dark:text-emerald-400",children:t})}},{key:"description",label:"Description",render:e=>a.jsx("span",{className:"text-xs text-gray-600 dark:text-gray-400",children:String(e)||"—"})}];function Aoe(e,t,r){let n=e;if(t?.length){const i=new Set(t);n=n.filter(s=>i.has(s.name))}if(r?.length){const i=new Set(r);n=n.filter(s=>!i.has(s.name))}return n.map(i=>({prop:i.name,type:i.type,default:i.required?"required":i.defaultValue??"—",description:i.description}))}const Toe=({componentName:e,title:t,showFilePath:r=!1,className:n,filterProps:i,hideProps:s})=>{const o=Es[e],l=w.useMemo(()=>o?Aoe(o.props,i,s):[],[o,i,s]);return o?a.jsx(K,{className:n,children:a.jsx(ee,{title:t||`${o.displayName} Props`,children:a.jsxs("div",{className:"w-full p-4 sm:p-6",children:[r&&a.jsxs("p",{className:"text-xs text-gray-400 dark:text-gray-500 mb-3 font-mono",children:["📁 ",o.filePath]}),o.description&&a.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:o.description}),a.jsx(oo,{columns:Moe,data:l,containerClassName:"mb-4",hoverable:!0,striped:!0}),a.jsxs("p",{className:"text-[10px] text-gray-400 dark:text-gray-500 mt-2 text-right",children:[l.length," props · Auto-generated from TypeScript"]})]})})}):a.jsx(K,{className:n,children:a.jsx(ee,{title:`${e} Props`,children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("p",{className:"text-sm text-yellow-600 dark:text-yellow-400",children:['⚠️ No props metadata found for "',e,'". Run'," ",a.jsx("code",{className:"text-xs",children:"pnpm tsx scripts/generate-props.ts"})," ","to regenerate."]})})})})},pE=({items:e,title:t="Table of Contents",className:r="",onItemClick:n,children:i,onSidebarToggle:s,navigationMode:o="anchor",activeSectionId:l})=>{const c=yn(),{layout:d}=_e(),[u,f]=w.useState(!1),[p,h]=w.useState(""),[m,g]=w.useState(new Set),x=w.useRef({});w.useEffect(()=>{const k=()=>{window.innerWidth>=1024?f(!0):f(!1)};return k(),window.addEventListener("resize",k),()=>window.removeEventListener("resize",k)},[]),w.useEffect(()=>{s&&s(u)},[u,s]),w.useEffect(()=>{if(o==="route"&&l!==void 0&&(h(l),l)){const k=e.find(S=>S.id===l);if(k?.category){const S=k.category;g(E=>{const P=new Set(E);return P.add(S),P})}}},[o,l,e]),w.useEffect(()=>{if(o==="route")return;const k={root:null,rootMargin:"-20% 0px -70% 0px",threshold:0},S=P=>{P.forEach(T=>{T.isIntersecting&&h(T.target.id)})},E=new IntersectionObserver(S,k);return e.forEach(P=>{const T=document.getElementById(P.id);T&&E.observe(T)}),()=>{E.disconnect()}},[e,o]);const y=w.useMemo(()=>{if(!e.some(E=>E.category))return null;const S={};return e.forEach(E=>{const P=E.category||"Uncategorized";S[P]||(S[P]=[]),S[P].push(E)}),S},[e]),v=(k,S)=>{if(m.has(k))g(P=>{const T=new Set(P);return T.delete(k),T});else if(g(P=>{const T=new Set(P);return T.add(k),T}),S.length>0){const P=S[0];o==="route"?n&&n(P):(window.dispatchEvent(new CustomEvent("forceLoadSection",{detail:{sectionId:P.id}})),setTimeout(()=>{const T=document.getElementById(P.id);T&&(window.history.replaceState(null,"",`#${P.id}`),T.scrollIntoView({behavior:"smooth",block:"start"}))},100))}},b=(k,S)=>{if(k.preventDefault(),window.innerWidth<1024&&f(!1),o==="route"){n&&n(S);return}window.dispatchEvent(new CustomEvent("forceLoadSection",{detail:{sectionId:S.id}}));const E=()=>{const P=document.getElementById(S.id);return P?(window.history.replaceState(null,"",`#${S.id}`),P.scrollIntoView({behavior:"smooth",block:"start"}),!0):!1};if(!E()){let P=0;const T=5,A=setInterval(()=>{P++,(E()||P>=T)&&clearInterval(A)},50)}n&&n(S)},j=c==="sm"||c==="xs"||c==="md"||c==="lg",C=typeof window<"u"&&window.innerWidth<1024,N=a.jsx("nav",{className:"p-4 space-y-2",children:y?Object.entries(y).map(([k,S])=>{const E=m.has(k);return a.jsxs("div",{className:"space-y-1",children:[a.jsxs("button",{type:"button",onClick:()=>v(k,S),className:"w-full flex items-center justify-between px-3 py-2 rounded-lg text-xs font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-all duration-200","aria-expanded":E,"aria-label":`${E?"Close":"Open"} ${k} category`,children:[a.jsx("span",{children:k}),a.jsx(B.ChevronDown,{className:`w-4 h-4 transition-transform duration-200 ${E?"rotate-180":""}`})]}),a.jsx("div",{ref:P=>{x.current[k]=P},className:"grid transition-all duration-300 ease-in-out",style:{gridTemplateRows:E?"1fr":"0fr",opacity:E?1:0},children:a.jsx("div",{className:"overflow-hidden",children:a.jsx("div",{className:"space-y-1 pt-1",children:S.map(P=>{const T=p===P.id;return a.jsx("a",{href:`#${P.id}`,className:`block w-full text-left px-3 py-2 rounded-lg text-sm transition-all duration-200 ${T?"bg-brand/10 text-brand font-semibold":"text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-gray-100"}`,onClick:A=>b(A,P),children:P.label},P.id)})})})})]},k)}):e.map(k=>{const S=p===k.id;return a.jsx("a",{href:`#${k.id}`,className:`block w-full text-left px-3 py-2 rounded-lg text-sm transition-all duration-200 ${S?"bg-brand/10 text-brand font-semibold":"text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-gray-100"}`,onClick:E=>b(E,k),children:k.label},k.id)})});return a.jsxs(a.Fragment,{children:[a.jsx("div",{className:V(d===Mt.ADMIN&&"fixed top-1/2 mt-[52px] z-40 -translate-y-1/2 ltr:right-0 rtl:left-0",d===Mt.HORIZONTAL&&"fixed top-1/2 z-40 -translate-y-1/2 ltr:left-0 rtl:right-0",d===Mt.CLEAN&&"fixed top-1/2 z-40 -translate-y-1/2 ltr:left-0 rtl:right-0"),children:!u&&a.jsx("button",{className:V("flex h-[48px] w-[48px] items-center justify-center text-gray-600 shadow-large backdrop-blur-sm bg-light-dark dark:text-gray-200/70",d===Mt.ADMIN&&"rounded-l-lg",d===Mt.HORIZONTAL&&"rounded-r-lg",d===Mt.CLEAN&&"rounded-r-lg"),onClick:()=>f(!u),"aria-label":"Toggle table of contents",title:"Toggle table of contents","aria-describedby":"Toggle table of contents",children:u?a.jsx(B.X,{className:"w-5 h-5"}):a.jsx(B.Menu,{className:"w-5 h-5"})})}),C&&a.jsx(t3,{isOpen:u,setIsOpen:f,position:"left",children:a.jsxs("div",{className:"h-full w-72 bg-body border-r border-gray-100 dark:border-gray-800 flex flex-col",children:[a.jsxs("div",{className:"px-4 py-4 border-b border-gray-100 dark:border-gray-800 flex items-center justify-between shrink-0",children:[a.jsx(O,{tag:"h3",className:"text-lg font-semibold",children:t}),a.jsx(he,{variant:"ghost",size:"mini",shape:"circle",className:"!p-0.5 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",onClick:()=>f(!1),"aria-label":"Close table of contents",children:a.jsx(B.X,{className:"w-3.5 h-3.5"})})]}),a.jsx(ca,{style:{height:"calc(100vh - 60px)"},className:"h-full",children:N})]})}),!C&&u&&a.jsxs("aside",{className:V("fixed left-0 bg-body backdrop-blur-lg shadow-md border-r border-gray-100 dark:border-gray-800 transition-all duration-300 ease-in-out overflow-y-hidden z-20",d===Mt.ADMIN&&!j?"translate-x-[100px] w-64 lg:w-72":"translate-x-0 w-72 lg:w-72",r),style:{top:d===Mt.HORIZONTAL?"80px":"0px",zIndex:d===Mt.HORIZONTAL?"inherit":30,height:d===Mt.HORIZONTAL?"calc(100vh - 80px)":"100vh"},children:[a.jsxs("div",{className:"pl-4 pr-2 bg-body border-b border-gray-100 dark:border-gray-800 z-10 p-4 flex items-center justify-between",children:[a.jsx(O,{tag:"h3",className:"text-lg font-semibold",children:t}),a.jsx(he,{variant:"ghost",size:"mini",shape:"circle",className:"!p-0.5 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",onClick:()=>f(!1),"aria-label":"Close table of contents",children:a.jsx(B.X,{className:"w-3.5 h-3.5"})})]}),a.jsx(ca,{style:{height:"calc(100vh - 72px - 60px)"},className:"h-full",children:N})]}),i&&a.jsx("div",{className:`transition-all duration-300 ${u?"lg:ml-72":"lg:ml-0"} min-h-screen`,children:i})]})};function mE(e){const t=Ee.useLocation(),r=Ee.useNavigate(),{"*":n}=Ee.useParams(),i=w.useMemo(()=>{const c=n?.replace(/^\/+|\/+$/g,"")||"";return e.includes(c)?c:void 0},[n,e]),s=w.useMemo(()=>i?t.pathname.slice(0,-(i.length+1)):t.pathname.replace(/\/+$/,""),[t.pathname,i]),o=w.useCallback(c=>{r(`${s}/${c}`),window.scrollTo({top:0,behavior:"smooth"})},[r,s]),l=w.useCallback(()=>{r(s)},[r,s]);return{sectionId:i,basePath:s,navigateToSection:o,navigateToBase:l}}const Ooe=()=>a.jsxs("div",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(lr,{className:"h-10 w-64 mx-auto"}),a.jsx(lr,{className:"h-6 w-96 mx-auto"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsx(lr,{className:"h-64 w-full"}),a.jsx(lr,{className:"h-64 w-full"})]})]}),Loe=({sections:e,onSectionClick:t})=>{const r=w.useMemo(()=>{const n={};return e.forEach(i=>{const s=i.category||"General";n[s]||(n[s]=[]),n[s].push(i)}),n},[e]);return a.jsxs("div",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center space-y-2",children:[a.jsx(O,{tag:"h3",className:"text-2xl font-bold",children:"Browse Components"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400",children:"Select a component from the sidebar or click below to explore."})]}),Object.entries(r).map(([n,i])=>a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-semibold uppercase tracking-wider text-gray-500 dark:text-gray-400",children:n}),a.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3",children:i.map(s=>a.jsx(K,{children:a.jsx("button",{onClick:()=>t(s.id),className:"w-full p-4 text-left transition-colors hover:bg-gray-100 dark:hover:bg-gray-800/50 rounded-lg group",children:a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(B.ChevronRight,{className:"w-4 h-4 text-gray-400 group-hover:text-brand transition-colors"}),a.jsx(O,{tag:"span",className:"text-sm font-medium group-hover:text-brand transition-colors",children:s.label})]})})},s.id))})]},n))]})},yr=({sections:e,hero:t,tocTitle:r="Table of Contents",placeholder:n})=>{const i=w.useMemo(()=>e.map(d=>d.id),[e]),{sectionId:s,navigateToSection:o}=mE(i),l=w.useMemo(()=>e.map(({id:d,label:u,category:f})=>({id:d,label:u,category:f})),[e]),c=w.useMemo(()=>s?e.find(d=>d.id===s)?.component??null:null,[s,e]);return a.jsx("div",{className:"relative scroll-smooth",children:a.jsx(pE,{items:l,title:r,navigationMode:"route",activeSectionId:s,onItemClick:d=>o(d.id),children:a.jsxs("div",{className:"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8 sm:space-y-12 pt-8 lg:pt-0",children:[t,c?a.jsx(w.Suspense,{fallback:a.jsx(Ooe,{}),children:a.jsx(c,{})}):n??a.jsx(Loe,{sections:e,onSectionClick:o})]})})})},vr="https://tucu-ui.netlify.app",Doe="https://www.npmjs.com/package/@e-burgos/tucu-ui",hE="https://github.com/e-burgos/tucu-ui",gE=`${vr}/`,Ioe=`${vr}/design-system/layout-system`,zoe=`${vr}/design-system`,Voe=`${vr}/design-system/theming-guide`,Roe=`${vr}/form-system`,_oe=`${vr}/features/icons-system`,Foe=`${vr}/features/hooks-utilities`,Boe=`${vr}/components/blockchain`,qoe=`${vr}/features/accessibility`,$oe="https://tailwindcss.com/docs",Te=({icon:e,title:t,description:r,githubButton:n,getStartedButton:i,docsButton:s,backgroundAnimation:o,customButton:l,content:c})=>{const{mode:d}=_e();return a.jsxs("section",{className:"relative overflow-hidden",children:[a.jsxs("div",{className:"relative rounded-2xl p-6 sm:p-8 md:p-12 lg:p-16",children:[a.jsxs("div",{id:"animated-background-elements",className:"absolute inset-0 overflow-hidden",children:[a.jsx("div",{className:"absolute inset-0",children:a.jsx("div",{className:"absolute inset-0",style:{backgroundImage:d==="dark"?"linear-gradient(var(--color-gray-800) 1px, transparent 1px), linear-gradient(90deg, var(--color-gray-800) 1px, transparent 1px)":"linear-gradient(var(--color-gray-100) 1px, transparent 1px), linear-gradient(90deg, var(--color-gray-200) 1px, transparent 1px)",backgroundSize:"32px 32px"}})}),o&&a.jsxs(a.Fragment,{children:[a.jsx("div",{className:"absolute w-12 h-12 bg-red-500 opacity-50 rounded-full animate-full-move-1 z-5"}),a.jsx("div",{className:"absolute w-12 h-12 bg-blue-500 opacity-50 rounded-full animate-full-move-2 z-5"}),a.jsx("div",{className:"absolute w-12 h-12 bg-green-500 opacity-50 rounded-full animate-full-move-3 z-5"}),a.jsx("div",{className:"absolute w-12 h-12 bg-purple-500 opacity-50 rounded-full animate-full-move-4 z-5"}),a.jsx("div",{className:"absolute w-12 h-12 bg-yellow-500 opacity-50 rounded-full animate-full-move-5 z-5"}),a.jsx("div",{className:"absolute w-12 h-12 bg-pink-500 opacity-50 rounded-full animate-full-move-6 z-5"})]})]}),a.jsxs("div",{className:"relative text-center z-10",children:[e&&a.jsx("div",{className:"relative mx-auto mb-6 w-fit",children:e}),a.jsx(O,{tag:"h1",className:"text-5xl sm:text-4xl md:text-5xl lg:text-6xl xl:text-7xl font-bold text-brand mb-6",children:t}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg md:text-xl lg:text-2xl text-current max-w-6xl mx-auto leading-relaxed",children:r}),a.jsxs("div",{className:"flex flex-wrap sm:flex-row gap-4 justify-center mt-8 max-w-md mx-auto sm:max-w-none",children:[c&&c,l&&a.jsx(he,{variant:l.variant,size:"large",className:"backdrop-blur-sm shadow-xl transition-all duration-300 transform",children:a.jsx("div",{className:"flex justify-center items-center",children:a.jsx(De,{to:l.link,target:l.target,children:a.jsxs("div",{className:"flex justify-center items-center",children:[l?.icon&&l.icon,l.label]})})})}),i&&a.jsx(he,{variant:"solid",size:"large",className:"backdrop-blur-sm shadow-xl transition-all duration-300 transform",children:a.jsx("div",{className:"flex justify-center items-center",children:a.jsx(De,{to:gE,target:"_blank",children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(B.Rocket,{className:"w-5 h-5 mr-2 animate-pulse"}),"Get Started"]})})})}),n&&a.jsx(he,{variant:"ghost",size:"large",className:"backdrop-blur-sm shadow-xl transition-all duration-300 transform",children:a.jsx("div",{className:"flex justify-center items-center",children:a.jsx(De,{to:hE,target:"_blank",children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(B.Github,{className:"w-5 h-5 mr-2"}),"View on GitHub"]})})})})]})]})]}),a.jsx(Rb,{size:"small",showAfter:400})]})},Hoe=()=>a.jsx(cE,{label:"Options",items:[{id:"theme",content:a.jsx(ZS,{})}]}),Uoe=()=>a.jsx(he,{variant:"ghost",size:"small",fullWidth:!0,onClick:()=>{window.open(vr,"_blank")},children:a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(B.PlayCircle,{className:"w-4 h-4 animate-pulse"}),a.jsx("span",{className:"text-sm font-medium",children:"Playground"})]})});function nc(e){const t=e.type.toLowerCase();if(t==="boolean"||t==="false | true"||t==="true | false")return{type:"boolean"};if(e.type.includes("|")&&e.type.includes('"')){const r=e.type.split("|").map(n=>n.trim().replace(/^"|"$/g,"")).filter(n=>n.length>0&&!n.includes("=>"));if(r.length>0)return{type:"select",options:r}}return t==="number"?{type:"number"}:t==="string"?{type:"text"}:t.includes("=>")||t.includes("reactnode")||t.includes("reactelement")||t.includes("element")||t.includes("ref")?{type:"none"}:!t.includes("<")&&!t.includes("{")&&!t.includes("(")?{type:"text"}:{type:"none"}}const Woe=({prop:e,value:t,onChange:r})=>a.jsx(Rp,{checked:!!t,onChange:()=>r(e.name,!t)}),Goe=({prop:e,control:t,value:r,onChange:n})=>{const i=w.useMemo(()=>(t.options||[]).map(s=>({name:s,value:s})),[t.options]);return a.jsx(ii,{value:r||"",onSelect:s=>n(e.name,s),options:i,label:"",variant:"ghost",className:"text-xs w-full"})},Koe=({prop:e,value:t,onChange:r})=>a.jsx(ut,{label:"",placeholder:e.name,value:t??"",onChange:n=>r(e.name,n.target.value),variant:"ghost",className:"text-xs w-full"}),Zoe=({prop:e,value:t,onChange:r})=>a.jsx(ut,{label:"",placeholder:e.name,type:"number",value:t??"",onChange:n=>r(e.name,Number(n.target.value)),variant:"ghost",className:"text-xs w-full"}),Yoe=({componentName:e,children:t,defaultValues:r={},excludeProps:n=[],includeProps:i,className:s,title:o})=>{const l=Es[e],c=w.useMemo(()=>{if(!l)return[];const m=new Set([...n,"children","className","style","ref","key"]);return l.props.filter(g=>{if(m.has(g.name)||i&&!i.includes(g.name))return!1;const x=nc(g);return x.type==="none"&&g.name in r?!0:x.type!=="none"}).map(g=>{const x=nc(g);if(x.type==="none"&&g.name in r){const y=r[g.name];return typeof y=="boolean"?{prop:g,control:{type:"boolean"}}:typeof y=="number"?{prop:g,control:{type:"number"}}:{prop:g,control:{type:"text"}}}return{prop:g,control:x}})},[l,n,i,r]),[d,u]=w.useState(()=>{const m={...r};if(l)for(const g of l.props){if(g.name in m)continue;const x=nc(g);if(x.type!=="none")if(g.defaultValue!==null)m[g.name]=x.type==="boolean"?g.defaultValue==="true":g.defaultValue;else switch(x.type){case"boolean":m[g.name]=!1;break;case"select":m[g.name]=x.options?.[0]??"";break;case"number":m[g.name]="";break;case"text":default:m[g.name]="";break}}return m}),f=w.useCallback((m,g)=>{u(x=>({...x,[m]:g}))},[]),p=w.useCallback(()=>{const m={...r};if(l)for(const g of l.props){if(g.name in m)continue;const x=nc(g);if(x.type!=="none")if(g.defaultValue!==null)m[g.name]=x.type==="boolean"?g.defaultValue==="true":g.defaultValue;else switch(x.type){case"boolean":m[g.name]=!1;break;case"select":m[g.name]=x.options?.[0]??"";break;case"number":m[g.name]="";break;case"text":default:m[g.name]="";break}}u(m)},[r,l]);if(!l)return a.jsx(K,{className:s,children:a.jsx(ee,{title:"Playground",children:a.jsx("div",{className:"w-full p-4",children:a.jsxs("p",{className:"text-sm text-yellow-600 dark:text-yellow-400 flex items-center gap-2",children:[a.jsx(B.LucideAlertTriangle,{className:"w-4 h-4"}),'No metadata for "',e,'"']})})})});const h=Object.fromEntries(Object.entries(d).filter(([,m])=>m!==void 0&&m!==""));return a.jsx(K,{className:s,children:a.jsx(ee,{title:o||`${l.displayName} Playground`,children:a.jsxs("div",{className:"w-full",children:[a.jsx("div",{className:"p-6 sm:p-8 border-b border-gray-200 dark:border-gray-700 bg-gray-100 dark:bg-gray-800/50 flex items-center justify-center min-h-[120px]",children:t(h)}),a.jsxs("div",{className:"p-4 sm:p-6",children:[a.jsxs("div",{className:"flex items-center justify-between mb-4",children:[a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx("span",{className:"text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider",children:"Controls"}),a.jsxs(it,{color:"info",size:"small",className:"text-[10px]",children:[c.length," props"]})]}),a.jsx("button",{onClick:p,className:"text-xs text-brand hover:underline cursor-pointer",children:"Reset defaults"})]}),a.jsx("div",{className:"border border-gray-15 dark:border-gray-700 rounded-lg overflow-hidden",children:a.jsxs("table",{className:"w-full text-left",children:[a.jsx("thead",{children:a.jsxs("tr",{className:"bg-gray-10 dark:bg-gray-800/80 border-b border-gray-15 dark:border-gray-700",children:[a.jsx("th",{className:"px-4 py-2.5 text-[11px] font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider w-1/2",children:"Prop"}),a.jsx("th",{className:"px-4 py-2.5 text-[11px] font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider w-1/2",children:"Control"})]})}),a.jsx("tbody",{className:"divide-y divide-gray-15 dark:divide-gray-700/50",children:c.map(({prop:m,control:g})=>{const x={prop:m,control:g,value:d[m.name],onChange:f};let y=null;switch(g.type){case"boolean":y=a.jsx(Woe,{...x});break;case"select":y=a.jsx(Goe,{...x});break;case"number":y=a.jsx(Zoe,{...x});break;case"text":y=a.jsx(Koe,{...x});break}return a.jsxs("tr",{className:"hover:bg-gray-100 dark:hover:bg-gray-800/30 transition-colors",children:[a.jsx("td",{className:"px-4 py-3 align-middle",children:a.jsxs("div",{className:"flex flex-col gap-0.5",children:[a.jsxs("span",{className:"text-xs font-mono font-medium text-gray-900 dark:text-gray-100",children:[m.name,m.required&&a.jsx("span",{className:"text-red-500 ml-0.5",children:"*"})]}),a.jsx("span",{className:"text-[10px] font-mono text-gray-400 dark:text-gray-500",children:m.type}),m.description&&a.jsx("span",{className:"text-[11px] text-gray-500 dark:text-gray-400 mt-0.5 line-clamp-2",children:m.description})]})}),a.jsx("td",{className:"px-4 py-3 align-middle",children:y})]},m.name)})})]})}),a.jsxs("div",{className:"mt-4 p-3 bg-gray-900 dark:bg-gray-950 rounded-lg",children:[a.jsx("p",{className:"text-[10px] text-gray-500 mb-1 uppercase tracking-wider",children:"Current Props"}),a.jsx("pre",{className:"text-xs text-emerald-400 font-mono overflow-x-auto",children:`<${l.displayName}
 ${Object.entries(h).map(([m,g])=>typeof g=="boolean"?g?`  ${m}`:`  ${m}={false}`:typeof g=="number"?`  ${m}={${g}}`:`  ${m}="${g}"`).join(`
 `)}
-/>`})]})]})]})})})},Xoe=({id:e,component:t,fallback:r})=>{const[n,i]=w.useState(!1),s=w.useRef(null),o=w.useRef(null);w.useEffect(()=>{const c=s.current;if(!c||n)return;const d=()=>window.location.hash.slice(1)===e?(i(!0),!0):!1,u=()=>{const m=c.getBoundingClientRect(),g=window.innerHeight;return m.top<g+800&&m.bottom>-800?(i(!0),!0):!1},f=m=>{m.detail?.sectionId===e&&(i(!0),window.dispatchEvent(new CustomEvent("sectionReadyForScroll",{detail:{sectionId:e}})))};if(d()||u())return;window.addEventListener("forceLoadSection",f);const p=()=>{d()||u()},h=()=>{u()&&(window.removeEventListener("scroll",h),window.removeEventListener("hashchange",p))};return window.addEventListener("hashchange",p),window.addEventListener("scroll",h,{passive:!0}),o.current=new IntersectionObserver(m=>{m.forEach(g=>{g.isIntersecting&&(i(!0),o.current&&c&&o.current.unobserve(c),window.removeEventListener("scroll",h),window.removeEventListener("hashchange",p))})},{rootMargin:"800px",threshold:0}),o.current.observe(c),()=>{window.removeEventListener("forceLoadSection",f),window.removeEventListener("hashchange",p),window.removeEventListener("scroll",h),o.current&&c&&o.current.unobserve(c),o.current=null}},[n,e]);const l=a.jsxs("div",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(lr,{className:"h-10 w-64 mx-auto"}),a.jsx(lr,{className:"h-6 w-96 mx-auto"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsx(lr,{className:"h-64 w-full"}),a.jsx(lr,{className:"h-64 w-full"})]})]});return a.jsx("section",{id:e,ref:s,className:"space-y-8 scroll-mt-[120px] min-h-[400px]",children:n?a.jsx(w.Suspense,{fallback:r||l,children:a.jsx(t,{})}):a.jsxs("div",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(lr,{className:"h-10 w-64 mx-auto"}),a.jsx(lr,{className:"h-6 w-96 mx-auto"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsx(lr,{className:"h-64 w-full"}),a.jsx(lr,{className:"h-64 w-full"})]})]})})},Joe=[{id:"coin-card",label:"CoinCard",category:"Coins & Prices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CoinCardSection-BcxUp5vJ.js")))},{id:"live-price-feed",label:"LivePriceFeed",category:"Coins & Prices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/LivePriceFeedSection-BuexUW6S.js")))},{id:"coin-info-card",label:"CoinInfoCard",category:"Coins & Prices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CoinInfoCardSection-CBpYuVSH.js")))},{id:"coin-listbox",label:"CoinListBox",category:"Coins & Prices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CoinListBoxSection-CVxxDv6M.js")))},{id:"currency-swap-icons",label:"CurrencySwapIcons",category:"Coins & Prices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CurrencySwapIconsSection-DZdwXbtX.js")))},{id:"collection-card",label:"CollectionCard",category:"NFTs & Collections",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CollectionCardSection-C0EeHF2p.js")))},{id:"nft-grid",label:"NFTGrid",category:"NFTs & Collections",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/NFTGridSection-DonGXR6D.js")))},{id:"collection-select-list",label:"CollectionSelectList",category:"NFTs & Collections",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CollectionSelectListSection-Co60q-dc.js")))},{id:"transaction-info",label:"TransactionInfo",category:"Transactions",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TransactionInfoSection-CO5s67_e.js")))}];function Qoe(){return a.jsx(yr,{sections:Joe,hero:a.jsx(Te,{title:"Blockchain Components",description:"Specialized components for DeFi applications, NFT marketplaces, crypto wallets, and Web3 interfaces. Built with modern blockchain development in mind.",githubButton:!0,getStartedButton:!0,docsButton:"blockchain-components",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:a.jsx(B.Coins,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}function ele(){const e=[{title:"UI Components",description:"Complete collection of UI components organized by category including buttons, cards, dialogs, notifications, and more",icon:a.jsx(B.Component,{className:"w-8 h-8"}),href:"/components/ui-components",componentCount:43,gradient:"from-indigo-500 to-purple-500"},{title:"Input Components",description:"Complete collection of form input components with comprehensive examples, variants, and props documentation",icon:a.jsx(B.Type,{className:"w-8 h-8"}),href:"/components/inputs-components",componentCount:11,gradient:"from-blue-500 via-indigo-500 to-purple-500"},{title:"Blockchain Components",description:"Specialized components for DeFi applications, NFT marketplaces, crypto wallets, and Web3 interfaces",icon:a.jsx(B.Coins,{className:"w-8 h-8"}),href:"/components/blockchain",componentCount:9,gradient:"from-blue-500 via-indigo-500 to-purple-500"}],t=[{title:"Form System",description:"Complete form solution with validation and accessibility",icon:a.jsx(B.FileText,{className:"w-6 h-6"}),href:"/form-system",gradient:"from-purple-500 to-violet-500"},{title:"Form Examples",description:"Interactive examples and real-world patterns",icon:a.jsx(B.FormInput,{className:"w-6 h-6"}),href:"/form-system/example",gradient:"from-pink-500 to-rose-500"},{title:"Code Examples",description:"Implementation patterns and best practices",icon:a.jsx(B.Code,{className:"w-6 h-6"}),href:"/form-system/code-example",gradient:"from-orange-500 to-amber-500"}],r={Buttons:["ButtonDrip","ButtonLoader","Hamburger","TopupButton"],Cards:["AuthorCard","CardContainer","CardTitle","PanelActionCard","PanelCard"],Carousel:["Carousel","CarouselCards","CarouselImage"],Common:["Avatar","Badge","Collapse","Scrollbar","Skeleton"],Dialog:["Modal","Drawer","Sidebar","SidebarMenu"],Links:["ActiveLink","AnchorLink"],List:["ListContainer","ListItem"],Loaders:["Loader","Progressbar","Spinner"],Logos:["Logo","LogoIcon","FullLogo","TucuUiLogo","DefiAppLogo"],Notifications:["Alert","NotificationCard","Toast"],Table:["BasicTable"],Tabs:["Tab","TabSelect","ParamTab"],Typography:["Typography"],Utils:["RevealContent","ScrollToTop","Image"]},n=["Checkbox","FileInput","Input","InputSearcher","PinCode","Radio","RadioGroup","Select","Switch","Textarea","ToggleBar"],i={"Coins & Prices":["CoinCard","LivePriceFeed","CoinInfoCard","CoinListBox","CurrencySwapIcons"],"NFTs & Collections":["CollectionCard","NFTGrid","CollectionSelectList"],Transactions:["TransactionInfo"]};return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Components",description:"Explore our comprehensive component library with production-ready components for modern web applications. From UI primitives to specialized blockchain interfaces, built with TypeScript and accessibility in mind.",githubButton:!0,getStartedButton:!0,docsButton:"introduction",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 via-purple-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg border border-indigo-500/50",children:a.jsx(B.Component,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Component Sections"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Explore our main component categories organized for modern web development"})]}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:e.map((s,o)=>a.jsxs(K,{className:"group hover:shadow-xl transition-all duration-300 hover:-translate-y-1 relative overflow-hidden",children:[a.jsx("div",{className:`absolute inset-0 bg-linear-to-br ${s.gradient} opacity-5 group-hover:opacity-10 transition-opacity`}),a.jsxs("div",{className:"relative flex flex-col items-center justify-center p-8 h-full",children:[a.jsx("div",{className:"flex items-center justify-between mb-6",children:a.jsx("div",{className:`p-3 bg-linear-to-br ${s.gradient} rounded-xl shadow-lg`,children:a.jsx("div",{className:"text-white",children:s.icon})})}),a.jsx(O,{tag:"h3",className:"text-xl font-bold mb-3",children:s.title}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-300 mb-6 leading-relaxed",children:s.description}),a.jsx(he,{fullWidth:!0,className:`bg-linear-to-r ${s.gradient} hover:shadow-lg transition-all duration-200 text-white border-0`,onClick:()=>window.open(s.href,"_self"),children:a.jsxs("div",{className:"flex items-center justify-center gap-2",children:["Explore ",s.title]})})]})]},o))}),a.jsxs("div",{className:"space-y-6",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-3xl font-bold",children:"Form Solutions"}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Complete form ecosystem with validation, examples, and implementation patterns"})]}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:t.map((s,o)=>a.jsx(K,{className:"w-full flex flex-col justify-center items-center hover:shadow-lg transition-all duration-200 hover:-translate-y-0.5",children:a.jsxs("div",{className:"p-6 text-center",children:[a.jsx("div",{className:`inline-flex p-3 bg-linear-to-br ${s.gradient} rounded-xl shadow-lg mb-4`,children:a.jsx("div",{className:"text-white",children:s.icon})}),a.jsx(O,{tag:"h4",className:"font-semibold mb-2",children:s.title}),a.jsx(O,{tag:"p",className:"text-sm text-brand mb-4",children:s.description}),a.jsxs(he,{variant:"ghost",fullWidth:!0,className:"group-hover:border-brand group-hover:text-brand transition-colors",onClick:()=>window.open(s.href,"_self"),children:["View ",s.title]})]})},o))})]})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-3xl font-bold",children:"Component Categories"}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-400 text-sm",children:"Explore components organized by category and functionality"})]}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:[a.jsxs(K,{className:"p-6",children:[a.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[a.jsx("div",{className:"p-2 bg-linear-to-br from-indigo-500 via-purple-500 to-pink-500 rounded-lg",children:a.jsx(B.Component,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsxs("div",{children:[a.jsx(O,{tag:"h4",className:"font-semibold",children:"UI Components"}),a.jsxs(it,{status:"active",className:"text-xs font-medium",children:[Object.values(r).flat().length," ","components"]})]})]}),a.jsx(oo,{columns:[{key:"category",label:"Category",render:s=>a.jsx(O,{tag:"span",className:"text-xs font-semibold text-brand",children:String(s)})},{key:"component",label:"Component",render:s=>a.jsx("code",{className:"text-xs text-brand font-semibold",children:String(s)})}],data:Object.entries(r).flatMap(([s,o])=>o.map(l=>({category:s,component:l})))})]}),a.jsxs(K,{className:"p-6",children:[a.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[a.jsx("div",{className:"p-2 bg-linear-to-br from-blue-500 via-indigo-500 to-purple-500 rounded-lg",children:a.jsx(B.Type,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsxs("div",{children:[a.jsx(O,{tag:"h4",className:"font-semibold",children:"Input Components"}),a.jsxs(it,{status:"active",className:"text-xs font-medium",children:[n.length," components"]})]})]}),a.jsx(oo,{columns:[{key:"component",label:"Component",render:s=>a.jsx("code",{className:"text-xs text-brand font-semibold",children:String(s)})}],data:n.map(s=>({component:s}))})]}),a.jsxs(K,{className:"p-6",children:[a.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[a.jsx("div",{className:"p-2 bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 rounded-lg",children:a.jsx(B.Coins,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsxs("div",{children:[a.jsx(O,{tag:"h4",className:"font-semibold",children:"Blockchain Components"}),a.jsxs(it,{status:"active",className:"text-xs font-medium",children:[Object.values(i).flat().length," components"]})]})]}),a.jsx(oo,{columns:[{key:"category",label:"Category",render:s=>a.jsx(O,{tag:"span",className:"text-xs font-semibold text-gray-700 dark:text-gray-300",children:String(s)})},{key:"component",label:"Component",render:s=>a.jsx("code",{className:"text-xs text-brand font-semibold",children:String(s)})}],data:Object.entries(i).flatMap(([s,o])=>o.map(l=>({category:s,component:l})))})]})]})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-3xl font-bold",children:"Built for Production"}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-400 text-sm",children:"Modern standards and best practices in every component"})]}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:[a.jsxs(K,{className:"text-center p-6 hover:shadow-lg transition-shadow",children:[a.jsxs("div",{className:"flex flex-col items-center",children:[a.jsx("div",{className:"inline-flex p-3 bg-blue-100 dark:bg-blue-900/30 rounded-xl mb-4",children:a.jsx(B.Code,{className:"w-6 h-6 text-blue-600 dark:text-blue-400"})}),a.jsx(O,{tag:"h4",className:"font-semibold mb-2",children:"TypeScript First"})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Full type safety with comprehensive definitions and IntelliSense support"})]}),a.jsxs(K,{className:"text-center p-6 hover:shadow-lg transition-shadow",children:[a.jsxs("div",{className:"flex flex-col items-center",children:[a.jsx("div",{className:"inline-flex p-3 bg-green-100 dark:bg-green-900/30 rounded-xl mb-4",children:a.jsx(B.Accessibility,{className:"w-6 h-6 text-green-600 dark:text-green-400"})}),a.jsx(O,{tag:"h4",className:"font-semibold mb-2",children:"WCAG 2.1 AA"})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"WCAG 2.1 AA compliant with ARIA attributes and keyboard navigation"})]}),a.jsxs(K,{className:"text-center p-6 hover:shadow-lg transition-shadow",children:[a.jsxs("div",{className:"flex flex-col items-center",children:[a.jsx("div",{className:"inline-flex p-3 bg-purple-100 dark:bg-purple-900/30 rounded-xl mb-4",children:a.jsx(B.Palette,{className:"w-6 h-6 text-purple-600 dark:text-purple-400"})}),a.jsx(O,{tag:"h4",className:"font-semibold mb-2",children:"Highly Customizable"})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Flexible theming with CSS variables and custom styling options"})]})]})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-3xl font-bold",children:"Performance & Developer Experience"}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-400 text-sm",children:"Optimized for speed and developer productivity"})]}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4",children:[a.jsxs(K,{className:"p-4 text-center hover:shadow-md transition-shadow",children:[a.jsx(B.Zap,{className:"w-5 h-5 text-yellow-500 dark:text-yellow-400 mx-auto mb-2"}),a.jsx(O,{tag:"h5",className:"font-semibold text-sm mb-1",children:"Lazy Loading"}),a.jsx(O,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400",children:"Components load on demand"})]}),a.jsxs(K,{className:"p-4 text-center hover:shadow-md transition-shadow",children:[a.jsx(B.Package,{className:"w-5 h-5 text-blue-500 dark:text-blue-400 mx-auto mb-2"}),a.jsx(O,{tag:"h5",className:"font-semibold text-sm mb-1",children:"Tree Shakeable"}),a.jsx(O,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400",children:"Import only what you need"})]}),a.jsxs(K,{className:"p-4 text-center hover:shadow-md transition-shadow",children:[a.jsx(B.Moon,{className:"w-5 h-5 text-indigo-500 dark:text-indigo-400 mx-auto mb-2"}),a.jsx(O,{tag:"h5",className:"font-semibold text-sm mb-1",children:"Dark Mode"}),a.jsx(O,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400",children:"Built-in dark mode support"})]}),a.jsxs(K,{className:"p-4 text-center hover:shadow-md transition-shadow",children:[a.jsx(B.Tablet,{className:"w-5 h-5 text-green-500 dark:text-green-400 mx-auto mb-2"}),a.jsx(O,{tag:"h5",className:"font-semibold text-sm mb-1",children:"Responsive"}),a.jsx(O,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400",children:"Mobile-first design"})]})]})]})]})}const tle=[{id:"line-chart",label:"LineChart",category:"Charts",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/LineChartSection-C1BoxgOz.js")))},{id:"bar-chart",label:"BarChart",category:"Charts",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BarChartSection-FEYjU4KU.js")))},{id:"area-chart",label:"AreaChart",category:"Charts",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/AreaChartSection-BiOx_GTY.js")))},{id:"pie-chart",label:"PieChart",category:"Charts",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/PieChartSection-PGxAtJ72.js")))},{id:"radar-chart",label:"RadarChart",category:"Charts",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/RadarChartSection-84HPI4Rp.js")))},{id:"composed-chart",label:"ComposedChart",category:"Charts",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ComposedChartSection-C2fLNqlN.js")))}];function rle(){return a.jsx(yr,{sections:tle,hero:a.jsx(Te,{title:"Charts",description:"Data visualization components built on Recharts with automatic dark/light theme integration, responsive design, and a consistent API across all chart types.",githubButton:!0,getStartedButton:!0,docsButton:"introduction",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg border border-emerald-500/50",children:a.jsx(B.BarChart3,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const nle=[{id:"checkbox",label:"Checkbox",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CheckboxSection-DSFkIiq4.js")))},{id:"file-input",label:"FileInput",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/FileInputSection-4dc8Q1Wt.js")))},{id:"input",label:"Input",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/InputSection-CVEft8nN.js")))},{id:"input-searcher",label:"InputSearcher",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/InputSearcherSection-BgRzReMB.js")))},{id:"pin-code",label:"PinCode",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/PinCodeSection-BCdJ0lzv.js")))},{id:"radio",label:"Radio",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/RadioSection-uSJ3ocsA.js")))},{id:"radio-group",label:"RadioGroup",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/RadioGroupSection-DhLvpocf.js")))},{id:"select",label:"Select",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SelectSection-Ck9kof0T.js")))},{id:"switch",label:"Switch",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SwitchSection-DsRz6B1J.js")))},{id:"textarea",label:"Textarea",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TextareaSection-DVI2FN0w.js")))},{id:"toggle-bar",label:"ToggleBar",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ToggleBarSection-ByVhbSBC.js")))}],ale=()=>a.jsx(yr,{sections:nle,hero:a.jsx(Te,{title:"Input Components",description:"Complete collection of form input components with comprehensive examples, variants, and props documentation. Built for modern web applications with TypeScript support and accessibility in mind.",githubButton:!0,getStartedButton:!0,docsButton:"introduction",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:a.jsx(B.Type,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})}),ile=[{id:"button-drip",label:"ButtonDrip",category:"Buttons",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ButtonDripSection-Bq2trgi9.js")))},{id:"button-loader",label:"ButtonLoader",category:"Buttons",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ButtonLoaderSection-TA9F06jI.js")))},{id:"hamburger",label:"Hamburger",category:"Buttons",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/HamburgerSection-V1hhJqa1.js")))},{id:"topup-button",label:"TopupButton",category:"Buttons",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TopupButtonSection-DDZwSfM6.js")))},{id:"author-card",label:"AuthorCard",category:"Cards",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/AuthorCardSection-oZJrBne3.js")))},{id:"card",label:"Card",category:"Cards",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CardSection-mS-Ch_Wa.js")))},{id:"card-container",label:"CardContainer",category:"Cards",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CardContainerSection-C9HSknEx.js")))},{id:"card-title",label:"CardTitle",category:"Cards",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CardTitleSection-FCO91j-A.js")))},{id:"info-card",label:"InfoCard",category:"Cards",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/InfoCardSection-DW7X3XYu.js")))},{id:"panel-action-card",label:"PanelActionCard",category:"Cards",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/PanelActionCardSection-CsKsEYu0.js")))},{id:"panel-card",label:"PanelCard",category:"Cards",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/PanelCardSection-CI4XrWyM.js")))},{id:"carousel",label:"Carousel",category:"Carousel",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CarouselSection-BHZ8M5xZ.js")))},{id:"carousel-cards",label:"CarouselCards",category:"Carousel",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CarouselCardsSection-BOmdJ8sA.js")))},{id:"carousel-image",label:"CarouselImage",category:"Carousel",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CarouselImageSection-BU0aNnY2.js")))},{id:"avatar",label:"Avatar",category:"Common",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/AvatarSection-DFZRExPm.js")))},{id:"badge",label:"Badge",category:"Common",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BadgeSection-Eubi1tsh.js")))},{id:"collapse",label:"Collapse",category:"Common",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CollapseSection-ZiHdVuyN.js")))},{id:"scrollbar",label:"Scrollbar",category:"Common",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ScrollbarSection-Dfr5kanP.js")))},{id:"skeleton",label:"Skeleton",category:"Common",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SkeletonSection-CPXc0Imd.js")))},{id:"tooltip",label:"Tooltip",category:"Common",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TooltipSection-DTGXs9vT.js")))},{id:"key-value-row",label:"KeyValueRow",category:"Common",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/KeyValueRowSection-DwtRLFEk.js")))},{id:"pagination",label:"Pagination",category:"Common",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/PaginationSection-9zPPhyeb.js")))},{id:"stepper",label:"Stepper",category:"Common",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/StepperSection-Dw3QuSWb.js")))},{id:"modal",label:"Modal",category:"Dialog",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ModalSection-BmNkZvIh.js")))},{id:"tab-modal",label:"TabModal",category:"Dialog",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TabModalSection-BkJ1YqWc.js")))},{id:"drawer",label:"Drawer",category:"Dialog",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/DrawerSection-DM456jmL.js")))},{id:"sidebar",label:"Sidebar",category:"Dialog",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SidebarSection-DAKVjdKW.js")))},{id:"sidebar-menu",label:"SidebarMenu",category:"Dialog",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SidebarMenuSection-CL_DUahR.js")))},{id:"active-link",label:"ActiveLink",category:"Links",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ActiveLinkSection-BGpGlMTH.js")))},{id:"anchor-link",label:"AnchorLink",category:"Links",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/AnchorLinkSection-BtvgojmR.js")))},{id:"list-container",label:"ListContainer",category:"List",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ListContainerSection-BY8fuQ0N.js")))},{id:"list-item",label:"ListItem",category:"List",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ListItemSection-bqNbFxdu.js")))},{id:"loader",label:"Loader",category:"Loaders",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/LoaderSection-CHjzNBqH.js")))},{id:"progressbar",label:"Progressbar",category:"Loaders",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ProgressbarSection-C-EdDZov.js")))},{id:"spinner",label:"Spinner",category:"Loaders",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SpinnerSection-Dye2VsDO.js")))},{id:"logo",label:"Logo",category:"Logos",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/LogoSection-BUh5lmBE.js")))},{id:"tucu-ui-logo",label:"TucuUiLogo",category:"Logos",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TucuUiLogoSection-BB5Zr58k.js")))},{id:"defi-app-logo",label:"DefiAppLogo",category:"Logos",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/DefiAppLogoSection-YKNWdKJ9.js")))},{id:"alert",label:"Alert",category:"Notifications",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/AlertSection-BOFVhA1g.js")))},{id:"notification-card",label:"NotificationCard",category:"Notifications",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/NotificationCardSection-D-RuM0y9.js")))},{id:"toast",label:"Toast",category:"Notifications",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ToastSection-CHIsWCMb.js")))},{id:"basic-table",label:"BasicTable",category:"Table",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BasicTableSection-CusSzdcT.js")))},{id:"tab",label:"Tab",category:"Tabs",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TabSection-Di0SYL7X.js")))},{id:"tab-select",label:"TabSelect",category:"Tabs",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TabSelectSection-BpbqlP7n.js")))},{id:"param-tab",label:"ParamTab",category:"Tabs",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ParamTabSection-B-zD0RYM.js")))},{id:"typography",label:"Typography",category:"Typography",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TypographySection-DGjPTW0m.js")))},{id:"reveal-content",label:"RevealContent",category:"Utils",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/RevealContentSection-CYG67QMT.js")))},{id:"scroll-to-top",label:"ScrollToTop",category:"Utils",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ScrollToTopSection-s0EgBP4c.js")))},{id:"image",label:"Image",category:"Utils",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImageSection-BBZf4uXm.js")))}];function sle(){return a.jsx(yr,{sections:ile,hero:a.jsx(Te,{title:"UI Components",description:"Complete collection of UI components with comprehensive examples, variants, and props documentation. Built for modern web applications with TypeScript support and accessibility in mind.",githubButton:!0,getStartedButton:!0,docsButton:"introduction",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg border border-indigo-500/50",children:a.jsx(B.Component,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const ole=[{id:"design-principles",label:"Design Principles",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/DesignPrinciplesSection-B_GCf-TN.js")))},{id:"typography",label:"Typography",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TypographySection-CgEGnQ1Q.js")))},{id:"spacing-system",label:"Spacing System",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SpacingSystemSection-CTYSoQtS.js")))},{id:"border-radius",label:"Border Radius",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BorderRadiusSection-D3_hite-.js")))},{id:"color-system",label:"Color System",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ColorSystemSection-sxcz5x0_.js")))},{id:"component-anatomy",label:"Component Anatomy",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ComponentAnatomySection-BBTeLqvK.js")))},{id:"layout-principles",label:"Layout Principles",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/LayoutPrinciplesSection-Dixe4kuu.js")))},{id:"shadows",label:"Shadows",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ShadowsSection-BGOHvc7s.js")))},{id:"sizing",label:"Sizing",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SizingSection-BkzlMAgi.js")))},{id:"implementation-guidelines",label:"Implementation Guidelines",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImplementationGuidelinesSection-Cn-2qyE2.js")))}];function lle(){return a.jsx(yr,{sections:ole,hero:a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"hidden",children:[a.jsx("div",{className:"bg-blue-0 bg-blue-5 bg-blue-10 bg-blue-15 bg-blue-20 bg-blue-30 bg-blue-40 bg-blue-50 bg-blue-60 bg-blue-70 bg-blue-80 bg-blue-90 bg-blue-100 bg-green-0 bg-green-5 bg-green-10 bg-green-15 bg-green-20 bg-green-30 bg-green-40 bg-green-50 bg-green-60 bg-green-70 bg-green-80 bg-green-90 bg-green-100 bg-orange-0 bg-orange-5 bg-orange-10 bg-orange-15 bg-orange-20 bg-orange-30 bg-orange-40 bg-orange-50 bg-orange-60 bg-orange-70 bg-orange-80 bg-orange-90 bg-orange-100 bg-gray-0 bg-gray-5 bg-gray-10 bg-gray-15 bg-gray-20 bg-gray-30 bg-gray-40 bg-gray-50 bg-gray-60 bg-gray-70 bg-gray-80 bg-gray-90 bg-gray-100 bg-indigo-0 bg-indigo-5 bg-indigo-10 bg-indigo-15 bg-indigo-20 bg-indigo-30 bg-indigo-40 bg-indigo-50 bg-indigo-60 bg-indigo-70 bg-indigo-80 bg-indigo-90 bg-indigo-100 bg-pink-0 bg-pink-5 bg-pink-10 bg-pink-15 bg-pink-20 bg-pink-30 bg-pink-40 bg-pink-50 bg-pink-60 bg-pink-70 bg-pink-80 bg-pink-90 bg-pink-100 bg-purple-0 bg-purple-5 bg-purple-10 bg-purple-15 bg-purple-20 bg-purple-30 bg-purple-40 bg-purple-50 bg-purple-60 bg-purple-70 bg-purple-80 bg-purple-90 bg-purple-100 bg-red-0 bg-red-5 bg-red-10 bg-red-15 bg-red-20 bg-red-30 bg-red-40 bg-red-50 bg-red-60 bg-red-70 bg-red-80 bg-red-90 bg-red-100 bg-teal-0 bg-teal-5 bg-teal-10 bg-teal-15 bg-teal-20 bg-teal-30 bg-teal-40 bg-teal-50 bg-teal-60 bg-teal-70 bg-teal-80 bg-teal-90 bg-teal-100 bg-yellow-0 bg-yellow-5 bg-yellow-10 bg-yellow-15 bg-yellow-20 bg-yellow-30 bg-yellow-40 bg-yellow-50 bg-yellow-60 bg-yellow-70 bg-yellow-80 bg-yellow-90 bg-yellow-100 bg-chartreuse-0 bg-chartreuse-5 bg-chartreuse-10 bg-chartreuse-15 bg-chartreuse-20 bg-chartreuse-30 bg-chartreuse-40 bg-chartreuse-50 bg-chartreuse-60 bg-chartreuse-70 bg-chartreuse-80 bg-chartreuse-90 bg-chartreuse-100"}),a.jsx("div",{className:"text-semantic-fg text-semantic-fg-muted text-semantic-fg-inverse text-semantic-fg-primary text-semantic-fg-warning text-semantic-fg-positive text-semantic-fg-negative bg-semantic-bg bg-semantic-bg-alternate bg-semantic-bg-inverse bg-semantic-bg-primary bg-semantic-bg-primary-wash bg-semantic-bg-secondary bg-semantic-bg-tertiary bg-semantic-bg-secondary-wash bg-semantic-bg-negative border-semantic-line-primary border-semantic-line-primary-subtle border-semantic-line-inverse bg-semantic-elevation-1 bg-semantic-elevation-2 bg-semantic-accent-subtle-green bg-semantic-accent-bold-green bg-semantic-accent-subtle-blue bg-semantic-accent-bold-blue bg-semantic-accent-subtle-purple bg-semantic-accent-bold-purple bg-semantic-accent-subtle-yellow bg-semantic-accent-bold-yellow bg-semantic-accent-subtle-red bg-semantic-accent-bold-red bg-semantic-accent-subtle-gray bg-semantic-accent-bold-gray bg-brand bg-primary bg-secondary bg-accent bg-muted bg-success bg-warning bg-error bg-info bg-body bg-dark bg-light bg-light-dark w-icon-xs h-icon-xs w-icon-s h-icon-s w-icon-m h-icon-m w-icon-l h-icon-l w-avatar-s h-avatar-s w-avatar-m h-avatar-m w-avatar-l h-avatar-l w-avatar-xl h-avatar-xl w-avatar-xxl h-avatar-xxl w-avatar-xxxl h-avatar-xxxl"})]}),a.jsx(Te,{title:"Design System",description:"A comprehensive design system that ensures consistency, accessibility, and scalability across all components and applications.",githubButton:!0,getStartedButton:!0,docsButton:"design-system",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.Palette,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})]})})}const cle=[{id:"theme-provider-required",label:"ThemeProvider Required",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeProviderRequiredSection-ScLygoBY.js")))},{id:"menu-items-guide",label:"MenuItems Guide",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/MenuItemsGuideSection-CfznmIHZ.js")))},{id:"layout-types",label:"Layout Types",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/LayoutTypesSection-C6SnGIzG.js")))},{id:"best-practices",label:"Best Practices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-pnOXAOcz.js")))},{id:"implementation-examples",label:"Implementation Examples",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImplementationExamplesSection-H0mF5teZ.js")))},{id:"common-errors",label:"Common Errors and Solutions",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CommonErrorsSection-C64GnPLp.js")))}];function dle(){return a.jsx(yr,{sections:cle,hero:a.jsx(Te,{title:"Layout System",description:"Comprehensive layout system with multiple presets, responsive design patterns, and powerful theme management. Built for flexibility, accessibility, and ease of customization.",githubButton:!0,getStartedButton:!0,docsButton:"layout-system",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.Layout,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const ule=[{id:"theme-architecture",label:"Theme Architecture",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeArchitectureSection-R7ukBzZf.js")))},{id:"tailwind-config",label:"Tailwind CSS Configuration",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TailwindConfigSection-B_csna96.js")))},{id:"theme-provider",label:"ThemeProvider Component",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeProviderSection-6LHY1gR6.js")))},{id:"theme-configuration",label:"Theme Configuration",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeConfigurationSection-Go4dxqfS.js")))},{id:"using-theme-system",label:"Using the Theme System",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/UsingThemeSystemSection-CS0WVYk1.js")))},{id:"theme-hooks",label:"Theme Hooks",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeHooksSection-kZu-s-uU.js")))},{id:"color-customization",label:"Color Customization",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ColorCustomizationSection-DWy4OcKJ.js")))},{id:"settings-panel",label:"Settings Panel",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SettingsPanelSection-DcI36bvi.js")))},{id:"best-practices",label:"Best Practices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-BV98CcXZ.js")))},{id:"advanced-color-system",label:"Advanced Color System",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/AdvancedColorSystemSection-C_eqsBNI.js")))},{id:"custom-color-palette",label:"Custom Color Palette",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CustomColorPaletteSection-BbyEWvys.js")))},{id:"file-structure",label:"File Structure & Important Notes",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/FileStructureSection-Bzez9Hd6.js")))},{id:"advanced-features",label:"Advanced Features",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/AdvancedFeaturesSection-RfxchAOl.js")))}];function fle(){return a.jsx(yr,{sections:ule,hero:a.jsx(Te,{title:"Theming Guide",description:"Master the powerful theming system built with Zustand, CSS custom properties, and Tailwind CSS. Create beautiful, consistent themes that adapt to your brand.",githubButton:!0,getStartedButton:!0,docsButton:"theming-guide",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.Paintbrush,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const ple=[{id:"implementation-status",label:"Implementation Status",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImplementationStatusSection-C_FgS9kQ.js")))},{id:"wcag-principles",label:"WCAG 2.1 AA Principles",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/WCAGPrinciplesSection-BoHN-ga-.js")))},{id:"implemented-features",label:"Implemented Features",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImplementedFeaturesSection-BKqzwhRm.js")))},{id:"keyboard-navigation",label:"Keyboard Navigation",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/KeyboardNavigationSection-3b87RzQ7.js")))},{id:"component-status",label:"Component Accessibility Status",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ComponentStatusSection-BoQ6pWPk.js")))},{id:"code-examples",label:"Implementation Examples",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CodeExamplesSection-BVuFSksS.js")))},{id:"testing",label:"Accessibility Testing",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TestingSection-gDlp2c6i.js")))},{id:"best-practices",label:"Best Practices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-CNxmULJM.js")))}];function mle(){return a.jsx(yr,{sections:ple,hero:a.jsx(Te,{title:"Accessibility",description:"Building inclusive experiences for all users with comprehensive accessibility features. Following WCAG 2.1 AA guidelines to ensure everyone can use our components effectively.",githubButton:!0,getStartedButton:!0,docsButton:"accessibility",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.Accessibility,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}function hle(){const e=[{title:"Icons System",description:"Complete Lucide React icons integration with theme-aware colors and consistent sizing. Access to 98+ custom icons and 5000+ Lucide icons through a unified API.",icon:a.jsx(B.Sparkles,{className:"w-8 h-8"}),href:"/icons-system",status:"Available",statusColor:"bg-green-500"},{title:"Accessibility",description:"WCAG 2.1 AA compliant components with ARIA support, keyboard navigation, and screen reader compatibility. Built with inclusivity in mind.",icon:a.jsx(B.Accessibility,{className:"w-8 h-8"}),href:"/accessibility",status:"Available",statusColor:"bg-green-500"},{title:"Hooks Utilities",description:"Powerful custom hooks for state management, API calls, local storage, and common React patterns. Enhance your development experience with reusable logic.",icon:a.jsx(B.Settings,{className:"w-8 h-8"}),href:"/hooks-utilities",status:"Available",statusColor:"bg-green-500"},{title:"Routing System",description:"Powerful and flexible routing system built on React Router with automatic navigation generation, nested routes support, and micro frontends (MFE) support.",icon:a.jsx(B.Route,{className:"w-8 h-8"}),href:"/routing-system",status:"Available",statusColor:"bg-green-500"}];return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Features",description:"Explore the powerful features and utilities that make tucu-ui a comprehensive design system. From accessibility to performance optimizations, discover what makes our components special.",githubButton:!0,getStartedButton:!0,docsButton:"introduction",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-emerald-500 via-teal-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg border border-emerald-500/50",children:a.jsx(B.Layers,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Core Features"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Built with modern web standards and best practices, our features ensure your applications are accessible, performant, and maintainable."})]}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:e.map((t,r)=>a.jsx(K,{className:"group hover:shadow-lg transition-shadow ",children:a.jsxs("div",{className:"p-6 w-full flex flex-col justify-between",children:[a.jsxs("div",{className:"flex items-center gap-4 mb-4",children:[a.jsx("div",{className:"p-2 bg-brand/10 dark:bg-brand/20 rounded-lg text-brand",children:t.icon}),a.jsx(O,{tag:"h3",className:"text-lg font-semibold ",children:t.title})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300 mb-4",children:t.description}),a.jsx(he,{variant:"ghost",fullWidth:!0,className:"w-full group-hover:bg-brand group-hover:text-white transition-colors",onClick:()=>window.location.href=t.href,children:a.jsxs("div",{className:"flex items-center  gap-2",children:["Explore ",t.title,a.jsx(B.ArrowRight,{className:"w-4 h-4 "})]})})]})},r))})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Why Choose Our Features"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Each feature is carefully designed to solve real-world problems while maintaining high standards"})]}),a.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[a.jsx(K,{children:a.jsxs(ee,{title:"Accessibility First",className:"flex flex-col gap-2",children:[a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(B.Accessibility,{className:"w-5 h-5 text-blue-500"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"WCAG 2.1 AA compliant by default"})]}),a.jsxs("div",{className:"mt-4 space-y-3",children:[a.jsxs("div",{className:"flex items-start gap-3",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-green-500 mt-0.5"}),a.jsxs("div",{children:[a.jsx(O,{tag:"p",className:"font-medium",children:"Keyboard Navigation"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Full keyboard support for all interactive elements"})]})]}),a.jsxs("div",{className:"flex items-start gap-3",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-green-500 mt-0.5"}),a.jsxs("div",{children:[a.jsx(O,{tag:"p",className:"font-medium",children:"Screen Reader Support"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Proper ARIA labels and semantic HTML structure"})]})]}),a.jsxs("div",{className:"flex items-start gap-3",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-green-500 mt-0.5"}),a.jsxs("div",{children:[a.jsx(O,{tag:"p",className:"font-medium",children:"Focus Management"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Visible focus indicators and logical tab order"})]})]})]})]})}),a.jsx(K,{children:a.jsxs(ee,{title:"Developer Experience",className:"flex flex-col gap-2",children:[a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(B.Code,{className:"w-5 h-5 text-purple-500"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Built for productivity and maintainability"})]}),a.jsxs("div",{className:"mt-4 space-y-3",children:[a.jsxs("div",{className:"flex items-start gap-3",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-green-500 mt-0.5"}),a.jsxs("div",{children:[a.jsx(O,{tag:"p",className:"font-medium",children:"TypeScript Support"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Full type safety with comprehensive TypeScript definitions"})]})]}),a.jsxs("div",{className:"flex items-start gap-3",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-green-500 mt-0.5"}),a.jsxs("div",{children:[a.jsx(O,{tag:"p",className:"font-medium",children:"Modern React Patterns"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Hooks, Context API, and functional components"})]})]}),a.jsxs("div",{className:"flex items-start gap-3",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-green-500 mt-0.5"}),a.jsxs("div",{children:[a.jsx(O,{tag:"p",className:"font-medium",children:"Comprehensive Documentation"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Interactive examples and detailed API references"})]})]})]})]})})]})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Get Started with Features"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Explore our feature-rich components and utilities designed to enhance your development experience"})]}),a.jsx(K,{children:a.jsxs(ee,{title:"Feature Categories",className:"flex items-center gap-2",children:[a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(B.Grid3X3,{className:"w-5 h-5 text-indigo-500"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Organized by functionality for easy discovery"})]}),a.jsxs("div",{className:"mt-6 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",children:[a.jsxs("div",{className:"p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-100  dark:hover:bg-gray-800 transition-colors",children:[a.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[a.jsx(B.Palette,{className:"w-5 h-5 text-indigo-500"}),a.jsx(O,{tag:"p",className:"font-medium",children:"Design System"})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Consistent theming, colors, and component library"})]}),a.jsxs("div",{className:"p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-100  dark:hover:bg-gray-800 transition-colors",children:[a.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[a.jsx(B.Accessibility,{className:"w-5 h-5 text-blue-500"}),a.jsx(O,{tag:"p",className:"font-medium",children:"Accessibility"})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"WCAG compliant components and utilities"})]}),a.jsxs("div",{className:"p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-100  dark:hover:bg-gray-800 transition-colors",children:[a.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[a.jsx(B.Zap,{className:"w-5 h-5 text-yellow-500"}),a.jsx(O,{tag:"p",className:"font-medium",children:"Performance"})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Optimized rendering and bundle size management"})]})]})]})})]})]})}const gle=[{id:"hook-features",label:"Why Choose Our Hooks?",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/HookFeaturesSection-Brl18YzK.js")))},{id:"hook-categories",label:"Hook Categories",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/HookCategoriesSection-DHxPCrfX.js")))},{id:"live-demonstrations",label:"Live Hook Demonstrations",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/LiveDemonstrationsSection-BvR1Bz8e.js")))},{id:"hook-documentation",label:"Hook Documentation",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/HookDocumentationSection-bApnr3Aw.js")))},{id:"best-practices",label:"Best Practices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-CJxGoR3b.js")))}];function xle(){return a.jsx(yr,{sections:gle,hero:a.jsx(Te,{title:"Hooks & Utilities",description:"A comprehensive collection of React hooks and utility functions to enhance your development experience with responsive design, user interactions, and state management.",githubButton:!0,getStartedButton:!0,docsButton:"hooks-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.Settings,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const yle=[{id:"icon-architecture",label:"Icon Architecture",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/IconArchitectureSection-D5_IkMHf.js")))},{id:"custom-icons",label:"Custom Tucu Icons",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CustomIconsSection-CyIwxujL.js")))},{id:"lucide-icons",label:"Lucide React Icons",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/LucideIconsSection-Co1s4hKe.js")))},{id:"usage-examples",label:"Usage Examples",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/UsageExamplesSection-BNrxVQj2.js")))},{id:"icon-system-api",label:"Icon System API",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/IconSystemAPISection-CHqujHDv.js")))},{id:"best-practices",label:"Best Practices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-CYQxggWQ.js")))},{id:"icon-sizing-guide",label:"Icon Sizing Guide",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/IconSizingGuideSection-C7Fh243F.js")))},{id:"icon-system-benefits",label:"Icon System Benefits",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/IconSystemBenefitsSection-DU5K42op.js")))}];function vle(){return a.jsx(yr,{sections:yle,hero:a.jsx(Te,{title:"Icons System",description:"Comprehensive icon system combining 98+ custom-designed icons with full Lucide React integration (5000+ icons). Access to all icons through a unified, performant API with TypeScript support and automatic tree-shaking.",githubButton:!0,getStartedButton:!0,docsButton:"icons-system",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:a.jsx(B.Sparkles,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const ble=[{id:"system-overview",label:"System Overview",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SystemOverviewSection-BaNo0I2y.js")))},{id:"route-configuration",label:"Route Configuration",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/RouteConfigurationSection-BZ9jyZ80.js")))},{id:"nested-routes",label:"Nested Routes & Dropdown Menus",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/NestedRoutesSection-CGDh3mVk.js")))},{id:"theme-provider-integration",label:"ThemeProvider Integration",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeProviderIntegrationSection-Cj9xrgmY.js")))},{id:"dynamic-routes",label:"Dynamic & Conditional Routes",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/DynamicRoutesSection-CHGWzNV9.js")))},{id:"mfe-support",label:"Micro Frontends (MFE) Support",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/MFESupportSection-DzZl0CIg.js")))},{id:"standalone-app",label:"Standalone App",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/StandaloneAppSection-Bnd5ch-2.js")))},{id:"architectural-patterns-comparison",label:"Architectural Patterns: Standalone vs MFE",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ArchitecturalPatternsComparisonSection-Cct4N7m-.js")))},{id:"best-practices",label:"Best Practices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-CufdR26r.js")))},{id:"api-reference",label:"API Reference",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/APIReferenceSection-DbOW061V.js")))}];function wle(){return a.jsx(yr,{sections:ble,hero:a.jsx(Te,{title:"Routing System",description:"Powerful and flexible routing system built on React Router with automatic navigation generation, nested routes support, and seamless integration with the theming system. Supports both Standalone applications and Micro Frontends (MFE) architectures.",githubButton:!0,getStartedButton:!0,docsButton:"introduction",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:a.jsx(B.Route,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const jle=`import React from 'react';
+/>`})]})]})]})})})},Xoe=({id:e,component:t,fallback:r})=>{const[n,i]=w.useState(!1),s=w.useRef(null),o=w.useRef(null);w.useEffect(()=>{const c=s.current;if(!c||n)return;const d=()=>window.location.hash.slice(1)===e?(i(!0),!0):!1,u=()=>{const m=c.getBoundingClientRect(),g=window.innerHeight;return m.top<g+800&&m.bottom>-800?(i(!0),!0):!1},f=m=>{m.detail?.sectionId===e&&(i(!0),window.dispatchEvent(new CustomEvent("sectionReadyForScroll",{detail:{sectionId:e}})))};if(d()||u())return;window.addEventListener("forceLoadSection",f);const p=()=>{d()||u()},h=()=>{u()&&(window.removeEventListener("scroll",h),window.removeEventListener("hashchange",p))};return window.addEventListener("hashchange",p),window.addEventListener("scroll",h,{passive:!0}),o.current=new IntersectionObserver(m=>{m.forEach(g=>{g.isIntersecting&&(i(!0),o.current&&c&&o.current.unobserve(c),window.removeEventListener("scroll",h),window.removeEventListener("hashchange",p))})},{rootMargin:"800px",threshold:0}),o.current.observe(c),()=>{window.removeEventListener("forceLoadSection",f),window.removeEventListener("hashchange",p),window.removeEventListener("scroll",h),o.current&&c&&o.current.unobserve(c),o.current=null}},[n,e]);const l=a.jsxs("div",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(lr,{className:"h-10 w-64 mx-auto"}),a.jsx(lr,{className:"h-6 w-96 mx-auto"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsx(lr,{className:"h-64 w-full"}),a.jsx(lr,{className:"h-64 w-full"})]})]});return a.jsx("section",{id:e,ref:s,className:"space-y-8 scroll-mt-[120px] min-h-[400px]",children:n?a.jsx(w.Suspense,{fallback:r||l,children:a.jsx(t,{})}):a.jsxs("div",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(lr,{className:"h-10 w-64 mx-auto"}),a.jsx(lr,{className:"h-6 w-96 mx-auto"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsx(lr,{className:"h-64 w-full"}),a.jsx(lr,{className:"h-64 w-full"})]})]})})},Joe=[{id:"coin-card",label:"CoinCard",category:"Coins & Prices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CoinCardSection-iY8J7SEG.js")))},{id:"live-price-feed",label:"LivePriceFeed",category:"Coins & Prices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/LivePriceFeedSection-Dc-WTk58.js")))},{id:"coin-info-card",label:"CoinInfoCard",category:"Coins & Prices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CoinInfoCardSection-DUtW5rPH.js")))},{id:"coin-listbox",label:"CoinListBox",category:"Coins & Prices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CoinListBoxSection-CyUNnrfp.js")))},{id:"currency-swap-icons",label:"CurrencySwapIcons",category:"Coins & Prices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CurrencySwapIconsSection-DiR8Lm4T.js")))},{id:"collection-card",label:"CollectionCard",category:"NFTs & Collections",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CollectionCardSection-D81QeoBz.js")))},{id:"nft-grid",label:"NFTGrid",category:"NFTs & Collections",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/NFTGridSection-DFudkupA.js")))},{id:"collection-select-list",label:"CollectionSelectList",category:"NFTs & Collections",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CollectionSelectListSection-BBvFYU73.js")))},{id:"transaction-info",label:"TransactionInfo",category:"Transactions",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TransactionInfoSection-CP75u7WX.js")))}];function Qoe(){return a.jsx(yr,{sections:Joe,hero:a.jsx(Te,{title:"Blockchain Components",description:"Specialized components for DeFi applications, NFT marketplaces, crypto wallets, and Web3 interfaces. Built with modern blockchain development in mind.",githubButton:!0,getStartedButton:!0,docsButton:"blockchain-components",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:a.jsx(B.Coins,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}function ele(){const e=[{title:"UI Components",description:"Complete collection of UI components organized by category including buttons, cards, dialogs, notifications, and more",icon:a.jsx(B.Component,{className:"w-8 h-8"}),href:"/components/ui-components",componentCount:43,gradient:"from-indigo-500 to-purple-500"},{title:"Input Components",description:"Complete collection of form input components with comprehensive examples, variants, and props documentation",icon:a.jsx(B.Type,{className:"w-8 h-8"}),href:"/components/inputs-components",componentCount:11,gradient:"from-blue-500 via-indigo-500 to-purple-500"},{title:"Blockchain Components",description:"Specialized components for DeFi applications, NFT marketplaces, crypto wallets, and Web3 interfaces",icon:a.jsx(B.Coins,{className:"w-8 h-8"}),href:"/components/blockchain",componentCount:9,gradient:"from-blue-500 via-indigo-500 to-purple-500"}],t=[{title:"Form System",description:"Complete form solution with validation and accessibility",icon:a.jsx(B.FileText,{className:"w-6 h-6"}),href:"/form-system",gradient:"from-purple-500 to-violet-500"},{title:"Form Examples",description:"Interactive examples and real-world patterns",icon:a.jsx(B.FormInput,{className:"w-6 h-6"}),href:"/form-system/example",gradient:"from-pink-500 to-rose-500"},{title:"Code Examples",description:"Implementation patterns and best practices",icon:a.jsx(B.Code,{className:"w-6 h-6"}),href:"/form-system/code-example",gradient:"from-orange-500 to-amber-500"}],r={Buttons:["ButtonDrip","ButtonLoader","Hamburger","TopupButton"],Cards:["AuthorCard","CardContainer","CardTitle","PanelActionCard","PanelCard"],Carousel:["Carousel","CarouselCards","CarouselImage"],Common:["Avatar","Badge","Collapse","Scrollbar","Skeleton"],Dialog:["Modal","Drawer","Sidebar","SidebarMenu"],Links:["ActiveLink","AnchorLink"],List:["ListContainer","ListItem"],Loaders:["Loader","Progressbar","Spinner"],Logos:["Logo","LogoIcon","FullLogo","TucuUiLogo","DefiAppLogo"],Notifications:["Alert","NotificationCard","Toast"],Table:["BasicTable"],Tabs:["Tab","TabSelect","ParamTab"],Typography:["Typography"],Utils:["RevealContent","ScrollToTop","Image"]},n=["Checkbox","FileInput","Input","InputSearcher","PinCode","Radio","RadioGroup","Select","Switch","Textarea","ToggleBar"],i={"Coins & Prices":["CoinCard","LivePriceFeed","CoinInfoCard","CoinListBox","CurrencySwapIcons"],"NFTs & Collections":["CollectionCard","NFTGrid","CollectionSelectList"],Transactions:["TransactionInfo"]};return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Components",description:"Explore our comprehensive component library with production-ready components for modern web applications. From UI primitives to specialized blockchain interfaces, built with TypeScript and accessibility in mind.",githubButton:!0,getStartedButton:!0,docsButton:"introduction",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 via-purple-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg border border-indigo-500/50",children:a.jsx(B.Component,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Component Sections"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Explore our main component categories organized for modern web development"})]}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:e.map((s,o)=>a.jsxs(K,{className:"group hover:shadow-xl transition-all duration-300 hover:-translate-y-1 relative overflow-hidden",children:[a.jsx("div",{className:`absolute inset-0 bg-linear-to-br ${s.gradient} opacity-5 group-hover:opacity-10 transition-opacity`}),a.jsxs("div",{className:"relative flex flex-col items-center justify-center p-8 h-full",children:[a.jsx("div",{className:"flex items-center justify-between mb-6",children:a.jsx("div",{className:`p-3 bg-linear-to-br ${s.gradient} rounded-xl shadow-lg`,children:a.jsx("div",{className:"text-white",children:s.icon})})}),a.jsx(O,{tag:"h3",className:"text-xl font-bold mb-3",children:s.title}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-300 mb-6 leading-relaxed",children:s.description}),a.jsx(he,{fullWidth:!0,className:`bg-linear-to-r ${s.gradient} hover:shadow-lg transition-all duration-200 text-white border-0`,onClick:()=>window.open(s.href,"_self"),children:a.jsxs("div",{className:"flex items-center justify-center gap-2",children:["Explore ",s.title]})})]})]},o))}),a.jsxs("div",{className:"space-y-6",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-3xl font-bold",children:"Form Solutions"}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Complete form ecosystem with validation, examples, and implementation patterns"})]}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:t.map((s,o)=>a.jsx(K,{className:"w-full flex flex-col justify-center items-center hover:shadow-lg transition-all duration-200 hover:-translate-y-0.5",children:a.jsxs("div",{className:"p-6 text-center",children:[a.jsx("div",{className:`inline-flex p-3 bg-linear-to-br ${s.gradient} rounded-xl shadow-lg mb-4`,children:a.jsx("div",{className:"text-white",children:s.icon})}),a.jsx(O,{tag:"h4",className:"font-semibold mb-2",children:s.title}),a.jsx(O,{tag:"p",className:"text-sm text-brand mb-4",children:s.description}),a.jsxs(he,{variant:"ghost",fullWidth:!0,className:"group-hover:border-brand group-hover:text-brand transition-colors",onClick:()=>window.open(s.href,"_self"),children:["View ",s.title]})]})},o))})]})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-3xl font-bold",children:"Component Categories"}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-400 text-sm",children:"Explore components organized by category and functionality"})]}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:[a.jsxs(K,{className:"p-6",children:[a.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[a.jsx("div",{className:"p-2 bg-linear-to-br from-indigo-500 via-purple-500 to-pink-500 rounded-lg",children:a.jsx(B.Component,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsxs("div",{children:[a.jsx(O,{tag:"h4",className:"font-semibold",children:"UI Components"}),a.jsxs(it,{status:"active",className:"text-xs font-medium",children:[Object.values(r).flat().length," ","components"]})]})]}),a.jsx(oo,{columns:[{key:"category",label:"Category",render:s=>a.jsx(O,{tag:"span",className:"text-xs font-semibold text-brand",children:String(s)})},{key:"component",label:"Component",render:s=>a.jsx("code",{className:"text-xs text-brand font-semibold",children:String(s)})}],data:Object.entries(r).flatMap(([s,o])=>o.map(l=>({category:s,component:l})))})]}),a.jsxs(K,{className:"p-6",children:[a.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[a.jsx("div",{className:"p-2 bg-linear-to-br from-blue-500 via-indigo-500 to-purple-500 rounded-lg",children:a.jsx(B.Type,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsxs("div",{children:[a.jsx(O,{tag:"h4",className:"font-semibold",children:"Input Components"}),a.jsxs(it,{status:"active",className:"text-xs font-medium",children:[n.length," components"]})]})]}),a.jsx(oo,{columns:[{key:"component",label:"Component",render:s=>a.jsx("code",{className:"text-xs text-brand font-semibold",children:String(s)})}],data:n.map(s=>({component:s}))})]}),a.jsxs(K,{className:"p-6",children:[a.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[a.jsx("div",{className:"p-2 bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 rounded-lg",children:a.jsx(B.Coins,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsxs("div",{children:[a.jsx(O,{tag:"h4",className:"font-semibold",children:"Blockchain Components"}),a.jsxs(it,{status:"active",className:"text-xs font-medium",children:[Object.values(i).flat().length," components"]})]})]}),a.jsx(oo,{columns:[{key:"category",label:"Category",render:s=>a.jsx(O,{tag:"span",className:"text-xs font-semibold text-gray-700 dark:text-gray-300",children:String(s)})},{key:"component",label:"Component",render:s=>a.jsx("code",{className:"text-xs text-brand font-semibold",children:String(s)})}],data:Object.entries(i).flatMap(([s,o])=>o.map(l=>({category:s,component:l})))})]})]})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-3xl font-bold",children:"Built for Production"}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-400 text-sm",children:"Modern standards and best practices in every component"})]}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:[a.jsxs(K,{className:"text-center p-6 hover:shadow-lg transition-shadow",children:[a.jsxs("div",{className:"flex flex-col items-center",children:[a.jsx("div",{className:"inline-flex p-3 bg-blue-100 dark:bg-blue-900/30 rounded-xl mb-4",children:a.jsx(B.Code,{className:"w-6 h-6 text-blue-600 dark:text-blue-400"})}),a.jsx(O,{tag:"h4",className:"font-semibold mb-2",children:"TypeScript First"})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Full type safety with comprehensive definitions and IntelliSense support"})]}),a.jsxs(K,{className:"text-center p-6 hover:shadow-lg transition-shadow",children:[a.jsxs("div",{className:"flex flex-col items-center",children:[a.jsx("div",{className:"inline-flex p-3 bg-green-100 dark:bg-green-900/30 rounded-xl mb-4",children:a.jsx(B.Accessibility,{className:"w-6 h-6 text-green-600 dark:text-green-400"})}),a.jsx(O,{tag:"h4",className:"font-semibold mb-2",children:"WCAG 2.1 AA"})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"WCAG 2.1 AA compliant with ARIA attributes and keyboard navigation"})]}),a.jsxs(K,{className:"text-center p-6 hover:shadow-lg transition-shadow",children:[a.jsxs("div",{className:"flex flex-col items-center",children:[a.jsx("div",{className:"inline-flex p-3 bg-purple-100 dark:bg-purple-900/30 rounded-xl mb-4",children:a.jsx(B.Palette,{className:"w-6 h-6 text-purple-600 dark:text-purple-400"})}),a.jsx(O,{tag:"h4",className:"font-semibold mb-2",children:"Highly Customizable"})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Flexible theming with CSS variables and custom styling options"})]})]})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-3xl font-bold",children:"Performance & Developer Experience"}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-400 text-sm",children:"Optimized for speed and developer productivity"})]}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4",children:[a.jsxs(K,{className:"p-4 text-center hover:shadow-md transition-shadow",children:[a.jsx(B.Zap,{className:"w-5 h-5 text-yellow-500 dark:text-yellow-400 mx-auto mb-2"}),a.jsx(O,{tag:"h5",className:"font-semibold text-sm mb-1",children:"Lazy Loading"}),a.jsx(O,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400",children:"Components load on demand"})]}),a.jsxs(K,{className:"p-4 text-center hover:shadow-md transition-shadow",children:[a.jsx(B.Package,{className:"w-5 h-5 text-blue-500 dark:text-blue-400 mx-auto mb-2"}),a.jsx(O,{tag:"h5",className:"font-semibold text-sm mb-1",children:"Tree Shakeable"}),a.jsx(O,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400",children:"Import only what you need"})]}),a.jsxs(K,{className:"p-4 text-center hover:shadow-md transition-shadow",children:[a.jsx(B.Moon,{className:"w-5 h-5 text-indigo-500 dark:text-indigo-400 mx-auto mb-2"}),a.jsx(O,{tag:"h5",className:"font-semibold text-sm mb-1",children:"Dark Mode"}),a.jsx(O,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400",children:"Built-in dark mode support"})]}),a.jsxs(K,{className:"p-4 text-center hover:shadow-md transition-shadow",children:[a.jsx(B.Tablet,{className:"w-5 h-5 text-green-500 dark:text-green-400 mx-auto mb-2"}),a.jsx(O,{tag:"h5",className:"font-semibold text-sm mb-1",children:"Responsive"}),a.jsx(O,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400",children:"Mobile-first design"})]})]})]})]})}const tle=[{id:"line-chart",label:"LineChart",category:"Charts",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/LineChartSection-B0G_cUQK.js")))},{id:"bar-chart",label:"BarChart",category:"Charts",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BarChartSection-ninE-2Gk.js")))},{id:"area-chart",label:"AreaChart",category:"Charts",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/AreaChartSection-BdHkWEIb.js")))},{id:"pie-chart",label:"PieChart",category:"Charts",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/PieChartSection-Donq3tpM.js")))},{id:"radar-chart",label:"RadarChart",category:"Charts",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/RadarChartSection-DJHkW4Iv.js")))},{id:"composed-chart",label:"ComposedChart",category:"Charts",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ComposedChartSection-Bngkob8v.js")))}];function rle(){return a.jsx(yr,{sections:tle,hero:a.jsx(Te,{title:"Charts",description:"Data visualization components built on Recharts with automatic dark/light theme integration, responsive design, and a consistent API across all chart types.",githubButton:!0,getStartedButton:!0,docsButton:"introduction",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-emerald-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg border border-emerald-500/50",children:a.jsx(B.BarChart3,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const nle=[{id:"checkbox",label:"Checkbox",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CheckboxSection-BsMbLIWZ.js")))},{id:"file-input",label:"FileInput",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/FileInputSection-BRBK7QWu.js")))},{id:"input",label:"Input",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/InputSection-Dd2sBkoW.js")))},{id:"input-searcher",label:"InputSearcher",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/InputSearcherSection-BDc9Ymtf.js")))},{id:"pin-code",label:"PinCode",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/PinCodeSection-CKZtH4xU.js")))},{id:"radio",label:"Radio",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/RadioSection-BmVNxa2g.js")))},{id:"radio-group",label:"RadioGroup",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/RadioGroupSection-CoDOy57g.js")))},{id:"select",label:"Select",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SelectSection-BsqXWvqu.js")))},{id:"switch",label:"Switch",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SwitchSection-D_063gA9.js")))},{id:"textarea",label:"Textarea",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TextareaSection-BNvWR0os.js")))},{id:"toggle-bar",label:"ToggleBar",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ToggleBarSection-Dw4ywuTP.js")))}],ale=()=>a.jsx(yr,{sections:nle,hero:a.jsx(Te,{title:"Input Components",description:"Complete collection of form input components with comprehensive examples, variants, and props documentation. Built for modern web applications with TypeScript support and accessibility in mind.",githubButton:!0,getStartedButton:!0,docsButton:"introduction",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:a.jsx(B.Type,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})}),ile=[{id:"button-drip",label:"ButtonDrip",category:"Buttons",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ButtonDripSection-CznoyKBs.js")))},{id:"button-loader",label:"ButtonLoader",category:"Buttons",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ButtonLoaderSection-B3jm0Tol.js")))},{id:"hamburger",label:"Hamburger",category:"Buttons",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/HamburgerSection-DhrGpeO0.js")))},{id:"topup-button",label:"TopupButton",category:"Buttons",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TopupButtonSection-CUyRtVu1.js")))},{id:"author-card",label:"AuthorCard",category:"Cards",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/AuthorCardSection-Bt0zkOUD.js")))},{id:"card",label:"Card",category:"Cards",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CardSection-D66ytgEc.js")))},{id:"card-container",label:"CardContainer",category:"Cards",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CardContainerSection-CxfdSIAS.js")))},{id:"card-title",label:"CardTitle",category:"Cards",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CardTitleSection-PbgJ_cjd.js")))},{id:"info-card",label:"InfoCard",category:"Cards",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/InfoCardSection-Brt8Px1M.js")))},{id:"panel-action-card",label:"PanelActionCard",category:"Cards",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/PanelActionCardSection-XHOuTUHD.js")))},{id:"panel-card",label:"PanelCard",category:"Cards",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/PanelCardSection-BuALUip4.js")))},{id:"carousel",label:"Carousel",category:"Carousel",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CarouselSection-BxjV5FP1.js")))},{id:"carousel-cards",label:"CarouselCards",category:"Carousel",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CarouselCardsSection-DO3LU16T.js")))},{id:"carousel-image",label:"CarouselImage",category:"Carousel",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CarouselImageSection-C0xXpyka.js")))},{id:"avatar",label:"Avatar",category:"Common",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/AvatarSection-CrG4z7NV.js")))},{id:"badge",label:"Badge",category:"Common",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BadgeSection-C3ZMK9x_.js")))},{id:"collapse",label:"Collapse",category:"Common",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CollapseSection-BF47ExQb.js")))},{id:"scrollbar",label:"Scrollbar",category:"Common",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ScrollbarSection-DcH7wKa4.js")))},{id:"skeleton",label:"Skeleton",category:"Common",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SkeletonSection-CtCnpdjN.js")))},{id:"tooltip",label:"Tooltip",category:"Common",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TooltipSection-CWZ2P_XP.js")))},{id:"key-value-row",label:"KeyValueRow",category:"Common",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/KeyValueRowSection-J2dPxoZS.js")))},{id:"pagination",label:"Pagination",category:"Common",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/PaginationSection-Bo5cGJPv.js")))},{id:"stepper",label:"Stepper",category:"Common",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/StepperSection-dLbIrNgm.js")))},{id:"modal",label:"Modal",category:"Dialog",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ModalSection-CmRW0lMU.js")))},{id:"tab-modal",label:"TabModal",category:"Dialog",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TabModalSection-DAR0pwr1.js")))},{id:"drawer",label:"Drawer",category:"Dialog",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/DrawerSection-Hniq0ExB.js")))},{id:"sidebar",label:"Sidebar",category:"Dialog",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SidebarSection-x6UljOok.js")))},{id:"sidebar-menu",label:"SidebarMenu",category:"Dialog",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SidebarMenuSection-C_FRWnLf.js")))},{id:"active-link",label:"ActiveLink",category:"Links",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ActiveLinkSection-CbQ9Ib2C.js")))},{id:"anchor-link",label:"AnchorLink",category:"Links",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/AnchorLinkSection-vCfJpTVG.js")))},{id:"list-container",label:"ListContainer",category:"List",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ListContainerSection-Dnx_3dZ9.js")))},{id:"list-item",label:"ListItem",category:"List",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ListItemSection-DT3H_Ias.js")))},{id:"loader",label:"Loader",category:"Loaders",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/LoaderSection-BQiBqcx7.js")))},{id:"progressbar",label:"Progressbar",category:"Loaders",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ProgressbarSection-BiSzB70h.js")))},{id:"spinner",label:"Spinner",category:"Loaders",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SpinnerSection-JoJL6hKq.js")))},{id:"logo",label:"Logo",category:"Logos",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/LogoSection-D4muoIqm.js")))},{id:"tucu-ui-logo",label:"TucuUiLogo",category:"Logos",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TucuUiLogoSection-DjvrfpTA.js")))},{id:"defi-app-logo",label:"DefiAppLogo",category:"Logos",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/DefiAppLogoSection-Dytt0bXd.js")))},{id:"alert",label:"Alert",category:"Notifications",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/AlertSection-pIvh75mZ.js")))},{id:"notification-card",label:"NotificationCard",category:"Notifications",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/NotificationCardSection-YXMF3x55.js")))},{id:"toast",label:"Toast",category:"Notifications",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ToastSection-BeNEBfZU.js")))},{id:"basic-table",label:"BasicTable",category:"Table",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BasicTableSection-CAWStbqv.js")))},{id:"tab",label:"Tab",category:"Tabs",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TabSection-BxVPhqk9.js")))},{id:"tab-select",label:"TabSelect",category:"Tabs",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TabSelectSection-CQ_IXo8B.js")))},{id:"param-tab",label:"ParamTab",category:"Tabs",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ParamTabSection-Do6psgA6.js")))},{id:"typography",label:"Typography",category:"Typography",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TypographySection-DrWlVZdp.js")))},{id:"reveal-content",label:"RevealContent",category:"Utils",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/RevealContentSection-DJLCAigH.js")))},{id:"scroll-to-top",label:"ScrollToTop",category:"Utils",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ScrollToTopSection-Dg1DqNQU.js")))},{id:"image",label:"Image",category:"Utils",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImageSection-CKKC4aJN.js")))}];function sle(){return a.jsx(yr,{sections:ile,hero:a.jsx(Te,{title:"UI Components",description:"Complete collection of UI components with comprehensive examples, variants, and props documentation. Built for modern web applications with TypeScript support and accessibility in mind.",githubButton:!0,getStartedButton:!0,docsButton:"introduction",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg border border-indigo-500/50",children:a.jsx(B.Component,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const ole=[{id:"design-principles",label:"Design Principles",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/DesignPrinciplesSection-BOiDQmuk.js")))},{id:"typography",label:"Typography",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TypographySection-RTEBtLau.js")))},{id:"spacing-system",label:"Spacing System",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SpacingSystemSection-kZaFDYxR.js")))},{id:"border-radius",label:"Border Radius",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BorderRadiusSection-CuZ8GG_0.js")))},{id:"color-system",label:"Color System",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ColorSystemSection-DUCsacWs.js")))},{id:"component-anatomy",label:"Component Anatomy",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ComponentAnatomySection-Bcl5DWBQ.js")))},{id:"layout-principles",label:"Layout Principles",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/LayoutPrinciplesSection-B1JTervM.js")))},{id:"shadows",label:"Shadows",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ShadowsSection-BxIUSqgJ.js")))},{id:"sizing",label:"Sizing",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SizingSection-Bkk50xTx.js")))},{id:"implementation-guidelines",label:"Implementation Guidelines",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImplementationGuidelinesSection-CdbW-zbQ.js")))}];function lle(){return a.jsx(yr,{sections:ole,hero:a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"hidden",children:[a.jsx("div",{className:"bg-blue-0 bg-blue-5 bg-blue-10 bg-blue-15 bg-blue-20 bg-blue-30 bg-blue-40 bg-blue-50 bg-blue-60 bg-blue-70 bg-blue-80 bg-blue-90 bg-blue-100 bg-green-0 bg-green-5 bg-green-10 bg-green-15 bg-green-20 bg-green-30 bg-green-40 bg-green-50 bg-green-60 bg-green-70 bg-green-80 bg-green-90 bg-green-100 bg-orange-0 bg-orange-5 bg-orange-10 bg-orange-15 bg-orange-20 bg-orange-30 bg-orange-40 bg-orange-50 bg-orange-60 bg-orange-70 bg-orange-80 bg-orange-90 bg-orange-100 bg-gray-0 bg-gray-5 bg-gray-10 bg-gray-15 bg-gray-20 bg-gray-30 bg-gray-40 bg-gray-100 bg-gray-60 bg-gray-70 bg-gray-80 bg-gray-90 bg-gray-100 bg-indigo-0 bg-indigo-5 bg-indigo-10 bg-indigo-15 bg-indigo-20 bg-indigo-30 bg-indigo-40 bg-indigo-50 bg-indigo-60 bg-indigo-70 bg-indigo-80 bg-indigo-90 bg-indigo-100 bg-pink-0 bg-pink-5 bg-pink-10 bg-pink-15 bg-pink-20 bg-pink-30 bg-pink-40 bg-pink-50 bg-pink-60 bg-pink-70 bg-pink-80 bg-pink-90 bg-pink-100 bg-purple-0 bg-purple-5 bg-purple-10 bg-purple-15 bg-purple-20 bg-purple-30 bg-purple-40 bg-purple-50 bg-purple-60 bg-purple-70 bg-purple-80 bg-purple-90 bg-purple-100 bg-red-0 bg-red-5 bg-red-10 bg-red-15 bg-red-20 bg-red-30 bg-red-40 bg-red-50 bg-red-60 bg-red-70 bg-red-80 bg-red-90 bg-red-100 bg-teal-0 bg-teal-5 bg-teal-10 bg-teal-15 bg-teal-20 bg-teal-30 bg-teal-40 bg-teal-50 bg-teal-60 bg-teal-70 bg-teal-80 bg-teal-90 bg-teal-100 bg-yellow-0 bg-yellow-5 bg-yellow-10 bg-yellow-15 bg-yellow-20 bg-yellow-30 bg-yellow-40 bg-yellow-50 bg-yellow-60 bg-yellow-70 bg-yellow-80 bg-yellow-90 bg-yellow-100 bg-chartreuse-0 bg-chartreuse-5 bg-chartreuse-10 bg-chartreuse-15 bg-chartreuse-20 bg-chartreuse-30 bg-chartreuse-40 bg-chartreuse-50 bg-chartreuse-60 bg-chartreuse-70 bg-chartreuse-80 bg-chartreuse-90 bg-chartreuse-100"}),a.jsx("div",{className:"text-semantic-fg text-semantic-fg-muted text-semantic-fg-inverse text-semantic-fg-primary text-semantic-fg-warning text-semantic-fg-positive text-semantic-fg-negative bg-semantic-bg bg-semantic-bg-alternate bg-semantic-bg-inverse bg-semantic-bg-primary bg-semantic-bg-primary-wash bg-semantic-bg-secondary bg-semantic-bg-tertiary bg-semantic-bg-secondary-wash bg-semantic-bg-negative border-semantic-line-primary border-semantic-line-primary-subtle border-semantic-line-inverse bg-semantic-elevation-1 bg-semantic-elevation-2 bg-semantic-accent-subtle-green bg-semantic-accent-bold-green bg-semantic-accent-subtle-blue bg-semantic-accent-bold-blue bg-semantic-accent-subtle-purple bg-semantic-accent-bold-purple bg-semantic-accent-subtle-yellow bg-semantic-accent-bold-yellow bg-semantic-accent-subtle-red bg-semantic-accent-bold-red bg-semantic-accent-subtle-gray bg-semantic-accent-bold-gray bg-brand bg-primary bg-secondary bg-accent bg-muted bg-success bg-warning bg-error bg-info bg-body bg-dark bg-light bg-light-dark w-icon-xs h-icon-xs w-icon-s h-icon-s w-icon-m h-icon-m w-icon-l h-icon-l w-avatar-s h-avatar-s w-avatar-m h-avatar-m w-avatar-l h-avatar-l w-avatar-xl h-avatar-xl w-avatar-xxl h-avatar-xxl w-avatar-xxxl h-avatar-xxxl"})]}),a.jsx(Te,{title:"Design System",description:"A comprehensive design system that ensures consistency, accessibility, and scalability across all components and applications.",githubButton:!0,getStartedButton:!0,docsButton:"design-system",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.Palette,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})]})})}const cle=[{id:"theme-provider-required",label:"ThemeProvider Required",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeProviderRequiredSection-BwXR1i1V.js")))},{id:"menu-items-guide",label:"MenuItems Guide",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/MenuItemsGuideSection-D8eRUuUw.js")))},{id:"layout-types",label:"Layout Types",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/LayoutTypesSection-DwAR3avS.js")))},{id:"best-practices",label:"Best Practices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-D9l9mXg1.js")))},{id:"implementation-examples",label:"Implementation Examples",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImplementationExamplesSection-BKfCgO3N.js")))},{id:"common-errors",label:"Common Errors and Solutions",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CommonErrorsSection-C3bp7oeX.js")))}];function dle(){return a.jsx(yr,{sections:cle,hero:a.jsx(Te,{title:"Layout System",description:"Comprehensive layout system with multiple presets, responsive design patterns, and powerful theme management. Built for flexibility, accessibility, and ease of customization.",githubButton:!0,getStartedButton:!0,docsButton:"layout-system",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.Layout,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const ule=[{id:"theme-architecture",label:"Theme Architecture",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeArchitectureSection-CJ0hFkh6.js")))},{id:"tailwind-config",label:"Tailwind CSS Configuration",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TailwindConfigSection-BcZJYWM7.js")))},{id:"theme-provider",label:"ThemeProvider Component",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeProviderSection-D6v8Vlhs.js")))},{id:"theme-configuration",label:"Theme Configuration",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeConfigurationSection-4LSUu_UO.js")))},{id:"using-theme-system",label:"Using the Theme System",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/UsingThemeSystemSection-CDie8_J5.js")))},{id:"theme-hooks",label:"Theme Hooks",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeHooksSection-CPhNS-qC.js")))},{id:"color-customization",label:"Color Customization",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ColorCustomizationSection-sJ2eDKR0.js")))},{id:"settings-panel",label:"Settings Panel",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SettingsPanelSection-CTuxkv-A.js")))},{id:"best-practices",label:"Best Practices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-DcW9m66-.js")))},{id:"advanced-color-system",label:"Advanced Color System",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/AdvancedColorSystemSection-C037qEf7.js")))},{id:"custom-color-palette",label:"Custom Color Palette",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CustomColorPaletteSection-C35acsIh.js")))},{id:"file-structure",label:"File Structure & Important Notes",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/FileStructureSection-CSKmwLEr.js")))},{id:"advanced-features",label:"Advanced Features",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/AdvancedFeaturesSection-CAG7FjH1.js")))}];function fle(){return a.jsx(yr,{sections:ule,hero:a.jsx(Te,{title:"Theming Guide",description:"Master the powerful theming system built with Zustand, CSS custom properties, and Tailwind CSS. Create beautiful, consistent themes that adapt to your brand.",githubButton:!0,getStartedButton:!0,docsButton:"theming-guide",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.Paintbrush,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const ple=[{id:"implementation-status",label:"Implementation Status",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImplementationStatusSection-eRpOuc9O.js")))},{id:"wcag-principles",label:"WCAG 2.1 AA Principles",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/WCAGPrinciplesSection-C9SsLYli.js")))},{id:"implemented-features",label:"Implemented Features",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImplementedFeaturesSection-vdhErGHI.js")))},{id:"keyboard-navigation",label:"Keyboard Navigation",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/KeyboardNavigationSection-DvzCL_fF.js")))},{id:"component-status",label:"Component Accessibility Status",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ComponentStatusSection-CMae0800.js")))},{id:"code-examples",label:"Implementation Examples",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CodeExamplesSection-CWmj5VeF.js")))},{id:"testing",label:"Accessibility Testing",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/TestingSection-BorSrvSC.js")))},{id:"best-practices",label:"Best Practices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-DAQNq7Uq.js")))}];function mle(){return a.jsx(yr,{sections:ple,hero:a.jsx(Te,{title:"Accessibility",description:"Building inclusive experiences for all users with comprehensive accessibility features. Following WCAG 2.1 AA guidelines to ensure everyone can use our components effectively.",githubButton:!0,getStartedButton:!0,docsButton:"accessibility",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.Accessibility,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}function hle(){const e=[{title:"Icons System",description:"Complete Lucide React icons integration with theme-aware colors and consistent sizing. Access to 98+ custom icons and 5000+ Lucide icons through a unified API.",icon:a.jsx(B.Sparkles,{className:"w-8 h-8"}),href:"/icons-system",status:"Available",statusColor:"bg-green-500"},{title:"Accessibility",description:"WCAG 2.1 AA compliant components with ARIA support, keyboard navigation, and screen reader compatibility. Built with inclusivity in mind.",icon:a.jsx(B.Accessibility,{className:"w-8 h-8"}),href:"/accessibility",status:"Available",statusColor:"bg-green-500"},{title:"Hooks Utilities",description:"Powerful custom hooks for state management, API calls, local storage, and common React patterns. Enhance your development experience with reusable logic.",icon:a.jsx(B.Settings,{className:"w-8 h-8"}),href:"/hooks-utilities",status:"Available",statusColor:"bg-green-500"},{title:"Routing System",description:"Powerful and flexible routing system built on React Router with automatic navigation generation, nested routes support, and micro frontends (MFE) support.",icon:a.jsx(B.Route,{className:"w-8 h-8"}),href:"/routing-system",status:"Available",statusColor:"bg-green-500"}];return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Features",description:"Explore the powerful features and utilities that make tucu-ui a comprehensive design system. From accessibility to performance optimizations, discover what makes our components special.",githubButton:!0,getStartedButton:!0,docsButton:"introduction",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-emerald-500 via-teal-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg border border-emerald-500/50",children:a.jsx(B.Layers,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Core Features"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Built with modern web standards and best practices, our features ensure your applications are accessible, performant, and maintainable."})]}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:e.map((t,r)=>a.jsx(K,{className:"group hover:shadow-lg transition-shadow ",children:a.jsxs("div",{className:"p-6 w-full flex flex-col justify-between",children:[a.jsxs("div",{className:"flex items-center gap-4 mb-4",children:[a.jsx("div",{className:"p-2 bg-brand/10 dark:bg-brand/20 rounded-lg text-brand",children:t.icon}),a.jsx(O,{tag:"h3",className:"text-lg font-semibold ",children:t.title})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300 mb-4",children:t.description}),a.jsx(he,{variant:"ghost",fullWidth:!0,className:"w-full group-hover:bg-brand group-hover:text-white transition-colors",onClick:()=>window.location.href=t.href,children:a.jsxs("div",{className:"flex items-center  gap-2",children:["Explore ",t.title,a.jsx(B.ArrowRight,{className:"w-4 h-4 "})]})})]})},r))})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Why Choose Our Features"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Each feature is carefully designed to solve real-world problems while maintaining high standards"})]}),a.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[a.jsx(K,{children:a.jsxs(ee,{title:"Accessibility First",className:"flex flex-col gap-2",children:[a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(B.Accessibility,{className:"w-5 h-5 text-blue-500"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"WCAG 2.1 AA compliant by default"})]}),a.jsxs("div",{className:"mt-4 space-y-3",children:[a.jsxs("div",{className:"flex items-start gap-3",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-green-500 mt-0.5"}),a.jsxs("div",{children:[a.jsx(O,{tag:"p",className:"font-medium",children:"Keyboard Navigation"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Full keyboard support for all interactive elements"})]})]}),a.jsxs("div",{className:"flex items-start gap-3",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-green-500 mt-0.5"}),a.jsxs("div",{children:[a.jsx(O,{tag:"p",className:"font-medium",children:"Screen Reader Support"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Proper ARIA labels and semantic HTML structure"})]})]}),a.jsxs("div",{className:"flex items-start gap-3",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-green-500 mt-0.5"}),a.jsxs("div",{children:[a.jsx(O,{tag:"p",className:"font-medium",children:"Focus Management"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Visible focus indicators and logical tab order"})]})]})]})]})}),a.jsx(K,{children:a.jsxs(ee,{title:"Developer Experience",className:"flex flex-col gap-2",children:[a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(B.Code,{className:"w-5 h-5 text-purple-500"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Built for productivity and maintainability"})]}),a.jsxs("div",{className:"mt-4 space-y-3",children:[a.jsxs("div",{className:"flex items-start gap-3",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-green-500 mt-0.5"}),a.jsxs("div",{children:[a.jsx(O,{tag:"p",className:"font-medium",children:"TypeScript Support"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Full type safety with comprehensive TypeScript definitions"})]})]}),a.jsxs("div",{className:"flex items-start gap-3",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-green-500 mt-0.5"}),a.jsxs("div",{children:[a.jsx(O,{tag:"p",className:"font-medium",children:"Modern React Patterns"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Hooks, Context API, and functional components"})]})]}),a.jsxs("div",{className:"flex items-start gap-3",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-green-500 mt-0.5"}),a.jsxs("div",{children:[a.jsx(O,{tag:"p",className:"font-medium",children:"Comprehensive Documentation"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Interactive examples and detailed API references"})]})]})]})]})})]})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Get Started with Features"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Explore our feature-rich components and utilities designed to enhance your development experience"})]}),a.jsx(K,{children:a.jsxs(ee,{title:"Feature Categories",className:"flex items-center gap-2",children:[a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(B.Grid3X3,{className:"w-5 h-5 text-indigo-500"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Organized by functionality for easy discovery"})]}),a.jsxs("div",{className:"mt-6 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",children:[a.jsxs("div",{className:"p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-100  dark:hover:bg-gray-800 transition-colors",children:[a.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[a.jsx(B.Palette,{className:"w-5 h-5 text-indigo-500"}),a.jsx(O,{tag:"p",className:"font-medium",children:"Design System"})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Consistent theming, colors, and component library"})]}),a.jsxs("div",{className:"p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-100  dark:hover:bg-gray-800 transition-colors",children:[a.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[a.jsx(B.Accessibility,{className:"w-5 h-5 text-blue-500"}),a.jsx(O,{tag:"p",className:"font-medium",children:"Accessibility"})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"WCAG compliant components and utilities"})]}),a.jsxs("div",{className:"p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-100  dark:hover:bg-gray-800 transition-colors",children:[a.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[a.jsx(B.Zap,{className:"w-5 h-5 text-yellow-500"}),a.jsx(O,{tag:"p",className:"font-medium",children:"Performance"})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Optimized rendering and bundle size management"})]})]})]})})]})]})}const gle=[{id:"hook-features",label:"Why Choose Our Hooks?",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/HookFeaturesSection-DoWYjwx3.js")))},{id:"hook-categories",label:"Hook Categories",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/HookCategoriesSection-DvMKFjMc.js")))},{id:"live-demonstrations",label:"Live Hook Demonstrations",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/LiveDemonstrationsSection-BB_ccb5S.js")))},{id:"hook-documentation",label:"Hook Documentation",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/HookDocumentationSection-Ml6FfZD7.js")))},{id:"best-practices",label:"Best Practices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-DmPn1IqW.js")))}];function xle(){return a.jsx(yr,{sections:gle,hero:a.jsx(Te,{title:"Hooks & Utilities",description:"A comprehensive collection of React hooks and utility functions to enhance your development experience with responsive design, user interactions, and state management.",githubButton:!0,getStartedButton:!0,docsButton:"hooks-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.Settings,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const yle=[{id:"icon-architecture",label:"Icon Architecture",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/IconArchitectureSection-BAVtVvWp.js")))},{id:"custom-icons",label:"Custom Tucu Icons",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/CustomIconsSection-DtSZNlaG.js")))},{id:"lucide-icons",label:"Lucide React Icons",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/LucideIconsSection-BwABNPko.js")))},{id:"usage-examples",label:"Usage Examples",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/UsageExamplesSection-Cika-E5i.js")))},{id:"icon-system-api",label:"Icon System API",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/IconSystemAPISection-BSOV3etR.js")))},{id:"best-practices",label:"Best Practices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-DtG4Wv2c.js")))},{id:"icon-sizing-guide",label:"Icon Sizing Guide",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/IconSizingGuideSection-vD6v4fMa.js")))},{id:"icon-system-benefits",label:"Icon System Benefits",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/IconSystemBenefitsSection-CLjshxlO.js")))}];function vle(){return a.jsx(yr,{sections:yle,hero:a.jsx(Te,{title:"Icons System",description:"Comprehensive icon system combining 98+ custom-designed icons with full Lucide React integration (5000+ icons). Access to all icons through a unified, performant API with TypeScript support and automatic tree-shaking.",githubButton:!0,getStartedButton:!0,docsButton:"icons-system",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 via-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:a.jsx(B.Sparkles,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const ble=[{id:"system-overview",label:"System Overview",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/SystemOverviewSection-BWie2kgj.js")))},{id:"route-configuration",label:"Route Configuration",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/RouteConfigurationSection-nhWEjPVc.js")))},{id:"nested-routes",label:"Nested Routes & Dropdown Menus",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/NestedRoutesSection-CcrsqPxg.js")))},{id:"theme-provider-integration",label:"ThemeProvider Integration",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeProviderIntegrationSection-88jAWm2A.js")))},{id:"dynamic-routes",label:"Dynamic & Conditional Routes",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/DynamicRoutesSection-EyN4-iMU.js")))},{id:"mfe-support",label:"Micro Frontends (MFE) Support",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/MFESupportSection-C8JljXvo.js")))},{id:"standalone-app",label:"Standalone App",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/StandaloneAppSection-BnE09OsJ.js")))},{id:"architectural-patterns-comparison",label:"Architectural Patterns: Standalone vs MFE",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ArchitecturalPatternsComparisonSection-FO_wmSbl.js")))},{id:"best-practices",label:"Best Practices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-DpIzRMX9.js")))},{id:"api-reference",label:"API Reference",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/APIReferenceSection-Bi_II-dh.js")))}];function wle(){return a.jsx(yr,{sections:ble,hero:a.jsx(Te,{title:"Routing System",description:"Powerful and flexible routing system built on React Router with automatic navigation generation, nested routes support, and seamless integration with the theming system. Supports both Standalone applications and Micro Frontends (MFE) architectures.",githubButton:!0,getStartedButton:!0,docsButton:"introduction",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-blue-500 to-cyan-500 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:a.jsx(B.Route,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const jle=`import React from 'react';
 import { Form } from '../form';
 import { FormField } from '../form-field';
 import {
@@ -787,7 +787,7 @@ export const formValidations: FormValidations<FormValues> = {
     required: 'This is a required field.',
   },
 };
-`,xE=[{name:"Argentina",value:"ar"},{name:"Brasil",value:"br"},{name:"Chile",value:"cl"},{name:"Colombia",value:"co"},{name:"México",value:"mx"}],yE=[{value:"male",label:"Male"},{value:"female",label:"Female"},{value:"other",label:"Other"}],Ele=[{value:!0,label:"Yes"},{value:!1,label:"No"}],vE=()=>{const{addToast:e}=Jh(),t=r=>{e({id:Date.now().toString(),title:"Form submitted successfully!",message:JSON.stringify(r,null,2),variant:"success"})};return a.jsx("div",{className:"w-full max-w-6xl mx-auto",children:a.jsxs("div",{className:"p-6 bg-white dark:bg-light-dark rounded-lg shadow",children:[a.jsx("h2",{className:"text-2xl font-bold mb-6 text-center",children:"Form Example"}),a.jsx(ai,{onSubmit:t,validationSchema:Fp,useFormProps:{defaultValues:au,mode:"onChange"},className:"grid grid-cols-1 gap-4",children:a.jsxs("div",{className:"w-full space-y-4 border border-gray-200 dark:border-gray-700 rounded-lg p-4",children:[a.jsxs("div",{className:"grid grid-cols-1 gap-4",children:[a.jsx(qe,{name:"name",label:"Name",children:a.jsx(ut,{placeholder:"Ingresa tu nombre"})}),a.jsx(qe,{name:"email",label:"Email",children:a.jsx(ut,{type:"email",placeholder:"ejemplo@correo.com"})})]}),a.jsx(qe,{name:"password",label:"Password",children:a.jsx(ut,{type:"password",label:"Password",placeholder:"Enter your password"})}),a.jsx(qe,{name:"message",label:"Message",helperText:"Write a detailed message",showHelper:!0,children:a.jsx(_p,{label:"Message",placeholder:"Write your message here",rows:4})}),a.jsx(qe,{name:"country",label:"Country",children:a.jsx(ii,{label:"Country",options:xE})}),a.jsx(qe,{name:"age",label:"Age",children:a.jsx(ut,{type:"number",placeholder:"Enter your age"})}),a.jsx(qe,{name:"gender",label:"Gender",children:a.jsx(Vp,{label:"Gender",options:yE})}),a.jsx(qe,{name:"isDeveloper",label:"Are you a developer?",children:a.jsx(_o,{label:"Yes"})}),a.jsx(qe,{name:"acceptTerms",hideError:!0,children:a.jsx(si,{label:"I accept the terms and conditions"})}),a.jsx("div",{className:"flex justify-end",children:a.jsx(he,{type:"submit",children:"Submit"})})]})})]})})};function Ple(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Form System Code Example",description:"This is a code example that demonstrates the use of the Tucu UI form system.",githubButton:!0,getStartedButton:!0,docsButton:"form-system",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.FileText,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs(ai,{onSubmit:()=>{console.log("submit")},children:[a.jsx("section",{className:"space-y-8",children:a.jsx(K,{className:"overflow-hidden",children:a.jsx(ee,{title:"Form Example Component",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 shadow-lg",children:a.jsx(B.Layout,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Basic Form Implementation"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsxs("ul",{className:"space-y-4",children:[a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Info,{className:"w-5 h-5 text-primary mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"What is it?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["The main example form component. Demonstrates how to use the centralized form system with validation, fields, and state management. Uses the"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"Form"})," ","component from"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"tucu-ui"})," ","to provide React Hook Form context to all child fields."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Code,{className:"w-5 h-5 text-primary mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it implemented?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Defines the form using"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"<Form<FormValues> ...>"}),", uses"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"FormField"})," ","for each field, passes centralized validation via"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"validationSchema"}),", and includes helper components for error and method display."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Play,{className:"w-5 h-5 text-primary mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it used?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Simply render"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"<FormExample />"})," ","to get a fully validated, error-handling form."]})]})]})]}),a.jsx(O,{tag:"h4",className:"font-semibold text-lg mt-6",children:"Code Example"}),a.jsx(_t,{code:jle,language:"tsx"}),a.jsx(O,{tag:"h4",className:"font-semibold text-lg mt-6",children:"Live Demo"}),a.jsx("div",{className:"p-6 bg-light-dark rounded-xl border border-gray-200 dark:border-gray-700",children:a.jsx(vE,{})})]})]})})})}),a.jsx("section",{className:"space-y-8",children:a.jsx(K,{className:"overflow-hidden",children:a.jsx(ee,{title:"Error Container Example",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-red-500 via-rose-500 to-pink-500 shadow-lg",children:a.jsx(B.AlertCircle,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Form Error Handling"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsxs("ul",{className:"space-y-4",children:[a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Info,{className:"w-5 h-5 text-rose-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"What is it?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["A component that consumes the React Hook Form context using"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"useFormContext"})," ","and displays the current form errors."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Code,{className:"w-5 h-5 text-rose-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it implemented?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Uses"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"useFormContext<FormValues>()"})," ","to access"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"formState.errors"})," ","and renders a"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"<pre>"})," ","block with the current errors as JSON."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Play,{className:"w-5 h-5 text-rose-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it used?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Place"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"<ErrorContainerExample />"})," ","inside a"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"<Form>"})," ","to see real-time form errors."]})]})]})]}),a.jsx(O,{tag:"h4",className:"font-semibold text-lg mt-6",children:"Code Example"}),a.jsx(_t,{code:Cle,language:"tsx"}),a.jsx(O,{tag:"h4",className:"font-semibold text-lg mt-6",children:"Live Demo"}),a.jsx("div",{className:"p-6 bg-light-dark rounded-xl border border-gray-200 dark:border-gray-700",children:a.jsx(Ip,{})})]})]})})})}),a.jsx("section",{className:"space-y-8",children:a.jsx(K,{className:"overflow-hidden",children:a.jsx(ee,{title:"Form Methods Example",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-amber-500 via-yellow-500 to-orange-500 shadow-lg",children:a.jsx(B.Wand2,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Form Method Manipulation"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsxs("ul",{className:"space-y-4",children:[a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Info,{className:"w-5 h-5 text-amber-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"What is it?"}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"A component that demonstrates how to access and manipulate form methods (reset, trigger, setValue, getValues, watch, etc.) using the React Hook Form context."})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Code,{className:"w-5 h-5 text-amber-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it implemented?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Uses"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"useFormContext<FormValues>()"})," ","to access form methods and state, shows real-time field values, and provides buttons to interact with the form programmatically."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Play,{className:"w-5 h-5 text-amber-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it used?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Place"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"<FormMethodsExample />"})," ","inside a"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"<Form>"})," ","to interact with and observe form state and methods."]})]})]})]}),a.jsx(O,{tag:"h4",className:"font-semibold text-lg mt-6",children:"Code Example"}),a.jsx(_t,{code:Nle,language:"tsx"}),a.jsx(O,{tag:"h4",className:"font-semibold text-lg mt-6",children:"Live Demo"}),a.jsx("div",{className:"p-6 bg-light-dark rounded-xl border border-gray-200 dark:border-gray-700",children:a.jsx(Bp,{})})]})]})})})}),a.jsx("section",{className:"space-y-8",children:a.jsx(K,{className:"overflow-hidden",children:a.jsx(ee,{title:"Constants",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 via-cyan-500 to-sky-500 shadow-lg",children:a.jsx(B.ListChecks,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Form Options & Constants"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsxs("ul",{className:"space-y-4",children:[a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Info,{className:"w-5 h-5 text-blue-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"What is it?"}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"A file of reusable constants for select, radio, and other field options."})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Code,{className:"w-5 h-5 text-blue-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it implemented?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Exports arrays like"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"countryOptions"}),","," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"genderOptions"}),", and"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"developerOptions"})," ","for use in form fields."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Play,{className:"w-5 h-5 text-blue-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it used?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Use these constants in"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"Select"}),","," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"RadioGroup"}),", etc., to populate field options."]})]})]})]}),a.jsx(O,{tag:"h4",className:"font-semibold text-lg mt-6",children:"Code Example"}),a.jsx(_t,{code:kle,language:"tsx"})]})]})})})}),a.jsx("section",{className:"space-y-8",children:a.jsx(K,{className:"overflow-hidden",children:a.jsx(ee,{title:"Validations",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 shadow-lg",children:a.jsx(B.ShieldCheck,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Form Validation Rules"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsxs("ul",{className:"space-y-4",children:[a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Info,{className:"w-5 h-5 text-emerald-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"What is it?"}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"A centralized file for form validation rules and default values."})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Code,{className:"w-5 h-5 text-emerald-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it implemented?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Defines the"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"FormValues"})," ","interface, exports"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"defaultValues"})," ","for initial form state, and"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"formValidations"})," ","for field validation rules."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Play,{className:"w-5 h-5 text-emerald-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it used?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Pass"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"formValidations"})," ","and"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"defaultValues"})," ","to the"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"Form"})," ","component to enable centralized, type-safe validation and state."]})]})]})]}),a.jsx(O,{tag:"h4",className:"font-semibold text-lg mt-6",children:"Code Example"}),a.jsx(_t,{code:Sle,language:"tsx"})]})]})})})})]})]})}function Mle(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Form System In Action",description:"This is a simple form example that demonstrates the use of the Tucu UI form system.",githubButton:!0,getStartedButton:!0,docsButton:"form-system",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.FileText,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsx("section",{className:"space-y-8",children:a.jsx(h7,{})})]})}const Ale=[{id:"architecture-overview",label:"Architecture Overview",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ArchitectureOverviewSection-CUOtV6ls.js")))},{id:"basic-usage",label:"Basic Usage",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BasicUsageSection-DH6UNtI5.js")))},{id:"form-components",label:"Form Components",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/FormComponentsSection-DHM6T8pl.js")))},{id:"live-demo",label:"Live Demo Form",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/LiveDemoSection-CnIo8dCa.js")))},{id:"validation-system",label:"Validation System",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ValidationSystemSection-BOIkiXR1.js")))},{id:"form-methods",label:"Form Methods",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/FormMethodsSection-BgXiWvMF.js")))},{id:"advanced-features",label:"Advanced Features",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/AdvancedFeaturesSection-7lV7C31c.js")))},{id:"best-practices",label:"Best Practices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-BKjhJ7SP.js")))}];function Tle(){return a.jsx(yr,{sections:Ale,hero:a.jsx(Te,{title:"Form System",description:"Comprehensive form handling built on React Hook Form with powerful validation, state management, and excellent developer experience.",githubButton:!0,getStartedButton:!0,docsButton:"form-system",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.FileText,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const bE=()=>a.jsxs(K,{className:"flex flex-col items-center justify-center p-6 gap-4",children:[a.jsx(ss,{image:"https://e7.pngegg.com/pngimages/799/987/png-clipart-computer-icons-avatar-icon-design-avatar-heroes-computer-wallpaper-thumbnail.png",alt:"Demo User",size:"md"}),a.jsxs("div",{className:"flex flex-col",children:[a.jsx(O,{tag:"h3",className:"font-semibold mb-2 text-center",children:"Welcome to Tucu UI"}),a.jsxs("div",{className:"flex flex-wrap gap-2 justify-center sm:justify-start",children:[a.jsx(it,{status:"active",children:"Production Ready"}),a.jsx(it,{variant:"outline",color:"info",children:"TypeScript"}),a.jsx(it,{variant:"outline",color:"success",children:"React Hook Form"}),a.jsx(it,{variant:"outline",color:"warning",children:"Tailwind CSS"})]})]}),a.jsx(he,{size:"large",shape:"rounded",variant:"solid",color:"primary",children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(B.Zap,{className:"w-4 h-4 mr-2"}),"Get Started"]})})]}),wE=`import {
+`,xE=[{name:"Argentina",value:"ar"},{name:"Brasil",value:"br"},{name:"Chile",value:"cl"},{name:"Colombia",value:"co"},{name:"México",value:"mx"}],yE=[{value:"male",label:"Male"},{value:"female",label:"Female"},{value:"other",label:"Other"}],Ele=[{value:!0,label:"Yes"},{value:!1,label:"No"}],vE=()=>{const{addToast:e}=Jh(),t=r=>{e({id:Date.now().toString(),title:"Form submitted successfully!",message:JSON.stringify(r,null,2),variant:"success"})};return a.jsx("div",{className:"w-full max-w-6xl mx-auto",children:a.jsxs("div",{className:"p-6 bg-white dark:bg-light-dark rounded-lg shadow",children:[a.jsx("h2",{className:"text-2xl font-bold mb-6 text-center",children:"Form Example"}),a.jsx(ai,{onSubmit:t,validationSchema:Fp,useFormProps:{defaultValues:au,mode:"onChange"},className:"grid grid-cols-1 gap-4",children:a.jsxs("div",{className:"w-full space-y-4 border border-gray-200 dark:border-gray-700 rounded-lg p-4",children:[a.jsxs("div",{className:"grid grid-cols-1 gap-4",children:[a.jsx(qe,{name:"name",label:"Name",children:a.jsx(ut,{placeholder:"Ingresa tu nombre"})}),a.jsx(qe,{name:"email",label:"Email",children:a.jsx(ut,{type:"email",placeholder:"ejemplo@correo.com"})})]}),a.jsx(qe,{name:"password",label:"Password",children:a.jsx(ut,{type:"password",label:"Password",placeholder:"Enter your password"})}),a.jsx(qe,{name:"message",label:"Message",helperText:"Write a detailed message",showHelper:!0,children:a.jsx(_p,{label:"Message",placeholder:"Write your message here",rows:4})}),a.jsx(qe,{name:"country",label:"Country",children:a.jsx(ii,{label:"Country",options:xE})}),a.jsx(qe,{name:"age",label:"Age",children:a.jsx(ut,{type:"number",placeholder:"Enter your age"})}),a.jsx(qe,{name:"gender",label:"Gender",children:a.jsx(Vp,{label:"Gender",options:yE})}),a.jsx(qe,{name:"isDeveloper",label:"Are you a developer?",children:a.jsx(_o,{label:"Yes"})}),a.jsx(qe,{name:"acceptTerms",hideError:!0,children:a.jsx(si,{label:"I accept the terms and conditions"})}),a.jsx("div",{className:"flex justify-end",children:a.jsx(he,{type:"submit",children:"Submit"})})]})})]})})};function Ple(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Form System Code Example",description:"This is a code example that demonstrates the use of the Tucu UI form system.",githubButton:!0,getStartedButton:!0,docsButton:"form-system",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.FileText,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs(ai,{onSubmit:()=>{console.log("submit")},children:[a.jsx("section",{className:"space-y-8",children:a.jsx(K,{className:"overflow-hidden",children:a.jsx(ee,{title:"Form Example Component",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 shadow-lg",children:a.jsx(B.Layout,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Basic Form Implementation"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsxs("ul",{className:"space-y-4",children:[a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Info,{className:"w-5 h-5 text-primary mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"What is it?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["The main example form component. Demonstrates how to use the centralized form system with validation, fields, and state management. Uses the"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"Form"})," ","component from"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"tucu-ui"})," ","to provide React Hook Form context to all child fields."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Code,{className:"w-5 h-5 text-primary mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it implemented?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Defines the form using"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"<Form<FormValues> ...>"}),", uses"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"FormField"})," ","for each field, passes centralized validation via"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"validationSchema"}),", and includes helper components for error and method display."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Play,{className:"w-5 h-5 text-primary mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it used?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Simply render"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"<FormExample />"})," ","to get a fully validated, error-handling form."]})]})]})]}),a.jsx(O,{tag:"h4",className:"font-semibold text-lg mt-6",children:"Code Example"}),a.jsx(_t,{code:jle,language:"tsx"}),a.jsx(O,{tag:"h4",className:"font-semibold text-lg mt-6",children:"Live Demo"}),a.jsx("div",{className:"p-6 bg-light-dark rounded-xl border border-gray-200 dark:border-gray-700",children:a.jsx(vE,{})})]})]})})})}),a.jsx("section",{className:"space-y-8",children:a.jsx(K,{className:"overflow-hidden",children:a.jsx(ee,{title:"Error Container Example",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-red-500 via-rose-500 to-pink-500 shadow-lg",children:a.jsx(B.AlertCircle,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Form Error Handling"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsxs("ul",{className:"space-y-4",children:[a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Info,{className:"w-5 h-5 text-rose-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"What is it?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["A component that consumes the React Hook Form context using"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"useFormContext"})," ","and displays the current form errors."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Code,{className:"w-5 h-5 text-rose-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it implemented?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Uses"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"useFormContext<FormValues>()"})," ","to access"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"formState.errors"})," ","and renders a"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"<pre>"})," ","block with the current errors as JSON."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Play,{className:"w-5 h-5 text-rose-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it used?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Place"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"<ErrorContainerExample />"})," ","inside a"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"<Form>"})," ","to see real-time form errors."]})]})]})]}),a.jsx(O,{tag:"h4",className:"font-semibold text-lg mt-6",children:"Code Example"}),a.jsx(_t,{code:Cle,language:"tsx"}),a.jsx(O,{tag:"h4",className:"font-semibold text-lg mt-6",children:"Live Demo"}),a.jsx("div",{className:"p-6 bg-light-dark rounded-xl border border-gray-200 dark:border-gray-700",children:a.jsx(Ip,{})})]})]})})})}),a.jsx("section",{className:"space-y-8",children:a.jsx(K,{className:"overflow-hidden",children:a.jsx(ee,{title:"Form Methods Example",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-amber-500 via-yellow-500 to-orange-500 shadow-lg",children:a.jsx(B.Wand2,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Form Method Manipulation"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsxs("ul",{className:"space-y-4",children:[a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Info,{className:"w-5 h-5 text-amber-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"What is it?"}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"A component that demonstrates how to access and manipulate form methods (reset, trigger, setValue, getValues, watch, etc.) using the React Hook Form context."})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Code,{className:"w-5 h-5 text-amber-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it implemented?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Uses"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"useFormContext<FormValues>()"})," ","to access form methods and state, shows real-time field values, and provides buttons to interact with the form programmatically."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Play,{className:"w-5 h-5 text-amber-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it used?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Place"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"<FormMethodsExample />"})," ","inside a"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"<Form>"})," ","to interact with and observe form state and methods."]})]})]})]}),a.jsx(O,{tag:"h4",className:"font-semibold text-lg mt-6",children:"Code Example"}),a.jsx(_t,{code:Nle,language:"tsx"}),a.jsx(O,{tag:"h4",className:"font-semibold text-lg mt-6",children:"Live Demo"}),a.jsx("div",{className:"p-6 bg-light-dark rounded-xl border border-gray-200 dark:border-gray-700",children:a.jsx(Bp,{})})]})]})})})}),a.jsx("section",{className:"space-y-8",children:a.jsx(K,{className:"overflow-hidden",children:a.jsx(ee,{title:"Constants",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 via-cyan-500 to-sky-500 shadow-lg",children:a.jsx(B.ListChecks,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Form Options & Constants"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsxs("ul",{className:"space-y-4",children:[a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Info,{className:"w-5 h-5 text-blue-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"What is it?"}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"A file of reusable constants for select, radio, and other field options."})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Code,{className:"w-5 h-5 text-blue-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it implemented?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Exports arrays like"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"countryOptions"}),","," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"genderOptions"}),", and"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"developerOptions"})," ","for use in form fields."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Play,{className:"w-5 h-5 text-blue-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it used?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Use these constants in"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"Select"}),","," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"RadioGroup"}),", etc., to populate field options."]})]})]})]}),a.jsx(O,{tag:"h4",className:"font-semibold text-lg mt-6",children:"Code Example"}),a.jsx(_t,{code:kle,language:"tsx"})]})]})})})}),a.jsx("section",{className:"space-y-8",children:a.jsx(K,{className:"overflow-hidden",children:a.jsx(ee,{title:"Validations",className:"mt-2 mb-2",children:a.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 shadow-lg",children:a.jsx(B.ShieldCheck,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Form Validation Rules"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsxs("ul",{className:"space-y-4",children:[a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Info,{className:"w-5 h-5 text-emerald-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"What is it?"}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"A centralized file for form validation rules and default values."})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Code,{className:"w-5 h-5 text-emerald-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it implemented?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Defines the"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"FormValues"})," ","interface, exports"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"defaultValues"})," ","for initial form state, and"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"formValidations"})," ","for field validation rules."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(B.Play,{className:"w-5 h-5 text-emerald-500 mt-1 shrink-0"}),a.jsxs("div",{children:[a.jsx(O,{tag:"span",className:"font-semibold block",children:"How is it used?"}),a.jsxs(O,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Pass"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"formValidations"})," ","and"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"defaultValues"})," ","to the"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"Form"})," ","component to enable centralized, type-safe validation and state."]})]})]})]}),a.jsx(O,{tag:"h4",className:"font-semibold text-lg mt-6",children:"Code Example"}),a.jsx(_t,{code:Sle,language:"tsx"})]})]})})})})]})]})}function Mle(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Form System In Action",description:"This is a simple form example that demonstrates the use of the Tucu UI form system.",githubButton:!0,getStartedButton:!0,docsButton:"form-system",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.FileText,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsx("section",{className:"space-y-8",children:a.jsx(h7,{})})]})}const Ale=[{id:"architecture-overview",label:"Architecture Overview",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ArchitectureOverviewSection-DGvqMSQ0.js")))},{id:"basic-usage",label:"Basic Usage",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BasicUsageSection-MrvJphH5.js")))},{id:"form-components",label:"Form Components",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/FormComponentsSection-Dc-8r3Dp.js")))},{id:"live-demo",label:"Live Demo Form",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/LiveDemoSection-C8RKb2J9.js")))},{id:"validation-system",label:"Validation System",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/ValidationSystemSection-Ca9vjcW1.js")))},{id:"form-methods",label:"Form Methods",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/FormMethodsSection-BNAJnxtE.js")))},{id:"advanced-features",label:"Advanced Features",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/AdvancedFeaturesSection-CEhYolpb.js")))},{id:"best-practices",label:"Best Practices",component:w.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-CuKCCDE_.js")))}];function Tle(){return a.jsx(yr,{sections:Ale,hero:a.jsx(Te,{title:"Form System",description:"Comprehensive form handling built on React Hook Form with powerful validation, state management, and excellent developer experience.",githubButton:!0,getStartedButton:!0,docsButton:"form-system",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.FileText,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const bE=()=>a.jsxs(K,{className:"flex flex-col items-center justify-center p-6 gap-4",children:[a.jsx(ss,{image:"https://e7.pngegg.com/pngimages/799/987/png-clipart-computer-icons-avatar-icon-design-avatar-heroes-computer-wallpaper-thumbnail.png",alt:"Demo User",size:"md"}),a.jsxs("div",{className:"flex flex-col",children:[a.jsx(O,{tag:"h3",className:"font-semibold mb-2 text-center",children:"Welcome to Tucu UI"}),a.jsxs("div",{className:"flex flex-wrap gap-2 justify-center sm:justify-start",children:[a.jsx(it,{status:"active",children:"Production Ready"}),a.jsx(it,{variant:"outline",color:"info",children:"TypeScript"}),a.jsx(it,{variant:"outline",color:"success",children:"React Hook Form"}),a.jsx(it,{variant:"outline",color:"warning",children:"Tailwind CSS"})]})]}),a.jsx(he,{size:"large",shape:"rounded",variant:"solid",color:"primary",children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(B.Zap,{className:"w-4 h-4 mr-2"}),"Get Started"]})})]}),wE=`import {
   Button,
   CardContainer,
   Avatar,
@@ -1126,7 +1126,7 @@ export default defineConfig({
     tailwindcss(), // Add Tailwind CSS plugin
   ],
 });`})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"p",className:"text-sm font-medium text-gray-700 dark:text-gray-300",children:"Step 3: Import Tailwind CSS in your main CSS file"}),a.jsxs(O,{tag:"p",className:"text-xs text-gray-600 dark:text-gray-400 mb-2",children:["In your main CSS file (e.g.,"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"src/index.css"})," ","or"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"src/styles.css"}),"), add:"]}),a.jsx(_t,{noExpand:!0,language:"css",code:`@import 'tailwindcss';
-@import '@e-burgos/tucu-ui/styles';`})]})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"font-semibold text-gray-900 dark:text-white",children:"2. Basic Usage"}),a.jsx(Ma,{variant:"info",dismissible:!1,children:a.jsx(O,{tag:"p",className:"text-sm",children:"This example shows how to use the Basic Usage. This implementation is ideal for apps that need a layout and navigation all in one place."})}),a.jsx(_t,{language:"tsx",code:wE})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"font-semibold text-gray-900 dark:text-white",children:"3. Basic Usage with Custom Router"}),a.jsx(Ma,{variant:"info",dismissible:!1,children:a.jsx(O,{tag:"p",className:"text-sm",children:"This example shows how to use the Basic Usage with Custom Router. This implementation is ideal for apps that need custom routes and layouts."})}),a.jsx(_t,{language:"tsx",code:jE})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"font-semibold text-gray-900 dark:text-white",children:"3. Live Demo"}),a.jsx("div",{className:"p-4 sm:p-6 bg-light-dark rounded-xl border border-gray-200 dark:border-gray-700",children:a.jsx(bE,{})})]})]})]})})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Architectural Patterns"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Choose between Standalone App (default) or Micro Frontends (MFE) patterns with conditional TypeScript support"})]}),a.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[a.jsx(K,{children:a.jsx(ee,{title:"Standalone App Pattern",className:"mt-2 mb-6",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 to-cyan-500 shadow-lg",children:a.jsx(B.Package,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h4",className:"font-semibold",children:"Standalone App (Default)"})]}),a.jsx(Ma,{variant:"info",dismissible:!1,children:a.jsxs("div",{className:"space-y-2",children:[a.jsxs(O,{tag:"p",className:"text-sm",children:[a.jsx("strong",{children:"Default pattern"})," - Ideal for traditional single-page applications with automatic route generation from"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"menuItems"}),"."]}),a.jsxs("div",{className:"flex flex-wrap gap-2 mt-2",children:[a.jsx(it,{variant:"outline",color:"light-dark",children:"Default"}),a.jsx(it,{variant:"outline",color:"light-dark",children:"menuItems"}),a.jsx(it,{variant:"outline",color:"light-dark",children:"customRoutes"})]})]})}),a.jsxs("div",{className:"space-y-3",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 to-emerald-500 shadow-lg",children:a.jsx(B.Play,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h4",className:"font-semibold text-gray-900 dark:text-white",children:"Implementation Example"})]}),a.jsx(_t,{language:"tsx",code:Ole})]}),a.jsxs("div",{className:"p-4 bg-light-dark rounded-lg border border-gray-200 dark:border-gray-700",children:[a.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-green-500"}),a.jsx(O,{tag:"h5",className:"font-semibold text-sm",children:"When to Use"})]}),a.jsxs("ul",{className:"space-y-2 text-sm text-gray-600 dark:text-gray-400",children:[a.jsxs("li",{className:"flex items-start gap-2",children:[a.jsx(B.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),a.jsx("span",{children:"Building a traditional single-page application"})]}),a.jsxs("li",{className:"flex items-start gap-2",children:[a.jsx(B.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),a.jsx("span",{children:"All routes in one codebase"})]}),a.jsxs("li",{className:"flex items-start gap-2",children:[a.jsx(B.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),a.jsx("span",{children:"Need automatic route generation"})]}),a.jsxs("li",{className:"flex items-start gap-2",children:[a.jsx(B.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),a.jsx("span",{children:"Simple deployment model"})]})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Micro Frontends (MFE) Pattern",className:"mt-2 mb-6",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-indigo-500 to-purple-500 shadow-lg",children:a.jsx(B.Box,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h4",className:"font-semibold",children:"Micro Frontends (MFE)"})]}),a.jsx(Ma,{variant:"info",dismissible:!1,children:a.jsxs("div",{className:"space-y-2",children:[a.jsxs(O,{tag:"p",className:"text-sm",children:[a.jsx("strong",{children:"Advanced pattern"})," - For micro frontend architectures with explicit route configuration via"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"appRoutesConfig"})," ","and"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"basePath"}),"."]}),a.jsxs("div",{className:"flex flex-wrap gap-2 mt-2",children:[a.jsx(it,{variant:"outline",color:"light-dark",children:"MFE"}),a.jsx(it,{variant:"outline",color:"light-dark",children:"basePath"}),a.jsx(it,{variant:"outline",color:"light-dark",children:"appRoutesConfig"})]})]})}),a.jsxs("div",{className:"space-y-3",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 to-emerald-500 shadow-lg",children:a.jsx(B.Play,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h4",className:"font-semibold text-gray-900 dark:text-white",children:"Implementation Example"})]}),a.jsx(_t,{language:"tsx",code:Lle})]}),a.jsxs("div",{className:"p-4 bg-light-dark rounded-lg border border-gray-200 dark:border-gray-700",children:[a.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-green-500"}),a.jsx(O,{tag:"h5",className:"font-semibold text-sm",children:"When to Use"})]}),a.jsxs("ul",{className:"space-y-2 text-sm text-gray-600 dark:text-gray-400",children:[a.jsxs("li",{className:"flex items-start gap-2",children:[a.jsx(B.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),a.jsx("span",{children:"Micro frontend architecture"})]}),a.jsxs("li",{className:"flex items-start gap-2",children:[a.jsx(B.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),a.jsx("span",{children:"Multiple teams working independently"})]}),a.jsxs("li",{className:"flex items-start gap-2",children:[a.jsx(B.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),a.jsx("span",{children:"Need independent deployments"})]}),a.jsxs("li",{className:"flex items-start gap-2",children:[a.jsx(B.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),a.jsx("span",{children:"Require route isolation and access control"})]})]})]})]})})})]}),a.jsx(K,{children:a.jsx(ee,{title:"Conditional TypeScript Types",className:"mt-2 mb-2",children:a.jsxs("div",{className:"space-y-6",children:[a.jsx(O,{tag:"p",className:"text-base text-gray-600 dark:text-gray-300",children:"The ThemeProvider uses TypeScript discriminated unions to provide intelligent type checking based on your architectural pattern choice."}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs(K,{className:"p-4",children:[a.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 to-emerald-500 shadow-lg",children:a.jsx(B.Shield,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h4",className:"font-semibold",children:"Type Safety"})]}),a.jsxs(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["Props automatically change based on"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"architecturalPatterns"})," ","value. No invalid combinations possible."]})]}),a.jsxs(K,{className:"p-4",children:[a.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 to-cyan-500 shadow-lg",children:a.jsx(B.Lightbulb,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h4",className:"font-semibold",children:"IntelliSense"})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Your IDE automatically shows only relevant props and hides irrelevant ones based on pattern selection."})]}),a.jsxs(K,{className:"p-4",children:[a.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-orange-500 to-amber-500 shadow-lg",children:a.jsx(B.AlertCircle,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h4",className:"font-semibold",children:"Compile-Time"})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Errors are caught during compilation, not at runtime. Prevents bugs before they happen."})]})]}),a.jsx("div",{className:"p-4 bg-light-dark rounded-lg border border-gray-200 dark:border-gray-700",children:a.jsxs("div",{className:"flex items-start gap-3",children:[a.jsx("div",{className:"p-1.5 rounded-lg bg-linear-to-br from-indigo-500 to-purple-500 shadow-lg",children:a.jsx(B.Info,{className:"w-4 h-4 text-white filter drop-shadow-sm shrink-0"})}),a.jsxs("div",{children:[a.jsx(O,{tag:"p",className:"text-sm font-semibold mb-2",children:"How It Works"}),a.jsxs(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["When you set"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:'architecturalPatterns="mfe"'}),", TypeScript requires"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"basePath"})," ","and"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"appRoutesConfig"}),". With the default Standalone App pattern, TypeScript requires"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"menuItems"})," ","instead. This is powered by TypeScript discriminated unions."]})]})]})})]})})})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Component Overview"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Explore our comprehensive collection of components organized by category"})]}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 sm:gap-6",children:[{icon:a.jsx(B.Layout,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Layout Systems",description:"Three layouts: Admin, Horizontal, Clean with routing",count:"3",bgColor:"bg-gradient-to-br from-blue-500 to-cyan-500 shadow-lg"},{icon:a.jsx(B.Palette,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Theming",description:"12-layer color system with 34+ presets and settings",count:"34+",bgColor:"bg-gradient-to-br from-purple-500 to-violet-500 shadow-lg"},{icon:a.jsx(B.FileText,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Form System",description:"React Hook Form integration with 18+ components",count:"18+",bgColor:"bg-gradient-to-br from-green-500 to-emerald-500 shadow-lg"},{icon:a.jsx(B.Navigation,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Navigation",description:"Menus, tabs, breadcrumbs, anchor links, routing",count:"10+",bgColor:"bg-gradient-to-br from-teal-500 to-cyan-500 shadow-lg"},{icon:a.jsx(B.MessageCircle,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Feedback",description:"Alerts, modals, notifications, toasts, loaders",count:"12+",bgColor:"bg-gradient-to-br from-orange-500 to-amber-500 shadow-lg"},{icon:a.jsx(B.BarChart,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Data Display",description:"Tables, cards, lists, badges, avatars, stats",count:"15+",bgColor:"bg-gradient-to-br from-red-500 to-pink-500 shadow-lg"},{icon:a.jsx(B.MousePointer,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Interactive",description:"Buttons, dropdowns, tooltips, accordions, carousels",count:"25+",bgColor:"bg-gradient-to-br from-indigo-500 to-purple-500 shadow-lg"},{icon:a.jsx(B.Coins,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Blockchain",description:"Web3 wallet connectors and DeFi components",count:"8+",bgColor:"bg-gradient-to-br from-emerald-500 to-green-500 shadow-lg"},{icon:a.jsx(B.Accessibility,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Accessibility",description:"ARIA attributes, keyboard nav, screen reader support",count:"Built-in",bgColor:"bg-gradient-to-br from-cyan-500 to-blue-500 shadow-lg"},{icon:a.jsx(B.Sparkles,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Hooks & Utils",description:"Custom hooks, theme utilities, helper functions",count:"25+",bgColor:"bg-gradient-to-br from-pink-500 to-rose-500 shadow-lg"},{icon:a.jsx(B.Box,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Containers",description:"Cards, panels, sections, grid layouts, dividers",count:"12+",bgColor:"bg-gradient-to-br from-violet-500 to-purple-500 shadow-lg"},{icon:a.jsx(B.Type,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Typography",description:"Text components, headings, code blocks, links",count:"8+",bgColor:"bg-gradient-to-br from-amber-500 to-orange-500 shadow-lg"}].map((t,r)=>a.jsx(K,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1 cursor-pointer",children:a.jsxs("div",{className:"w-full space-y-4 text-center",children:[a.jsx("div",{className:`w-16 h-16 mx-auto rounded-xl ${t.bgColor} flex items-center justify-center group-hover:scale-110 transition-transform duration-200`,children:t.icon}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex items-center justify-center gap-2",children:[a.jsx(O,{tag:"h4",className:"font-semibold",children:t.title}),a.jsx(it,{variant:"outline",className:"text-xs",children:t.count})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 leading-relaxed",children:t.description})]})]})},r))})]}),a.jsx("section",{children:a.jsx(K,{children:a.jsx(ee,{title:"What's Next?",className:"mt-2 mb-2 dark:border-current",children:a.jsx("div",{className:"flex items-start gap-4",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-gray-700 dark:text-gray-300",children:"Ready to dive deeper? Explore our comprehensive documentation to learn more about:"}),a.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[a.jsxs("ul",{className:"space-y-3",children:[a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"12-layer theming system with 34+ color presets and independent layer control"})]}),a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Three layout systems with integrated routing and menu generation"})]}),a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"React Hook Form integration with 18+ form components and validation"})]}),a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Component API with detailed props, examples, and live demos"})]})]}),a.jsxs("ul",{className:"space-y-3",children:[a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Accessibility features with WCAG 2.1 AA compliance and keyboard navigation"})]}),a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Design system principles with spacing, typography, and color guidelines"})]}),a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Granular theme configuration with persistent user preferences"})]}),a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Custom hooks and utilities for advanced use cases"})]})]})]}),a.jsxs("div",{className:"flex flex-wrap sm:flex-row gap-3 pt-2",children:[a.jsx(he,{size:"medium",children:a.jsx(De,{to:vr,target:"_blank",children:a.jsxs("div",{className:"flex justify-center items-center ",children:[a.jsx(B.BookOpen,{className:"w-4 h-4 mr-2"}),"Browse Documentation"]})})}),a.jsx(he,{variant:"ghost",size:"medium",children:a.jsx(De,{to:"/form-system",target:"_blank",children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(B.Code,{className:"w-4 h-4 mr-2"}),"View Examples"]})})})]})]})})})})})]})}function Ile(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Accessibility Utilities",description:"Essential accessibility utilities in Tailwind CSS v4 for inclusive web design and high contrast support.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-gradient-to-br from-slate-500 via-gray-500 to-zinc-500 rounded-full flex items-center justify-center shadow-lg border border-slate-500/50",children:a.jsx(B.Accessibility,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Inclusive Design & Accessibility"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Critical accessibility utilities built with Tailwind CSS v4 @source directives"})]}),a.jsx(K,{children:a.jsx(ee,{title:"Forced Color Adjustment",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control how elements adapt to high contrast and forced color modes"}),a.jsxs("div",{className:"space-y-6",children:[a.jsxs("div",{className:"p-4 bg-gradient-to-r from-brand to-blue-500 rounded-lg forced-color-adjust-auto",children:[a.jsx(O,{tag:"p",className:"text-white font-medium",children:"forced-color-adjust-auto"}),a.jsx(O,{tag:"p",className:"text-white/80 text-sm mt-1",children:"Element adapts to user's forced color preferences automatically"})]}),a.jsxs("div",{className:"p-4 bg-gradient-to-r from-green-500 to-purple-500 rounded-lg forced-color-adjust-none",children:[a.jsx(O,{tag:"p",className:"text-white font-medium",children:"forced-color-adjust-none"}),a.jsx(O,{tag:"p",className:"text-white/80 text-sm mt-1",children:"Element maintains its original colors even in high contrast mode"})]}),a.jsxs("div",{className:"p-4 bg-light-dark rounded-lg border border-gray-300 dark:border-gray-600",children:[a.jsx(O,{tag:"h4",className:"font-medium mb-2",children:"When to Use Each Value:"}),a.jsxs("div",{className:"space-y-2 text-sm",children:[a.jsxs("div",{children:[a.jsx("strong",{children:"forced-color-adjust-auto:"})," Use for most elements. Allows the browser to optimize colors for accessibility when users have high contrast mode enabled."]}),a.jsxs("div",{children:[a.jsx("strong",{children:"forced-color-adjust-none:"})," Use for brand-critical elements, icons, or when you need to preserve specific color relationships."]})]})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Browser Support & Usage",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Understanding forced colors mode and browser compatibility"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"What is Forced Colors Mode?"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"A browser feature that overrides website colors to ensure high contrast and accessibility. Used by:"}),a.jsxs("ul",{className:"text-sm text-gray-600 dark:text-gray-300 space-y-1 ml-4",children:[a.jsx("li",{children:"• Windows High Contrast Mode"}),a.jsx("li",{children:"• macOS Accessibility preferences"}),a.jsx("li",{children:"• Browser extensions"}),a.jsx("li",{children:"• User preference media queries"})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Browser Support"}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex items-center justify-between",children:[a.jsx("span",{className:"text-sm",children:"Chrome"}),a.jsx("span",{className:"text-xs bg-green-100 dark:bg-green-900 text-green-500 px-2 py-1 rounded",children:"Supported"})]}),a.jsxs("div",{className:"flex items-center justify-between",children:[a.jsx("span",{className:"text-sm",children:"Firefox"}),a.jsx("span",{className:"text-xs bg-green-100 dark:bg-green-900 text-green-500 px-2 py-1 rounded",children:"Supported"})]}),a.jsxs("div",{className:"flex items-center justify-between",children:[a.jsx("span",{className:"text-sm",children:"Safari"}),a.jsx("span",{className:"text-xs bg-green-100 dark:bg-green-900 text-green-500 px-2 py-1 rounded",children:"Supported"})]}),a.jsxs("div",{className:"flex items-center justify-between",children:[a.jsx("span",{className:"text-sm",children:"Edge"}),a.jsx("span",{className:"text-xs bg-green-100 dark:bg-green-900 text-green-500 px-2 py-1 rounded",children:"Supported"})]})]})]})]})]})})})]})]})}function zle(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Background Utilities",description:"Complete guide to background utilities in Tailwind CSS v4. Master background colors, images, gradients, and positioning.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-gradient-to-br from-brand via-blue-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.Image,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Background Architecture"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Comprehensive background utilities built with Tailwind CSS v4 @source directives"})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Background Attachment"}),a.jsx(K,{children:a.jsx(ee,{title:"Background Attachment",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control how background images scroll with content"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-32 bg-fixed bg-center bg-cover bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg border-2 border-gray-300 dark:border-gray-600 overflow-hidden",children:a.jsxs("div",{className:"h-64 p-4 bg-black/50 text-white",children:[a.jsx("p",{className:"text-sm",children:"Fixed attachment"}),a.jsx("p",{className:"text-xs opacity-75 mt-1",children:"Scroll to see effect"})]})}),a.jsx("div",{className:"text-xs text-center",children:"bg-fixed"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-32 bg-local bg-center bg-cover bg-gradient-to-r from-blue-500 to-purple-500 rounded-lg border-2 border-gray-300 dark:border-gray-600 overflow-hidden",children:a.jsxs("div",{className:"h-64 p-4 bg-black/50 text-white",children:[a.jsx("p",{className:"text-sm",children:"Local attachment"}),a.jsx("p",{className:"text-xs opacity-75 mt-1",children:"Scroll to see effect"})]})}),a.jsx("div",{className:"text-xs text-center",children:"bg-local"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-32 bg-scroll bg-center bg-cover bg-gradient-to-r from-green-500 to-teal-500 rounded-lg border-2 border-gray-300 dark:border-gray-600 overflow-hidden",children:a.jsxs("div",{className:"h-64 p-4 bg-black/50 text-white",children:[a.jsx("p",{className:"text-sm",children:"Scroll attachment"}),a.jsx("p",{className:"text-xs opacity-75 mt-1",children:"Scroll to see effect"})]})}),a.jsx("div",{className:"text-xs text-center",children:"bg-scroll"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Background Clip"}),a.jsx(K,{children:a.jsx(ee,{title:"Background Clip",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control how background extends beneath borders and padding"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 border-4 border-brand bg-clip-border bg-gradient-to-r from-brand to-blue-500 rounded-lg text-white",children:a.jsx("div",{className:"bg-black/80 p-2 rounded",children:"Background extends to border"})}),a.jsx("div",{className:"text-xs text-center",children:"bg-clip-border"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 border-4 border-brand bg-clip-padding bg-gradient-to-r from-brand to-blue-500 rounded-lg text-white",children:a.jsx("div",{className:"bg-black/80 p-2 rounded",children:"Background stops at padding"})}),a.jsx("div",{className:"text-xs text-center",children:"bg-clip-padding"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 border-4 border-brand bg-clip-content bg-gradient-to-r from-brand to-blue-500 rounded-lg text-white",children:a.jsx("div",{className:"bg-black/80 p-2 rounded",children:"Background only on content"})}),a.jsx("div",{className:"text-xs text-center",children:"bg-clip-content"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 border-4 border-brand bg-clip-text bg-gradient-to-r from-brand to-blue-500 rounded-lg text-transparent",children:a.jsx("div",{className:"bg-black/80 p-2 rounded",children:"Text gradient effect"})}),a.jsx("div",{className:"text-xs text-center",children:"bg-clip-text"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Background Colors"}),a.jsx(K,{children:a.jsx(ee,{title:"Background Colors",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Solid background colors and brand variations"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"w-full h-16 bg-red-500 rounded flex items-center justify-center text-white text-xs font-medium",children:"bg-red-500"}),a.jsx("div",{className:"w-full h-16 bg-blue-500 rounded flex items-center justify-center text-white text-xs font-medium",children:"bg-blue-500"}),a.jsx("div",{className:"w-full h-16 bg-green-500 rounded flex items-center justify-center text-white text-xs font-medium",children:"bg-green-500"}),a.jsx("div",{className:"w-full h-16 bg-yellow-500 rounded flex items-center justify-center text-black text-xs font-medium",children:"bg-yellow-500"}),a.jsx("div",{className:"w-full h-16 bg-brand rounded flex items-center justify-center text-white text-xs font-medium",children:"bg-brand"}),a.jsx("div",{className:"w-full h-16 bg-brand/80 rounded flex items-center justify-center text-white text-xs font-medium",children:"bg-brand/80"}),a.jsx("div",{className:"w-full h-16 bg-brand/50 rounded flex items-center justify-center text-black text-xs font-medium",children:"bg-brand/50"}),a.jsx("div",{className:"w-full h-16 bg-brand/20 rounded flex items-center justify-center text-black text-xs font-medium",children:"bg-brand/20"})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Background Gradients"}),a.jsx(K,{children:a.jsx(ee,{title:"Gradient Directions",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Linear gradient directions"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"w-full h-20 bg-gradient-to-t from-brand to-blue-500 rounded flex items-end justify-center pb-2 text-white text-xs font-medium",children:"to-t"}),a.jsx("div",{className:"w-full h-20 bg-gradient-to-r from-brand to-blue-500 rounded flex items-center justify-start pl-2 text-white text-xs font-medium",children:"to-r"}),a.jsx("div",{className:"w-full h-20 bg-gradient-to-b from-brand to-blue-500 rounded flex items-start justify-center pt-2 text-white text-xs font-medium",children:"to-b"}),a.jsx("div",{className:"w-full h-20 bg-gradient-to-l from-brand to-blue-500 rounded flex items-center justify-end pr-2 text-white text-xs font-medium",children:"to-l"}),a.jsx("div",{className:"w-full h-20 bg-gradient-to-tr from-brand to-blue-500 rounded flex items-start justify-start p-2 text-white text-xs font-medium",children:"to-tr"}),a.jsx("div",{className:"w-full h-20 bg-gradient-to-br from-brand to-blue-500 rounded flex items-end justify-start p-2 text-white text-xs font-medium",children:"to-br"}),a.jsx("div",{className:"w-full h-20 bg-gradient-to-bl from-brand to-blue-500 rounded flex items-end justify-end p-2 text-white text-xs font-medium",children:"to-bl"}),a.jsx("div",{className:"w-full h-20 bg-gradient-to-tl from-brand to-blue-500 rounded flex items-start justify-end p-2 text-white text-xs font-medium",children:"to-tl"})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Complex Gradients",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Multi-stop and via gradients"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsx("div",{className:"w-full h-20 bg-gradient-to-r from-brand via-purple-500 to-blue-500 rounded flex items-center justify-center text-white text-sm font-medium",children:"from-brand via-purple-500 to-blue-500"}),a.jsx("div",{className:"w-full h-20 bg-gradient-to-r from-red-500 via-yellow-500 via-green-500 to-blue-500 rounded flex items-center justify-center text-white text-sm font-medium",children:"Multi-stop gradient"})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Background Position"}),a.jsx(K,{children:a.jsx(ee,{title:"Background Position",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control background image positioning"}),a.jsxs("div",{className:"grid grid-cols-3 md:grid-cols-5 gap-4",children:[a.jsx("div",{className:"w-20 h-20 bg-center bg-contain bg-no-repeat bg-red-500 rounded border-2 border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full"})}),a.jsx("div",{className:"w-20 h-20 bg-top bg-contain bg-no-repeat bg-green-500 rounded border-2 border-gray-300 dark:border-gray-600 flex items-start justify-center pt-1",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full"})}),a.jsx("div",{className:"w-20 h-20 bg-bottom bg-contain bg-no-repeat bg-blue-500 rounded border-2 border-gray-300 dark:border-gray-600 flex items-end justify-center pb-1",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full"})}),a.jsx("div",{className:"w-20 h-20 bg-left bg-contain bg-no-repeat bg-purple-500 rounded border-2 border-gray-300 dark:border-gray-600 flex items-center justify-start pl-1",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full"})}),a.jsx("div",{className:"w-20 h-20 bg-right bg-contain bg-no-repeat bg-yellow-500 rounded border-2 border-gray-300 dark:border-gray-600 flex items-center justify-end pr-1",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full"})})]}),a.jsxs("div",{className:"grid grid-cols-3 md:grid-cols-5 gap-4 text-xs text-center",children:[a.jsx("div",{children:"bg-center"}),a.jsx("div",{children:"bg-top"}),a.jsx("div",{children:"bg-bottom"}),a.jsx("div",{children:"bg-left"}),a.jsx("div",{children:"bg-right"})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Background Repeat"}),a.jsx(K,{children:a.jsx(ee,{title:"Background Repeat",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control how background images repeat"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-20 bg-repeat bg-center bg-auto rounded border-2 border-gray-300 dark:border-gray-600",style:{backgroundImage:'url("https://plus.unsplash.com/premium_photo-1709579654090-3f3ca8f8416b?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8bmF0dXJhbGV6YSUyMHBhaXNhamV8ZW58MHx8MHx8fDA%3D&fm=jpg&q=60&w=3000")'}}),a.jsx("div",{className:"text-xs text-center",children:"bg-repeat"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-20 bg-no-repeat bg-center bg-auto rounded border-2 border-gray-300 dark:border-gray-600",style:{backgroundImage:'url("https://plus.unsplash.com/premium_photo-1709579654090-3f3ca8f8416b?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8bmF0dXJhbGV6YSUyMHBhaXNhamV8ZW58MHx8MHx8fDA%3D&fm=jpg&q=60&w=3000")'}}),a.jsx("div",{className:"text-xs text-center",children:"bg-no-repeat"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-20 bg-repeat-x bg-center bg-auto rounded border-2 border-gray-300 dark:border-gray-600",style:{backgroundImage:'url("https://plus.unsplash.com/premium_photo-1709579654090-3f3ca8f8416b?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8bmF0dXJhbGV6YSUyMHBhaXNhamV8ZW58MHx8MHx8fDA%3D&fm=jpg&q=60&w=3000")'}}),a.jsx("div",{className:"text-xs text-center",children:"bg-repeat-x"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-20 bg-repeat-y bg-center bg-auto rounded border-2 border-gray-300 dark:border-gray-600",style:{backgroundImage:'url("https://plus.unsplash.com/premium_photo-1709579654090-3f3ca8f8416b?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8bmF0dXJhbGV6YSUyMHBhaXNhamV8ZW58MHx8MHx8fDA%3D&fm=jpg&q=60&w=3000")'}}),a.jsx("div",{className:"text-xs text-center",children:"bg-repeat-y"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Background Size"}),a.jsx(K,{children:a.jsx(ee,{title:"Background Size",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control background image sizing"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-20 bg-auto bg-center bg-no-repeat rounded border-2 border-gray-300 dark:border-gray-600",style:{backgroundImage:'url("https://plus.unsplash.com/premium_photo-1709579654090-3f3ca8f8416b?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8bmF0dXJhbGV6YSUyMHBhaXNhamV8ZW58MHx8MHx8fDA%3D&fm=jpg&q=60&w=3000")'}}),a.jsx("div",{className:"text-xs text-center",children:"bg-auto"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-20 bg-cover bg-center bg-no-repeat rounded border-2 border-gray-300 dark:border-gray-600",style:{backgroundImage:'url("https://plus.unsplash.com/premium_photo-1709579654090-3f3ca8f8416b?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8bmF0dXJhbGV6YSUyMHBhaXNhamV8ZW58MHx8MHx8fDA%3D&fm=jpg&q=60&w=3000")'}}),a.jsx("div",{className:"text-xs text-center",children:"bg-cover"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-20 bg-contain bg-center bg-no-repeat rounded border-2 border-gray-300 dark:border-gray-600",style:{backgroundImage:'url("https://plus.unsplash.com/premium_photo-1709579654090-3f3ca8f8416b?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8bmF0dXJhbGV6YSUyMHBhaXNhamV8ZW58MHx8MHx8fDA%3D&fm=jpg&q=60&w=3000")'}}),a.jsx("div",{className:"text-xs text-center",children:"bg-contain"})]})]})]})})})]})]})]})}function Vle(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Borders Utilities",description:"Complete guide to border and outline utilities in Tailwind CSS v4. Master border radius, width, colors, styles, and outline properties.",githubButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-gradient-to-br from-blue-500 via-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:a.jsx("div",{className:"w-16 h-16 bg-white/20 rounded-lg border-4 border-white/60 flex items-center justify-center",children:a.jsx("div",{className:"w-8 h-8 bg-white/40 rounded border-2 border-white/80"})})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Border & Outline Styling"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Professional border and outline utilities built with Tailwind CSS v4 @source directives"})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Border Radius"}),a.jsx(K,{children:a.jsx(ee,{title:"Border Radius Sizes",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control corner rounding with different radius sizes"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-brand flex items-center justify-center rounded-none",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"rounded-none"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-green-500 flex items-center justify-center rounded-sm",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"rounded-sm"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-blue-500 flex items-center justify-center rounded",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"rounded"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-purple-500 flex items-center justify-center rounded-md",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"rounded-md"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-pink-500 flex items-center justify-center rounded-lg",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"rounded-lg"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-indigo-500 flex items-center justify-center rounded-xl",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"rounded-xl"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-red-500 flex items-center justify-center rounded-2xl",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"rounded-2xl"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-yellow-500 flex items-center justify-center rounded-full",children:a.jsx("span",{className:"text-xs text-black font-medium",children:"rounded-full"})})})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Directional Border Radius",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Apply radius to specific sides independently"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-gray-200 dark:bg-gray-700 flex items-center justify-center rounded-t-lg",children:a.jsx("span",{className:"text-xs font-medium",children:"rounded-t-lg"})}),a.jsx("div",{className:"text-xs text-center",children:"Top only"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-gray-200 dark:bg-gray-700 flex items-center justify-center rounded-r-lg",children:a.jsx("span",{className:"text-xs font-medium",children:"rounded-r-lg"})}),a.jsx("div",{className:"text-xs text-center",children:"Right only"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-gray-200 dark:bg-gray-700 flex items-center justify-center rounded-b-lg",children:a.jsx("span",{className:"text-xs font-medium",children:"rounded-b-lg"})}),a.jsx("div",{className:"text-xs text-center",children:"Bottom only"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-gray-200 dark:bg-gray-700 flex items-center justify-center rounded-l-lg",children:a.jsx("span",{className:"text-xs font-medium",children:"rounded-l-lg"})}),a.jsx("div",{className:"text-xs text-center",children:"Left only"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Border Width"}),a.jsx(K,{children:a.jsx(ee,{title:"Border Width Sizes",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control border thickness with different width values"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-0 flex items-center justify-center border-gray-400",children:a.jsx("span",{className:"text-xs font-medium",children:"border-0"})}),a.jsx("div",{className:"text-xs text-center",children:"No border"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-2 flex items-center justify-center border-brand",children:a.jsx("span",{className:"text-xs font-medium",children:"border-2"})}),a.jsx("div",{className:"text-xs text-center",children:"2px border"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-4 flex items-center justify-center border-green-500",children:a.jsx("span",{className:"text-xs font-medium",children:"border-4"})}),a.jsx("div",{className:"text-xs text-center",children:"4px border"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-8 flex items-center justify-center border-blue-500",children:a.jsx("span",{className:"text-xs font-medium",children:"border-8"})}),a.jsx("div",{className:"text-xs text-center",children:"8px border"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Directional Border Width",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Apply different border widths to specific sides"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-t-4 border-brand flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"border-t-4"})}),a.jsx("div",{className:"text-xs text-center",children:"Top border"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-r-4 border-green-500 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"border-r-4"})}),a.jsx("div",{className:"text-xs text-center",children:"Right border"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-b-4 border-blue-500 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"border-b-4"})}),a.jsx("div",{className:"text-xs text-center",children:"Bottom border"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-l-4 border-purple-500 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"border-l-4"})}),a.jsx("div",{className:"text-xs text-center",children:"Left border"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Border Colors"}),a.jsx(K,{children:a.jsx(ee,{title:"Border Color Palette",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Apply different colors to borders using semantic color utilities"}),a.jsxs("div",{className:"grid grid-cols-3 md:grid-cols-5 gap-4",children:[a.jsx("div",{className:"w-16 h-16 bg-white dark:bg-gray-800 border-4 border-brand rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium text-brand",children:"Brand"})}),a.jsx("div",{className:"w-16 h-16 bg-white dark:bg-gray-800 border-4 border-red-500 rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium text-red-500",children:"Red"})}),a.jsx("div",{className:"w-16 h-16 bg-white dark:bg-gray-800 border-4 border-green-500 rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium text-green-500",children:"Green"})}),a.jsx("div",{className:"w-16 h-16 bg-white dark:bg-gray-800 border-4 border-blue-500 rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium text-blue-500",children:"Blue"})}),a.jsx("div",{className:"w-16 h-16 bg-white dark:bg-gray-800 border-4 border-gray-400 rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium text-gray-600 dark:text-gray-300",children:"Gray"})})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Border Styles"}),a.jsx(K,{children:a.jsx(ee,{title:"Border Style Types",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Different border appearance styles beyond solid lines"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-4 border-solid border-brand flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"border-solid"})}),a.jsx("div",{className:"text-xs text-center",children:"Solid"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-4 border-dashed border-green-500 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"border-dashed"})}),a.jsx("div",{className:"text-xs text-center",children:"Dashed"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-4 border-dotted border-blue-500 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"border-dotted"})}),a.jsx("div",{className:"text-xs text-center",children:"Dotted"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-4 border-double border-purple-500 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"border-double"})}),a.jsx("div",{className:"text-xs text-center",children:"Double"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Outline Properties"}),a.jsx(K,{children:a.jsx(ee,{title:"Outline Width & Color",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Outline properties provide focus indicators without affecting layout"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("button",{className:"w-full h-16 bg-white dark:bg-gray-800 outline-2 outline-brand rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"outline-2"})}),a.jsx("div",{className:"text-xs text-center",children:"2px outline"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("button",{className:"w-full h-16 bg-white dark:bg-gray-800 outline-4 outline-green-500 rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"outline-4"})}),a.jsx("div",{className:"text-xs text-center",children:"4px outline"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("button",{className:"w-full h-16 bg-white dark:bg-gray-800 outline-8 outline-blue-500 rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"outline-8"})}),a.jsx("div",{className:"text-xs text-center",children:"8px outline"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("button",{className:"w-full h-16 bg-white dark:bg-gray-800 outline-none rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"outline-none"})}),a.jsx("div",{className:"text-xs text-center",children:"No outline"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Outline Styles & Offset",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Different outline styles and offset positioning"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Outline Styles"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("button",{className:"w-full h-12 bg-white dark:bg-gray-800 outline-2 outline-solid outline-brand rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"outline-solid"})}),a.jsx("button",{className:"w-full h-12 bg-white dark:bg-gray-800 outline-2 outline-dashed outline-green-500 rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"outline-dashed"})}),a.jsx("button",{className:"w-full h-12 bg-white dark:bg-gray-800 outline-2 outline-dotted outline-blue-500 rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"outline-dotted"})})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Outline Offset"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("button",{className:"w-full h-12 bg-white dark:bg-gray-800 outline-2 outline-brand outline-offset-0 rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"offset-0"})}),a.jsx("button",{className:"w-full h-12 bg-white dark:bg-gray-800 outline-2 outline-green-500 outline-offset-2 rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"offset-2"})}),a.jsx("button",{className:"w-full h-12 bg-white dark:bg-gray-800 outline-2 outline-blue-500 outline-offset-4 rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"offset-4"})})]})]})]})]})})})]})]})]})}function Rle(){const e=[{name:"Neutrals",colors:["slate","gray","zinc","neutral","stone"],description:"Perfect for backgrounds, borders, and text"},{name:"Reds & Pinks",colors:["red","rose","pink","fuchsia"],description:"Ideal for errors, warnings, and highlights"},{name:"Blues & Cyans",colors:["blue","sky","cyan","indigo","violet"],description:"Great for primary actions and information"},{name:"Greens & Teals",colors:["green","emerald","teal","lime"],description:"Perfect for success states and nature themes"},{name:"Warm Colors",colors:["orange","amber","yellow"],description:"Excellent for warnings and attention-grabbing elements"},{name:"Purples",colors:["purple","violet"],description:"Creative and premium feeling colors"}],t=[{name:"Brand",class:"bg-brand",textClass:"text-brand",description:"Main brand color"},{name:"Gray (Secondary)",class:"bg-gray-500",textClass:"text-gray-500",description:"Secondary actions color"},{name:"Emerald (Success)",class:"bg-emerald-500",textClass:"text-emerald-500",description:"Positive actions"},{name:"Orange (Warning)",class:"bg-orange-500",textClass:"text-orange-500",description:"Caution states"},{name:"Red (Error)",class:"bg-red-500",textClass:"text-red-500",description:"Error states"},{name:"Cyan (Information)",class:"bg-cyan-500",textClass:"text-cyan-500",description:"Information"},{name:"Body",class:"bg-body",textClass:"text-body",description:"Background color"},{name:"Dark",class:"bg-dark",textClass:"text-dark",description:"Dark mode background"},{name:"Light Dark",class:"bg-light-dark",textClass:"text-light-dark",description:"Light dark mode background"},{name:"Sidebar Body",class:"bg-sidebar-body",textClass:"text-sidebar-body",description:"Sidebar background"},{name:"White",class:"bg-white",textClass:"text-white",description:"White color"},{name:"Black",class:"bg-black",textClass:"text-black",description:"Black color"},{name:"Blue",class:"bg-blue-500",textClass:"text-blue-500",description:"Blue color"},{name:"Rose",class:"bg-rose-500",textClass:"text-rose-500",description:"Rose color"},{name:"Pink",class:"bg-pink-500",textClass:"text-pink-500",description:"Pink color"},{name:"Fuchsia",class:"bg-fuchsia-500",textClass:"text-fuchsia-500",description:"Fuchsia color"},{name:"Indigo",class:"bg-indigo-500",textClass:"text-indigo-500",description:"Indigo color"},{name:"Violet",class:"bg-violet-500",textClass:"text-violet-500",description:"Violet color"},{name:"Cyan",class:"bg-cyan-500",textClass:"text-cyan-500",description:"Cyan color"},{name:"Sky",class:"bg-sky-500",textClass:"text-sky-500",description:"Sky color"},{name:"Teal",class:"bg-teal-500",textClass:"text-teal-500",description:"Teal color"}],r=[{name:"Sunset",classes:"from-orange-400 via-pink-500 to-purple-600"},{name:"Ocean",classes:"from-blue-400 via-cyan-500 to-teal-600"},{name:"Forest",classes:"from-green-400 via-emerald-500 to-teal-600"},{name:"Royal",classes:"from-purple-400 via-violet-500 to-indigo-600"},{name:"Fire",classes:"from-red-400 via-orange-500 to-yellow-600"},{name:"Mint",classes:"from-cyan-400 via-teal-500 to-emerald-600"},{name:"Brand",classes:"from-brand via-brand/20 to-brand/10"},{name:"Steel",classes:"from-gray-500 via-gray-600 to-gray-900"},{name:"Emerald",classes:"from-emerald-500 via-emerald-600 to-emerald-900"}],n=[10,20,30,40,50,60,70,80,90,100];return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Color System",description:"Explore our comprehensive color palette with 22 color families, 11 shades each, semantic colors, gradients, and opacity variations. Built with modern OKLCH color space for better accuracy and accessibility.",githubButton:!0,getStartedButton:!0,docsButton:"design-system",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.Palette,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Semantic Colors"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Predefined semantic colors for consistent UI patterns"})]}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:t.map((i,s)=>a.jsx(K,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:a.jsxs("div",{className:"w-full space-y-4",children:[a.jsxs("div",{className:"flex items-center gap-4",children:[a.jsx("div",{className:`w-12 h-12 rounded-xl ${i.class} group-hover:scale-110 transition-all duration-300 shadow-lg`}),a.jsxs("div",{children:[a.jsx(O,{tag:"h3",className:`font-semibold text-lg ${i.textClass} group-hover:scale-105 transition-all duration-300`,children:i.name}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:i.description})]})]}),a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(it,{variant:"outline",className:"text-xs",children:i.class}),a.jsx(it,{variant:"outline",className:"text-xs",children:i.textClass})]})]})},s))})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Color Palettes"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Explore our comprehensive color system with 22 color families"})]}),a.jsx("div",{className:"space-y-12",children:e.map((i,s)=>a.jsx(K,{className:"overflow-hidden mb-8",children:a.jsxs(ee,{title:i.name,className:"mb-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-6",children:i.description}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-4",children:i.colors.map((o,l)=>a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"h4",className:"font-semibold text-sm capitalize",children:o}),a.jsx("div",{className:"space-y-1",children:[50,100,200,300,400,500,600,700,800,900,950].map(c=>a.jsxs("div",{className:`h-8 rounded-md bg-${o}-${c} border border-gray-200 dark:border-gray-700 flex items-center justify-between px-2 group hover:scale-105 transition-transform duration-200`,children:[a.jsx("span",{className:"text-xs font-mono text-gray-600 dark:text-gray-400",children:c}),a.jsxs("span",{className:"text-xs font-mono text-gray-500 dark:text-gray-500 opacity-0 group-hover:opacity-100 transition-opacity",children:[o,"-",c]})]},c))})]},l))})]})},s))})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Gradient Combinations"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Beautiful gradient combinations for modern UI designs"})]}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:r.map((i,s)=>a.jsx(K,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1 overflow-hidden",children:a.jsxs("div",{className:"w-full space-y-4",children:[a.jsx("div",{className:`h-24 rounded-lg bg-gradient-to-r ${i.classes} group-hover:scale-105 transition-transform duration-300`}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:i.name}),a.jsx(it,{variant:"outline",className:"text-xs overflow-hidden text-ellipsis whitespace-wrap font-mono max-w-full h-10 px-2 py-2",children:i.classes})]})]})},s))})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Opacity Variations"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Explore opacity levels from 10% to 100% for layered designs"})]}),a.jsx(K,{className:"overflow-hidden",children:a.jsx(ee,{title:"Opacity Scale",className:"mb-4",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"h4",className:"font-semibold text-sm capitalize",children:"Brand opacity scale"}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-2",children:n.map((i,s)=>a.jsx("div",{className:`h-12 rounded-md bg-brand/${i} border border-gray-200 dark:border-gray-700 flex items-center justify-center group hover:scale-105 transition-transform duration-200`,children:a.jsxs("span",{className:"text-xs font-mono text-gray-600 dark:text-gray-400 opacity-0 group-hover:opacity-100 transition-opacity",children:[i,"%"]})},s))})]}),["blue","red","green","purple","orange","indigo","violet","fuchsia","pink","rose","gray","zinc","neutral","stone"].map((i,s)=>a.jsxs("div",{className:"space-y-2",children:[a.jsxs(O,{tag:"h4",className:"font-semibold text-sm capitalize",children:[i," opacity scale"]}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-2",children:n.map((o,l)=>a.jsx("div",{className:`h-12 rounded-md bg-${i}-500/${o} border border-gray-200 dark:border-gray-700 flex items-center justify-center group hover:scale-105 transition-transform duration-200`,children:a.jsxs("span",{className:"text-xs font-mono text-gray-600 dark:text-gray-400 opacity-0 group-hover:opacity-100 transition-opacity",children:[o,"%"]})},l))})]},s))]})})})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Usage Examples"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"See how colors work in real components and applications"})]}),a.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[a.jsx(K,{children:a.jsx(ee,{title:"Button Variants",className:"mb-4",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"flex flex-wrap gap-3",children:[a.jsx(he,{color:"primary",size:"medium",children:"Primary"}),a.jsx(he,{color:"gray",size:"medium",children:"Gray"}),a.jsx(he,{color:"success",size:"medium",children:"Success"}),a.jsx(he,{color:"warning",size:"medium",children:"Warning"}),a.jsx(he,{color:"danger",size:"medium",children:"Danger"}),a.jsx(he,{color:"info",size:"medium",children:"Info"})]}),a.jsxs("div",{className:"flex flex-wrap gap-3",children:[a.jsx(he,{variant:"ghost",color:"primary",size:"medium",children:"Ghost Primary"}),a.jsx(he,{variant:"ghost",color:"success",size:"medium",children:"Ghost Success"}),a.jsx(he,{variant:"ghost",color:"danger",size:"medium",children:"Ghost Danger"})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Badge Variants",className:"mb-4",children:a.jsx("div",{className:"space-y-4",children:a.jsxs("div",{className:"flex flex-wrap gap-3",children:[a.jsx(it,{status:"active",children:"Active"}),a.jsx(it,{status:"inactive",children:"Inactive"}),a.jsx(it,{variant:"outline",children:"Outline"})]})})})}),a.jsx(K,{children:a.jsx(ee,{title:"Alert States",className:"mb-4",children:a.jsxs("div",{className:"space-y-3",children:[a.jsx("div",{className:"p-4 rounded-lg bg-emerald-500 border border-emerald-200 dark:border-emerald-800",children:a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-emerald-600 dark:text-emerald-400"}),a.jsx(O,{tag:"p",className:"text-emerald-800 dark:text-emerald-200 font-medium",children:"Success! Your changes have been saved."})]})}),a.jsx("div",{className:"p-4 rounded-lg bg-orange-50 dark:bg-orange-900/20 border border-orange-200 dark:border-orange-800",children:a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(B.AlertTriangle,{className:"w-5 h-5 text-orange-600 dark:text-orange-400"}),a.jsx(O,{tag:"p",className:"text-orange-800 dark:text-orange-200 font-medium",children:"Warning! Please review your input."})]})}),a.jsx("div",{className:"p-4 rounded-lg bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800",children:a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(B.XCircle,{className:"w-5 h-5 text-red-600 dark:text-red-400"}),a.jsx(O,{tag:"p",className:"text-red-800 dark:text-red-200 font-medium",children:"Error! Something went wrong."})]})})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Status Indicators",className:"mb-4",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"w-3 h-3 rounded-full bg-emerald-500"}),a.jsx(O,{tag:"span",className:"text-sm",children:"Online"})]}),a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"w-3 h-3 rounded-full bg-yellow-500"}),a.jsx(O,{tag:"span",className:"text-sm",children:"Away"})]}),a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"w-3 h-3 rounded-full bg-red-500"}),a.jsx(O,{tag:"span",className:"text-sm",children:"Offline"})]}),a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"w-3 h-3 rounded-full bg-blue-500"}),a.jsx(O,{tag:"span",className:"text-sm",children:"Available"})]})]})})})]})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Color System Features"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Built with modern color science and accessibility in mind"})]}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:[{icon:a.jsx(B.Palette,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"OKLCH Color Space",description:"Modern color space for better accuracy and perceptual uniformity",color:"from-blue-500 via-cyan-500 to-teal-500"},{icon:a.jsx(B.Eye,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Accessibility First",description:"WCAG 2.1 AA compliant with proper contrast ratios",color:"from-green-500 via-emerald-500 to-teal-500"},{icon:a.jsx(B.Moon,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Dark Mode Ready",description:"Optimized colors for both light and dark themes",color:"from-purple-500 via-violet-500 to-indigo-500"},{icon:a.jsx(B.Zap,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Performance Optimized",description:"CSS variables for efficient theming and minimal bundle size",color:"from-orange-500 via-yellow-500 to-amber-500"},{icon:a.jsx(B.Code,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Developer Friendly",description:"TypeScript support with autocomplete and IntelliSense",color:"from-indigo-500 via-blue-500 to-cyan-500"},{icon:a.jsx(B.Sparkles,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Extensible",description:"Easy to customize and extend with your own color tokens",color:"from-pink-500 via-rose-500 to-red-500"}].map((i,s)=>a.jsx(K,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:a.jsxs("div",{className:"w-full space-y-4",children:[a.jsxs("div",{className:"flex items-center gap-4",children:[a.jsx("div",{className:`p-3 rounded-xl bg-gradient-to-br ${i.color} group-hover:scale-110 transition-all duration-300 shadow-lg hover:shadow-xl`,children:i.icon}),a.jsx(O,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:i.title})]}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:i.description})]})},s))})]}),a.jsxs("div",{className:"hidden",children:[a.jsx("div",{className:"bg-brand/10 bg-brand/20 bg-brand/30 bg-brand/40 bg-brand/50 bg-brand/60 bg-brand/70 bg-brand/80 bg-brand/90 bg-brand/100 border-brand/50"}),a.jsx("div",{className:"bg-orange-900/20"}),a.jsx("div",{className:"bg-red-900/20"}),a.jsx("div",{className:"bg-blue-500/10 bg-blue-500/20 bg-blue-500/30 bg-blue-500/40 bg-blue-500/50 bg-blue-500/60 bg-blue-500/70 bg-blue-500/80 bg-blue-500/90 bg-blue-500/100"}),a.jsx("div",{className:"bg-slate-50 bg-slate-100 bg-slate-200 bg-slate-300 bg-slate-400 bg-slate-500 bg-slate-600 bg-slate-700 bg-slate-800 bg-slate-900 bg-slate-950"}),a.jsx("div",{className:"bg-gray-50 bg-gray-100 bg-gray-200 bg-gray-300 bg-gray-400 bg-gray-500 bg-gray-600 bg-gray-700 bg-gray-800 bg-gray-900 bg-gray-950"}),a.jsx("div",{className:"bg-zinc-50 bg-zinc-100 bg-zinc-200 bg-zinc-300 bg-zinc-400 bg-zinc-500 bg-zinc-600 bg-zinc-700 bg-zinc-800 bg-zinc-900 bg-zinc-950"}),a.jsx("div",{className:"bg-neutral-50 bg-neutral-100 bg-neutral-200 bg-neutral-300 bg-neutral-400 bg-neutral-500 bg-neutral-600 bg-neutral-700 bg-neutral-800 bg-neutral-900 bg-neutral-950"}),a.jsx("div",{className:"bg-stone-50 bg-stone-100 bg-stone-200 bg-stone-300 bg-stone-400 bg-stone-500 bg-stone-600 bg-stone-700 bg-stone-800 bg-stone-900 bg-stone-950"}),a.jsx("div",{className:"bg-red-50 bg-red-100 bg-red-200 bg-red-300 bg-red-400 bg-red-500 bg-red-600 bg-red-700 bg-red-800 bg-red-900 bg-red-950"}),a.jsx("div",{className:"bg-rose-50 bg-rose-100 bg-rose-200 bg-rose-300 bg-rose-400 bg-rose-500 bg-rose-600 bg-rose-700 bg-rose-800 bg-rose-900 bg-rose-950"}),a.jsx("div",{className:"bg-pink-50 bg-pink-100 bg-pink-200 bg-pink-300 bg-pink-400 bg-pink-500 bg-pink-600 bg-pink-700 bg-pink-800 bg-pink-900 bg-pink-950"}),a.jsx("div",{className:"bg-fuchsia-50 bg-fuchsia-100 bg-fuchsia-200 bg-fuchsia-300 bg-fuchsia-400 bg-fuchsia-500 bg-fuchsia-600 bg-fuchsia-700 bg-fuchsia-800 bg-fuchsia-900 bg-fuchsia-950"}),a.jsx("div",{className:"bg-blue-50 bg-blue-100 bg-blue-200 bg-blue-300 bg-blue-400 bg-blue-500 bg-blue-600 bg-blue-700 bg-blue-800 bg-blue-900 bg-blue-950"}),a.jsx("div",{className:"bg-sky-50 bg-sky-100 bg-sky-200 bg-sky-300 bg-sky-400 bg-sky-500 bg-sky-600 bg-sky-700 bg-sky-800 bg-sky-900 bg-sky-950"}),a.jsx("div",{className:"bg-cyan-50 bg-cyan-100 bg-cyan-200 bg-cyan-300 bg-cyan-400 bg-cyan-500 bg-cyan-600 bg-cyan-700 bg-cyan-800 bg-cyan-900 bg-cyan-950"}),a.jsx("div",{className:"bg-indigo-50 bg-indigo-100 bg-indigo-200 bg-indigo-300 bg-indigo-400 bg-indigo-500 bg-indigo-600 bg-indigo-700 bg-indigo-800 bg-indigo-900 bg-indigo-950"}),a.jsx("div",{className:"bg-violet-50 bg-violet-100 bg-violet-200 bg-violet-300 bg-violet-400 bg-violet-500 bg-violet-600 bg-violet-700 bg-violet-800 bg-violet-900 bg-violet-950"}),a.jsx("div",{className:"bg-green-50 bg-green-100 bg-green-200 bg-green-300 bg-green-400 bg-green-500 bg-green-600 bg-green-700 bg-green-800 bg-green-900 bg-green-950"}),a.jsx("div",{className:"bg-emerald-50 bg-emerald-100 bg-emerald-200 bg-emerald-300 bg-emerald-400 bg-emerald-500 bg-emerald-600 bg-emerald-700 bg-emerald-800 bg-emerald-900 bg-emerald-950"}),a.jsx("div",{className:"bg-teal-50 bg-teal-100 bg-teal-200 bg-teal-300 bg-teal-400 bg-teal-500 bg-teal-600 bg-teal-700 bg-teal-800 bg-teal-900 bg-teal-950"}),a.jsx("div",{className:"bg-lime-50 bg-lime-100 bg-lime-200 bg-lime-300 bg-lime-400 bg-lime-500 bg-lime-600 bg-lime-700 bg-lime-800 bg-lime-900 bg-lime-950"}),a.jsx("div",{className:"bg-orange-50 bg-orange-100 bg-orange-200 bg-orange-300 bg-orange-400 bg-orange-500 bg-orange-600 bg-orange-700 bg-orange-800 bg-orange-900 bg-orange-950"}),a.jsx("div",{className:"bg-amber-50 bg-amber-100 bg-amber-200 bg-amber-300 bg-amber-400 bg-amber-500 bg-amber-600 bg-amber-700 bg-amber-800 bg-amber-900 bg-amber-950"}),a.jsx("div",{className:"bg-yellow-50 bg-yellow-100 bg-yellow-200 bg-yellow-300 bg-yellow-400 bg-yellow-500 bg-yellow-600 bg-yellow-700 bg-yellow-800 bg-yellow-900 bg-yellow-950"}),a.jsx("div",{className:"bg-purple-50 bg-purple-100 bg-purple-200 bg-purple-300 bg-purple-400 bg-purple-500 bg-purple-600 bg-purple-700 bg-purple-800 bg-purple-900 bg-purple-950"}),a.jsx("div",{className:"bg-red-500/10 bg-red-500/20 bg-red-500/30 bg-red-500/40 bg-red-500/50 bg-red-500/60 bg-red-500/70 bg-red-500/80 bg-red-500/90 bg-red-500/100"}),a.jsx("div",{className:"bg-green-500/10 bg-green-500/20 bg-green-500/30 bg-green-500/40 bg-green-500/50 bg-green-500/60 bg-green-500/70 bg-green-500/80 bg-green-500/90 bg-green-500/100"}),a.jsx("div",{className:"bg-purple-500/10 bg-purple-500/20 bg-purple-500/30 bg-purple-500/40 bg-purple-500/50 bg-purple-500/60 bg-purple-500/70 bg-purple-500/80 bg-purple-500/90 bg-purple-500/100"}),a.jsx("div",{className:"bg-orange-500/10 bg-orange-500/20 bg-orange-500/30 bg-orange-500/40 bg-orange-500/50 bg-orange-500/60 bg-orange-500/70 bg-orange-500/80 bg-orange-500/90 bg-orange-500/100"}),a.jsx("div",{className:"bg-indigo-500/10 bg-indigo-500/20 bg-indigo-500/30 bg-indigo-500/40 bg-indigo-500/50 bg-indigo-500/60 bg-indigo-500/70 bg-indigo-500/80 bg-indigo-500/90 bg-indigo-500/100"}),a.jsx("div",{className:"bg-violet-500/10 bg-violet-500/20 bg-violet-500/30 bg-violet-500/40 bg-violet-500/50 bg-violet-500/60 bg-violet-500/70 bg-violet-500/80 bg-violet-500/90 bg-violet-500/100"}),a.jsx("div",{className:"bg-fuchsia-500/10 bg-fuchsia-500/20 bg-fuchsia-500/30 bg-fuchsia-500/40 bg-fuchsia-500/50 bg-fuchsia-500/60 bg-fuchsia-500/70 bg-fuchsia-500/80 bg-fuchsia-500/90 bg-fuchsia-500/100"}),a.jsx("div",{className:"bg-pink-500/10 bg-pink-500/20 bg-pink-500/30 bg-pink-500/40 bg-pink-500/50 bg-pink-500/60 bg-pink-500/70 bg-pink-500/80 bg-pink-500/90 bg-pink-500/100"}),a.jsx("div",{className:"bg-rose-500/10 bg-rose-500/20 bg-rose-500/30 bg-rose-500/40 bg-rose-500/50 bg-rose-500/60 bg-rose-500/70 bg-rose-500/80 bg-rose-500/90 bg-rose-500/100"}),a.jsx("div",{className:"bg-gray-500/10 bg-gray-500/20 bg-gray-500/30 bg-gray-500/40 bg-gray-500/50 bg-gray-500/60 bg-gray-500/70 bg-gray-500/80 bg-gray-500/90 bg-gray-500/100"}),a.jsx("div",{className:"bg-zinc-500/10 bg-zinc-500/20 bg-zinc-500/30 bg-zinc-500/40 bg-zinc-500/50 bg-zinc-500/60 bg-zinc-500/70 bg-zinc-500/80 bg-zinc-500/90 bg-zinc-500/100"}),a.jsx("div",{className:"bg-neutral-500/10 bg-neutral-500/20 bg-neutral-500/30 bg-neutral-500/40 bg-neutral-500/50 bg-neutral-500/60 bg-neutral-500/70 bg-neutral-500/80 bg-neutral-500/90 bg-neutral-500/100"}),a.jsx("div",{className:"bg-stone-500/10 bg-stone-500/20 bg-stone-500/30 bg-stone-500/40 bg-stone-500/50 bg-stone-500/60 bg-stone-500/70 bg-stone-500/80 bg-stone-500/90 bg-stone-500/100"})]}),a.jsx("section",{children:a.jsx(K,{children:a.jsx(ee,{title:"Ready to Get Started?",className:"mt-2 mb-2 dark:border-current",children:a.jsx("div",{className:"flex items-start gap-4",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-gray-700 dark:text-gray-300",children:"Now that you've seen our comprehensive color system, explore more:"}),a.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[a.jsxs("ul",{className:"space-y-3",children:[a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Component library with 80+ components"})]}),a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Complete theming system and customization"})]})]}),a.jsxs("ul",{className:"space-y-3",children:[a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Advanced form handling and validation"})]}),a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Accessibility features and best practices"})]})]})]}),a.jsxs("div",{className:"flex flex-wrap sm:flex-row gap-3 pt-2",children:[a.jsx(he,{size:"medium",children:a.jsx(De,{to:vr,target:"_blank",children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(B.BookOpen,{className:"w-4 h-4 mr-2"}),"Browse Documentation"]})})}),a.jsx(he,{variant:"ghost",size:"medium",children:a.jsx(De,{to:"/form-system",target:"_blank",children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(B.Code,{className:"w-4 h-4 mr-2"}),"View Examples"]})})})]})]})})})})})]})}function _le(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Effects Utilities",description:"Complete guide to visual effects utilities in Tailwind CSS v4. Master shadows, opacity, blend modes, and masking techniques.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-gradient-to-br from-purple-500 via-pink-500 to-red-500 rounded-full flex items-center justify-center shadow-lg border border-purple-500/50",children:a.jsx(B.Sparkles,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Effects Architecture"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Powerful visual effects built with Tailwind CSS v4 @source directives"})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Box Shadow"}),a.jsx(K,{children:a.jsx(ee,{title:"Box Shadow Sizes",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Different shadow sizes and intensities"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"shadow-sm"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 rounded-lg shadow border border-gray-200 dark:border-gray-700 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"shadow"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 rounded-lg shadow-md border border-gray-200 dark:border-gray-700 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"shadow-md"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"shadow-lg"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"shadow-xl"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 rounded-lg shadow-2xl border border-gray-200 dark:border-gray-700 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"shadow-2xl"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 rounded-lg shadow-inner border border-gray-200 dark:border-gray-700 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"shadow-inner"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 rounded-lg shadow-none border border-gray-200 dark:border-gray-700 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"shadow-none"})})})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Text Shadow"}),a.jsx(K,{children:a.jsx(ee,{title:"Text Shadow Sizes",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Text shadow effects with different intensities"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[a.jsxs("div",{className:"space-y-3 p-6 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700",children:[a.jsx("div",{className:"text-2xl font-bold text-shadow-sm text-gray-900 dark:text-white",children:"text-shadow-sm"}),a.jsx("div",{className:"text-lg font-semibold text-shadow text-gray-900 dark:text-white",children:"text-shadow"}),a.jsx("div",{className:"text-xl font-bold text-shadow-md text-gray-900 dark:text-white",children:"text-shadow-md"}),a.jsx("div",{className:"text-lg font-semibold text-shadow-lg text-gray-900 dark:text-white",children:"text-shadow-lg"}),a.jsx("div",{className:"text-base text-shadow-none text-gray-900 dark:text-white",children:"text-shadow-none"})]}),a.jsxs("div",{className:"space-y-3 p-6 bg-gradient-to-r from-brand to-blue-500 rounded-lg text-white",children:[a.jsx("div",{className:"text-2xl font-bold text-shadow-lg",children:"With Gradient"}),a.jsx("div",{className:"text-lg font-semibold text-shadow-md",children:"Background"}),a.jsx("div",{className:"text-base text-shadow",children:"Beautiful effects"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Opacity"}),a.jsx(K,{children:a.jsx(ee,{title:"Opacity Levels",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control element transparency with opacity values"}),a.jsxs("div",{className:"grid grid-cols-4 md:grid-cols-6 gap-3",children:[a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-12 bg-brand rounded opacity-25 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"25%"})}),a.jsx("div",{className:"text-xs text-center",children:"opacity-25"})]}),a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-12 bg-brand rounded opacity-50 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"50%"})}),a.jsx("div",{className:"text-xs text-center",children:"opacity-50"})]}),a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-12 bg-green-500 rounded opacity-75 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"75%"})}),a.jsx("div",{className:"text-xs text-center",children:"opacity-75"})]}),a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-12 bg-green-500 rounded opacity-100 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"100%"})}),a.jsx("div",{className:"text-xs text-center",children:"opacity-100"})]}),a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-12 bg-blue-500 rounded opacity-10 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"10%"})}),a.jsx("div",{className:"text-xs text-center",children:"opacity-10"})]}),a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-12 bg-blue-500 rounded opacity-90 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"90%"})}),a.jsx("div",{className:"text-xs text-center",children:"opacity-90"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Mix Blend Mode"}),a.jsx(K,{children:a.jsx(ee,{title:"Mix Blend Mode Examples",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"How elements blend with their background"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"relative w-full h-20 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg overflow-hidden",children:a.jsx("div",{className:"absolute inset-0 bg-blue-500 mix-blend-multiply rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"multiply"})})}),a.jsx("div",{className:"text-xs text-center",children:"mix-blend-multiply"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"relative w-full h-20 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg overflow-hidden",children:a.jsx("div",{className:"absolute inset-0 bg-blue-500 mix-blend-screen rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"screen"})})}),a.jsx("div",{className:"text-xs text-center",children:"mix-blend-screen"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"relative w-full h-20 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg overflow-hidden",children:a.jsx("div",{className:"absolute inset-0 bg-blue-500 mix-blend-overlay rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"overlay"})})}),a.jsx("div",{className:"text-xs text-center",children:"mix-blend-overlay"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"relative w-full h-20 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg overflow-hidden",children:a.jsx("div",{className:"absolute inset-0 bg-blue-500 mix-blend-difference rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"difference"})})}),a.jsx("div",{className:"text-xs text-center",children:"mix-blend-difference"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Background Blend Mode"}),a.jsx(K,{children:a.jsx(ee,{title:"Background Blend Mode Examples",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"How multiple background images and colors blend together"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-20 bg-blend-multiply rounded-lg flex items-center justify-center text-white font-medium",style:{backgroundImage:"linear-gradient(45deg, #ff0000, #ffff00), linear-gradient(45deg, #0000ff, #00ff00)",backgroundSize:"20px 20px"},children:a.jsx("span",{className:"text-xs",children:"multiply"})}),a.jsx("div",{className:"text-xs text-center",children:"bg-blend-multiply"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-20 bg-blend-screen rounded-lg flex items-center justify-center text-black font-medium",style:{backgroundImage:"linear-gradient(45deg, #ff0000, #ffff00), linear-gradient(45deg, #0000ff, #00ff00)",backgroundSize:"20px 20px"},children:a.jsx("span",{className:"text-xs",children:"screen"})}),a.jsx("div",{className:"text-xs text-center",children:"bg-blend-screen"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-20 bg-blend-overlay rounded-lg flex items-center justify-center text-white font-medium",style:{backgroundImage:"linear-gradient(45deg, #ff0000, #ffff00), linear-gradient(45deg, #0000ff, #00ff00)",backgroundSize:"20px 20px"},children:a.jsx("span",{className:"text-xs",children:"overlay"})}),a.jsx("div",{className:"text-xs text-center",children:"bg-blend-overlay"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Mask Utilities"}),a.jsx(K,{children:a.jsx(ee,{title:"Mask Types",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"CSS masking techniques for complex shapes and effects"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Mask Images"}),a.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-brand to-blue-500 rounded mask-linear-gradient flex items-center justify-center text-white text-xs font-medium",children:"Linear"}),a.jsx("div",{className:"text-xs text-center",children:"mask-linear-gradient"})]}),a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-green-500 to-purple-500 rounded mask-radial-gradient flex items-center justify-center text-white text-xs font-medium",children:"Radial"}),a.jsx("div",{className:"text-xs text-center",children:"mask-radial-gradient"})]})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Mask Modes"}),a.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded mask-alpha flex items-center justify-center text-white text-xs font-medium",children:"Alpha"}),a.jsx("div",{className:"text-xs text-center",children:"mask-alpha"})]}),a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-pink-500 to-orange-500 rounded mask-luminance flex items-center justify-center text-white text-xs font-medium",children:"Luminance"}),a.jsx("div",{className:"text-xs text-center",children:"mask-luminance"})]})]})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Mask Positioning",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control mask position and size"}),a.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-brand to-blue-500 rounded mask-center mask-contain flex items-center justify-center text-white text-xs font-medium",style:{maskImage:'url("data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="20" cy="20" r="15" fill="%23000000"/%3E%3C/svg%3E")'},children:"Center"}),a.jsx("div",{className:"text-xs text-center",children:"mask-center"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-green-500 to-purple-500 rounded mask-top mask-contain flex items-start justify-center pt-1 text-white text-xs font-medium",style:{maskImage:'url("data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="20" cy="20" r="15" fill="%23000000"/%3E%3C/svg%3E")'},children:"Top"}),a.jsx("div",{className:"text-xs text-center",children:"mask-top"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-pink-500 to-orange-500 rounded mask-left mask-contain flex items-center justify-start pl-1 text-white text-xs font-medium",style:{maskImage:'url("data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="20" cy="20" r="15" fill="%23000000"/%3E%3C/svg%3E")'},children:"Left"}),a.jsx("div",{className:"text-xs text-center",children:"mask-left"})]})]})]})})})]})]})]})}function Fle(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Filters Utilities",description:"Complete guide to CSS filters and backdrop effects in Tailwind CSS v4. Master blur, brightness, contrast, and advanced visual effects.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-gradient-to-br from-cyan-500 via-blue-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg border border-cyan-500/50",children:a.jsx(B.Filter,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Filters & Backdrop Effects"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Powerful CSS filters built with Tailwind CSS v4 @source directives"})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Blur Filters"}),a.jsx(K,{children:a.jsx(ee,{title:"Blur Intensity Levels",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Apply Gaussian blur effects with different intensity levels"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-brand to-blue-500 rounded-lg blur-none border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"blur-none"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-brand to-blue-500 rounded-lg blur-sm border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"blur-sm"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-green-500 to-purple-500 rounded-lg blur border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"blur"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-pink-500 to-orange-500 rounded-lg blur-md border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"blur-md"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg blur-lg border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"blur-lg"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-indigo-500 to-cyan-500 rounded-lg blur-xl border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"blur-xl"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-purple-500 to-pink-500 rounded-lg blur-2xl border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"blur-2xl"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-teal-500 to-green-500 rounded-lg blur-3xl border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"blur-3xl"})})})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Brightness Filters"}),a.jsx(K,{children:a.jsx(ee,{title:"Brightness Adjustments",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control image brightness levels from dark to ultra-bright"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-brand to-blue-500 rounded-lg brightness-0 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"brightness-0"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-brand to-blue-500 rounded-lg brightness-50 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"brightness-50"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-green-500 to-purple-500 rounded-lg brightness-100 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"brightness-100"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-pink-500 to-orange-500 rounded-lg brightness-150 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"brightness-150"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg brightness-200 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-black font-medium z-10 relative",children:"brightness-200"})})})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Contrast Filters"}),a.jsx(K,{children:a.jsx(ee,{title:"Contrast Adjustments",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Adjust image contrast from flat to ultra-high contrast"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-gray-300 to-gray-700 rounded-lg contrast-0 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"contrast-0"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-gray-300 to-gray-700 rounded-lg contrast-50 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"contrast-50"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-gray-300 to-gray-700 rounded-lg contrast-100 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"contrast-100"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-gray-300 to-gray-700 rounded-lg contrast-125 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-black font-medium z-10 relative",children:"contrast-125"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-gray-300 to-gray-700 rounded-lg contrast-150 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-black font-medium z-10 relative",children:"contrast-150"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-gray-300 to-gray-700 rounded-lg contrast-200 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-black font-medium z-10 relative",children:"contrast-200"})})})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Color Adjustment Filters"}),a.jsx(K,{children:a.jsx(ee,{title:"Hue Rotate & Saturation",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Apply hue rotation and saturation adjustments"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg hue-rotate-15 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"hue-rotate-15"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg hue-rotate-90 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"hue-rotate-90"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg hue-rotate-180 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"hue-rotate-180"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg saturate-0 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"saturate-0"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg saturate-50 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"saturate-50"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg saturate-150 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"saturate-150"})})})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Monochrome & Invert Effects",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Apply grayscale, sepia, and invert effects"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg grayscale border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-gray-800 font-medium z-10 relative",children:"grayscale"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg sepia border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-gray-800 font-medium z-10 relative",children:"sepia"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg invert border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"invert"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg grayscale invert border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"grayscale + invert"})})})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Backdrop Filters"}),a.jsx(K,{children:a.jsx(ee,{title:"Backdrop Blur Effects",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Apply blur effects to the background behind elements"}),a.jsxs("div",{className:"relative",children:[a.jsx("div",{className:"w-full h-32 bg-gradient-to-r from-brand via-purple-500 to-pink-500 rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-white text-lg font-bold",children:"Background"})}),a.jsx("div",{className:"absolute top-4 left-4 w-24 h-16 bg-white/80 backdrop-blur-sm rounded border flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"backdrop-blur-sm"})}),a.jsx("div",{className:"absolute top-8 right-8 w-24 h-16 bg-white/80 backdrop-blur rounded border flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"backdrop-blur"})}),a.jsx("div",{className:"absolute bottom-4 left-8 w-24 h-16 bg-white/80 backdrop-blur-md rounded border flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"backdrop-blur-md"})}),a.jsx("div",{className:"absolute bottom-8 right-4 w-24 h-16 bg-white/80 backdrop-blur-lg rounded border flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"backdrop-blur-lg"})})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Backdrop Effects Combination",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Combine multiple backdrop effects for complex visual results"}),a.jsxs("div",{className:"relative",children:[a.jsx("div",{className:"w-full h-32 bg-gradient-to-r from-cyan-500 via-blue-500 to-indigo-500 rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-white text-lg font-bold",children:"Background"})}),a.jsx("div",{className:"absolute top-6 left-6 w-28 h-20 bg-black/20 backdrop-blur backdrop-brightness-75 rounded border flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"blur + brightness-75"})}),a.jsx("div",{className:"absolute top-2 right-8 w-28 h-20 bg-black/20 backdrop-blur backdrop-contrast-125 rounded border flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"blur + contrast-125"})}),a.jsx("div",{className:"absolute bottom-6 left-12 w-28 h-20 bg-black/20 backdrop-blur backdrop-saturate-150 rounded border flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"blur + saturate-150"})}),a.jsx("div",{className:"absolute bottom-2 right-12 w-28 h-20 bg-black/20 backdrop-blur backdrop-invert rounded border flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"blur + invert"})})]})]})})})]})]})]})}function Ble(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Flexbox & Grid Utilities",description:"Complete guide to Flexbox and CSS Grid utilities in Tailwind CSS v4. Master modern layout techniques with comprehensive examples.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.Grid3X3,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Flexbox & Grid Architecture"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Powerful layout systems built with Tailwind CSS v4 @source directives"})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Flexbox Basics"}),a.jsx(K,{children:a.jsx(ee,{title:"Flex Direction",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control the direction of flex items"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex flex-row gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"w-8 h-8 bg-brand rounded"}),a.jsx("div",{className:"w-8 h-8 bg-green-500 rounded"}),a.jsx("div",{className:"w-8 h-8 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"flex-row"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex flex-row-reverse gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"w-8 h-8 bg-brand rounded"}),a.jsx("div",{className:"w-8 h-8 bg-green-500 rounded"}),a.jsx("div",{className:"w-8 h-8 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"flex-row-reverse"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex flex-col gap-2 p-3 bg-light-dark rounded h-32",children:[a.jsx("div",{className:"w-8 h-8 bg-brand rounded"}),a.jsx("div",{className:"w-8 h-8 bg-green-500 rounded"}),a.jsx("div",{className:"w-8 h-8 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"flex-col"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex flex-col-reverse gap-2 p-3 bg-light-dark rounded h-32",children:[a.jsx("div",{className:"w-8 h-8 bg-brand rounded"}),a.jsx("div",{className:"w-8 h-8 bg-green-500 rounded"}),a.jsx("div",{className:"w-8 h-8 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"flex-col-reverse"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Flex Wrap",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control how flex items wrap"}),a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"flex flex-wrap gap-2 p-3 bg-light-dark rounded max-w-xs",children:Array.from({length:8},(e,t)=>a.jsx("div",{className:"w-8 h-8 bg-brand rounded shrink-0"},t))}),a.jsx("div",{className:"text-xs text-center",children:"flex-wrap"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"flex flex-nowrap gap-2 p-3 bg-light-dark rounded overflow-hidden max-w-xs",children:Array.from({length:8},(e,t)=>a.jsx("div",{className:"w-8 h-8 bg-green-500 rounded shrink-0"},t))}),a.jsx("div",{className:"text-xs text-center",children:"flex-nowrap"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Flex Properties",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control flex grow, shrink, and basis"}),a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"flex-1 w-8 h-8 bg-brand rounded text-center text-xs text-white flex items-center justify-center",children:"1"}),a.jsx("div",{className:"flex-none w-8 h-8 bg-green-500 rounded"}),a.jsx("div",{className:"flex-auto w-8 h-8 bg-blue-500 rounded text-center text-xs text-white flex items-center justify-center",children:"auto"})]}),a.jsx("div",{className:"text-xs text-center",children:"flex-1 + flex-none + flex-auto"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"flex-grow w-8 h-8 bg-purple-500 rounded text-center text-xs text-white flex items-center justify-center",children:"grow"}),a.jsx("div",{className:"flex-grow-0 w-8 h-8 bg-pink-500 rounded text-center text-xs text-white flex items-center justify-center",children:"grow-0"})]}),a.jsx("div",{className:"text-xs text-center",children:"flex-grow + flex-grow-0"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Order",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control the order of flex items"}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"order-3 w-8 h-8 bg-red-500 rounded text-center text-xs text-white flex items-center justify-center",children:"3"}),a.jsx("div",{className:"order-1 w-8 h-8 bg-green-500 rounded text-center text-xs text-white flex items-center justify-center",children:"1"}),a.jsx("div",{className:"order-2 w-8 h-8 bg-blue-500 rounded text-center text-xs text-white flex items-center justify-center",children:"2"})]}),a.jsx("div",{className:"text-xs text-center",children:"order-3 + order-1 + order-2"})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Grid Basics"}),a.jsx(K,{children:a.jsx(ee,{title:"Grid Template Columns",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Define the number of columns in a grid"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"grid grid-cols-2 gap-2 p-3 bg-light-dark rounded",children:Array.from({length:4},(e,t)=>a.jsx("div",{className:"h-8 bg-brand rounded text-center text-xs text-white flex items-center justify-center",children:t+1},t))}),a.jsx("div",{className:"text-xs text-center",children:"grid-cols-2"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"grid grid-cols-3 gap-2 p-3 bg-light-dark rounded",children:Array.from({length:6},(e,t)=>a.jsx("div",{className:"h-8 bg-green-500 rounded text-center text-xs text-white flex items-center justify-center",children:t+1},t))}),a.jsx("div",{className:"text-xs text-center",children:"grid-cols-3"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"grid grid-cols-4 gap-2 p-3 bg-light-dark rounded",children:Array.from({length:8},(e,t)=>a.jsx("div",{className:"h-8 bg-blue-500 rounded text-center text-xs text-white flex items-center justify-center",children:t+1},t))}),a.jsx("div",{className:"text-xs text-center",children:"grid-cols-4"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Grid Column Span",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Make items span multiple columns"}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"grid grid-cols-4 gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"col-span-2 h-8 bg-brand rounded text-center text-xs text-white flex items-center justify-center",children:"span-2"}),a.jsx("div",{className:"h-8 bg-green-500 rounded text-center text-xs text-white flex items-center justify-center",children:"1"}),a.jsx("div",{className:"h-8 bg-blue-500 rounded text-center text-xs text-white flex items-center justify-center",children:"2"}),a.jsx("div",{className:"col-span-3 h-8 bg-purple-500 rounded text-center text-xs text-white flex items-center justify-center",children:"span-3"}),a.jsx("div",{className:"h-8 bg-pink-500 rounded text-center text-xs text-white flex items-center justify-center",children:"3"})]}),a.jsx("div",{className:"text-xs text-center",children:"col-span-2 + col-span-3"})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Grid Auto Flow",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control how grid items are placed automatically"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"grid grid-flow-row grid-cols-3 gap-2 p-3 bg-light-dark rounded h-32",children:Array.from({length:6},(e,t)=>a.jsx("div",{className:"h-8 bg-brand rounded text-center text-xs text-white flex items-center justify-center",children:t+1},t))}),a.jsx("div",{className:"text-xs text-center",children:"grid-flow-row"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"grid grid-flow-col grid-cols-3 gap-2 p-3 bg-light-dark rounded h-32",children:Array.from({length:6},(e,t)=>a.jsx("div",{className:"h-8 bg-green-500 rounded text-center text-xs text-white flex items-center justify-center",children:t+1},t))}),a.jsx("div",{className:"text-xs text-center",children:"grid-flow-col"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Alignment & Justification"}),a.jsx(K,{children:a.jsx(ee,{title:"Justify Content (Main Axis)",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control alignment along the main axis"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex justify-start gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"w-6 h-6 bg-brand rounded"}),a.jsx("div",{className:"w-6 h-6 bg-green-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"justify-start"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex justify-center gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"w-6 h-6 bg-brand rounded"}),a.jsx("div",{className:"w-6 h-6 bg-green-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"justify-center"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex justify-end gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"w-6 h-6 bg-brand rounded"}),a.jsx("div",{className:"w-6 h-6 bg-green-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"justify-end"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex justify-between gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"w-6 h-6 bg-brand rounded"}),a.jsx("div",{className:"w-6 h-6 bg-green-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"justify-between"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Align Items (Cross Axis)",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control alignment along the cross axis"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex items-start gap-2 p-3 bg-light-dark rounded h-20",children:[a.jsx("div",{className:"w-6 h-12 bg-brand rounded"}),a.jsx("div",{className:"w-6 h-8 bg-green-500 rounded"}),a.jsx("div",{className:"w-6 h-16 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"items-start"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex items-center gap-2 p-3 bg-light-dark rounded h-20",children:[a.jsx("div",{className:"w-6 h-12 bg-brand rounded"}),a.jsx("div",{className:"w-6 h-8 bg-green-500 rounded"}),a.jsx("div",{className:"w-6 h-16 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"items-center"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex items-end gap-2 p-3 bg-light-dark rounded h-20",children:[a.jsx("div",{className:"w-6 h-12 bg-brand rounded"}),a.jsx("div",{className:"w-6 h-8 bg-green-500 rounded"}),a.jsx("div",{className:"w-6 h-16 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"items-end"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Gap (Spacing)",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control spacing between grid/flex items"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"grid grid-cols-3 gap-1 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"w-6 h-6 bg-brand rounded"}),a.jsx("div",{className:"w-6 h-6 bg-green-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-blue-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-purple-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-pink-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-yellow-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"gap-1"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"grid grid-cols-3 gap-4 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"w-6 h-6 bg-brand rounded"}),a.jsx("div",{className:"w-6 h-6 bg-green-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-blue-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-purple-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-pink-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-yellow-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"gap-4"})]})]})]})})})]})]})]})}function qle(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Interactivity Utilities",description:"Complete guide to interactive utilities in Tailwind CSS v4. Master cursors, scroll behavior, touch actions, and user interactions.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-gradient-to-br from-rose-500 via-pink-500 to-fuchsia-500 rounded-full flex items-center justify-center shadow-lg border border-rose-500/50",children:a.jsx(B.MousePointerClick,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Interactive User Experience"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Advanced interactivity utilities built with Tailwind CSS v4 @source directives"})]}),a.jsx(K,{children:a.jsx(ee,{title:"Cursor Types",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control mouse cursor appearance for different interactions"}),a.jsxs("div",{className:"grid grid-cols-3 md:grid-cols-6 gap-4",children:[a.jsx("div",{className:"w-16 h-16 bg-brand rounded flex items-center justify-center text-white font-medium cursor-auto",children:"Auto"}),a.jsx("div",{className:"w-16 h-16 bg-green-500 rounded flex items-center justify-center text-white font-medium cursor-pointer",children:"Pointer"}),a.jsx("div",{className:"w-16 h-16 bg-blue-500 rounded flex items-center justify-center text-white font-medium cursor-text",children:"Text"}),a.jsx("div",{className:"w-16 h-16 bg-purple-500 rounded flex items-center justify-center text-white font-medium cursor-move",children:"Move"}),a.jsx("div",{className:"w-16 h-16 bg-pink-500 rounded flex items-center justify-center text-white font-medium cursor-help",children:"Help"}),a.jsx("div",{className:"w-16 h-16 bg-indigo-500 rounded flex items-center justify-center text-white font-medium cursor-not-allowed",children:"Not"})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Scroll Behavior & Margins",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control scrolling behavior and snap positioning"}),a.jsxs("div",{className:"space-y-4",children:[a.jsx("div",{className:"h-32 bg-gradient-to-r from-brand to-blue-500 rounded-lg overflow-auto scroll-smooth",children:a.jsxs("div",{className:"h-64 p-4 text-white space-y-4",children:[a.jsx("div",{className:"h-16 bg-white/20 rounded flex items-center px-4 scroll-m-4",children:"Scroll margin top"}),a.jsx("div",{className:"h-16 bg-white/20 rounded flex items-center px-4",children:"Middle content"}),a.jsx("div",{className:"h-16 bg-white/20 rounded flex items-center px-4 scroll-mb-8",children:"Scroll margin bottom"})]})}),a.jsx("div",{className:"text-xs text-center text-gray-600 dark:text-gray-400",children:"scroll-smooth + scroll margins for smooth scrolling with offsets"})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Scroll Snap & Touch Actions",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Advanced scrolling and touch interaction controls"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Scroll Snap"}),a.jsx("div",{className:"h-32 bg-light-dark rounded overflow-x-auto snap-x snap-mandatory",children:a.jsxs("div",{className:"flex gap-4 p-4",children:[a.jsx("div",{className:"w-32 h-24 bg-brand rounded shrink-0 snap-center flex items-center justify-center text-white font-medium",children:"Snap 1"}),a.jsx("div",{className:"w-32 h-24 bg-green-500 rounded shrink-0 snap-center flex items-center justify-center text-white font-medium",children:"Snap 2"}),a.jsx("div",{className:"w-32 h-24 bg-blue-500 rounded shrink-0 snap-center flex items-center justify-center text-white font-medium",children:"Snap 3"})]})}),a.jsx("div",{className:"text-xs text-center",children:"snap-x snap-mandatory snap-center"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Touch Actions"}),a.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[a.jsx("div",{className:"w-full h-16 bg-purple-500 rounded touch-none flex items-center justify-center text-white text-xs font-medium",children:"None"}),a.jsx("div",{className:"w-full h-16 bg-pink-500 rounded touch-pan-x flex items-center justify-center text-white text-xs font-medium",children:"Pan X"}),a.jsx("div",{className:"w-full h-16 bg-indigo-500 rounded touch-pinch-zoom flex items-center justify-center text-white text-xs font-medium",children:"Pinch"}),a.jsx("div",{className:"w-full h-16 bg-cyan-500 rounded touch-manipulation flex items-center justify-center text-white text-xs font-medium",children:"Manip"})]}),a.jsx("div",{className:"text-xs text-center",children:"touch-none, touch-pan-x, touch-pinch-zoom, touch-manipulation"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"User Selection & Appearance",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control text selection and form appearance"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"p-3 bg-light-dark rounded select-none",children:a.jsx(O,{tag:"p",className:"text-sm",children:"Cannot select this text"})}),a.jsx("div",{className:"p-3 bg-light-dark rounded select-text",children:a.jsx(O,{tag:"p",className:"text-sm",children:"Can select this text"})}),a.jsx("div",{className:"p-3 bg-light-dark rounded select-all",children:a.jsx(O,{tag:"p",className:"text-sm",children:"Select all on click"})}),a.jsxs("div",{className:"p-3 bg-light-dark rounded appearance-none",children:[a.jsx("input",{type:"checkbox",className:"mr-2"}),a.jsx(O,{tag:"span",className:"text-sm",children:"Custom styled"})]})]}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4 text-xs text-center mt-2",children:[a.jsx("div",{children:"select-none"}),a.jsx("div",{children:"select-text"}),a.jsx("div",{children:"select-all"}),a.jsx("div",{children:"appearance-none"})]})]})})})]})]})}function $le(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Tailwind v4 Layout Utilities",description:"Complete collection of Tailwind CSS v4 layout utilities working seamlessly in tucu-ui. All utilities are automatically included using @source directives.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.LayoutGrid,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Layout Architecture"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Built with Tailwind CSS v4 @source directives for complete utility coverage"})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Layout Utilities"}),a.jsx(K,{children:a.jsx(ee,{title:"Aspect Ratio",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control the aspect ratio of elements"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"aspect-square bg-brand/20 border-2 border-brand/30 rounded-lg flex items-center justify-center p-2",children:a.jsx("span",{className:"text-xs font-medium",children:"aspect-square"})}),a.jsx("div",{className:"aspect-video bg-green-500/20 border-2 border-green-500/30 rounded-lg flex items-center justify-center p-2",children:a.jsx("span",{className:"text-xs font-medium",children:"aspect-video"})}),a.jsx("div",{className:"aspect-4/3 bg-blue-500/20 border-2 border-blue-500/30 rounded-lg flex items-center justify-center p-2",children:a.jsx("span",{className:"text-xs font-medium",children:"aspect-4/3"})}),a.jsx("div",{className:"aspect-16/9 bg-purple-500/20 border-2 border-purple-500/30 rounded-lg flex items-center justify-center p-2",children:a.jsx("span",{className:"text-xs font-medium",children:"aspect-16/9"})})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Object Fit",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control how content fits within its container"}),a.jsxs("div",{className:"grid grid-cols-2  gap-4",children:[a.jsxs("div",{className:"w-100 h-100 bg-gray-200 rounded mb-4",children:[a.jsx("img",{src:"https://marketplace.canva.com/MADaqpevv8c/1/thumbnail_large-1/canva-mountain-landscape-MADaqpevv8c.jpg",alt:"object-contain",className:"w-full h-full object-contain"}),a.jsx("div",{className:"text-xs text-center mt-1",children:"object-contain"})]}),a.jsxs("div",{className:"w-100 h-100 bg-gray-200 rounded mb-4",children:[a.jsx("img",{src:"https://marketplace.canva.com/MADaqpevv8c/1/thumbnail_large-1/canva-mountain-landscape-MADaqpevv8c.jpg",alt:"object-cover",className:"w-full h-full object-cover"}),a.jsx("div",{className:"text-xs text-center mt-1",children:"object-cover"})]}),a.jsxs("div",{className:"w-100 h-100 bg-gray-200 rounded mb-4",children:[a.jsx("img",{src:"https://marketplace.canva.com/MADaqpevv8c/1/thumbnail_large-1/canva-mountain-landscape-MADaqpevv8c.jpg",alt:"object-fill",className:"w-full h-full object-fill"}),a.jsx("div",{className:"text-xs text-center mt-1",children:"object-fill"})]}),a.jsxs("div",{className:"w-100 h-100 bg-gray-200 rounded mb-4",children:[a.jsx("img",{src:"https://marketplace.canva.com/MADaqpevv8c/1/thumbnail_large-1/canva-mountain-landscape-MADaqpevv8c.jpg",alt:"object-none",className:"w-full h-full object-none"}),a.jsx("div",{className:"text-xs text-center mt-1",children:"object-none"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Position & Display",children:a.jsx("div",{className:"space-y-4",children:a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsxs("div",{className:"relative w-16 h-16 bg-red-500/20 border rounded",children:[a.jsx("div",{className:"absolute top-0 left-0 w-4 h-4 bg-red-500 rounded"}),a.jsx("span",{className:"text-xs",children:"relative"})]}),a.jsx("div",{className:"w-16 h-16 bg-blue-500/20 border rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs",children:"flex"})}),a.jsx("div",{className:"w-16 h-16 bg-green-500/20 border rounded grid place-items-center",children:a.jsx("span",{className:"text-xs",children:"grid"})}),a.jsx("div",{className:"w-16 h-16 bg-purple-500/20 border rounded block",children:a.jsx("span",{className:"text-xs",children:"block"})})]})})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Flexbox & Grid"}),a.jsx(K,{children:a.jsx(ee,{title:"Flexbox Utilities",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"flex gap-2 p-4 bg-light-dark rounded",children:[a.jsx("div",{className:"flex-1 bg-brand/20 p-2 rounded text-center text-xs",children:"flex-1"}),a.jsx("div",{className:"flex-none bg-green-500/20 p-2 rounded text-center text-xs",children:"flex-none"}),a.jsx("div",{className:"flex-auto bg-blue-500/20 p-2 rounded text-center text-xs",children:"flex-auto"})]}),a.jsxs("div",{className:"flex flex-col gap-2 p-4 bg-light-dark rounded",children:[a.jsx("div",{className:"bg-red-500/20 p-2 rounded text-center text-xs",children:"flex-col"}),a.jsx("div",{className:"bg-yellow-500/20 p-2 rounded text-center text-xs",children:"item"}),a.jsx("div",{className:"bg-purple-500/20 p-2 rounded text-center text-xs",children:"item"})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Grid Utilities",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"grid grid-cols-3 gap-2 p-4 bg-light-dark rounded",children:[a.jsx("div",{className:"bg-brand/20 p-2 rounded text-center text-xs",children:"col-1"}),a.jsx("div",{className:"bg-green-500/20 p-2 rounded text-center text-xs",children:"col-2"}),a.jsx("div",{className:"bg-blue-500/20 p-2 rounded text-center text-xs",children:"col-3"})]}),a.jsxs("div",{className:"grid grid-cols-2 grid-rows-2 gap-2 p-4 bg-light-dark rounded h-24",children:[a.jsx("div",{className:"bg-red-500/20 p-2 rounded text-center text-xs",children:"1"}),a.jsx("div",{className:"bg-yellow-500/20 p-2 rounded text-center text-xs",children:"2"}),a.jsx("div",{className:"bg-purple-500/20 p-2 rounded text-center text-xs",children:"3"}),a.jsx("div",{className:"bg-pink-500/20 p-2 rounded text-center text-xs",children:"4"})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Spacing"}),a.jsx(K,{children:a.jsx(ee,{title:"Padding & Margin",children:a.jsx("div",{className:"space-y-4",children:a.jsxs("div",{className:"bg-light-dark p-4 rounded",children:[a.jsx("div",{className:"bg-brand/20 p-2 rounded mb-2",children:a.jsx("span",{className:"text-xs",children:"padding + margin"})}),a.jsx("div",{className:"bg-green-500/20 px-4 py-2 rounded",children:a.jsx("span",{className:"text-xs",children:"px-4 py-2"})})]})})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Sizing"}),a.jsx(K,{children:a.jsx(ee,{title:"Width & Height",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"flex gap-2",children:[a.jsx("div",{className:"w-16 h-16 bg-brand/20 rounded"}),a.jsx("div",{className:"w-20 h-20 bg-green-500/20 rounded"}),a.jsx("div",{className:"w-24 h-24 bg-blue-500/20 rounded"}),a.jsx("div",{className:"w-full h-12 bg-purple-500/20 rounded max-w-xs"})]}),a.jsx("div",{className:"text-xs text-gray-600 dark:text-gray-300",children:"w-16 h-16 | w-20 h-20 | w-24 h-24 | w-full h-12"})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Typography"}),a.jsx(K,{children:a.jsx(ee,{title:"Font Sizes & Weights",children:a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"text-xs",children:"text-xs - Extra small text"}),a.jsx("div",{className:"text-sm",children:"text-sm - Small text"}),a.jsx("div",{className:"text-base",children:"text-base - Base text"}),a.jsx("div",{className:"text-lg",children:"text-lg - Large text"}),a.jsx("div",{className:"text-xl",children:"text-xl - Extra large text"}),a.jsx("div",{className:"text-2xl font-bold",children:"text-2xl font-bold"})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Text Colors",children:a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"text-red-500",children:"text-red-500"}),a.jsx("div",{className:"text-green-500",children:"text-green-500"}),a.jsx("div",{className:"text-blue-500",children:"text-blue-500"}),a.jsx("div",{className:"text-brand",children:"text-brand"}),a.jsx("div",{className:"text-gray-900 dark:text-gray-100",children:"text-gray-900/100"})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Backgrounds"}),a.jsx(K,{children:a.jsxs(ee,{title:"Background Colors",children:[a.jsxs("div",{className:"grid grid-cols-4 gap-2",children:[a.jsx("div",{className:"w-16 h-16 bg-red-500 rounded"}),a.jsx("div",{className:"w-16 h-16 bg-green-500 rounded"}),a.jsx("div",{className:"w-16 h-16 bg-blue-500 rounded"}),a.jsx("div",{className:"w-16 h-16 bg-brand rounded"})]}),a.jsx("div",{className:"text-xs text-gray-600 dark:text-gray-300 mt-2",children:"bg-red-500 | bg-green-500 | bg-blue-500 | bg-brand"})]})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Borders"}),a.jsx(K,{children:a.jsxs(ee,{title:"Border Radius & Width",children:[a.jsxs("div",{className:"grid grid-cols-4 gap-4",children:[a.jsx("div",{className:"w-16 h-16 bg-gray-200 border border-gray-400 rounded-none"}),a.jsx("div",{className:"w-16 h-16 bg-gray-200 border border-gray-400 rounded"}),a.jsx("div",{className:"w-16 h-16 bg-gray-200 border-2 border-gray-400 rounded-lg"}),a.jsx("div",{className:"w-16 h-16 bg-gray-200 border-4 border-gray-400 rounded-full"})]}),a.jsx("div",{className:"text-xs text-gray-600 dark:text-gray-300 mt-2",children:"rounded-none | rounded | rounded-lg | rounded-full"})]})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Effects"}),a.jsx(K,{children:a.jsx(ee,{title:"Shadows & Opacity",children:a.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[a.jsx("div",{className:"w-20 h-20 bg-brand rounded shadow-sm flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white",children:"shadow-sm"})}),a.jsx("div",{className:"w-20 h-20 bg-green-500 rounded shadow-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white",children:"shadow-lg"})}),a.jsx("div",{className:"w-20 h-20 bg-blue-500 rounded shadow-xl flex items-center justify-center opacity-75",children:a.jsx("span",{className:"text-xs text-white",children:"opacity-75"})})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Filters"}),a.jsx(K,{children:a.jsxs(ee,{title:"Filter Effects",children:[a.jsxs("div",{className:"grid grid-cols-4 gap-4",children:[a.jsx("div",{className:"w-16 h-16 bg-brand rounded blur-sm"}),a.jsx("div",{className:"w-16 h-16 bg-green-500 rounded brightness-75"}),a.jsx("div",{className:"w-16 h-16 bg-blue-500 rounded contrast-125"}),a.jsx("div",{className:"w-16 h-16 bg-purple-500 rounded grayscale"})]}),a.jsx("div",{className:"text-xs text-gray-600 dark:text-gray-300 mt-2",children:"blur-sm | brightness-75 | contrast-125 | grayscale"})]})})]})]})]})}function Hle(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"SVG Utilities",description:"Complete guide to SVG styling utilities in Tailwind CSS v4. Master fill, stroke, and stroke width properties.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-gradient-to-br from-amber-500 via-yellow-500 to-orange-500 rounded-full flex items-center justify-center shadow-lg border border-amber-500/50",children:a.jsxs("svg",{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white",viewBox:"0 0 24 24",fill:"currentColor",children:[a.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2",fill:"none"}),a.jsx("path",{d:"M12 6v6l4 2"})]})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"SVG Styling & Presentation"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Specialized SVG utilities built with Tailwind CSS v4 @source directives"})]}),a.jsx(K,{children:a.jsx(ee,{title:"Fill Colors",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control SVG fill colors with semantic color utilities"}),a.jsxs("div",{className:"grid grid-cols-3 md:grid-cols-6 gap-4",children:[a.jsx("div",{className:"w-16 h-16 bg-light-dark rounded flex items-center justify-center",children:a.jsx("svg",{className:"w-8 h-8 fill-none",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2"})})}),a.jsx("div",{className:"w-16 h-16 bg-light-dark rounded flex items-center justify-center",children:a.jsx("svg",{className:"w-8 h-8 fill-current text-brand",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10"})})}),a.jsx("div",{className:"w-16 h-16 bg-light-dark rounded flex items-center justify-center",children:a.jsx("svg",{className:"w-8 h-8 fill-red-500",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10"})})}),a.jsx("div",{className:"w-16 h-16 bg-light-dark rounded flex items-center justify-center",children:a.jsx("svg",{className:"w-8 h-8 fill-green-500",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10"})})}),a.jsx("div",{className:"w-16 h-16 bg-light-dark rounded flex items-center justify-center",children:a.jsx("svg",{className:"w-8 h-8 fill-blue-500",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10"})})}),a.jsx("div",{className:"w-16 h-16 bg-light-dark rounded flex items-center justify-center",children:a.jsx("svg",{className:"w-8 h-8 fill-purple-500",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10"})})})]}),a.jsxs("div",{className:"grid grid-cols-3 md:grid-cols-6 gap-4 text-xs text-center mt-2",children:[a.jsx("div",{children:"fill-none"}),a.jsx("div",{children:"fill-current"}),a.jsx("div",{children:"fill-red-500"}),a.jsx("div",{children:"fill-green-500"}),a.jsx("div",{children:"fill-blue-500"}),a.jsx("div",{children:"fill-purple-500"})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Stroke Colors & Width",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control SVG stroke colors and thickness"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-6",children:[a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Stroke Colors"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("svg",{className:"w-12 h-12 stroke-none fill-brand",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10",fill:"none",stroke:"currentColor",strokeWidth:"2"})}),a.jsx("div",{className:"text-xs text-center",children:"stroke-none"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("svg",{className:"w-12 h-12 stroke-current text-brand fill-none",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10",fill:"none",stroke:"currentColor",strokeWidth:"2"})}),a.jsx("div",{className:"text-xs text-center",children:"stroke-current"})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Brand Colors"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("svg",{className:"w-12 h-12 stroke-brand fill-none",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10",fill:"none",stroke:"currentColor",strokeWidth:"2"})}),a.jsx("div",{className:"text-xs text-center",children:"stroke-brand"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("svg",{className:"w-12 h-12 stroke-red-500 fill-none",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10",fill:"none",stroke:"currentColor",strokeWidth:"2"})}),a.jsx("div",{className:"text-xs text-center",children:"stroke-red-500"})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Stroke Width"}),a.jsxs("div",{className:"space-y-3",children:[a.jsx("svg",{className:"w-12 h-12 stroke-brand stroke-1 fill-none",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10",fill:"none",stroke:"currentColor"})}),a.jsx("div",{className:"text-xs text-center",children:"stroke-1"})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx("svg",{className:"w-12 h-12 stroke-brand stroke-2 fill-none",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10",fill:"none",stroke:"currentColor"})}),a.jsx("div",{className:"text-xs text-center",children:"stroke-2"})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Combined Example"}),a.jsx("div",{className:"w-20 h-20 bg-light-dark rounded-lg flex items-center justify-center",children:a.jsx("svg",{className:"w-12 h-12 stroke-brand stroke-2 fill-brand/20",viewBox:"0 0 24 24",children:a.jsx("path",{d:"M12 2L15.09 8.26L22 9L17 14L18.18 21L12 17.77L5.82 21L7 14L2 9L8.91 8.26L12 2Z"})})}),a.jsx("div",{className:"text-xs text-center",children:"Star with fill-brand/20 + stroke-brand + stroke-2"})]})]})]})})})]})]})}function Ule(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Tables Utilities",description:"Complete guide to table styling utilities in Tailwind CSS v4. Master table layout, borders, and spacing.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-gradient-to-br from-emerald-500 via-green-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg border border-emerald-500/50",children:a.jsx(B.Table,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Table Layout & Styling"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Professional table utilities built with Tailwind CSS v4 @source directives"})]}),a.jsx(K,{children:a.jsx(ee,{title:"Border Collapse & Spacing",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control table border behavior and cell spacing"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Border Collapse"}),a.jsxs("table",{className:"border-collapse border border-gray-300 w-full",children:[a.jsx("thead",{children:a.jsxs("tr",{className:"bg-gray-50",children:[a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left",children:"Header 1"}),a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left",children:"Header 2"})]})}),a.jsx("tbody",{children:a.jsxs("tr",{children:[a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Cell 1"}),a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Cell 2"})]})})]}),a.jsx("div",{className:"text-xs text-center",children:"border-collapse"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Border Separate"}),a.jsxs("table",{className:"border-separate border-spacing-2 border border-gray-300 w-full",children:[a.jsx("thead",{children:a.jsxs("tr",{className:"bg-gray-50",children:[a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left",children:"Header 1"}),a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left",children:"Header 2"})]})}),a.jsx("tbody",{children:a.jsxs("tr",{children:[a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Cell 1"}),a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Cell 2"})]})})]}),a.jsx("div",{className:"text-xs text-center",children:"border-separate border-spacing-2"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Table Layout & Caption",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control table layout behavior and caption positioning"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Auto Layout"}),a.jsxs("table",{className:"table-auto border-collapse border border-gray-300 w-full",children:[a.jsx("caption",{className:"caption-top text-sm font-medium mb-2",children:"Table Caption (Top)"}),a.jsx("thead",{children:a.jsxs("tr",{className:"bg-gray-50",children:[a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left",children:"Column 1"}),a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left",children:"Column 2"}),a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left",children:"Column 3"})]})}),a.jsx("tbody",{children:a.jsxs("tr",{children:[a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Data 1"}),a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Data 2"}),a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Data 3"})]})})]}),a.jsx("div",{className:"text-xs text-center",children:"table-auto + caption-top"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Fixed Layout"}),a.jsxs("table",{className:"table-fixed border-collapse border border-gray-300 w-full",children:[a.jsx("caption",{className:"caption-bottom text-sm font-medium mt-2",children:"Table Caption (Bottom)"}),a.jsx("thead",{children:a.jsxs("tr",{className:"bg-gray-50",children:[a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left w-1/3",children:"Column 1"}),a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left w-1/3",children:"Column 2"}),a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left w-1/3",children:"Column 3"})]})}),a.jsx("tbody",{children:a.jsxs("tr",{children:[a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Fixed width"}),a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Fixed width"}),a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Fixed width"})]})})]}),a.jsx("div",{className:"text-xs text-center",children:"table-fixed + caption-bottom"})]})]})]})})})]})]})}function Wle(){const e=[{title:"Layout & Positioning",description:"Aspect ratio, display, position, z-index, and overflow utilities",icon:a.jsx(B.Layout,{className:"w-8 h-8"}),href:"/tailwind-utilities/layout-utilities",component:"LayoutUtilities"},{title:"Sizing",description:"Width, height, max/min dimensions with arbitrary values",icon:a.jsx(B.Move,{className:"w-8 h-8"}),href:"/tailwind-utilities/sizing",component:"SizingUtilities"},{title:"Spacing",description:"Padding, margin, gap utilities with responsive breakpoints",icon:a.jsx(B.ArrowUpDown,{className:"w-8 h-8"}),href:"/tailwind-utilities/spacing",component:"SpacingUtilities"},{title:"Typography",description:"Font families, sizes, weights, spacing, and text formatting",icon:a.jsx(B.Type,{className:"w-8 h-8"}),href:"/tailwind-utilities/typography",component:"TypographyUtilities"},{title:"Flexbox & Grid",description:"Complete flexbox and CSS Grid layout system",icon:a.jsx(B.Grid3X3,{className:"w-8 h-8"}),href:"/tailwind-utilities/flexbox-grid",component:"FlexboxGridUtilities"},{title:"Background",description:"Background colors, gradients, images, and positioning",icon:a.jsx(B.Image,{className:"w-8 h-8"}),href:"/tailwind-utilities/background",component:"BackgroundUtilities"},{title:"Borders",description:"Border radius, width, colors, styles, and outlines",icon:a.jsx(B.Square,{className:"w-8 h-8"}),href:"/tailwind-utilities/borders",component:"BordersUtilities"},{title:"Effects",description:"Shadows, opacity, blend modes, and visual effects",icon:a.jsx(B.Sparkles,{className:"w-8 h-8"}),href:"/tailwind-utilities/effects",component:"EffectsUtilities"},{title:"Filters",description:"CSS filters: blur, brightness, contrast, and more",icon:a.jsx(B.Filter,{className:"w-8 h-8"}),href:"/tailwind-utilities/filters",component:"FiltersUtilities"},{title:"Tables",description:"Table layout, border spacing, and display utilities",icon:a.jsx(B.Table,{className:"w-8 h-8"}),href:"/tailwind-utilities/tables",component:"TablesUtilities"},{title:"Transitions",description:"CSS transitions and animation properties",icon:a.jsx(B.Play,{className:"w-8 h-8"}),href:"/tailwind-utilities/transitions",component:"TransitionsAnimations"},{title:"Transforms",description:"CSS transforms: rotate, scale, translate, skew",icon:a.jsx(B.Move3D,{className:"w-8 h-8"}),href:"/tailwind-utilities/transforms",component:"TransformsUtilities"},{title:"Interactivity",description:"Cursors, pointers, scroll behavior, and user interactions",icon:a.jsx(B.MousePointerClick,{className:"w-8 h-8"}),href:"/tailwind-utilities/interactivity",component:"InteractivityUtilities"},{title:"SVG",description:"SVG fill, stroke, and stroke width utilities",icon:a.jsxs("svg",{className:"w-8 h-8",viewBox:"0 0 24 24",fill:"currentColor",children:[a.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2",fill:"none"}),a.jsx("path",{d:"M12 6v6l4 2"})]}),href:"/tailwind-utilities/svg",component:"SVGUtilities"},{title:"Accessibility",description:"Accessibility utilities and screen reader support",icon:a.jsx(B.Accessibility,{className:"w-8 h-8"}),href:"/tailwind-utilities/accessibility",component:"AccessibilityUtilities"}];return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Tailwind CSS v4",description:"Explore the complete Tailwind CSS v4 utility system integrated into tucu-ui. Every utility class is automatically available through our optimized @source directives, providing full design system coverage without bundle bloat.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:a.jsx(B.Wind,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Complete Utility Coverage"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-3xl mx-auto",children:"All Tailwind CSS v4 utilities are automatically included through our optimized @source directive system, ensuring zero configuration and full feature parity."})]}),a.jsx(K,{children:a.jsxs(ee,{title:"Implementation Status",className:"flex items-center gap-2",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-green-500"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"All 15 Tailwind utility categories fully implemented"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mt-6",children:[a.jsxs("div",{className:"p-4 bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg",children:[a.jsx(O,{tag:"p",className:"text-sm font-medium text-green-800 dark:text-green-200 mb-2",children:"✅ Layout & Positioning"}),a.jsx(O,{tag:"p",className:"text-xs text-green-700 dark:text-green-300",children:"Aspect ratio, display, position, overflow, z-index"})]}),a.jsxs("div",{className:"p-4 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg",children:[a.jsx(O,{tag:"p",className:"text-sm font-medium text-blue-800 dark:text-blue-200 mb-2",children:"✅ Flexbox & Grid"}),a.jsx(O,{tag:"p",className:"text-xs text-blue-700 dark:text-blue-300",children:"Complete layout system with all properties"})]}),a.jsxs("div",{className:"p-4 bg-purple-50 dark:bg-purple-900/20 border border-purple-200 dark:border-purple-800 rounded-lg",children:[a.jsx(O,{tag:"p",className:"text-sm font-medium text-purple-800 dark:text-purple-200 mb-2",children:"✅ Typography"}),a.jsx(O,{tag:"p",className:"text-xs text-purple-700 dark:text-purple-300",children:"Fonts, text formatting, and spacing"})]})]})]})})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Utility Categories"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Explore all available Tailwind CSS v4 utility categories with interactive examples and documentation"})]}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:e.map((t,r)=>a.jsx(K,{className:"group hover:shadow-lg transition-shadow",children:a.jsxs("div",{className:"p-6 flex flex-col justify-between",children:[a.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[a.jsx("div",{className:"p-2 bg-brand/10 dark:bg-brand/20 rounded-lg text-brand",children:t.icon}),a.jsx(O,{tag:"h3",className:"text-lg font-semibold",children:t.title})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300 mb-4",children:t.description}),a.jsx(he,{variant:"ghost",fullWidth:!0,className:"w-full group-hover:bg-brand group-hover:text-white transition-colors",onClick:()=>window.open(t.href,"_self"),children:a.jsxs("div",{className:"flex items-center gap-2",children:["Explore ",t.title,a.jsx(B.ArrowRight,{className:"w-4 h-4 ml-2"})]})})]})},r))})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Getting Started"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"All utilities are automatically available - just start using Tailwind classes in your components"})]}),a.jsx(K,{children:a.jsxs(ee,{title:"Quick Start",className:"flex items-center gap-2",children:[a.jsx(B.Zap,{className:"w-5 h-5 text-yellow-500"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"No configuration needed - all utilities are pre-included"}),a.jsxs("div",{className:"mt-6 space-y-4 w-full",children:[a.jsxs("div",{className:"p-4 bg-light-dark rounded-lg",children:[a.jsx(O,{tag:"p",className:"font-medium mb-2",children:"Basic Usage"}),a.jsx(_t,{expanded:!1,code:`<div className="flex items-center justify-center p-4 bg-brand text-white rounded-lg shadow-md">
+@import '@e-burgos/tucu-ui/styles';`})]})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"font-semibold text-gray-900 dark:text-white",children:"2. Basic Usage"}),a.jsx(Ma,{variant:"info",dismissible:!1,children:a.jsx(O,{tag:"p",className:"text-sm",children:"This example shows how to use the Basic Usage. This implementation is ideal for apps that need a layout and navigation all in one place."})}),a.jsx(_t,{language:"tsx",code:wE})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"font-semibold text-gray-900 dark:text-white",children:"3. Basic Usage with Custom Router"}),a.jsx(Ma,{variant:"info",dismissible:!1,children:a.jsx(O,{tag:"p",className:"text-sm",children:"This example shows how to use the Basic Usage with Custom Router. This implementation is ideal for apps that need custom routes and layouts."})}),a.jsx(_t,{language:"tsx",code:jE})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"font-semibold text-gray-900 dark:text-white",children:"3. Live Demo"}),a.jsx("div",{className:"p-4 sm:p-6 bg-light-dark rounded-xl border border-gray-200 dark:border-gray-700",children:a.jsx(bE,{})})]})]})]})})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Architectural Patterns"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Choose between Standalone App (default) or Micro Frontends (MFE) patterns with conditional TypeScript support"})]}),a.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-6",children:[a.jsx(K,{children:a.jsx(ee,{title:"Standalone App Pattern",className:"mt-2 mb-6",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 to-cyan-500 shadow-lg",children:a.jsx(B.Package,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h4",className:"font-semibold",children:"Standalone App (Default)"})]}),a.jsx(Ma,{variant:"info",dismissible:!1,children:a.jsxs("div",{className:"space-y-2",children:[a.jsxs(O,{tag:"p",className:"text-sm",children:[a.jsx("strong",{children:"Default pattern"})," - Ideal for traditional single-page applications with automatic route generation from"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"menuItems"}),"."]}),a.jsxs("div",{className:"flex flex-wrap gap-2 mt-2",children:[a.jsx(it,{variant:"outline",color:"light-dark",children:"Default"}),a.jsx(it,{variant:"outline",color:"light-dark",children:"menuItems"}),a.jsx(it,{variant:"outline",color:"light-dark",children:"customRoutes"})]})]})}),a.jsxs("div",{className:"space-y-3",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 to-emerald-500 shadow-lg",children:a.jsx(B.Play,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h4",className:"font-semibold text-gray-900 dark:text-white",children:"Implementation Example"})]}),a.jsx(_t,{language:"tsx",code:Ole})]}),a.jsxs("div",{className:"p-4 bg-light-dark rounded-lg border border-gray-200 dark:border-gray-700",children:[a.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-green-500"}),a.jsx(O,{tag:"h5",className:"font-semibold text-sm",children:"When to Use"})]}),a.jsxs("ul",{className:"space-y-2 text-sm text-gray-600 dark:text-gray-400",children:[a.jsxs("li",{className:"flex items-start gap-2",children:[a.jsx(B.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),a.jsx("span",{children:"Building a traditional single-page application"})]}),a.jsxs("li",{className:"flex items-start gap-2",children:[a.jsx(B.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),a.jsx("span",{children:"All routes in one codebase"})]}),a.jsxs("li",{className:"flex items-start gap-2",children:[a.jsx(B.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),a.jsx("span",{children:"Need automatic route generation"})]}),a.jsxs("li",{className:"flex items-start gap-2",children:[a.jsx(B.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),a.jsx("span",{children:"Simple deployment model"})]})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Micro Frontends (MFE) Pattern",className:"mt-2 mb-6",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-indigo-500 to-purple-500 shadow-lg",children:a.jsx(B.Box,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h4",className:"font-semibold",children:"Micro Frontends (MFE)"})]}),a.jsx(Ma,{variant:"info",dismissible:!1,children:a.jsxs("div",{className:"space-y-2",children:[a.jsxs(O,{tag:"p",className:"text-sm",children:[a.jsx("strong",{children:"Advanced pattern"})," - For micro frontend architectures with explicit route configuration via"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"appRoutesConfig"})," ","and"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"basePath"}),"."]}),a.jsxs("div",{className:"flex flex-wrap gap-2 mt-2",children:[a.jsx(it,{variant:"outline",color:"light-dark",children:"MFE"}),a.jsx(it,{variant:"outline",color:"light-dark",children:"basePath"}),a.jsx(it,{variant:"outline",color:"light-dark",children:"appRoutesConfig"})]})]})}),a.jsxs("div",{className:"space-y-3",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 to-emerald-500 shadow-lg",children:a.jsx(B.Play,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h4",className:"font-semibold text-gray-900 dark:text-white",children:"Implementation Example"})]}),a.jsx(_t,{language:"tsx",code:Lle})]}),a.jsxs("div",{className:"p-4 bg-light-dark rounded-lg border border-gray-200 dark:border-gray-700",children:[a.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-green-500"}),a.jsx(O,{tag:"h5",className:"font-semibold text-sm",children:"When to Use"})]}),a.jsxs("ul",{className:"space-y-2 text-sm text-gray-600 dark:text-gray-400",children:[a.jsxs("li",{className:"flex items-start gap-2",children:[a.jsx(B.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),a.jsx("span",{children:"Micro frontend architecture"})]}),a.jsxs("li",{className:"flex items-start gap-2",children:[a.jsx(B.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),a.jsx("span",{children:"Multiple teams working independently"})]}),a.jsxs("li",{className:"flex items-start gap-2",children:[a.jsx(B.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),a.jsx("span",{children:"Need independent deployments"})]}),a.jsxs("li",{className:"flex items-start gap-2",children:[a.jsx(B.Circle,{className:"w-3 h-3 mt-1 shrink-0 fill-current"}),a.jsx("span",{children:"Require route isolation and access control"})]})]})]})]})})})]}),a.jsx(K,{children:a.jsx(ee,{title:"Conditional TypeScript Types",className:"mt-2 mb-2",children:a.jsxs("div",{className:"space-y-6",children:[a.jsx(O,{tag:"p",className:"text-base text-gray-600 dark:text-gray-300",children:"The ThemeProvider uses TypeScript discriminated unions to provide intelligent type checking based on your architectural pattern choice."}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs(K,{className:"p-4",children:[a.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 to-emerald-500 shadow-lg",children:a.jsx(B.Shield,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h4",className:"font-semibold",children:"Type Safety"})]}),a.jsxs(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["Props automatically change based on"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"architecturalPatterns"})," ","value. No invalid combinations possible."]})]}),a.jsxs(K,{className:"p-4",children:[a.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 to-cyan-500 shadow-lg",children:a.jsx(B.Lightbulb,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h4",className:"font-semibold",children:"IntelliSense"})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Your IDE automatically shows only relevant props and hides irrelevant ones based on pattern selection."})]}),a.jsxs(K,{className:"p-4",children:[a.jsxs("div",{className:"flex items-center gap-2 mb-3",children:[a.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-orange-500 to-amber-500 shadow-lg",children:a.jsx(B.AlertCircle,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h4",className:"font-semibold",children:"Compile-Time"})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Errors are caught during compilation, not at runtime. Prevents bugs before they happen."})]})]}),a.jsx("div",{className:"p-4 bg-light-dark rounded-lg border border-gray-200 dark:border-gray-700",children:a.jsxs("div",{className:"flex items-start gap-3",children:[a.jsx("div",{className:"p-1.5 rounded-lg bg-linear-to-br from-indigo-500 to-purple-500 shadow-lg",children:a.jsx(B.Info,{className:"w-4 h-4 text-white filter drop-shadow-sm shrink-0"})}),a.jsxs("div",{children:[a.jsx(O,{tag:"p",className:"text-sm font-semibold mb-2",children:"How It Works"}),a.jsxs(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["When you set"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:'architecturalPatterns="mfe"'}),", TypeScript requires"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"basePath"})," ","and"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"appRoutesConfig"}),". With the default Standalone App pattern, TypeScript requires"," ",a.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"menuItems"})," ","instead. This is powered by TypeScript discriminated unions."]})]})]})})]})})})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Component Overview"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Explore our comprehensive collection of components organized by category"})]}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4 sm:gap-6",children:[{icon:a.jsx(B.Layout,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Layout Systems",description:"Three layouts: Admin, Horizontal, Clean with routing",count:"3",bgColor:"bg-gradient-to-br from-blue-500 to-cyan-500 shadow-lg"},{icon:a.jsx(B.Palette,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Theming",description:"12-layer color system with 34+ presets and settings",count:"34+",bgColor:"bg-gradient-to-br from-purple-500 to-violet-500 shadow-lg"},{icon:a.jsx(B.FileText,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Form System",description:"React Hook Form integration with 18+ components",count:"18+",bgColor:"bg-gradient-to-br from-green-500 to-emerald-500 shadow-lg"},{icon:a.jsx(B.Navigation,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Navigation",description:"Menus, tabs, breadcrumbs, anchor links, routing",count:"10+",bgColor:"bg-gradient-to-br from-teal-500 to-cyan-500 shadow-lg"},{icon:a.jsx(B.MessageCircle,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Feedback",description:"Alerts, modals, notifications, toasts, loaders",count:"12+",bgColor:"bg-gradient-to-br from-orange-500 to-amber-500 shadow-lg"},{icon:a.jsx(B.BarChart,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Data Display",description:"Tables, cards, lists, badges, avatars, stats",count:"15+",bgColor:"bg-gradient-to-br from-red-500 to-pink-500 shadow-lg"},{icon:a.jsx(B.MousePointer,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Interactive",description:"Buttons, dropdowns, tooltips, accordions, carousels",count:"25+",bgColor:"bg-gradient-to-br from-indigo-500 to-purple-500 shadow-lg"},{icon:a.jsx(B.Coins,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Blockchain",description:"Web3 wallet connectors and DeFi components",count:"8+",bgColor:"bg-gradient-to-br from-emerald-500 to-green-500 shadow-lg"},{icon:a.jsx(B.Accessibility,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Accessibility",description:"ARIA attributes, keyboard nav, screen reader support",count:"Built-in",bgColor:"bg-gradient-to-br from-cyan-500 to-blue-500 shadow-lg"},{icon:a.jsx(B.Sparkles,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Hooks & Utils",description:"Custom hooks, theme utilities, helper functions",count:"25+",bgColor:"bg-gradient-to-br from-pink-500 to-rose-500 shadow-lg"},{icon:a.jsx(B.Box,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Containers",description:"Cards, panels, sections, grid layouts, dividers",count:"12+",bgColor:"bg-gradient-to-br from-violet-500 to-purple-500 shadow-lg"},{icon:a.jsx(B.Type,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Typography",description:"Text components, headings, code blocks, links",count:"8+",bgColor:"bg-gradient-to-br from-amber-500 to-orange-500 shadow-lg"}].map((t,r)=>a.jsx(K,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1 cursor-pointer",children:a.jsxs("div",{className:"w-full space-y-4 text-center",children:[a.jsx("div",{className:`w-16 h-16 mx-auto rounded-xl ${t.bgColor} flex items-center justify-center group-hover:scale-110 transition-transform duration-200`,children:t.icon}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex items-center justify-center gap-2",children:[a.jsx(O,{tag:"h4",className:"font-semibold",children:t.title}),a.jsx(it,{variant:"outline",className:"text-xs",children:t.count})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 leading-relaxed",children:t.description})]})]})},r))})]}),a.jsx("section",{children:a.jsx(K,{children:a.jsx(ee,{title:"What's Next?",className:"mt-2 mb-2 dark:border-current",children:a.jsx("div",{className:"flex items-start gap-4",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-gray-700 dark:text-gray-300",children:"Ready to dive deeper? Explore our comprehensive documentation to learn more about:"}),a.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[a.jsxs("ul",{className:"space-y-3",children:[a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"12-layer theming system with 34+ color presets and independent layer control"})]}),a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Three layout systems with integrated routing and menu generation"})]}),a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"React Hook Form integration with 18+ form components and validation"})]}),a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Component API with detailed props, examples, and live demos"})]})]}),a.jsxs("ul",{className:"space-y-3",children:[a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Accessibility features with WCAG 2.1 AA compliance and keyboard navigation"})]}),a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Design system principles with spacing, typography, and color guidelines"})]}),a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Granular theme configuration with persistent user preferences"})]}),a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Custom hooks and utilities for advanced use cases"})]})]})]}),a.jsxs("div",{className:"flex flex-wrap sm:flex-row gap-3 pt-2",children:[a.jsx(he,{size:"medium",children:a.jsx(De,{to:vr,target:"_blank",children:a.jsxs("div",{className:"flex justify-center items-center ",children:[a.jsx(B.BookOpen,{className:"w-4 h-4 mr-2"}),"Browse Documentation"]})})}),a.jsx(he,{variant:"ghost",size:"medium",children:a.jsx(De,{to:"/form-system",target:"_blank",children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(B.Code,{className:"w-4 h-4 mr-2"}),"View Examples"]})})})]})]})})})})})]})}function Ile(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Accessibility Utilities",description:"Essential accessibility utilities in Tailwind CSS v4 for inclusive web design and high contrast support.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-gradient-to-br from-slate-500 via-gray-500 to-zinc-500 rounded-full flex items-center justify-center shadow-lg border border-slate-500/50",children:a.jsx(B.Accessibility,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Inclusive Design & Accessibility"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Critical accessibility utilities built with Tailwind CSS v4 @source directives"})]}),a.jsx(K,{children:a.jsx(ee,{title:"Forced Color Adjustment",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control how elements adapt to high contrast and forced color modes"}),a.jsxs("div",{className:"space-y-6",children:[a.jsxs("div",{className:"p-4 bg-gradient-to-r from-brand to-blue-500 rounded-lg forced-color-adjust-auto",children:[a.jsx(O,{tag:"p",className:"text-white font-medium",children:"forced-color-adjust-auto"}),a.jsx(O,{tag:"p",className:"text-white/80 text-sm mt-1",children:"Element adapts to user's forced color preferences automatically"})]}),a.jsxs("div",{className:"p-4 bg-gradient-to-r from-green-500 to-purple-500 rounded-lg forced-color-adjust-none",children:[a.jsx(O,{tag:"p",className:"text-white font-medium",children:"forced-color-adjust-none"}),a.jsx(O,{tag:"p",className:"text-white/80 text-sm mt-1",children:"Element maintains its original colors even in high contrast mode"})]}),a.jsxs("div",{className:"p-4 bg-light-dark rounded-lg border border-gray-300 dark:border-gray-600",children:[a.jsx(O,{tag:"h4",className:"font-medium mb-2",children:"When to Use Each Value:"}),a.jsxs("div",{className:"space-y-2 text-sm",children:[a.jsxs("div",{children:[a.jsx("strong",{children:"forced-color-adjust-auto:"})," Use for most elements. Allows the browser to optimize colors for accessibility when users have high contrast mode enabled."]}),a.jsxs("div",{children:[a.jsx("strong",{children:"forced-color-adjust-none:"})," Use for brand-critical elements, icons, or when you need to preserve specific color relationships."]})]})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Browser Support & Usage",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Understanding forced colors mode and browser compatibility"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"What is Forced Colors Mode?"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"A browser feature that overrides website colors to ensure high contrast and accessibility. Used by:"}),a.jsxs("ul",{className:"text-sm text-gray-600 dark:text-gray-300 space-y-1 ml-4",children:[a.jsx("li",{children:"• Windows High Contrast Mode"}),a.jsx("li",{children:"• macOS Accessibility preferences"}),a.jsx("li",{children:"• Browser extensions"}),a.jsx("li",{children:"• User preference media queries"})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Browser Support"}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex items-center justify-between",children:[a.jsx("span",{className:"text-sm",children:"Chrome"}),a.jsx("span",{className:"text-xs bg-green-100 dark:bg-green-900 text-green-500 px-2 py-1 rounded",children:"Supported"})]}),a.jsxs("div",{className:"flex items-center justify-between",children:[a.jsx("span",{className:"text-sm",children:"Firefox"}),a.jsx("span",{className:"text-xs bg-green-100 dark:bg-green-900 text-green-500 px-2 py-1 rounded",children:"Supported"})]}),a.jsxs("div",{className:"flex items-center justify-between",children:[a.jsx("span",{className:"text-sm",children:"Safari"}),a.jsx("span",{className:"text-xs bg-green-100 dark:bg-green-900 text-green-500 px-2 py-1 rounded",children:"Supported"})]}),a.jsxs("div",{className:"flex items-center justify-between",children:[a.jsx("span",{className:"text-sm",children:"Edge"}),a.jsx("span",{className:"text-xs bg-green-100 dark:bg-green-900 text-green-500 px-2 py-1 rounded",children:"Supported"})]})]})]})]})]})})})]})]})}function zle(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Background Utilities",description:"Complete guide to background utilities in Tailwind CSS v4. Master background colors, images, gradients, and positioning.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-gradient-to-br from-brand via-blue-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.Image,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Background Architecture"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Comprehensive background utilities built with Tailwind CSS v4 @source directives"})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Background Attachment"}),a.jsx(K,{children:a.jsx(ee,{title:"Background Attachment",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control how background images scroll with content"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-32 bg-fixed bg-center bg-cover bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg border-2 border-gray-300 dark:border-gray-600 overflow-hidden",children:a.jsxs("div",{className:"h-64 p-4 bg-black/50 text-white",children:[a.jsx("p",{className:"text-sm",children:"Fixed attachment"}),a.jsx("p",{className:"text-xs opacity-75 mt-1",children:"Scroll to see effect"})]})}),a.jsx("div",{className:"text-xs text-center",children:"bg-fixed"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-32 bg-local bg-center bg-cover bg-gradient-to-r from-blue-500 to-purple-500 rounded-lg border-2 border-gray-300 dark:border-gray-600 overflow-hidden",children:a.jsxs("div",{className:"h-64 p-4 bg-black/50 text-white",children:[a.jsx("p",{className:"text-sm",children:"Local attachment"}),a.jsx("p",{className:"text-xs opacity-75 mt-1",children:"Scroll to see effect"})]})}),a.jsx("div",{className:"text-xs text-center",children:"bg-local"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-32 bg-scroll bg-center bg-cover bg-gradient-to-r from-green-500 to-teal-500 rounded-lg border-2 border-gray-300 dark:border-gray-600 overflow-hidden",children:a.jsxs("div",{className:"h-64 p-4 bg-black/50 text-white",children:[a.jsx("p",{className:"text-sm",children:"Scroll attachment"}),a.jsx("p",{className:"text-xs opacity-75 mt-1",children:"Scroll to see effect"})]})}),a.jsx("div",{className:"text-xs text-center",children:"bg-scroll"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Background Clip"}),a.jsx(K,{children:a.jsx(ee,{title:"Background Clip",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control how background extends beneath borders and padding"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 border-4 border-brand bg-clip-border bg-gradient-to-r from-brand to-blue-500 rounded-lg text-white",children:a.jsx("div",{className:"bg-black/80 p-2 rounded",children:"Background extends to border"})}),a.jsx("div",{className:"text-xs text-center",children:"bg-clip-border"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 border-4 border-brand bg-clip-padding bg-gradient-to-r from-brand to-blue-500 rounded-lg text-white",children:a.jsx("div",{className:"bg-black/80 p-2 rounded",children:"Background stops at padding"})}),a.jsx("div",{className:"text-xs text-center",children:"bg-clip-padding"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 border-4 border-brand bg-clip-content bg-gradient-to-r from-brand to-blue-500 rounded-lg text-white",children:a.jsx("div",{className:"bg-black/80 p-2 rounded",children:"Background only on content"})}),a.jsx("div",{className:"text-xs text-center",children:"bg-clip-content"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 border-4 border-brand bg-clip-text bg-gradient-to-r from-brand to-blue-500 rounded-lg text-transparent",children:a.jsx("div",{className:"bg-black/80 p-2 rounded",children:"Text gradient effect"})}),a.jsx("div",{className:"text-xs text-center",children:"bg-clip-text"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Background Colors"}),a.jsx(K,{children:a.jsx(ee,{title:"Background Colors",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Solid background colors and brand variations"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"w-full h-16 bg-red-500 rounded flex items-center justify-center text-white text-xs font-medium",children:"bg-red-500"}),a.jsx("div",{className:"w-full h-16 bg-blue-500 rounded flex items-center justify-center text-white text-xs font-medium",children:"bg-blue-500"}),a.jsx("div",{className:"w-full h-16 bg-green-500 rounded flex items-center justify-center text-white text-xs font-medium",children:"bg-green-500"}),a.jsx("div",{className:"w-full h-16 bg-yellow-500 rounded flex items-center justify-center text-black text-xs font-medium",children:"bg-yellow-500"}),a.jsx("div",{className:"w-full h-16 bg-brand rounded flex items-center justify-center text-white text-xs font-medium",children:"bg-brand"}),a.jsx("div",{className:"w-full h-16 bg-brand/80 rounded flex items-center justify-center text-white text-xs font-medium",children:"bg-brand/80"}),a.jsx("div",{className:"w-full h-16 bg-brand/50 rounded flex items-center justify-center text-black text-xs font-medium",children:"bg-brand/50"}),a.jsx("div",{className:"w-full h-16 bg-brand/20 rounded flex items-center justify-center text-black text-xs font-medium",children:"bg-brand/20"})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Background Gradients"}),a.jsx(K,{children:a.jsx(ee,{title:"Gradient Directions",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Linear gradient directions"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"w-full h-20 bg-gradient-to-t from-brand to-blue-500 rounded flex items-end justify-center pb-2 text-white text-xs font-medium",children:"to-t"}),a.jsx("div",{className:"w-full h-20 bg-gradient-to-r from-brand to-blue-500 rounded flex items-center justify-start pl-2 text-white text-xs font-medium",children:"to-r"}),a.jsx("div",{className:"w-full h-20 bg-gradient-to-b from-brand to-blue-500 rounded flex items-start justify-center pt-2 text-white text-xs font-medium",children:"to-b"}),a.jsx("div",{className:"w-full h-20 bg-gradient-to-l from-brand to-blue-500 rounded flex items-center justify-end pr-2 text-white text-xs font-medium",children:"to-l"}),a.jsx("div",{className:"w-full h-20 bg-gradient-to-tr from-brand to-blue-500 rounded flex items-start justify-start p-2 text-white text-xs font-medium",children:"to-tr"}),a.jsx("div",{className:"w-full h-20 bg-gradient-to-br from-brand to-blue-500 rounded flex items-end justify-start p-2 text-white text-xs font-medium",children:"to-br"}),a.jsx("div",{className:"w-full h-20 bg-gradient-to-bl from-brand to-blue-500 rounded flex items-end justify-end p-2 text-white text-xs font-medium",children:"to-bl"}),a.jsx("div",{className:"w-full h-20 bg-gradient-to-tl from-brand to-blue-500 rounded flex items-start justify-end p-2 text-white text-xs font-medium",children:"to-tl"})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Complex Gradients",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Multi-stop and via gradients"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsx("div",{className:"w-full h-20 bg-gradient-to-r from-brand via-purple-500 to-blue-500 rounded flex items-center justify-center text-white text-sm font-medium",children:"from-brand via-purple-500 to-blue-500"}),a.jsx("div",{className:"w-full h-20 bg-gradient-to-r from-red-500 via-yellow-500 via-green-500 to-blue-500 rounded flex items-center justify-center text-white text-sm font-medium",children:"Multi-stop gradient"})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Background Position"}),a.jsx(K,{children:a.jsx(ee,{title:"Background Position",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control background image positioning"}),a.jsxs("div",{className:"grid grid-cols-3 md:grid-cols-5 gap-4",children:[a.jsx("div",{className:"w-20 h-20 bg-center bg-contain bg-no-repeat bg-red-500 rounded border-2 border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full"})}),a.jsx("div",{className:"w-20 h-20 bg-top bg-contain bg-no-repeat bg-green-500 rounded border-2 border-gray-300 dark:border-gray-600 flex items-start justify-center pt-1",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full"})}),a.jsx("div",{className:"w-20 h-20 bg-bottom bg-contain bg-no-repeat bg-blue-500 rounded border-2 border-gray-300 dark:border-gray-600 flex items-end justify-center pb-1",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full"})}),a.jsx("div",{className:"w-20 h-20 bg-left bg-contain bg-no-repeat bg-purple-500 rounded border-2 border-gray-300 dark:border-gray-600 flex items-center justify-start pl-1",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full"})}),a.jsx("div",{className:"w-20 h-20 bg-right bg-contain bg-no-repeat bg-yellow-500 rounded border-2 border-gray-300 dark:border-gray-600 flex items-center justify-end pr-1",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full"})})]}),a.jsxs("div",{className:"grid grid-cols-3 md:grid-cols-5 gap-4 text-xs text-center",children:[a.jsx("div",{children:"bg-center"}),a.jsx("div",{children:"bg-top"}),a.jsx("div",{children:"bg-bottom"}),a.jsx("div",{children:"bg-left"}),a.jsx("div",{children:"bg-right"})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Background Repeat"}),a.jsx(K,{children:a.jsx(ee,{title:"Background Repeat",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control how background images repeat"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-20 bg-repeat bg-center bg-auto rounded border-2 border-gray-300 dark:border-gray-600",style:{backgroundImage:'url("https://plus.unsplash.com/premium_photo-1709579654090-3f3ca8f8416b?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8bmF0dXJhbGV6YSUyMHBhaXNhamV8ZW58MHx8MHx8fDA%3D&fm=jpg&q=60&w=3000")'}}),a.jsx("div",{className:"text-xs text-center",children:"bg-repeat"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-20 bg-no-repeat bg-center bg-auto rounded border-2 border-gray-300 dark:border-gray-600",style:{backgroundImage:'url("https://plus.unsplash.com/premium_photo-1709579654090-3f3ca8f8416b?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8bmF0dXJhbGV6YSUyMHBhaXNhamV8ZW58MHx8MHx8fDA%3D&fm=jpg&q=60&w=3000")'}}),a.jsx("div",{className:"text-xs text-center",children:"bg-no-repeat"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-20 bg-repeat-x bg-center bg-auto rounded border-2 border-gray-300 dark:border-gray-600",style:{backgroundImage:'url("https://plus.unsplash.com/premium_photo-1709579654090-3f3ca8f8416b?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8bmF0dXJhbGV6YSUyMHBhaXNhamV8ZW58MHx8MHx8fDA%3D&fm=jpg&q=60&w=3000")'}}),a.jsx("div",{className:"text-xs text-center",children:"bg-repeat-x"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-20 bg-repeat-y bg-center bg-auto rounded border-2 border-gray-300 dark:border-gray-600",style:{backgroundImage:'url("https://plus.unsplash.com/premium_photo-1709579654090-3f3ca8f8416b?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8bmF0dXJhbGV6YSUyMHBhaXNhamV8ZW58MHx8MHx8fDA%3D&fm=jpg&q=60&w=3000")'}}),a.jsx("div",{className:"text-xs text-center",children:"bg-repeat-y"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Background Size"}),a.jsx(K,{children:a.jsx(ee,{title:"Background Size",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control background image sizing"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-20 bg-auto bg-center bg-no-repeat rounded border-2 border-gray-300 dark:border-gray-600",style:{backgroundImage:'url("https://plus.unsplash.com/premium_photo-1709579654090-3f3ca8f8416b?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8bmF0dXJhbGV6YSUyMHBhaXNhamV8ZW58MHx8MHx8fDA%3D&fm=jpg&q=60&w=3000")'}}),a.jsx("div",{className:"text-xs text-center",children:"bg-auto"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-20 bg-cover bg-center bg-no-repeat rounded border-2 border-gray-300 dark:border-gray-600",style:{backgroundImage:'url("https://plus.unsplash.com/premium_photo-1709579654090-3f3ca8f8416b?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8bmF0dXJhbGV6YSUyMHBhaXNhamV8ZW58MHx8MHx8fDA%3D&fm=jpg&q=60&w=3000")'}}),a.jsx("div",{className:"text-xs text-center",children:"bg-cover"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"h-20 bg-contain bg-center bg-no-repeat rounded border-2 border-gray-300 dark:border-gray-600",style:{backgroundImage:'url("https://plus.unsplash.com/premium_photo-1709579654090-3f3ca8f8416b?ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8bmF0dXJhbGV6YSUyMHBhaXNhamV8ZW58MHx8MHx8fDA%3D&fm=jpg&q=60&w=3000")'}}),a.jsx("div",{className:"text-xs text-center",children:"bg-contain"})]})]})]})})})]})]})]})}function Vle(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Borders Utilities",description:"Complete guide to border and outline utilities in Tailwind CSS v4. Master border radius, width, colors, styles, and outline properties.",githubButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-gradient-to-br from-blue-500 via-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:a.jsx("div",{className:"w-16 h-16 bg-white/20 rounded-lg border-4 border-white/60 flex items-center justify-center",children:a.jsx("div",{className:"w-8 h-8 bg-white/40 rounded border-2 border-white/80"})})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Border & Outline Styling"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Professional border and outline utilities built with Tailwind CSS v4 @source directives"})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Border Radius"}),a.jsx(K,{children:a.jsx(ee,{title:"Border Radius Sizes",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control corner rounding with different radius sizes"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-brand flex items-center justify-center rounded-none",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"rounded-none"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-green-500 flex items-center justify-center rounded-sm",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"rounded-sm"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-blue-500 flex items-center justify-center rounded",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"rounded"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-purple-500 flex items-center justify-center rounded-md",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"rounded-md"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-pink-500 flex items-center justify-center rounded-lg",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"rounded-lg"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-indigo-500 flex items-center justify-center rounded-xl",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"rounded-xl"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-red-500 flex items-center justify-center rounded-2xl",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"rounded-2xl"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-yellow-500 flex items-center justify-center rounded-full",children:a.jsx("span",{className:"text-xs text-black font-medium",children:"rounded-full"})})})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Directional Border Radius",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Apply radius to specific sides independently"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-gray-200 dark:bg-gray-700 flex items-center justify-center rounded-t-lg",children:a.jsx("span",{className:"text-xs font-medium",children:"rounded-t-lg"})}),a.jsx("div",{className:"text-xs text-center",children:"Top only"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-gray-200 dark:bg-gray-700 flex items-center justify-center rounded-r-lg",children:a.jsx("span",{className:"text-xs font-medium",children:"rounded-r-lg"})}),a.jsx("div",{className:"text-xs text-center",children:"Right only"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-gray-200 dark:bg-gray-700 flex items-center justify-center rounded-b-lg",children:a.jsx("span",{className:"text-xs font-medium",children:"rounded-b-lg"})}),a.jsx("div",{className:"text-xs text-center",children:"Bottom only"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-gray-200 dark:bg-gray-700 flex items-center justify-center rounded-l-lg",children:a.jsx("span",{className:"text-xs font-medium",children:"rounded-l-lg"})}),a.jsx("div",{className:"text-xs text-center",children:"Left only"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Border Width"}),a.jsx(K,{children:a.jsx(ee,{title:"Border Width Sizes",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control border thickness with different width values"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-0 flex items-center justify-center border-gray-400",children:a.jsx("span",{className:"text-xs font-medium",children:"border-0"})}),a.jsx("div",{className:"text-xs text-center",children:"No border"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-2 flex items-center justify-center border-brand",children:a.jsx("span",{className:"text-xs font-medium",children:"border-2"})}),a.jsx("div",{className:"text-xs text-center",children:"2px border"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-4 flex items-center justify-center border-green-500",children:a.jsx("span",{className:"text-xs font-medium",children:"border-4"})}),a.jsx("div",{className:"text-xs text-center",children:"4px border"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-8 flex items-center justify-center border-blue-500",children:a.jsx("span",{className:"text-xs font-medium",children:"border-8"})}),a.jsx("div",{className:"text-xs text-center",children:"8px border"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Directional Border Width",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Apply different border widths to specific sides"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-t-4 border-brand flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"border-t-4"})}),a.jsx("div",{className:"text-xs text-center",children:"Top border"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-r-4 border-green-500 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"border-r-4"})}),a.jsx("div",{className:"text-xs text-center",children:"Right border"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-b-4 border-blue-500 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"border-b-4"})}),a.jsx("div",{className:"text-xs text-center",children:"Bottom border"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-l-4 border-purple-500 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"border-l-4"})}),a.jsx("div",{className:"text-xs text-center",children:"Left border"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Border Colors"}),a.jsx(K,{children:a.jsx(ee,{title:"Border Color Palette",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Apply different colors to borders using semantic color utilities"}),a.jsxs("div",{className:"grid grid-cols-3 md:grid-cols-5 gap-4",children:[a.jsx("div",{className:"w-16 h-16 bg-white dark:bg-gray-800 border-4 border-brand rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium text-brand",children:"Brand"})}),a.jsx("div",{className:"w-16 h-16 bg-white dark:bg-gray-800 border-4 border-red-500 rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium text-red-500",children:"Red"})}),a.jsx("div",{className:"w-16 h-16 bg-white dark:bg-gray-800 border-4 border-green-500 rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium text-green-500",children:"Green"})}),a.jsx("div",{className:"w-16 h-16 bg-white dark:bg-gray-800 border-4 border-blue-500 rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium text-blue-500",children:"Blue"})}),a.jsx("div",{className:"w-16 h-16 bg-white dark:bg-gray-800 border-4 border-gray-400 rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium text-gray-600 dark:text-gray-300",children:"Gray"})})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Border Styles"}),a.jsx(K,{children:a.jsx(ee,{title:"Border Style Types",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Different border appearance styles beyond solid lines"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-4 border-solid border-brand flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"border-solid"})}),a.jsx("div",{className:"text-xs text-center",children:"Solid"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-4 border-dashed border-green-500 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"border-dashed"})}),a.jsx("div",{className:"text-xs text-center",children:"Dashed"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-4 border-dotted border-blue-500 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"border-dotted"})}),a.jsx("div",{className:"text-xs text-center",children:"Dotted"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 border-4 border-double border-purple-500 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"border-double"})}),a.jsx("div",{className:"text-xs text-center",children:"Double"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Outline Properties"}),a.jsx(K,{children:a.jsx(ee,{title:"Outline Width & Color",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Outline properties provide focus indicators without affecting layout"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("button",{className:"w-full h-16 bg-white dark:bg-gray-800 outline-2 outline-brand rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"outline-2"})}),a.jsx("div",{className:"text-xs text-center",children:"2px outline"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("button",{className:"w-full h-16 bg-white dark:bg-gray-800 outline-4 outline-green-500 rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"outline-4"})}),a.jsx("div",{className:"text-xs text-center",children:"4px outline"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("button",{className:"w-full h-16 bg-white dark:bg-gray-800 outline-8 outline-blue-500 rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"outline-8"})}),a.jsx("div",{className:"text-xs text-center",children:"8px outline"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("button",{className:"w-full h-16 bg-white dark:bg-gray-800 outline-none rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"outline-none"})}),a.jsx("div",{className:"text-xs text-center",children:"No outline"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Outline Styles & Offset",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Different outline styles and offset positioning"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Outline Styles"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("button",{className:"w-full h-12 bg-white dark:bg-gray-800 outline-2 outline-solid outline-brand rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"outline-solid"})}),a.jsx("button",{className:"w-full h-12 bg-white dark:bg-gray-800 outline-2 outline-dashed outline-green-500 rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"outline-dashed"})}),a.jsx("button",{className:"w-full h-12 bg-white dark:bg-gray-800 outline-2 outline-dotted outline-blue-500 rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"outline-dotted"})})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Outline Offset"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("button",{className:"w-full h-12 bg-white dark:bg-gray-800 outline-2 outline-brand outline-offset-0 rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"offset-0"})}),a.jsx("button",{className:"w-full h-12 bg-white dark:bg-gray-800 outline-2 outline-green-500 outline-offset-2 rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"offset-2"})}),a.jsx("button",{className:"w-full h-12 bg-white dark:bg-gray-800 outline-2 outline-blue-500 outline-offset-4 rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"offset-4"})})]})]})]})]})})})]})]})]})}function Rle(){const e=[{name:"Neutrals",colors:["slate","gray","zinc","neutral","stone"],description:"Perfect for backgrounds, borders, and text"},{name:"Reds & Pinks",colors:["red","rose","pink","fuchsia"],description:"Ideal for errors, warnings, and highlights"},{name:"Blues & Cyans",colors:["blue","sky","cyan","indigo","violet"],description:"Great for primary actions and information"},{name:"Greens & Teals",colors:["green","emerald","teal","lime"],description:"Perfect for success states and nature themes"},{name:"Warm Colors",colors:["orange","amber","yellow"],description:"Excellent for warnings and attention-grabbing elements"},{name:"Purples",colors:["purple","violet"],description:"Creative and premium feeling colors"}],t=[{name:"Brand",class:"bg-brand",textClass:"text-brand",description:"Main brand color"},{name:"Gray (Secondary)",class:"bg-gray-500",textClass:"text-gray-500",description:"Secondary actions color"},{name:"Emerald (Success)",class:"bg-emerald-500",textClass:"text-emerald-500",description:"Positive actions"},{name:"Orange (Warning)",class:"bg-orange-500",textClass:"text-orange-500",description:"Caution states"},{name:"Red (Error)",class:"bg-red-500",textClass:"text-red-500",description:"Error states"},{name:"Cyan (Information)",class:"bg-cyan-500",textClass:"text-cyan-500",description:"Information"},{name:"Body",class:"bg-body",textClass:"text-body",description:"Background color"},{name:"Dark",class:"bg-dark",textClass:"text-dark",description:"Dark mode background"},{name:"Light Dark",class:"bg-light-dark",textClass:"text-light-dark",description:"Light dark mode background"},{name:"Sidebar Body",class:"bg-sidebar-body",textClass:"text-sidebar-body",description:"Sidebar background"},{name:"White",class:"bg-white",textClass:"text-white",description:"White color"},{name:"Black",class:"bg-black",textClass:"text-black",description:"Black color"},{name:"Blue",class:"bg-blue-500",textClass:"text-blue-500",description:"Blue color"},{name:"Rose",class:"bg-rose-500",textClass:"text-rose-500",description:"Rose color"},{name:"Pink",class:"bg-pink-500",textClass:"text-pink-500",description:"Pink color"},{name:"Fuchsia",class:"bg-fuchsia-500",textClass:"text-fuchsia-500",description:"Fuchsia color"},{name:"Indigo",class:"bg-indigo-500",textClass:"text-indigo-500",description:"Indigo color"},{name:"Violet",class:"bg-violet-500",textClass:"text-violet-500",description:"Violet color"},{name:"Cyan",class:"bg-cyan-500",textClass:"text-cyan-500",description:"Cyan color"},{name:"Sky",class:"bg-sky-500",textClass:"text-sky-500",description:"Sky color"},{name:"Teal",class:"bg-teal-500",textClass:"text-teal-500",description:"Teal color"}],r=[{name:"Sunset",classes:"from-orange-400 via-pink-500 to-purple-600"},{name:"Ocean",classes:"from-blue-400 via-cyan-500 to-teal-600"},{name:"Forest",classes:"from-green-400 via-emerald-500 to-teal-600"},{name:"Royal",classes:"from-purple-400 via-violet-500 to-indigo-600"},{name:"Fire",classes:"from-red-400 via-orange-500 to-yellow-600"},{name:"Mint",classes:"from-cyan-400 via-teal-500 to-emerald-600"},{name:"Brand",classes:"from-brand via-brand/20 to-brand/10"},{name:"Steel",classes:"from-gray-500 via-gray-600 to-gray-900"},{name:"Emerald",classes:"from-emerald-500 via-emerald-600 to-emerald-900"}],n=[10,20,30,40,50,60,70,80,90,100];return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Color System",description:"Explore our comprehensive color palette with 22 color families, 11 shades each, semantic colors, gradients, and opacity variations. Built with modern OKLCH color space for better accuracy and accessibility.",githubButton:!0,getStartedButton:!0,docsButton:"design-system",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.Palette,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Semantic Colors"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Predefined semantic colors for consistent UI patterns"})]}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:t.map((i,s)=>a.jsx(K,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:a.jsxs("div",{className:"w-full space-y-4",children:[a.jsxs("div",{className:"flex items-center gap-4",children:[a.jsx("div",{className:`w-12 h-12 rounded-xl ${i.class} group-hover:scale-110 transition-all duration-300 shadow-lg`}),a.jsxs("div",{children:[a.jsx(O,{tag:"h3",className:`font-semibold text-lg ${i.textClass} group-hover:scale-105 transition-all duration-300`,children:i.name}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:i.description})]})]}),a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(it,{variant:"outline",className:"text-xs",children:i.class}),a.jsx(it,{variant:"outline",className:"text-xs",children:i.textClass})]})]})},s))})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Color Palettes"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Explore our comprehensive color system with 22 color families"})]}),a.jsx("div",{className:"space-y-12",children:e.map((i,s)=>a.jsx(K,{className:"overflow-hidden mb-8",children:a.jsxs(ee,{title:i.name,className:"mb-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-6",children:i.description}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5 gap-4",children:i.colors.map((o,l)=>a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"h4",className:"font-semibold text-sm capitalize",children:o}),a.jsx("div",{className:"space-y-1",children:[50,100,200,300,400,500,600,700,800,900,950].map(c=>a.jsxs("div",{className:`h-8 rounded-md bg-${o}-${c} border border-gray-200 dark:border-gray-700 flex items-center justify-between px-2 group hover:scale-105 transition-transform duration-200`,children:[a.jsx("span",{className:"text-xs font-mono text-gray-600 dark:text-gray-400",children:c}),a.jsxs("span",{className:"text-xs font-mono text-gray-500 dark:text-gray-500 opacity-0 group-hover:opacity-100 transition-opacity",children:[o,"-",c]})]},c))})]},l))})]})},s))})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Gradient Combinations"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Beautiful gradient combinations for modern UI designs"})]}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:r.map((i,s)=>a.jsx(K,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1 overflow-hidden",children:a.jsxs("div",{className:"w-full space-y-4",children:[a.jsx("div",{className:`h-24 rounded-lg bg-gradient-to-r ${i.classes} group-hover:scale-105 transition-transform duration-300`}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:i.name}),a.jsx(it,{variant:"outline",className:"text-xs overflow-hidden text-ellipsis whitespace-wrap font-mono max-w-full h-10 px-2 py-2",children:i.classes})]})]})},s))})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Opacity Variations"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Explore opacity levels from 10% to 100% for layered designs"})]}),a.jsx(K,{className:"overflow-hidden",children:a.jsx(ee,{title:"Opacity Scale",className:"mb-4",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"h4",className:"font-semibold text-sm capitalize",children:"Brand opacity scale"}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-2",children:n.map((i,s)=>a.jsx("div",{className:`h-12 rounded-md bg-brand/${i} border border-gray-200 dark:border-gray-700 flex items-center justify-center group hover:scale-105 transition-transform duration-200`,children:a.jsxs("span",{className:"text-xs font-mono text-gray-600 dark:text-gray-400 opacity-0 group-hover:opacity-100 transition-opacity",children:[i,"%"]})},s))})]}),["blue","red","green","purple","orange","indigo","violet","fuchsia","pink","rose","gray","zinc","neutral","stone"].map((i,s)=>a.jsxs("div",{className:"space-y-2",children:[a.jsxs(O,{tag:"h4",className:"font-semibold text-sm capitalize",children:[i," opacity scale"]}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-2",children:n.map((o,l)=>a.jsx("div",{className:`h-12 rounded-md bg-${i}-500/${o} border border-gray-200 dark:border-gray-700 flex items-center justify-center group hover:scale-105 transition-transform duration-200`,children:a.jsxs("span",{className:"text-xs font-mono text-gray-600 dark:text-gray-400 opacity-0 group-hover:opacity-100 transition-opacity",children:[o,"%"]})},l))})]},s))]})})})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Usage Examples"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"See how colors work in real components and applications"})]}),a.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-8",children:[a.jsx(K,{children:a.jsx(ee,{title:"Button Variants",className:"mb-4",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"flex flex-wrap gap-3",children:[a.jsx(he,{color:"primary",size:"medium",children:"Primary"}),a.jsx(he,{color:"gray",size:"medium",children:"Gray"}),a.jsx(he,{color:"success",size:"medium",children:"Success"}),a.jsx(he,{color:"warning",size:"medium",children:"Warning"}),a.jsx(he,{color:"danger",size:"medium",children:"Danger"}),a.jsx(he,{color:"info",size:"medium",children:"Info"})]}),a.jsxs("div",{className:"flex flex-wrap gap-3",children:[a.jsx(he,{variant:"ghost",color:"primary",size:"medium",children:"Ghost Primary"}),a.jsx(he,{variant:"ghost",color:"success",size:"medium",children:"Ghost Success"}),a.jsx(he,{variant:"ghost",color:"danger",size:"medium",children:"Ghost Danger"})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Badge Variants",className:"mb-4",children:a.jsx("div",{className:"space-y-4",children:a.jsxs("div",{className:"flex flex-wrap gap-3",children:[a.jsx(it,{status:"active",children:"Active"}),a.jsx(it,{status:"inactive",children:"Inactive"}),a.jsx(it,{variant:"outline",children:"Outline"})]})})})}),a.jsx(K,{children:a.jsx(ee,{title:"Alert States",className:"mb-4",children:a.jsxs("div",{className:"space-y-3",children:[a.jsx("div",{className:"p-4 rounded-lg bg-emerald-500 border border-emerald-200 dark:border-emerald-800",children:a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-emerald-600 dark:text-emerald-400"}),a.jsx(O,{tag:"p",className:"text-emerald-800 dark:text-emerald-200 font-medium",children:"Success! Your changes have been saved."})]})}),a.jsx("div",{className:"p-4 rounded-lg bg-orange-50 dark:bg-orange-900/20 border border-orange-200 dark:border-orange-800",children:a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(B.AlertTriangle,{className:"w-5 h-5 text-orange-600 dark:text-orange-400"}),a.jsx(O,{tag:"p",className:"text-orange-800 dark:text-orange-200 font-medium",children:"Warning! Please review your input."})]})}),a.jsx("div",{className:"p-4 rounded-lg bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800",children:a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(B.XCircle,{className:"w-5 h-5 text-red-600 dark:text-red-400"}),a.jsx(O,{tag:"p",className:"text-red-800 dark:text-red-200 font-medium",children:"Error! Something went wrong."})]})})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Status Indicators",className:"mb-4",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"w-3 h-3 rounded-full bg-emerald-500"}),a.jsx(O,{tag:"span",className:"text-sm",children:"Online"})]}),a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"w-3 h-3 rounded-full bg-yellow-500"}),a.jsx(O,{tag:"span",className:"text-sm",children:"Away"})]}),a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"w-3 h-3 rounded-full bg-red-500"}),a.jsx(O,{tag:"span",className:"text-sm",children:"Offline"})]}),a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:"w-3 h-3 rounded-full bg-blue-500"}),a.jsx(O,{tag:"span",className:"text-sm",children:"Available"})]})]})})})]})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Color System Features"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Built with modern color science and accessibility in mind"})]}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:[{icon:a.jsx(B.Palette,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"OKLCH Color Space",description:"Modern color space for better accuracy and perceptual uniformity",color:"from-blue-500 via-cyan-500 to-teal-500"},{icon:a.jsx(B.Eye,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Accessibility First",description:"WCAG 2.1 AA compliant with proper contrast ratios",color:"from-green-500 via-emerald-500 to-teal-500"},{icon:a.jsx(B.Moon,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Dark Mode Ready",description:"Optimized colors for both light and dark themes",color:"from-purple-500 via-violet-500 to-indigo-500"},{icon:a.jsx(B.Zap,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Performance Optimized",description:"CSS variables for efficient theming and minimal bundle size",color:"from-orange-500 via-yellow-500 to-amber-500"},{icon:a.jsx(B.Code,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Developer Friendly",description:"TypeScript support with autocomplete and IntelliSense",color:"from-indigo-500 via-blue-500 to-cyan-500"},{icon:a.jsx(B.Sparkles,{className:"w-8 h-8 text-white filter drop-shadow-sm"}),title:"Extensible",description:"Easy to customize and extend with your own color tokens",color:"from-pink-500 via-rose-500 to-red-500"}].map((i,s)=>a.jsx(K,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:a.jsxs("div",{className:"w-full space-y-4",children:[a.jsxs("div",{className:"flex items-center gap-4",children:[a.jsx("div",{className:`p-3 rounded-xl bg-gradient-to-br ${i.color} group-hover:scale-110 transition-all duration-300 shadow-lg hover:shadow-xl`,children:i.icon}),a.jsx(O,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:i.title})]}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:i.description})]})},s))})]}),a.jsxs("div",{className:"hidden",children:[a.jsx("div",{className:"bg-brand/10 bg-brand/20 bg-brand/30 bg-brand/40 bg-brand/50 bg-brand/60 bg-brand/70 bg-brand/80 bg-brand/90 bg-brand/100 border-brand/50"}),a.jsx("div",{className:"bg-orange-900/20"}),a.jsx("div",{className:"bg-red-900/20"}),a.jsx("div",{className:"bg-blue-500/10 bg-blue-500/20 bg-blue-500/30 bg-blue-500/40 bg-blue-500/50 bg-blue-500/60 bg-blue-500/70 bg-blue-500/80 bg-blue-500/90 bg-blue-500/100"}),a.jsx("div",{className:"bg-slate-50 bg-slate-100 bg-slate-200 bg-slate-300 bg-slate-400 bg-slate-500 bg-slate-600 bg-slate-700 bg-slate-800 bg-slate-900 bg-slate-950"}),a.jsx("div",{className:"bg-gray-100 bg-gray-100 bg-gray-200 bg-gray-300 bg-gray-400 bg-gray-500 bg-gray-600 bg-gray-700 bg-gray-800 bg-gray-900 bg-gray-950"}),a.jsx("div",{className:"bg-zinc-50 bg-zinc-100 bg-zinc-200 bg-zinc-300 bg-zinc-400 bg-zinc-500 bg-zinc-600 bg-zinc-700 bg-zinc-800 bg-zinc-900 bg-zinc-950"}),a.jsx("div",{className:"bg-neutral-50 bg-neutral-100 bg-neutral-200 bg-neutral-300 bg-neutral-400 bg-neutral-500 bg-neutral-600 bg-neutral-700 bg-neutral-800 bg-neutral-900 bg-neutral-950"}),a.jsx("div",{className:"bg-stone-50 bg-stone-100 bg-stone-200 bg-stone-300 bg-stone-400 bg-stone-500 bg-stone-600 bg-stone-700 bg-stone-800 bg-stone-900 bg-stone-950"}),a.jsx("div",{className:"bg-red-50 bg-red-100 bg-red-200 bg-red-300 bg-red-400 bg-red-500 bg-red-600 bg-red-700 bg-red-800 bg-red-900 bg-red-950"}),a.jsx("div",{className:"bg-rose-50 bg-rose-100 bg-rose-200 bg-rose-300 bg-rose-400 bg-rose-500 bg-rose-600 bg-rose-700 bg-rose-800 bg-rose-900 bg-rose-950"}),a.jsx("div",{className:"bg-pink-50 bg-pink-100 bg-pink-200 bg-pink-300 bg-pink-400 bg-pink-500 bg-pink-600 bg-pink-700 bg-pink-800 bg-pink-900 bg-pink-950"}),a.jsx("div",{className:"bg-fuchsia-50 bg-fuchsia-100 bg-fuchsia-200 bg-fuchsia-300 bg-fuchsia-400 bg-fuchsia-500 bg-fuchsia-600 bg-fuchsia-700 bg-fuchsia-800 bg-fuchsia-900 bg-fuchsia-950"}),a.jsx("div",{className:"bg-blue-50 bg-blue-100 bg-blue-200 bg-blue-300 bg-blue-400 bg-blue-500 bg-blue-600 bg-blue-700 bg-blue-800 bg-blue-900 bg-blue-950"}),a.jsx("div",{className:"bg-sky-50 bg-sky-100 bg-sky-200 bg-sky-300 bg-sky-400 bg-sky-500 bg-sky-600 bg-sky-700 bg-sky-800 bg-sky-900 bg-sky-950"}),a.jsx("div",{className:"bg-cyan-50 bg-cyan-100 bg-cyan-200 bg-cyan-300 bg-cyan-400 bg-cyan-500 bg-cyan-600 bg-cyan-700 bg-cyan-800 bg-cyan-900 bg-cyan-950"}),a.jsx("div",{className:"bg-indigo-50 bg-indigo-100 bg-indigo-200 bg-indigo-300 bg-indigo-400 bg-indigo-500 bg-indigo-600 bg-indigo-700 bg-indigo-800 bg-indigo-900 bg-indigo-950"}),a.jsx("div",{className:"bg-violet-50 bg-violet-100 bg-violet-200 bg-violet-300 bg-violet-400 bg-violet-500 bg-violet-600 bg-violet-700 bg-violet-800 bg-violet-900 bg-violet-950"}),a.jsx("div",{className:"bg-green-50 bg-green-100 bg-green-200 bg-green-300 bg-green-400 bg-green-500 bg-green-600 bg-green-700 bg-green-800 bg-green-900 bg-green-950"}),a.jsx("div",{className:"bg-emerald-50 bg-emerald-100 bg-emerald-200 bg-emerald-300 bg-emerald-400 bg-emerald-500 bg-emerald-600 bg-emerald-700 bg-emerald-800 bg-emerald-900 bg-emerald-950"}),a.jsx("div",{className:"bg-teal-50 bg-teal-100 bg-teal-200 bg-teal-300 bg-teal-400 bg-teal-500 bg-teal-600 bg-teal-700 bg-teal-800 bg-teal-900 bg-teal-950"}),a.jsx("div",{className:"bg-lime-50 bg-lime-100 bg-lime-200 bg-lime-300 bg-lime-400 bg-lime-500 bg-lime-600 bg-lime-700 bg-lime-800 bg-lime-900 bg-lime-950"}),a.jsx("div",{className:"bg-orange-50 bg-orange-100 bg-orange-200 bg-orange-300 bg-orange-400 bg-orange-500 bg-orange-600 bg-orange-700 bg-orange-800 bg-orange-900 bg-orange-950"}),a.jsx("div",{className:"bg-amber-50 bg-amber-100 bg-amber-200 bg-amber-300 bg-amber-400 bg-amber-500 bg-amber-600 bg-amber-700 bg-amber-800 bg-amber-900 bg-amber-950"}),a.jsx("div",{className:"bg-yellow-50 bg-yellow-100 bg-yellow-200 bg-yellow-300 bg-yellow-400 bg-yellow-500 bg-yellow-600 bg-yellow-700 bg-yellow-800 bg-yellow-900 bg-yellow-950"}),a.jsx("div",{className:"bg-purple-50 bg-purple-100 bg-purple-200 bg-purple-300 bg-purple-400 bg-purple-500 bg-purple-600 bg-purple-700 bg-purple-800 bg-purple-900 bg-purple-950"}),a.jsx("div",{className:"bg-red-500/10 bg-red-500/20 bg-red-500/30 bg-red-500/40 bg-red-500/50 bg-red-500/60 bg-red-500/70 bg-red-500/80 bg-red-500/90 bg-red-500/100"}),a.jsx("div",{className:"bg-green-500/10 bg-green-500/20 bg-green-500/30 bg-green-500/40 bg-green-500/50 bg-green-500/60 bg-green-500/70 bg-green-500/80 bg-green-500/90 bg-green-500/100"}),a.jsx("div",{className:"bg-purple-500/10 bg-purple-500/20 bg-purple-500/30 bg-purple-500/40 bg-purple-500/50 bg-purple-500/60 bg-purple-500/70 bg-purple-500/80 bg-purple-500/90 bg-purple-500/100"}),a.jsx("div",{className:"bg-orange-500/10 bg-orange-500/20 bg-orange-500/30 bg-orange-500/40 bg-orange-500/50 bg-orange-500/60 bg-orange-500/70 bg-orange-500/80 bg-orange-500/90 bg-orange-500/100"}),a.jsx("div",{className:"bg-indigo-500/10 bg-indigo-500/20 bg-indigo-500/30 bg-indigo-500/40 bg-indigo-500/50 bg-indigo-500/60 bg-indigo-500/70 bg-indigo-500/80 bg-indigo-500/90 bg-indigo-500/100"}),a.jsx("div",{className:"bg-violet-500/10 bg-violet-500/20 bg-violet-500/30 bg-violet-500/40 bg-violet-500/50 bg-violet-500/60 bg-violet-500/70 bg-violet-500/80 bg-violet-500/90 bg-violet-500/100"}),a.jsx("div",{className:"bg-fuchsia-500/10 bg-fuchsia-500/20 bg-fuchsia-500/30 bg-fuchsia-500/40 bg-fuchsia-500/50 bg-fuchsia-500/60 bg-fuchsia-500/70 bg-fuchsia-500/80 bg-fuchsia-500/90 bg-fuchsia-500/100"}),a.jsx("div",{className:"bg-pink-500/10 bg-pink-500/20 bg-pink-500/30 bg-pink-500/40 bg-pink-500/50 bg-pink-500/60 bg-pink-500/70 bg-pink-500/80 bg-pink-500/90 bg-pink-500/100"}),a.jsx("div",{className:"bg-rose-500/10 bg-rose-500/20 bg-rose-500/30 bg-rose-500/40 bg-rose-500/50 bg-rose-500/60 bg-rose-500/70 bg-rose-500/80 bg-rose-500/90 bg-rose-500/100"}),a.jsx("div",{className:"bg-gray-500/10 bg-gray-500/20 bg-gray-500/30 bg-gray-500/40 bg-gray-500/50 bg-gray-500/60 bg-gray-500/70 bg-gray-500/80 bg-gray-500/90 bg-gray-500/100"}),a.jsx("div",{className:"bg-zinc-500/10 bg-zinc-500/20 bg-zinc-500/30 bg-zinc-500/40 bg-zinc-500/50 bg-zinc-500/60 bg-zinc-500/70 bg-zinc-500/80 bg-zinc-500/90 bg-zinc-500/100"}),a.jsx("div",{className:"bg-neutral-500/10 bg-neutral-500/20 bg-neutral-500/30 bg-neutral-500/40 bg-neutral-500/50 bg-neutral-500/60 bg-neutral-500/70 bg-neutral-500/80 bg-neutral-500/90 bg-neutral-500/100"}),a.jsx("div",{className:"bg-stone-500/10 bg-stone-500/20 bg-stone-500/30 bg-stone-500/40 bg-stone-500/50 bg-stone-500/60 bg-stone-500/70 bg-stone-500/80 bg-stone-500/90 bg-stone-500/100"})]}),a.jsx("section",{children:a.jsx(K,{children:a.jsx(ee,{title:"Ready to Get Started?",className:"mt-2 mb-2 dark:border-current",children:a.jsx("div",{className:"flex items-start gap-4",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-gray-700 dark:text-gray-300",children:"Now that you've seen our comprehensive color system, explore more:"}),a.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4",children:[a.jsxs("ul",{className:"space-y-3",children:[a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Component library with 80+ components"})]}),a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Complete theming system and customization"})]})]}),a.jsxs("ul",{className:"space-y-3",children:[a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Advanced form handling and validation"})]}),a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(B.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx("span",{className:"text-sm",children:"Accessibility features and best practices"})]})]})]}),a.jsxs("div",{className:"flex flex-wrap sm:flex-row gap-3 pt-2",children:[a.jsx(he,{size:"medium",children:a.jsx(De,{to:vr,target:"_blank",children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(B.BookOpen,{className:"w-4 h-4 mr-2"}),"Browse Documentation"]})})}),a.jsx(he,{variant:"ghost",size:"medium",children:a.jsx(De,{to:"/form-system",target:"_blank",children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(B.Code,{className:"w-4 h-4 mr-2"}),"View Examples"]})})})]})]})})})})})]})}function _le(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Effects Utilities",description:"Complete guide to visual effects utilities in Tailwind CSS v4. Master shadows, opacity, blend modes, and masking techniques.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-gradient-to-br from-purple-500 via-pink-500 to-red-500 rounded-full flex items-center justify-center shadow-lg border border-purple-500/50",children:a.jsx(B.Sparkles,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Effects Architecture"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Powerful visual effects built with Tailwind CSS v4 @source directives"})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Box Shadow"}),a.jsx(K,{children:a.jsx(ee,{title:"Box Shadow Sizes",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Different shadow sizes and intensities"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"shadow-sm"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 rounded-lg shadow border border-gray-200 dark:border-gray-700 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"shadow"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 rounded-lg shadow-md border border-gray-200 dark:border-gray-700 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"shadow-md"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"shadow-lg"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"shadow-xl"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 rounded-lg shadow-2xl border border-gray-200 dark:border-gray-700 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"shadow-2xl"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 rounded-lg shadow-inner border border-gray-200 dark:border-gray-700 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"shadow-inner"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-white dark:bg-gray-800 rounded-lg shadow-none border border-gray-200 dark:border-gray-700 flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"shadow-none"})})})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Text Shadow"}),a.jsx(K,{children:a.jsx(ee,{title:"Text Shadow Sizes",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Text shadow effects with different intensities"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[a.jsxs("div",{className:"space-y-3 p-6 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700",children:[a.jsx("div",{className:"text-2xl font-bold text-shadow-sm text-gray-900 dark:text-white",children:"text-shadow-sm"}),a.jsx("div",{className:"text-lg font-semibold text-shadow text-gray-900 dark:text-white",children:"text-shadow"}),a.jsx("div",{className:"text-xl font-bold text-shadow-md text-gray-900 dark:text-white",children:"text-shadow-md"}),a.jsx("div",{className:"text-lg font-semibold text-shadow-lg text-gray-900 dark:text-white",children:"text-shadow-lg"}),a.jsx("div",{className:"text-base text-shadow-none text-gray-900 dark:text-white",children:"text-shadow-none"})]}),a.jsxs("div",{className:"space-y-3 p-6 bg-gradient-to-r from-brand to-blue-500 rounded-lg text-white",children:[a.jsx("div",{className:"text-2xl font-bold text-shadow-lg",children:"With Gradient"}),a.jsx("div",{className:"text-lg font-semibold text-shadow-md",children:"Background"}),a.jsx("div",{className:"text-base text-shadow",children:"Beautiful effects"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Opacity"}),a.jsx(K,{children:a.jsx(ee,{title:"Opacity Levels",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control element transparency with opacity values"}),a.jsxs("div",{className:"grid grid-cols-4 md:grid-cols-6 gap-3",children:[a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-12 bg-brand rounded opacity-25 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"25%"})}),a.jsx("div",{className:"text-xs text-center",children:"opacity-25"})]}),a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-12 bg-brand rounded opacity-50 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"50%"})}),a.jsx("div",{className:"text-xs text-center",children:"opacity-50"})]}),a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-12 bg-green-500 rounded opacity-75 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"75%"})}),a.jsx("div",{className:"text-xs text-center",children:"opacity-75"})]}),a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-12 bg-green-500 rounded opacity-100 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"100%"})}),a.jsx("div",{className:"text-xs text-center",children:"opacity-100"})]}),a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-12 bg-blue-500 rounded opacity-10 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"10%"})}),a.jsx("div",{className:"text-xs text-center",children:"opacity-10"})]}),a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-12 bg-blue-500 rounded opacity-90 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"90%"})}),a.jsx("div",{className:"text-xs text-center",children:"opacity-90"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Mix Blend Mode"}),a.jsx(K,{children:a.jsx(ee,{title:"Mix Blend Mode Examples",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"How elements blend with their background"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"relative w-full h-20 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg overflow-hidden",children:a.jsx("div",{className:"absolute inset-0 bg-blue-500 mix-blend-multiply rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"multiply"})})}),a.jsx("div",{className:"text-xs text-center",children:"mix-blend-multiply"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"relative w-full h-20 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg overflow-hidden",children:a.jsx("div",{className:"absolute inset-0 bg-blue-500 mix-blend-screen rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"screen"})})}),a.jsx("div",{className:"text-xs text-center",children:"mix-blend-screen"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"relative w-full h-20 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg overflow-hidden",children:a.jsx("div",{className:"absolute inset-0 bg-blue-500 mix-blend-overlay rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"overlay"})})}),a.jsx("div",{className:"text-xs text-center",children:"mix-blend-overlay"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"relative w-full h-20 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg overflow-hidden",children:a.jsx("div",{className:"absolute inset-0 bg-blue-500 mix-blend-difference rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"difference"})})}),a.jsx("div",{className:"text-xs text-center",children:"mix-blend-difference"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Background Blend Mode"}),a.jsx(K,{children:a.jsx(ee,{title:"Background Blend Mode Examples",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"How multiple background images and colors blend together"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-20 bg-blend-multiply rounded-lg flex items-center justify-center text-white font-medium",style:{backgroundImage:"linear-gradient(45deg, #ff0000, #ffff00), linear-gradient(45deg, #0000ff, #00ff00)",backgroundSize:"20px 20px"},children:a.jsx("span",{className:"text-xs",children:"multiply"})}),a.jsx("div",{className:"text-xs text-center",children:"bg-blend-multiply"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-20 bg-blend-screen rounded-lg flex items-center justify-center text-black font-medium",style:{backgroundImage:"linear-gradient(45deg, #ff0000, #ffff00), linear-gradient(45deg, #0000ff, #00ff00)",backgroundSize:"20px 20px"},children:a.jsx("span",{className:"text-xs",children:"screen"})}),a.jsx("div",{className:"text-xs text-center",children:"bg-blend-screen"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-20 bg-blend-overlay rounded-lg flex items-center justify-center text-white font-medium",style:{backgroundImage:"linear-gradient(45deg, #ff0000, #ffff00), linear-gradient(45deg, #0000ff, #00ff00)",backgroundSize:"20px 20px"},children:a.jsx("span",{className:"text-xs",children:"overlay"})}),a.jsx("div",{className:"text-xs text-center",children:"bg-blend-overlay"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Mask Utilities"}),a.jsx(K,{children:a.jsx(ee,{title:"Mask Types",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"CSS masking techniques for complex shapes and effects"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Mask Images"}),a.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-brand to-blue-500 rounded mask-linear-gradient flex items-center justify-center text-white text-xs font-medium",children:"Linear"}),a.jsx("div",{className:"text-xs text-center",children:"mask-linear-gradient"})]}),a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-green-500 to-purple-500 rounded mask-radial-gradient flex items-center justify-center text-white text-xs font-medium",children:"Radial"}),a.jsx("div",{className:"text-xs text-center",children:"mask-radial-gradient"})]})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Mask Modes"}),a.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded mask-alpha flex items-center justify-center text-white text-xs font-medium",children:"Alpha"}),a.jsx("div",{className:"text-xs text-center",children:"mask-alpha"})]}),a.jsxs("div",{className:"space-y-1",children:[a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-pink-500 to-orange-500 rounded mask-luminance flex items-center justify-center text-white text-xs font-medium",children:"Luminance"}),a.jsx("div",{className:"text-xs text-center",children:"mask-luminance"})]})]})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Mask Positioning",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control mask position and size"}),a.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-brand to-blue-500 rounded mask-center mask-contain flex items-center justify-center text-white text-xs font-medium",style:{maskImage:'url("data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="20" cy="20" r="15" fill="%23000000"/%3E%3C/svg%3E")'},children:"Center"}),a.jsx("div",{className:"text-xs text-center",children:"mask-center"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-green-500 to-purple-500 rounded mask-top mask-contain flex items-start justify-center pt-1 text-white text-xs font-medium",style:{maskImage:'url("data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="20" cy="20" r="15" fill="%23000000"/%3E%3C/svg%3E")'},children:"Top"}),a.jsx("div",{className:"text-xs text-center",children:"mask-top"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-pink-500 to-orange-500 rounded mask-left mask-contain flex items-center justify-start pl-1 text-white text-xs font-medium",style:{maskImage:'url("data:image/svg+xml,%3Csvg width="40" height="40" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"%3E%3Ccircle cx="20" cy="20" r="15" fill="%23000000"/%3E%3C/svg%3E")'},children:"Left"}),a.jsx("div",{className:"text-xs text-center",children:"mask-left"})]})]})]})})})]})]})]})}function Fle(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Filters Utilities",description:"Complete guide to CSS filters and backdrop effects in Tailwind CSS v4. Master blur, brightness, contrast, and advanced visual effects.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-gradient-to-br from-cyan-500 via-blue-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg border border-cyan-500/50",children:a.jsx(B.Filter,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Filters & Backdrop Effects"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Powerful CSS filters built with Tailwind CSS v4 @source directives"})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Blur Filters"}),a.jsx(K,{children:a.jsx(ee,{title:"Blur Intensity Levels",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Apply Gaussian blur effects with different intensity levels"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-brand to-blue-500 rounded-lg blur-none border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"blur-none"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-brand to-blue-500 rounded-lg blur-sm border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"blur-sm"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-green-500 to-purple-500 rounded-lg blur border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"blur"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-pink-500 to-orange-500 rounded-lg blur-md border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"blur-md"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg blur-lg border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"blur-lg"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-indigo-500 to-cyan-500 rounded-lg blur-xl border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"blur-xl"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-purple-500 to-pink-500 rounded-lg blur-2xl border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"blur-2xl"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-teal-500 to-green-500 rounded-lg blur-3xl border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"blur-3xl"})})})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Brightness Filters"}),a.jsx(K,{children:a.jsx(ee,{title:"Brightness Adjustments",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control image brightness levels from dark to ultra-bright"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-brand to-blue-500 rounded-lg brightness-0 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"brightness-0"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-brand to-blue-500 rounded-lg brightness-50 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"brightness-50"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-green-500 to-purple-500 rounded-lg brightness-100 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"brightness-100"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-pink-500 to-orange-500 rounded-lg brightness-150 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"brightness-150"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg brightness-200 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-black font-medium z-10 relative",children:"brightness-200"})})})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Contrast Filters"}),a.jsx(K,{children:a.jsx(ee,{title:"Contrast Adjustments",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Adjust image contrast from flat to ultra-high contrast"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-gray-300 to-gray-700 rounded-lg contrast-0 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"contrast-0"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-gray-300 to-gray-700 rounded-lg contrast-50 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"contrast-50"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-gray-300 to-gray-700 rounded-lg contrast-100 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"contrast-100"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-gray-300 to-gray-700 rounded-lg contrast-125 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-black font-medium z-10 relative",children:"contrast-125"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-gray-300 to-gray-700 rounded-lg contrast-150 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-black font-medium z-10 relative",children:"contrast-150"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-gray-300 to-gray-700 rounded-lg contrast-200 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-black font-medium z-10 relative",children:"contrast-200"})})})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Color Adjustment Filters"}),a.jsx(K,{children:a.jsx(ee,{title:"Hue Rotate & Saturation",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Apply hue rotation and saturation adjustments"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg hue-rotate-15 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"hue-rotate-15"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg hue-rotate-90 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"hue-rotate-90"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg hue-rotate-180 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"hue-rotate-180"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg saturate-0 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"saturate-0"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg saturate-50 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"saturate-50"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg saturate-150 border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"saturate-150"})})})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Monochrome & Invert Effects",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Apply grayscale, sepia, and invert effects"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg grayscale border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-gray-800 font-medium z-10 relative",children:"grayscale"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg sepia border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-gray-800 font-medium z-10 relative",children:"sepia"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg invert border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"invert"})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"w-full h-16 bg-gradient-to-r from-red-500 to-yellow-500 rounded-lg grayscale invert border border-gray-300 dark:border-gray-600 flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium z-10 relative",children:"grayscale + invert"})})})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Backdrop Filters"}),a.jsx(K,{children:a.jsx(ee,{title:"Backdrop Blur Effects",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Apply blur effects to the background behind elements"}),a.jsxs("div",{className:"relative",children:[a.jsx("div",{className:"w-full h-32 bg-gradient-to-r from-brand via-purple-500 to-pink-500 rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-white text-lg font-bold",children:"Background"})}),a.jsx("div",{className:"absolute top-4 left-4 w-24 h-16 bg-white/80 backdrop-blur-sm rounded border flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"backdrop-blur-sm"})}),a.jsx("div",{className:"absolute top-8 right-8 w-24 h-16 bg-white/80 backdrop-blur rounded border flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"backdrop-blur"})}),a.jsx("div",{className:"absolute bottom-4 left-8 w-24 h-16 bg-white/80 backdrop-blur-md rounded border flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"backdrop-blur-md"})}),a.jsx("div",{className:"absolute bottom-8 right-4 w-24 h-16 bg-white/80 backdrop-blur-lg rounded border flex items-center justify-center",children:a.jsx("span",{className:"text-xs font-medium",children:"backdrop-blur-lg"})})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Backdrop Effects Combination",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Combine multiple backdrop effects for complex visual results"}),a.jsxs("div",{className:"relative",children:[a.jsx("div",{className:"w-full h-32 bg-gradient-to-r from-cyan-500 via-blue-500 to-indigo-500 rounded-lg flex items-center justify-center",children:a.jsx("span",{className:"text-white text-lg font-bold",children:"Background"})}),a.jsx("div",{className:"absolute top-6 left-6 w-28 h-20 bg-black/20 backdrop-blur backdrop-brightness-75 rounded border flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"blur + brightness-75"})}),a.jsx("div",{className:"absolute top-2 right-8 w-28 h-20 bg-black/20 backdrop-blur backdrop-contrast-125 rounded border flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"blur + contrast-125"})}),a.jsx("div",{className:"absolute bottom-6 left-12 w-28 h-20 bg-black/20 backdrop-blur backdrop-saturate-150 rounded border flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"blur + saturate-150"})}),a.jsx("div",{className:"absolute bottom-2 right-12 w-28 h-20 bg-black/20 backdrop-blur backdrop-invert rounded border flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white font-medium",children:"blur + invert"})})]})]})})})]})]})]})}function Ble(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Flexbox & Grid Utilities",description:"Complete guide to Flexbox and CSS Grid utilities in Tailwind CSS v4. Master modern layout techniques with comprehensive examples.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.Grid3X3,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Flexbox & Grid Architecture"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Powerful layout systems built with Tailwind CSS v4 @source directives"})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Flexbox Basics"}),a.jsx(K,{children:a.jsx(ee,{title:"Flex Direction",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control the direction of flex items"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex flex-row gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"w-8 h-8 bg-brand rounded"}),a.jsx("div",{className:"w-8 h-8 bg-green-500 rounded"}),a.jsx("div",{className:"w-8 h-8 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"flex-row"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex flex-row-reverse gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"w-8 h-8 bg-brand rounded"}),a.jsx("div",{className:"w-8 h-8 bg-green-500 rounded"}),a.jsx("div",{className:"w-8 h-8 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"flex-row-reverse"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex flex-col gap-2 p-3 bg-light-dark rounded h-32",children:[a.jsx("div",{className:"w-8 h-8 bg-brand rounded"}),a.jsx("div",{className:"w-8 h-8 bg-green-500 rounded"}),a.jsx("div",{className:"w-8 h-8 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"flex-col"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex flex-col-reverse gap-2 p-3 bg-light-dark rounded h-32",children:[a.jsx("div",{className:"w-8 h-8 bg-brand rounded"}),a.jsx("div",{className:"w-8 h-8 bg-green-500 rounded"}),a.jsx("div",{className:"w-8 h-8 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"flex-col-reverse"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Flex Wrap",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control how flex items wrap"}),a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"flex flex-wrap gap-2 p-3 bg-light-dark rounded max-w-xs",children:Array.from({length:8},(e,t)=>a.jsx("div",{className:"w-8 h-8 bg-brand rounded shrink-0"},t))}),a.jsx("div",{className:"text-xs text-center",children:"flex-wrap"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"flex flex-nowrap gap-2 p-3 bg-light-dark rounded overflow-hidden max-w-xs",children:Array.from({length:8},(e,t)=>a.jsx("div",{className:"w-8 h-8 bg-green-500 rounded shrink-0"},t))}),a.jsx("div",{className:"text-xs text-center",children:"flex-nowrap"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Flex Properties",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control flex grow, shrink, and basis"}),a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"flex-1 w-8 h-8 bg-brand rounded text-center text-xs text-white flex items-center justify-center",children:"1"}),a.jsx("div",{className:"flex-none w-8 h-8 bg-green-500 rounded"}),a.jsx("div",{className:"flex-auto w-8 h-8 bg-blue-500 rounded text-center text-xs text-white flex items-center justify-center",children:"auto"})]}),a.jsx("div",{className:"text-xs text-center",children:"flex-1 + flex-none + flex-auto"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"flex-grow w-8 h-8 bg-purple-500 rounded text-center text-xs text-white flex items-center justify-center",children:"grow"}),a.jsx("div",{className:"flex-grow-0 w-8 h-8 bg-pink-500 rounded text-center text-xs text-white flex items-center justify-center",children:"grow-0"})]}),a.jsx("div",{className:"text-xs text-center",children:"flex-grow + flex-grow-0"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Order",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control the order of flex items"}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"order-3 w-8 h-8 bg-red-500 rounded text-center text-xs text-white flex items-center justify-center",children:"3"}),a.jsx("div",{className:"order-1 w-8 h-8 bg-green-500 rounded text-center text-xs text-white flex items-center justify-center",children:"1"}),a.jsx("div",{className:"order-2 w-8 h-8 bg-blue-500 rounded text-center text-xs text-white flex items-center justify-center",children:"2"})]}),a.jsx("div",{className:"text-xs text-center",children:"order-3 + order-1 + order-2"})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Grid Basics"}),a.jsx(K,{children:a.jsx(ee,{title:"Grid Template Columns",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Define the number of columns in a grid"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"grid grid-cols-2 gap-2 p-3 bg-light-dark rounded",children:Array.from({length:4},(e,t)=>a.jsx("div",{className:"h-8 bg-brand rounded text-center text-xs text-white flex items-center justify-center",children:t+1},t))}),a.jsx("div",{className:"text-xs text-center",children:"grid-cols-2"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"grid grid-cols-3 gap-2 p-3 bg-light-dark rounded",children:Array.from({length:6},(e,t)=>a.jsx("div",{className:"h-8 bg-green-500 rounded text-center text-xs text-white flex items-center justify-center",children:t+1},t))}),a.jsx("div",{className:"text-xs text-center",children:"grid-cols-3"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"grid grid-cols-4 gap-2 p-3 bg-light-dark rounded",children:Array.from({length:8},(e,t)=>a.jsx("div",{className:"h-8 bg-blue-500 rounded text-center text-xs text-white flex items-center justify-center",children:t+1},t))}),a.jsx("div",{className:"text-xs text-center",children:"grid-cols-4"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Grid Column Span",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Make items span multiple columns"}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"grid grid-cols-4 gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"col-span-2 h-8 bg-brand rounded text-center text-xs text-white flex items-center justify-center",children:"span-2"}),a.jsx("div",{className:"h-8 bg-green-500 rounded text-center text-xs text-white flex items-center justify-center",children:"1"}),a.jsx("div",{className:"h-8 bg-blue-500 rounded text-center text-xs text-white flex items-center justify-center",children:"2"}),a.jsx("div",{className:"col-span-3 h-8 bg-purple-500 rounded text-center text-xs text-white flex items-center justify-center",children:"span-3"}),a.jsx("div",{className:"h-8 bg-pink-500 rounded text-center text-xs text-white flex items-center justify-center",children:"3"})]}),a.jsx("div",{className:"text-xs text-center",children:"col-span-2 + col-span-3"})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Grid Auto Flow",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control how grid items are placed automatically"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"grid grid-flow-row grid-cols-3 gap-2 p-3 bg-light-dark rounded h-32",children:Array.from({length:6},(e,t)=>a.jsx("div",{className:"h-8 bg-brand rounded text-center text-xs text-white flex items-center justify-center",children:t+1},t))}),a.jsx("div",{className:"text-xs text-center",children:"grid-flow-row"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"grid grid-flow-col grid-cols-3 gap-2 p-3 bg-light-dark rounded h-32",children:Array.from({length:6},(e,t)=>a.jsx("div",{className:"h-8 bg-green-500 rounded text-center text-xs text-white flex items-center justify-center",children:t+1},t))}),a.jsx("div",{className:"text-xs text-center",children:"grid-flow-col"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Alignment & Justification"}),a.jsx(K,{children:a.jsx(ee,{title:"Justify Content (Main Axis)",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control alignment along the main axis"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex justify-start gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"w-6 h-6 bg-brand rounded"}),a.jsx("div",{className:"w-6 h-6 bg-green-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"justify-start"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex justify-center gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"w-6 h-6 bg-brand rounded"}),a.jsx("div",{className:"w-6 h-6 bg-green-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"justify-center"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex justify-end gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"w-6 h-6 bg-brand rounded"}),a.jsx("div",{className:"w-6 h-6 bg-green-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"justify-end"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex justify-between gap-2 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"w-6 h-6 bg-brand rounded"}),a.jsx("div",{className:"w-6 h-6 bg-green-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"justify-between"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Align Items (Cross Axis)",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control alignment along the cross axis"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex items-start gap-2 p-3 bg-light-dark rounded h-20",children:[a.jsx("div",{className:"w-6 h-12 bg-brand rounded"}),a.jsx("div",{className:"w-6 h-8 bg-green-500 rounded"}),a.jsx("div",{className:"w-6 h-16 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"items-start"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex items-center gap-2 p-3 bg-light-dark rounded h-20",children:[a.jsx("div",{className:"w-6 h-12 bg-brand rounded"}),a.jsx("div",{className:"w-6 h-8 bg-green-500 rounded"}),a.jsx("div",{className:"w-6 h-16 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"items-center"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"flex items-end gap-2 p-3 bg-light-dark rounded h-20",children:[a.jsx("div",{className:"w-6 h-12 bg-brand rounded"}),a.jsx("div",{className:"w-6 h-8 bg-green-500 rounded"}),a.jsx("div",{className:"w-6 h-16 bg-blue-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"items-end"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Gap (Spacing)",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control spacing between grid/flex items"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"grid grid-cols-3 gap-1 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"w-6 h-6 bg-brand rounded"}),a.jsx("div",{className:"w-6 h-6 bg-green-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-blue-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-purple-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-pink-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-yellow-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"gap-1"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"grid grid-cols-3 gap-4 p-3 bg-light-dark rounded",children:[a.jsx("div",{className:"w-6 h-6 bg-brand rounded"}),a.jsx("div",{className:"w-6 h-6 bg-green-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-blue-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-purple-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-pink-500 rounded"}),a.jsx("div",{className:"w-6 h-6 bg-yellow-500 rounded"})]}),a.jsx("div",{className:"text-xs text-center",children:"gap-4"})]})]})]})})})]})]})]})}function qle(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Interactivity Utilities",description:"Complete guide to interactive utilities in Tailwind CSS v4. Master cursors, scroll behavior, touch actions, and user interactions.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-gradient-to-br from-rose-500 via-pink-500 to-fuchsia-500 rounded-full flex items-center justify-center shadow-lg border border-rose-500/50",children:a.jsx(B.MousePointerClick,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Interactive User Experience"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Advanced interactivity utilities built with Tailwind CSS v4 @source directives"})]}),a.jsx(K,{children:a.jsx(ee,{title:"Cursor Types",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control mouse cursor appearance for different interactions"}),a.jsxs("div",{className:"grid grid-cols-3 md:grid-cols-6 gap-4",children:[a.jsx("div",{className:"w-16 h-16 bg-brand rounded flex items-center justify-center text-white font-medium cursor-auto",children:"Auto"}),a.jsx("div",{className:"w-16 h-16 bg-green-500 rounded flex items-center justify-center text-white font-medium cursor-pointer",children:"Pointer"}),a.jsx("div",{className:"w-16 h-16 bg-blue-500 rounded flex items-center justify-center text-white font-medium cursor-text",children:"Text"}),a.jsx("div",{className:"w-16 h-16 bg-purple-500 rounded flex items-center justify-center text-white font-medium cursor-move",children:"Move"}),a.jsx("div",{className:"w-16 h-16 bg-pink-500 rounded flex items-center justify-center text-white font-medium cursor-help",children:"Help"}),a.jsx("div",{className:"w-16 h-16 bg-indigo-500 rounded flex items-center justify-center text-white font-medium cursor-not-allowed",children:"Not"})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Scroll Behavior & Margins",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control scrolling behavior and snap positioning"}),a.jsxs("div",{className:"space-y-4",children:[a.jsx("div",{className:"h-32 bg-gradient-to-r from-brand to-blue-500 rounded-lg overflow-auto scroll-smooth",children:a.jsxs("div",{className:"h-64 p-4 text-white space-y-4",children:[a.jsx("div",{className:"h-16 bg-white/20 rounded flex items-center px-4 scroll-m-4",children:"Scroll margin top"}),a.jsx("div",{className:"h-16 bg-white/20 rounded flex items-center px-4",children:"Middle content"}),a.jsx("div",{className:"h-16 bg-white/20 rounded flex items-center px-4 scroll-mb-8",children:"Scroll margin bottom"})]})}),a.jsx("div",{className:"text-xs text-center text-gray-600 dark:text-gray-400",children:"scroll-smooth + scroll margins for smooth scrolling with offsets"})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Scroll Snap & Touch Actions",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Advanced scrolling and touch interaction controls"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Scroll Snap"}),a.jsx("div",{className:"h-32 bg-light-dark rounded overflow-x-auto snap-x snap-mandatory",children:a.jsxs("div",{className:"flex gap-4 p-4",children:[a.jsx("div",{className:"w-32 h-24 bg-brand rounded shrink-0 snap-center flex items-center justify-center text-white font-medium",children:"Snap 1"}),a.jsx("div",{className:"w-32 h-24 bg-green-500 rounded shrink-0 snap-center flex items-center justify-center text-white font-medium",children:"Snap 2"}),a.jsx("div",{className:"w-32 h-24 bg-blue-500 rounded shrink-0 snap-center flex items-center justify-center text-white font-medium",children:"Snap 3"})]})}),a.jsx("div",{className:"text-xs text-center",children:"snap-x snap-mandatory snap-center"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Touch Actions"}),a.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[a.jsx("div",{className:"w-full h-16 bg-purple-500 rounded touch-none flex items-center justify-center text-white text-xs font-medium",children:"None"}),a.jsx("div",{className:"w-full h-16 bg-pink-500 rounded touch-pan-x flex items-center justify-center text-white text-xs font-medium",children:"Pan X"}),a.jsx("div",{className:"w-full h-16 bg-indigo-500 rounded touch-pinch-zoom flex items-center justify-center text-white text-xs font-medium",children:"Pinch"}),a.jsx("div",{className:"w-full h-16 bg-cyan-500 rounded touch-manipulation flex items-center justify-center text-white text-xs font-medium",children:"Manip"})]}),a.jsx("div",{className:"text-xs text-center",children:"touch-none, touch-pan-x, touch-pinch-zoom, touch-manipulation"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"User Selection & Appearance",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control text selection and form appearance"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"p-3 bg-light-dark rounded select-none",children:a.jsx(O,{tag:"p",className:"text-sm",children:"Cannot select this text"})}),a.jsx("div",{className:"p-3 bg-light-dark rounded select-text",children:a.jsx(O,{tag:"p",className:"text-sm",children:"Can select this text"})}),a.jsx("div",{className:"p-3 bg-light-dark rounded select-all",children:a.jsx(O,{tag:"p",className:"text-sm",children:"Select all on click"})}),a.jsxs("div",{className:"p-3 bg-light-dark rounded appearance-none",children:[a.jsx("input",{type:"checkbox",className:"mr-2"}),a.jsx(O,{tag:"span",className:"text-sm",children:"Custom styled"})]})]}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4 text-xs text-center mt-2",children:[a.jsx("div",{children:"select-none"}),a.jsx("div",{children:"select-text"}),a.jsx("div",{children:"select-all"}),a.jsx("div",{children:"appearance-none"})]})]})})})]})]})}function $le(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Tailwind v4 Layout Utilities",description:"Complete collection of Tailwind CSS v4 layout utilities working seamlessly in tucu-ui. All utilities are automatically included using @source directives.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-brand/70 rounded-full flex items-center justify-center shadow-lg border border-brand/50",children:a.jsx(B.LayoutGrid,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Layout Architecture"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Built with Tailwind CSS v4 @source directives for complete utility coverage"})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Layout Utilities"}),a.jsx(K,{children:a.jsx(ee,{title:"Aspect Ratio",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control the aspect ratio of elements"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"aspect-square bg-brand/20 border-2 border-brand/30 rounded-lg flex items-center justify-center p-2",children:a.jsx("span",{className:"text-xs font-medium",children:"aspect-square"})}),a.jsx("div",{className:"aspect-video bg-green-500/20 border-2 border-green-500/30 rounded-lg flex items-center justify-center p-2",children:a.jsx("span",{className:"text-xs font-medium",children:"aspect-video"})}),a.jsx("div",{className:"aspect-4/3 bg-blue-500/20 border-2 border-blue-500/30 rounded-lg flex items-center justify-center p-2",children:a.jsx("span",{className:"text-xs font-medium",children:"aspect-4/3"})}),a.jsx("div",{className:"aspect-16/9 bg-purple-500/20 border-2 border-purple-500/30 rounded-lg flex items-center justify-center p-2",children:a.jsx("span",{className:"text-xs font-medium",children:"aspect-16/9"})})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Object Fit",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control how content fits within its container"}),a.jsxs("div",{className:"grid grid-cols-2  gap-4",children:[a.jsxs("div",{className:"w-100 h-100 bg-gray-200 rounded mb-4",children:[a.jsx("img",{src:"https://marketplace.canva.com/MADaqpevv8c/1/thumbnail_large-1/canva-mountain-landscape-MADaqpevv8c.jpg",alt:"object-contain",className:"w-full h-full object-contain"}),a.jsx("div",{className:"text-xs text-center mt-1",children:"object-contain"})]}),a.jsxs("div",{className:"w-100 h-100 bg-gray-200 rounded mb-4",children:[a.jsx("img",{src:"https://marketplace.canva.com/MADaqpevv8c/1/thumbnail_large-1/canva-mountain-landscape-MADaqpevv8c.jpg",alt:"object-cover",className:"w-full h-full object-cover"}),a.jsx("div",{className:"text-xs text-center mt-1",children:"object-cover"})]}),a.jsxs("div",{className:"w-100 h-100 bg-gray-200 rounded mb-4",children:[a.jsx("img",{src:"https://marketplace.canva.com/MADaqpevv8c/1/thumbnail_large-1/canva-mountain-landscape-MADaqpevv8c.jpg",alt:"object-fill",className:"w-full h-full object-fill"}),a.jsx("div",{className:"text-xs text-center mt-1",children:"object-fill"})]}),a.jsxs("div",{className:"w-100 h-100 bg-gray-200 rounded mb-4",children:[a.jsx("img",{src:"https://marketplace.canva.com/MADaqpevv8c/1/thumbnail_large-1/canva-mountain-landscape-MADaqpevv8c.jpg",alt:"object-none",className:"w-full h-full object-none"}),a.jsx("div",{className:"text-xs text-center mt-1",children:"object-none"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Position & Display",children:a.jsx("div",{className:"space-y-4",children:a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsxs("div",{className:"relative w-16 h-16 bg-red-500/20 border rounded",children:[a.jsx("div",{className:"absolute top-0 left-0 w-4 h-4 bg-red-500 rounded"}),a.jsx("span",{className:"text-xs",children:"relative"})]}),a.jsx("div",{className:"w-16 h-16 bg-blue-500/20 border rounded flex items-center justify-center",children:a.jsx("span",{className:"text-xs",children:"flex"})}),a.jsx("div",{className:"w-16 h-16 bg-green-500/20 border rounded grid place-items-center",children:a.jsx("span",{className:"text-xs",children:"grid"})}),a.jsx("div",{className:"w-16 h-16 bg-purple-500/20 border rounded block",children:a.jsx("span",{className:"text-xs",children:"block"})})]})})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Flexbox & Grid"}),a.jsx(K,{children:a.jsx(ee,{title:"Flexbox Utilities",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"flex gap-2 p-4 bg-light-dark rounded",children:[a.jsx("div",{className:"flex-1 bg-brand/20 p-2 rounded text-center text-xs",children:"flex-1"}),a.jsx("div",{className:"flex-none bg-green-500/20 p-2 rounded text-center text-xs",children:"flex-none"}),a.jsx("div",{className:"flex-auto bg-blue-500/20 p-2 rounded text-center text-xs",children:"flex-auto"})]}),a.jsxs("div",{className:"flex flex-col gap-2 p-4 bg-light-dark rounded",children:[a.jsx("div",{className:"bg-red-500/20 p-2 rounded text-center text-xs",children:"flex-col"}),a.jsx("div",{className:"bg-yellow-500/20 p-2 rounded text-center text-xs",children:"item"}),a.jsx("div",{className:"bg-purple-500/20 p-2 rounded text-center text-xs",children:"item"})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Grid Utilities",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"grid grid-cols-3 gap-2 p-4 bg-light-dark rounded",children:[a.jsx("div",{className:"bg-brand/20 p-2 rounded text-center text-xs",children:"col-1"}),a.jsx("div",{className:"bg-green-500/20 p-2 rounded text-center text-xs",children:"col-2"}),a.jsx("div",{className:"bg-blue-500/20 p-2 rounded text-center text-xs",children:"col-3"})]}),a.jsxs("div",{className:"grid grid-cols-2 grid-rows-2 gap-2 p-4 bg-light-dark rounded h-24",children:[a.jsx("div",{className:"bg-red-500/20 p-2 rounded text-center text-xs",children:"1"}),a.jsx("div",{className:"bg-yellow-500/20 p-2 rounded text-center text-xs",children:"2"}),a.jsx("div",{className:"bg-purple-500/20 p-2 rounded text-center text-xs",children:"3"}),a.jsx("div",{className:"bg-pink-500/20 p-2 rounded text-center text-xs",children:"4"})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Spacing"}),a.jsx(K,{children:a.jsx(ee,{title:"Padding & Margin",children:a.jsx("div",{className:"space-y-4",children:a.jsxs("div",{className:"bg-light-dark p-4 rounded",children:[a.jsx("div",{className:"bg-brand/20 p-2 rounded mb-2",children:a.jsx("span",{className:"text-xs",children:"padding + margin"})}),a.jsx("div",{className:"bg-green-500/20 px-4 py-2 rounded",children:a.jsx("span",{className:"text-xs",children:"px-4 py-2"})})]})})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Sizing"}),a.jsx(K,{children:a.jsx(ee,{title:"Width & Height",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"flex gap-2",children:[a.jsx("div",{className:"w-16 h-16 bg-brand/20 rounded"}),a.jsx("div",{className:"w-20 h-20 bg-green-500/20 rounded"}),a.jsx("div",{className:"w-24 h-24 bg-blue-500/20 rounded"}),a.jsx("div",{className:"w-full h-12 bg-purple-500/20 rounded max-w-xs"})]}),a.jsx("div",{className:"text-xs text-gray-600 dark:text-gray-300",children:"w-16 h-16 | w-20 h-20 | w-24 h-24 | w-full h-12"})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Typography"}),a.jsx(K,{children:a.jsx(ee,{title:"Font Sizes & Weights",children:a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"text-xs",children:"text-xs - Extra small text"}),a.jsx("div",{className:"text-sm",children:"text-sm - Small text"}),a.jsx("div",{className:"text-base",children:"text-base - Base text"}),a.jsx("div",{className:"text-lg",children:"text-lg - Large text"}),a.jsx("div",{className:"text-xl",children:"text-xl - Extra large text"}),a.jsx("div",{className:"text-2xl font-bold",children:"text-2xl font-bold"})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Text Colors",children:a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"text-red-500",children:"text-red-500"}),a.jsx("div",{className:"text-green-500",children:"text-green-500"}),a.jsx("div",{className:"text-blue-500",children:"text-blue-500"}),a.jsx("div",{className:"text-brand",children:"text-brand"}),a.jsx("div",{className:"text-gray-900 dark:text-gray-100",children:"text-gray-900/100"})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Backgrounds"}),a.jsx(K,{children:a.jsxs(ee,{title:"Background Colors",children:[a.jsxs("div",{className:"grid grid-cols-4 gap-2",children:[a.jsx("div",{className:"w-16 h-16 bg-red-500 rounded"}),a.jsx("div",{className:"w-16 h-16 bg-green-500 rounded"}),a.jsx("div",{className:"w-16 h-16 bg-blue-500 rounded"}),a.jsx("div",{className:"w-16 h-16 bg-brand rounded"})]}),a.jsx("div",{className:"text-xs text-gray-600 dark:text-gray-300 mt-2",children:"bg-red-500 | bg-green-500 | bg-blue-500 | bg-brand"})]})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Borders"}),a.jsx(K,{children:a.jsxs(ee,{title:"Border Radius & Width",children:[a.jsxs("div",{className:"grid grid-cols-4 gap-4",children:[a.jsx("div",{className:"w-16 h-16 bg-gray-200 border border-gray-400 rounded-none"}),a.jsx("div",{className:"w-16 h-16 bg-gray-200 border border-gray-400 rounded"}),a.jsx("div",{className:"w-16 h-16 bg-gray-200 border-2 border-gray-400 rounded-lg"}),a.jsx("div",{className:"w-16 h-16 bg-gray-200 border-4 border-gray-400 rounded-full"})]}),a.jsx("div",{className:"text-xs text-gray-600 dark:text-gray-300 mt-2",children:"rounded-none | rounded | rounded-lg | rounded-full"})]})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Effects"}),a.jsx(K,{children:a.jsx(ee,{title:"Shadows & Opacity",children:a.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[a.jsx("div",{className:"w-20 h-20 bg-brand rounded shadow-sm flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white",children:"shadow-sm"})}),a.jsx("div",{className:"w-20 h-20 bg-green-500 rounded shadow-lg flex items-center justify-center",children:a.jsx("span",{className:"text-xs text-white",children:"shadow-lg"})}),a.jsx("div",{className:"w-20 h-20 bg-blue-500 rounded shadow-xl flex items-center justify-center opacity-75",children:a.jsx("span",{className:"text-xs text-white",children:"opacity-75"})})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-xl font-semibold",children:"Filters"}),a.jsx(K,{children:a.jsxs(ee,{title:"Filter Effects",children:[a.jsxs("div",{className:"grid grid-cols-4 gap-4",children:[a.jsx("div",{className:"w-16 h-16 bg-brand rounded blur-sm"}),a.jsx("div",{className:"w-16 h-16 bg-green-500 rounded brightness-75"}),a.jsx("div",{className:"w-16 h-16 bg-blue-500 rounded contrast-125"}),a.jsx("div",{className:"w-16 h-16 bg-purple-500 rounded grayscale"})]}),a.jsx("div",{className:"text-xs text-gray-600 dark:text-gray-300 mt-2",children:"blur-sm | brightness-75 | contrast-125 | grayscale"})]})})]})]})]})}function Hle(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"SVG Utilities",description:"Complete guide to SVG styling utilities in Tailwind CSS v4. Master fill, stroke, and stroke width properties.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-gradient-to-br from-amber-500 via-yellow-500 to-orange-500 rounded-full flex items-center justify-center shadow-lg border border-amber-500/50",children:a.jsxs("svg",{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white",viewBox:"0 0 24 24",fill:"currentColor",children:[a.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2",fill:"none"}),a.jsx("path",{d:"M12 6v6l4 2"})]})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"SVG Styling & Presentation"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Specialized SVG utilities built with Tailwind CSS v4 @source directives"})]}),a.jsx(K,{children:a.jsx(ee,{title:"Fill Colors",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control SVG fill colors with semantic color utilities"}),a.jsxs("div",{className:"grid grid-cols-3 md:grid-cols-6 gap-4",children:[a.jsx("div",{className:"w-16 h-16 bg-light-dark rounded flex items-center justify-center",children:a.jsx("svg",{className:"w-8 h-8 fill-none",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2"})})}),a.jsx("div",{className:"w-16 h-16 bg-light-dark rounded flex items-center justify-center",children:a.jsx("svg",{className:"w-8 h-8 fill-current text-brand",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10"})})}),a.jsx("div",{className:"w-16 h-16 bg-light-dark rounded flex items-center justify-center",children:a.jsx("svg",{className:"w-8 h-8 fill-red-500",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10"})})}),a.jsx("div",{className:"w-16 h-16 bg-light-dark rounded flex items-center justify-center",children:a.jsx("svg",{className:"w-8 h-8 fill-green-500",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10"})})}),a.jsx("div",{className:"w-16 h-16 bg-light-dark rounded flex items-center justify-center",children:a.jsx("svg",{className:"w-8 h-8 fill-blue-500",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10"})})}),a.jsx("div",{className:"w-16 h-16 bg-light-dark rounded flex items-center justify-center",children:a.jsx("svg",{className:"w-8 h-8 fill-purple-500",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10"})})})]}),a.jsxs("div",{className:"grid grid-cols-3 md:grid-cols-6 gap-4 text-xs text-center mt-2",children:[a.jsx("div",{children:"fill-none"}),a.jsx("div",{children:"fill-current"}),a.jsx("div",{children:"fill-red-500"}),a.jsx("div",{children:"fill-green-500"}),a.jsx("div",{children:"fill-blue-500"}),a.jsx("div",{children:"fill-purple-500"})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Stroke Colors & Width",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control SVG stroke colors and thickness"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-6",children:[a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Stroke Colors"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("svg",{className:"w-12 h-12 stroke-none fill-brand",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10",fill:"none",stroke:"currentColor",strokeWidth:"2"})}),a.jsx("div",{className:"text-xs text-center",children:"stroke-none"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("svg",{className:"w-12 h-12 stroke-current text-brand fill-none",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10",fill:"none",stroke:"currentColor",strokeWidth:"2"})}),a.jsx("div",{className:"text-xs text-center",children:"stroke-current"})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Brand Colors"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("svg",{className:"w-12 h-12 stroke-brand fill-none",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10",fill:"none",stroke:"currentColor",strokeWidth:"2"})}),a.jsx("div",{className:"text-xs text-center",children:"stroke-brand"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("svg",{className:"w-12 h-12 stroke-red-500 fill-none",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10",fill:"none",stroke:"currentColor",strokeWidth:"2"})}),a.jsx("div",{className:"text-xs text-center",children:"stroke-red-500"})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Stroke Width"}),a.jsxs("div",{className:"space-y-3",children:[a.jsx("svg",{className:"w-12 h-12 stroke-brand stroke-1 fill-none",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10",fill:"none",stroke:"currentColor"})}),a.jsx("div",{className:"text-xs text-center",children:"stroke-1"})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx("svg",{className:"w-12 h-12 stroke-brand stroke-2 fill-none",viewBox:"0 0 24 24",children:a.jsx("circle",{cx:"12",cy:"12",r:"10",fill:"none",stroke:"currentColor"})}),a.jsx("div",{className:"text-xs text-center",children:"stroke-2"})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Combined Example"}),a.jsx("div",{className:"w-20 h-20 bg-light-dark rounded-lg flex items-center justify-center",children:a.jsx("svg",{className:"w-12 h-12 stroke-brand stroke-2 fill-brand/20",viewBox:"0 0 24 24",children:a.jsx("path",{d:"M12 2L15.09 8.26L22 9L17 14L18.18 21L12 17.77L5.82 21L7 14L2 9L8.91 8.26L12 2Z"})})}),a.jsx("div",{className:"text-xs text-center",children:"Star with fill-brand/20 + stroke-brand + stroke-2"})]})]})]})})})]})]})}function Ule(){return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Tables Utilities",description:"Complete guide to table styling utilities in Tailwind CSS v4. Master table layout, borders, and spacing.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-gradient-to-br from-emerald-500 via-green-500 to-teal-500 rounded-full flex items-center justify-center shadow-lg border border-emerald-500/50",children:a.jsx(B.Table,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Table Layout & Styling"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Professional table utilities built with Tailwind CSS v4 @source directives"})]}),a.jsx(K,{children:a.jsx(ee,{title:"Border Collapse & Spacing",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control table border behavior and cell spacing"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Border Collapse"}),a.jsxs("table",{className:"border-collapse border border-gray-300 w-full",children:[a.jsx("thead",{children:a.jsxs("tr",{className:"bg-gray-50",children:[a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left",children:"Header 1"}),a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left",children:"Header 2"})]})}),a.jsx("tbody",{children:a.jsxs("tr",{children:[a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Cell 1"}),a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Cell 2"})]})})]}),a.jsx("div",{className:"text-xs text-center",children:"border-collapse"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Border Separate"}),a.jsxs("table",{className:"border-separate border-spacing-2 border border-gray-300 w-full",children:[a.jsx("thead",{children:a.jsxs("tr",{className:"bg-gray-50",children:[a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left",children:"Header 1"}),a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left",children:"Header 2"})]})}),a.jsx("tbody",{children:a.jsxs("tr",{children:[a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Cell 1"}),a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Cell 2"})]})})]}),a.jsx("div",{className:"text-xs text-center",children:"border-separate border-spacing-2"})]})]})]})})}),a.jsx(K,{children:a.jsx(ee,{title:"Table Layout & Caption",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"Control table layout behavior and caption positioning"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Auto Layout"}),a.jsxs("table",{className:"table-auto border-collapse border border-gray-300 w-full",children:[a.jsx("caption",{className:"caption-top text-sm font-medium mb-2",children:"Table Caption (Top)"}),a.jsx("thead",{children:a.jsxs("tr",{className:"bg-gray-50",children:[a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left",children:"Column 1"}),a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left",children:"Column 2"}),a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left",children:"Column 3"})]})}),a.jsx("tbody",{children:a.jsxs("tr",{children:[a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Data 1"}),a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Data 2"}),a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Data 3"})]})})]}),a.jsx("div",{className:"text-xs text-center",children:"table-auto + caption-top"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Fixed Layout"}),a.jsxs("table",{className:"table-fixed border-collapse border border-gray-300 w-full",children:[a.jsx("caption",{className:"caption-bottom text-sm font-medium mt-2",children:"Table Caption (Bottom)"}),a.jsx("thead",{children:a.jsxs("tr",{className:"bg-gray-50",children:[a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left w-1/3",children:"Column 1"}),a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left w-1/3",children:"Column 2"}),a.jsx("th",{className:"border border-gray-300 px-4 py-2 text-left w-1/3",children:"Column 3"})]})}),a.jsx("tbody",{children:a.jsxs("tr",{children:[a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Fixed width"}),a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Fixed width"}),a.jsx("td",{className:"border border-gray-300 px-4 py-2",children:"Fixed width"})]})})]}),a.jsx("div",{className:"text-xs text-center",children:"table-fixed + caption-bottom"})]})]})]})})})]})]})}function Wle(){const e=[{title:"Layout & Positioning",description:"Aspect ratio, display, position, z-index, and overflow utilities",icon:a.jsx(B.Layout,{className:"w-8 h-8"}),href:"/tailwind-utilities/layout-utilities",component:"LayoutUtilities"},{title:"Sizing",description:"Width, height, max/min dimensions with arbitrary values",icon:a.jsx(B.Move,{className:"w-8 h-8"}),href:"/tailwind-utilities/sizing",component:"SizingUtilities"},{title:"Spacing",description:"Padding, margin, gap utilities with responsive breakpoints",icon:a.jsx(B.ArrowUpDown,{className:"w-8 h-8"}),href:"/tailwind-utilities/spacing",component:"SpacingUtilities"},{title:"Typography",description:"Font families, sizes, weights, spacing, and text formatting",icon:a.jsx(B.Type,{className:"w-8 h-8"}),href:"/tailwind-utilities/typography",component:"TypographyUtilities"},{title:"Flexbox & Grid",description:"Complete flexbox and CSS Grid layout system",icon:a.jsx(B.Grid3X3,{className:"w-8 h-8"}),href:"/tailwind-utilities/flexbox-grid",component:"FlexboxGridUtilities"},{title:"Background",description:"Background colors, gradients, images, and positioning",icon:a.jsx(B.Image,{className:"w-8 h-8"}),href:"/tailwind-utilities/background",component:"BackgroundUtilities"},{title:"Borders",description:"Border radius, width, colors, styles, and outlines",icon:a.jsx(B.Square,{className:"w-8 h-8"}),href:"/tailwind-utilities/borders",component:"BordersUtilities"},{title:"Effects",description:"Shadows, opacity, blend modes, and visual effects",icon:a.jsx(B.Sparkles,{className:"w-8 h-8"}),href:"/tailwind-utilities/effects",component:"EffectsUtilities"},{title:"Filters",description:"CSS filters: blur, brightness, contrast, and more",icon:a.jsx(B.Filter,{className:"w-8 h-8"}),href:"/tailwind-utilities/filters",component:"FiltersUtilities"},{title:"Tables",description:"Table layout, border spacing, and display utilities",icon:a.jsx(B.Table,{className:"w-8 h-8"}),href:"/tailwind-utilities/tables",component:"TablesUtilities"},{title:"Transitions",description:"CSS transitions and animation properties",icon:a.jsx(B.Play,{className:"w-8 h-8"}),href:"/tailwind-utilities/transitions",component:"TransitionsAnimations"},{title:"Transforms",description:"CSS transforms: rotate, scale, translate, skew",icon:a.jsx(B.Move3D,{className:"w-8 h-8"}),href:"/tailwind-utilities/transforms",component:"TransformsUtilities"},{title:"Interactivity",description:"Cursors, pointers, scroll behavior, and user interactions",icon:a.jsx(B.MousePointerClick,{className:"w-8 h-8"}),href:"/tailwind-utilities/interactivity",component:"InteractivityUtilities"},{title:"SVG",description:"SVG fill, stroke, and stroke width utilities",icon:a.jsxs("svg",{className:"w-8 h-8",viewBox:"0 0 24 24",fill:"currentColor",children:[a.jsx("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"2",fill:"none"}),a.jsx("path",{d:"M12 6v6l4 2"})]}),href:"/tailwind-utilities/svg",component:"SVGUtilities"},{title:"Accessibility",description:"Accessibility utilities and screen reader support",icon:a.jsx(B.Accessibility,{className:"w-8 h-8"}),href:"/tailwind-utilities/accessibility",component:"AccessibilityUtilities"}];return a.jsxs("div",{className:"space-y-8 sm:space-y-12 max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Te,{title:"Tailwind CSS v4",description:"Explore the complete Tailwind CSS v4 utility system integrated into tucu-ui. Every utility class is automatically available through our optimized @source directives, providing full design system coverage without bundle bloat.",githubButton:!0,getStartedButton:!0,docsButton:"tailwind-utilities",icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-gradient-to-br from-blue-500 via-purple-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg border border-blue-500/50",children:a.jsx(B.Wind,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Complete Utility Coverage"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-3xl mx-auto",children:"All Tailwind CSS v4 utilities are automatically included through our optimized @source directive system, ensuring zero configuration and full feature parity."})]}),a.jsx(K,{children:a.jsxs(ee,{title:"Implementation Status",className:"flex items-center gap-2",children:[a.jsx(B.CheckCircle,{className:"w-5 h-5 text-green-500"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"All 15 Tailwind utility categories fully implemented"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mt-6",children:[a.jsxs("div",{className:"p-4 bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg",children:[a.jsx(O,{tag:"p",className:"text-sm font-medium text-green-800 dark:text-green-200 mb-2",children:"✅ Layout & Positioning"}),a.jsx(O,{tag:"p",className:"text-xs text-green-700 dark:text-green-300",children:"Aspect ratio, display, position, overflow, z-index"})]}),a.jsxs("div",{className:"p-4 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg",children:[a.jsx(O,{tag:"p",className:"text-sm font-medium text-blue-800 dark:text-blue-200 mb-2",children:"✅ Flexbox & Grid"}),a.jsx(O,{tag:"p",className:"text-xs text-blue-700 dark:text-blue-300",children:"Complete layout system with all properties"})]}),a.jsxs("div",{className:"p-4 bg-purple-50 dark:bg-purple-900/20 border border-purple-200 dark:border-purple-800 rounded-lg",children:[a.jsx(O,{tag:"p",className:"text-sm font-medium text-purple-800 dark:text-purple-200 mb-2",children:"✅ Typography"}),a.jsx(O,{tag:"p",className:"text-xs text-purple-700 dark:text-purple-300",children:"Fonts, text formatting, and spacing"})]})]})]})})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Utility Categories"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"Explore all available Tailwind CSS v4 utility categories with interactive examples and documentation"})]}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",children:e.map((t,r)=>a.jsx(K,{className:"group hover:shadow-lg transition-shadow",children:a.jsxs("div",{className:"p-6 flex flex-col justify-between",children:[a.jsxs("div",{className:"flex items-center gap-3 mb-4",children:[a.jsx("div",{className:"p-2 bg-brand/10 dark:bg-brand/20 rounded-lg text-brand",children:t.icon}),a.jsx(O,{tag:"h3",className:"text-lg font-semibold",children:t.title})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300 mb-4",children:t.description}),a.jsx(he,{variant:"ghost",fullWidth:!0,className:"w-full group-hover:bg-brand group-hover:text-white transition-colors",onClick:()=>window.open(t.href,"_self"),children:a.jsxs("div",{className:"flex items-center gap-2",children:["Explore ",t.title,a.jsx(B.ArrowRight,{className:"w-4 h-4 ml-2"})]})})]})},r))})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-4 text-2xl sm:text-3xl md:text-4xl font-bold",children:"Getting Started"}),a.jsx(O,{tag:"p",className:"text-base sm:text-lg text-gray-600 dark:text-gray-300 max-w-2xl mx-auto",children:"All utilities are automatically available - just start using Tailwind classes in your components"})]}),a.jsx(K,{children:a.jsxs(ee,{title:"Quick Start",className:"flex items-center gap-2",children:[a.jsx(B.Zap,{className:"w-5 h-5 text-yellow-500"}),a.jsx(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300",children:"No configuration needed - all utilities are pre-included"}),a.jsxs("div",{className:"mt-6 space-y-4 w-full",children:[a.jsxs("div",{className:"p-4 bg-light-dark rounded-lg",children:[a.jsx(O,{tag:"p",className:"font-medium mb-2",children:"Basic Usage"}),a.jsx(_t,{expanded:!1,code:`<div className="flex items-center justify-center p-4 bg-brand text-white rounded-lg shadow-md">
   <h2 className="text-xl font-bold">Hello Tailwind v4!</h2>
 </div>`,language:"tsx"})]}),a.jsxs("div",{className:"p-4 bg-light-dark rounded-lg",children:[a.jsx(O,{tag:"p",className:"font-medium mb-2",children:"Responsive Design"}),a.jsx(_t,{expanded:!1,code:`<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
   <div className="p-4 bg-white dark:bg-gray-800 rounded-lg shadow-sm">