@e-burgos/tucu-ui 2.3.0 → 2.4.1

package/{index-DEZRGktf.js → index-CQ1tqJiQ.js}

@@ -14,7 +14,7 @@
  * @namespace
  * @public
  */var r=(function(n){var s=/(?:^|\s)lang(?:uage)?-([\w-]+)(?=\s|$)/i,i=0,o={},l={manual:n.Prism&&n.Prism.manual,disableWorkerMessageHandler:n.Prism&&n.Prism.disableWorkerMessageHandler,util:{encode:function v(w){return w instanceof c?new c(w.type,v(w.content),w.alias):Array.isArray(w)?w.map(v):w.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:++i}),v.__id},clone:function v(w,j){j=j||{};var C,N;switch(l.util.type(w)){case"Object":if(N=l.util.objId(w),j[N])return j[N];C={},j[N]=C;for(var S in w)w.hasOwnProperty(S)&&(C[S]=v(w[S],j));return C;case"Array":return N=l.util.objId(w),j[N]?j[N]:(C=[],j[N]=C,w.forEach(function(E,k){C[k]=v(E,j)}),C);default:return w}},getLanguage:function(v){for(;v;){var w=s.exec(v.className);if(w)return w[1].toLowerCase();v=v.parentElement}return"none"},setLanguage:function(v,w){v.className=v.className.replace(RegExp(s,"gi"),""),v.classList.add("language-"+w)},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 w=document.getElementsByTagName("script");for(var j in w)if(w[j].src==v)return w[j]}return null}},isActive:function(v,w,j){for(var C="no-"+w;v;){var N=v.classList;if(N.contains(w))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,w){var j=l.util.clone(l.languages[v]);for(var C in w)j[C]=w[C];return j},insertBefore:function(v,w,j,C){C=C||l.languages;var N=C[v],S={};for(var E in N)if(N.hasOwnProperty(E)){if(E==w)for(var k in j)j.hasOwnProperty(k)&&(S[k]=j[k]);j.hasOwnProperty(E)||(S[E]=N[E])}var P=C[v];return C[v]=S,l.languages.DFS(l.languages,function(M,A){A===P&&M!=v&&(this[M]=S)}),S},DFS:function v(w,j,C,N){N=N||{};var S=l.util.objId;for(var E in w)if(w.hasOwnProperty(E)){j.call(w,E,w[E],C||E);var k=w[E],P=l.util.type(k);P==="Object"&&!N[S(k)]?(N[S(k)]=!0,v(k,j,null,N)):P==="Array"&&!N[S(k)]&&(N[S(k)]=!0,v(k,j,E,N))}}},plugins:{},highlightAll:function(v,w){l.highlightAllUnder(document,v,w)},highlightAllUnder:function(v,w,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,S;S=C.elements[N++];)l.highlightElement(S,w===!0,C.callback)},highlightElement:function(v,w,j){var C=l.util.getLanguage(v),N=l.languages[C];l.util.setLanguage(v,C);var S=v.parentElement;S&&S.nodeName.toLowerCase()==="pre"&&l.util.setLanguage(S,C);var E=v.textContent,k={element:v,language:C,grammar:N,code:E};function P(A){k.highlightedCode=A,l.hooks.run("before-insert",k),k.element.innerHTML=k.highlightedCode,l.hooks.run("after-highlight",k),l.hooks.run("complete",k),j&&j.call(k.element)}if(l.hooks.run("before-sanity-check",k),S=k.element.parentElement,S&&S.nodeName.toLowerCase()==="pre"&&!S.hasAttribute("tabindex")&&S.setAttribute("tabindex","0"),!k.code){l.hooks.run("complete",k),j&&j.call(k.element);return}if(l.hooks.run("before-highlight",k),!k.grammar){P(l.util.encode(k.code));return}if(w&&n.Worker){var M=new Worker(l.filename);M.onmessage=function(A){P(A.data)},M.postMessage(JSON.stringify({language:k.language,code:k.code,immediateClose:!0}))}else P(l.highlight(k.code,k.grammar,k.language))},highlight:function(v,w,j){var C={code:v,grammar:w,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,w){var j=w.rest;if(j){for(var C in j)w[C]=j[C];delete w.rest}var N=new f;return p(N,N.head,v),u(v,N,w,N.head,0),m(N)},hooks:{all:{},add:function(v,w){var j=l.hooks.all;j[v]=j[v]||[],j[v].push(w)},run:function(v,w){var j=l.hooks.all[v];if(!(!j||!j.length))for(var C=0,N;N=j[C++];)N(w)}},Token:c};n.Prism=l;function c(v,w,j,C){this.type=v,this.content=w,this.alias=j,this.length=(C||"").length|0}c.stringify=function v(w,j){if(typeof w=="string")return w;if(Array.isArray(w)){var C="";return w.forEach(function(P){C+=v(P,j)}),C}var N={type:w.type,content:v(w.content,j),tag:"span",classes:["token",w.type],attributes:{},language:j},S=w.alias;S&&(Array.isArray(S)?Array.prototype.push.apply(N.classes,S):N.classes.push(S)),l.hooks.run("wrap",N);var E="";for(var k in N.attributes)E+=" "+k+'="'+(N.attributes[k]||"").replace(/"/g,"&quot;")+'"';return"<"+N.tag+' class="'+N.classes.join(" ")+'"'+E+">"+N.content+"</"+N.tag+">"};function d(v,w,j,C){v.lastIndex=w;var N=v.exec(j);if(N&&C&&N[1]){var S=N[1].length;N.index+=S,N[0]=N[0].slice(S)}return N}function u(v,w,j,C,N,S){for(var E in j)if(!(!j.hasOwnProperty(E)||!j[E])){var k=j[E];k=Array.isArray(k)?k:[k];for(var P=0;P<k.length;++P){if(S&&S.cause==E+","+P)return;var M=k[P],A=M.inside,L=!!M.lookbehind,I=!!M.greedy,V=M.alias;if(I&&!M.pattern.global){var q=M.pattern.toString().match(/[imsuy]*$/)[0];M.pattern=RegExp(M.pattern.source,q+"g")}for(var R=M.pattern||M,_=C.next,F=N;_!==w.tail&&!(S&&F>=S.reach);F+=_.value.length,_=_.next){var X=_.value;if(w.length>v.length)return;if(!(X instanceof c)){var de=1,ce;if(I){if(ce=d(R,F,v,L),!ce||ce.index>=v.length)break;var U=ce.index,he=ce.index+ce[0].length,ge=F;for(ge+=_.value.length;U>=ge;)_=_.next,ge+=_.value.length;if(ge-=_.value.length,F=ge,_.value instanceof c)continue;for(var W=_;W!==w.tail&&(ge<he||typeof W.value=="string");W=W.next)de++,ge+=W.value.length;de--,X=v.slice(F,ge),ce.index-=F}else if(ce=d(R,0,X,L),!ce)continue;var U=ce.index,J=ce[0],G=X.slice(0,U),Z=X.slice(U+J.length),Y=F+X.length;S&&Y>S.reach&&(S.reach=Y);var le=_.prev;G&&(le=p(w,le,G),F+=G.length),h(w,le,de);var Q=new c(E,A?l.tokenize(J,A):J,V,J);if(_=p(w,le,Q),Z&&p(w,_,Z),de>1){var je={cause:E+","+P,reach:Y};u(v,w,j,_.prev,F,je),S&&je.reach>S.reach&&(S.reach=je.reach)}}}}}}function f(){var v={value:null,prev:null,next:null},w={value:null,prev:v,next:null};v.next=w,this.head=v,this.tail=w,this.length=0}function p(v,w,j){var C=w.next,N={value:j,prev:w,next:C};return w.next=N,C.prev=N,v.length++,N}function h(v,w,j){for(var C=w.next,N=0;N<j&&C!==v.tail;N++)C=C.next;w.next=C,C.prev=w,v.length-=N}function m(v){for(var w=[],j=v.head.next;j!==v.tail;)w.push(j.value),j=j.next;return w}if(!n.document)return n.addEventListener&&(l.disableWorkerMessageHandler||n.addEventListener("message",function(v){var w=JSON.parse(v.data),j=w.language,C=w.code,N=w.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 b=document.readyState;b==="loading"||b==="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 $c<"u"&&($c.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(s,i){var o={};o["language-"+i]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:r.languages[i]},o.cdata=/^<!\[CDATA\[|\]\]>$/i;var l={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:o}};l["language-"+i]={pattern:/[\s\S]+/,inside:r.languages[i]};var c={};c[s]={pattern:RegExp(/(<__[^>]*>)(?:<!\[CDATA\[(?:[^\]]|\](?!\]>))*\]\]>|(?!<!\[CDATA\[)[\s\S])*?(?=<\/__>)/.source.replace(/__/g,function(){return s}),"i"),lookbehind:!0,greedy:!0,inside:l},r.languages.insertBefore("markup","cdata",c)}}),Object.defineProperty(r.languages.markup.tag,"addAttribute",{value:function(n,s){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:[s,"language-"+s],inside:r.languages[s]},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 s=/(?:"(?:\\(?:\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+"|"+s.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\\((?:"+s.source+"|"+/(?:[^\\\r\n()"']|\\[\s\S])*/.source+")\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/,string:{pattern:RegExp("^"+s.source+"$"),alias:"url"}}},selector:{pattern:RegExp(`(^|[{}\\s])[^{}\\s](?:[^{};"'\\s]|\\s+(?![\\s{])|`+s.source+")*(?=\\s*\\{)"),lookbehind:!0},string:{pattern:s,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 i=n.languages.markup;i&&(i.tag.addInlined("style","css"),i.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…",s=function(g,x){return"✖ Error "+g+" while fetching file: "+x},i="✖ 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,b){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?b(s(v.status,v.statusText)):b(i))},v.send(null)}function h(g){var x=/^\s*(\d+)\s*(?:(,)\s*(?:(\d+)\s*)?)?$/.exec(g||"");if(x){var b=Number(x[1]),v=x[2],w=x[3];return v?w?[b,Number(w)]:[b,void 0]:[b,b]}}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 b=x.appendChild(document.createElement("CODE"));b.textContent=n;var v=x.getAttribute("data-src"),w=g.language;if(w==="none"){var j=(/\.(\w+)$/.exec(v)||[,"none"])[1];w=o[j]||j}r.util.setLanguage(b,w),r.util.setLanguage(x,w);var C=r.plugins.autoloader;C&&C.loadLanguages(w),p(v,function(N){x.setAttribute(l,d);var S=h(x.getAttribute("data-range"));if(S){var E=N.split(/\r\n?|\n/g),k=S[0],P=S[1]==null?E.length:S[1];k<0&&(k+=E.length),k=Math.max(0,Math.min(k-1,E.length)),P<0&&(P+=E.length),P=Math.max(0,Math.min(P,E.length)),N=E.slice(k,P).join(`
-`),x.hasAttribute("data-start")||x.setAttribute("data-start",String(k+1))}b.textContent=N,r.highlightElement(b)},function(N){x.setAttribute(l,u),b.textContent=N})}}),r.plugins.fileHighlight={highlight:function(x){for(var b=(x||document).querySelectorAll(f),v=0,w;w=b[v++];)r.highlightElement(w)}};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)}})()})(s1)),s1.exports}var IO=LO();const i1=Kt(IO);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 Jg={},Qg;function VO(){return Qg||(Qg=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)),Jg}VO();(function(e){var t=e.util.clone(e.languages.javascript),r=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,n=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,s=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function i(c,d){return c=c.replace(/<S>/g,function(){return r}).replace(/<BRACES>/g,function(){return n}).replace(/<SPREAD>/g,function(){return s}),RegExp(c,d)}s=i(s).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=i(/<\/?(?:[\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:i(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:i(/=<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 s=["comment","function-name","for-or-select","assign-left","parameter","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],i=n.variable[1].inside,o=0;o<s.length;o++)i[s[o]]=e.languages.bash[s[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 ex={},tx;function zO(){return tx||(tx=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),ex}zO();var rx={},nx;function RO(){return nx||(nx=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)),rx}RO();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 Zl={},hr={},ax;function _u(){if(ax)return hr;ax=1,Object.defineProperty(hr,"__esModule",{value:!0}),hr.isNavigator=hr.isBrowser=hr.off=hr.on=hr.noop=void 0;var e=function(){};hr.noop=e;function t(n){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];n&&n.addEventListener&&n.addEventListener.apply(n,s)}hr.on=t;function r(n){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];n&&n.removeEventListener&&n.removeEventListener.apply(n,s)}return hr.off=r,hr.isBrowser=typeof window<"u",hr.isNavigator=typeof navigator<"u",hr}var sx;function _O(){if(sx)return Zl;sx=1,Object.defineProperty(Zl,"__esModule",{value:!0});var e=y,t=_u(),r=function(n){return n===void 0&&(n={laptopL:1440,laptop:1024,tablet:768}),function(){var s=e.useState(t.isBrowser?window.innerWidth:0),i=s[0],o=s[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 i>=p?f:d},l[0][0]);return c}};return Zl.default=r,Zl}var qO=_O();const BO=Kt(qO),FO={xs:480,sm:640,md:768,lg:1024,xl:1280,"2xl":1440,"3xl":1780,"4xl":2160},Br=BO(FO),Yn=()=>{const e=Br();return{isMobile:["xs","sm","md"].indexOf(e)!==-1}},Pt=({code:e,language:t,expanded:r=!0,noExpand:n=!1,className:s})=>{const{isMobile:i}=Yn(),[o,l]=y.useState(!1),[c,d]=y.useState(!!(!n&&r)),[u,f]=y.useState("");y.useEffect(()=>{if(t&&i1.languages[t]){const h=i1.highlight(e,i1.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",{"data-tucu":"code-block",className:D("overflow-x-auto min-h-[150px] relative rounded-xl border mt-4","bg-gray-100 dark:bg-gray-800 border-border hover:border-gray-400 dark:hover:border-gray-600",c?"h-fit max-h-[300px] transition-all duration-300":"h-full transition-all duration-300",s),children:[a.jsxs("div",{className:D("absolute z-10 top-1 right-1 p-2 flex justify-end items-center w-full gap-1",i&&"flex-col items-end"),children:[a.jsxs("button",{onClick:p,"aria-label":o?"Copied to clipboard":"Copy to clipboard",className:D("code-block-btn 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",i&&"p-1 w-8 h-8"),title:"Copy to clipboard",children:[o?a.jsx(z.Check,{className:"w-4 h-4 text-green-500"}):a.jsx(z.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:D("code-block-btn 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",i&&"p-1 w-8 h-8"),title:"Expand/Collapse",children:c?a.jsx(z.ChevronDown,{className:"w-4 h-4 text-gray-600 dark:text-gray-300"}):a.jsx(z.ChevronUp,{className:"w-4 h-4 text-gray-600 dark:text-gray-300"})}),t&&a.jsx("div",{className:D("code-block-btn 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",i&&"w-max max-w-11 h-8"),children:t})]}),a.jsx(Nr,{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-xs whitespace-pre-wrap font-mono block",children:a.jsx("code",{className:`language-${t||"text"}`,dangerouslySetInnerHTML:{__html:u}})})})]})};function ka({isOpen:e,...t}){return a.jsx(ye,{"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 Se=({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(Ne.Link,{to:e,...t});function $O({label:e,icon:t,href:r,className:n,onClick:s}){return a.jsxs("button",{"data-tucu":"topup-button",className:D("flex h-10 w-full items-center whitespace-nowrap rounded-lg border-2 border-dashed border-border bg-gray-100 px-6 text-sm uppercase tracking-wider text-gray-900 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:s,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(Se,{to:r,children:a.jsx(Q8,{className:"rtl:rotate-180"})})]})}function HO({children:e,defaultHeight:t,className:r}){const[n,s]=y.useState(!1),i=y.useRef(null),o=y.useRef(null);function l(){i.current.scrollHeight>t&&setTimeout(()=>{s(!n)},500)}return y.useEffect(()=>{o.current.clientHeight<=t&&s(!0)},[s,t]),a.jsxs("div",{className:D("relative border border-border rounded-lg p-4",r),children:[a.jsx("div",{ref:i,style:{height:n?"auto":`${t}px`},className:D("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(ye,{size:"mini",shape:"rounded",onClick:()=>l(),children:n?"Show Less":"Show More"})})]})}function L7({top:e,right:t=24,bottom:r=24,left:n,showAfter:s=400,className:i,size:o="medium",behavior:l="smooth",scrollContainer:c}={}){const{pathname:d}=Ne.useLocation(),[u,f]=y.useState(!1),[p,h]=y.useState(!1),m=y.useRef(0),g=y.useRef(null);y.useEffect(()=>{h(!0)},[]);const x=y.useCallback(()=>{if(c?.current)return c.current;const S=document.querySelectorAll('[class*="overflow-auto"], [class*="overflow-y-auto"], [class*="overflow-scroll"]');for(const E of Array.from(S)){const k=E;if(k.scrollHeight>k.clientHeight+50)return k}return window},[c]);y.useEffect(()=>{const S=x();S instanceof HTMLElement?S.scrollTo({top:0,behavior:l}):window.scrollTo({top:0,behavior:l})},[d,l,x]),y.useEffect(()=>{const S=x();g.current=S;const E=()=>{m.current||(m.current=requestAnimationFrame(()=>{const P=S instanceof HTMLElement?S.scrollTop:window.scrollY||document.documentElement.scrollTop||0;f(P>s),m.current=0}))};E();const k=S instanceof HTMLElement?S:window;return k.addEventListener("scroll",E,{passive:!0}),()=>{k.removeEventListener("scroll",E),m.current&&(cancelAnimationFrame(m.current),m.current=0)}},[s,x]);const b=y.useCallback(S=>{S.preventDefault(),S.stopPropagation();const E=g.current||x();E instanceof HTMLElement?E.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"},w={small:"w-5 h-5",medium:"w-6 h-6",large:"w-7 h-7"},j=S=>{if(S===void 0||S==="")return;if(typeof S=="number")return`${S}px`;const E=Number(S);return isNaN(E)?S:`${E}px`},C={position:"fixed",top:j(e),right:j(t),bottom:j(r),left:j(n)},N=a.jsx("button",{type:"button",onClick:b,"aria-label":"Scroll to top",className:D("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",i),style:C,children:a.jsx(cu,{className:D(w[o],"pointer-events-none")})});return p?ir.createPortal(N,document.body):null}const ym=()=>{const{formState:e}=xs(),{errors:t}=e;return a.jsxs("div",{className:"mt-[24px] border border-border 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(Pt,{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"})]})},bs=({onSubmit:e,children:t,useFormProps:r,validationSchema:n,className:s,...i})=>{const o=DO({...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(hO,{...o,children:a.jsx("form",{onSubmit:o.handleSubmit(e),noValidate:!0,...i,className:D("space-y-4",s),children:c()})})},UO={ghost:"transition-shadow rounded-xl border border-border bg-white text-gray-900 hover:border-border hover:ring-1 hover:ring-gray-300 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 vs({options:e,onChange:t,onSelect:r,variant:n="ghost",selectedOption:s,className:i,children:o,disabled:l,label:c,useUppercaseLabel:d,required:u,color:f,value:p,name:h,errorMessage:m,helperText:g,placeholder:x,buttonClassName:b,size:v="md",searchable:w=!1,searchPlaceholder:j="Search...",showCheck:C=!1}){const N=y.useCallback(ne=>ne!==void 0?e.find(xe=>xe.value===ne):void 0,[e]),[S,E]=y.useState(s??N(p)),[k,P]=y.useState(!1),[M,A]=y.useState(-1),[L,I]=y.useState(!1),[V,q]=y.useState(""),R=y.useRef(null),_=y.useRef(null),F=y.useRef([]),X=y.useRef(null),[de,ce]=y.useState({}),he=f?v7[f]:"text-brand";y.useEffect(()=>{if(p!==void 0){const ne=N(p);ne&&E(ne)}},[p,N]);const ge=s||S,W=y.useMemo(()=>ge?e.findIndex(ne=>ne.value===ge.value):-1,[e,ge]),U=y.useCallback(()=>{if(!R.current)return;const ne=R.current.getBoundingClientRect(),xe=220,Ae=window.innerHeight-ne.bottom,lt=ne.top,Ge=Ae<xe&&lt>Ae;ce({position:"fixed",...Ge?{bottom:window.innerHeight-ne.top+4}:{top:ne.bottom+4},left:ne.left,width:ne.width,zIndex:9999})},[]),J=y.useCallback(()=>{l||(U(),A(W>=0?W:0),I(!1),q(""),P(!0))},[l,W,U]),G=y.useCallback(()=>{I(!0);const ne=setTimeout(()=>{P(!1),I(!1),A(-1)},100);return()=>clearTimeout(ne)},[]),Z=y.useCallback(()=>{k?G():J()},[k,J,G]),Y=y.useCallback(ne=>{E(ne),t&&typeof t=="function"&&t(ne),r&&r(ne.value),G(),R.current?.focus()},[t,r,G]);y.useEffect(()=>{if(!k)return;const ne=xe=>{R.current&&!R.current.contains(xe.target)&&_.current&&!_.current.contains(xe.target)&&G()};return document.addEventListener("mousedown",ne),()=>document.removeEventListener("mousedown",ne)},[k,G]),y.useEffect(()=>{if(!k)return;const ne=xe=>{xe.key==="Escape"&&(G(),R.current?.focus())};return document.addEventListener("keydown",ne),()=>document.removeEventListener("keydown",ne)},[k,G]),y.useEffect(()=>{if(!k)return;const ne=()=>U();return window.addEventListener("scroll",ne,!0),window.addEventListener("resize",ne),()=>{window.removeEventListener("scroll",ne,!0),window.removeEventListener("resize",ne)}},[k,U]),y.useEffect(()=>{M>=0&&F.current[M]&&F.current[M]?.scrollIntoView({block:"nearest"})},[M]),y.useEffect(()=>{k&&w&&requestAnimationFrame(()=>X.current?.focus()),k||q("")},[k,w]);const le=y.useMemo(()=>{if(!w||!V.trim())return e;const ne=V.toLowerCase();return e.filter(xe=>xe.name.toLowerCase().includes(ne)||xe.value.toLowerCase().includes(ne)||xe.description?.toLowerCase().includes(ne))},[e,V,w]),Q=ne=>{if(!k){switch(ne.key){case"ArrowDown":case"ArrowUp":case"Enter":case" ":ne.preventDefault(),J();break}return}switch(ne.key){case"ArrowDown":ne.preventDefault(),A(xe=>xe<le.length-1?xe+1:0);break;case"ArrowUp":ne.preventDefault(),A(xe=>xe>0?xe-1:le.length-1);break;case"Enter":case" ":ne.preventDefault(),M>=0&&le[M]&&!le[M].disabled&&Y(le[M]);break;case"Escape":case"Tab":ne.preventDefault(),G();break}},je=h?a.jsx("input",{type:"hidden",name:h,value:ge?.value??""}):null,te=k&&ir.createPortal(a.jsxs("div",{"data-tucu":"select-menu",ref:_,role:"listbox",tabIndex:-1,"aria-activedescendant":M>=0?`select-option-${M}`:void 0,style:de,className:D("max-h-55 overflow-hidden rounded-xl border border-border bg-white shadow-large outline-hidden dark:bg-gray-800","transition ease-in duration-100",L?"opacity-0":"opacity-100"),children:[w&&a.jsxs("div",{className:"flex items-center gap-2 border-b border-border px-3 py-2",children:[a.jsx(z.Search,{className:"h-3.5 w-3.5 shrink-0 text-gray-400 dark:text-gray-500"}),a.jsx("input",{"data-tucu":"select-search",ref:X,type:"text",value:V,onChange:ne=>{q(ne.target.value),A(0)},placeholder:j,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:ne=>{ne.stopPropagation(),ne.key==="Escape"&&(V?q(""):(G(),R.current?.focus())),ne.key==="ArrowDown"&&(ne.preventDefault(),A(xe=>xe<le.length-1?xe+1:0)),ne.key==="ArrowUp"&&(ne.preventDefault(),A(xe=>xe>0?xe-1:le.length-1)),ne.key==="Enter"&&(ne.preventDefault(),M>=0&&le[M]&&!le[M].disabled&&Y(le[M]))}}),V&&a.jsx("button",{type:"button",onClick:()=>q(""),className:"shrink-0 text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors",children:a.jsx(z.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:[le.length===0?a.jsx("div",{className:"px-3 py-3 text-center text-sm text-gray-500 dark:text-gray-400",children:"No results"}):le.map((ne,xe)=>{const Ae=ge?.value===ne.value,lt=xe===M,Ge=ne.disabled;return a.jsxs("div",{"data-tucu":"select-option","data-selected":Ae?"true":void 0,"data-highlighted":lt?"true":void 0,id:`select-option-${xe}`,ref:B=>{F.current[xe]=B},role:"option","aria-selected":Ae,"aria-disabled":Ge,onClick:()=>!Ge&&Y(ne),onTouchStart:()=>!Ge&&Y(ne),onMouseEnter:()=>!Ge&&A(xe),className:D("flex items-center rounded-md px-3 py-2 text-sm transition",Ge?"cursor-not-allowed opacity-50 text-gray-400 dark:text-gray-600":"cursor-pointer text-gray-900 dark:text-gray-100",!Ge&&Ae&&"bg-gray-200/70 font-medium dark:bg-gray-600/60",!Ge&&!Ae&&lt&&"bg-gray-300 dark:bg-gray-600",!Ge&&!Ae&&!lt&&"hover:bg-gray-300 dark:hover:bg-gray-600"),children:[ne.icon&&a.jsx("span",{className:"mr-2 shrink-0",children:ne.icon}),a.jsxs("div",{className:"flex-1 min-w-0",children:[a.jsx("span",{className:"block truncate",children:ne.name}),ne.description&&a.jsx("span",{className:"block text-[11px] text-gray-500 dark:text-gray-400 truncate",children:ne.description})]}),C&&Ae&&a.jsx(z.Check,{className:D("h-4 w-4 shrink-0 ml-2",he)})]},`${ne.value}-${xe}`)}),o&&o]})]}),document.body);return a.jsxs("div",{"data-tucu":"select","data-variant":n,"data-color":f,"data-size":v,className:D("relative text-sm sm:text-sm",i),children:[je,c&&a.jsxs("span",{className:D("block font-medium tracking-widest text-gray-800 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",{"data-tucu":"select-trigger",ref:R,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":k,"aria-controls":"select-listbox","aria-disabled":l,disabled:l,onClick:Z,onKeyDown:Q,className:D("text-case-inherit letter-space-inherit flex w-full items-center justify-between font-medium outline-hidden duration-200",dm.select[v],UO[n],f&&zu[n][f],l&&"cursor-not-allowed bg-muted/10!",b),children:[a.jsxs("div",{className:D("flex items-center",l&&"text-gray-500"),children:[ge?.icon&&a.jsx("span",{className:"mr-1",children:ge.icon}),ge?.name||x||"Select an option"]}),a.jsx(Zn,{className:D("transition-transform duration-200",l&&"text-gray-500",k&&"rotate-180")})]}),te,m&&a.jsx(En,{error:m,size:"md"}),!m&&g&&a.jsx(Pn,{size:"md",children:g})]})}function WO({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 GO={ghost:"transition-shadow border border-border bg-white text-gray-900 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:""},ix={rounded:"rounded-full",square:"rounded-md"},ys=y.forwardRef(({size:e="md",color:t="primary",labelPlacement:r="end",label:n,disabled:s,error:i,helperText:o,className:l,activeClassName:c,containerClassName:d,iconClassName:u,labelClassName:f,inputClassName:p,errorClassName:h,helperClassName:m,id:g,variant:x="ghost",shape:b="square",...v},w)=>{const j=y.useId(),C=g||j,N=`${C}-error`,S=`${C}-helper`,E=[i?N:null,o?S:null].filter(Boolean).join(" ")||void 0,k={sm:"h-[16px] w-[16px]",md:"h-[20px] w-[20px]",lg:"h-[24px] w-[24px]"},M=(I=>{const V={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-border",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-border",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-border",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-border",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-border",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-border",icon:"bg-orange-500"}};return V[I]||V.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:D("flex flex-col",l,c),children:[a.jsxs("label",{htmlFor:C,className:D("flex flex-row items-center",s&&"cursor-not-allowed",d),children:[a.jsxs("div",{className:D("relative leading-none"),children:[a.jsx("input",{type:"checkbox",ref:w,id:C,"data-tucu":"checkbox","data-variant":x,"data-size":e,"data-shape":b,disabled:s,"aria-describedby":E,"aria-invalid":i?"true":"false",className:D("peer appearance-none cursor-pointer disabled:cursor-not-allowed transition-all duration-200 ease-in-out",ix[b],GO[x],"focus:outline-none focus:ring-0","checked:ring-0",k[e],M.base,M.checked,M.hover,M.checkedHover,M.focus,M.disabled,s&&"bg-muted/10! border-border! dark:border-border!",p),...v}),a.jsx(WO,{className:D(`peer-checked:opacity-100 ${ix[b]} absolute inset-0 h-full w-full opacity-0 text-white pointer-events-none`,s?"bg-muted/10! border-border! dark:border-border!":M.icon,u)})]}),n&&a.jsx("span",{className:D("text-gray-800 dark:text-gray-100",A[e],L[e],r==="start"&&"order-first",f),children:n})]}),!i&&o&&a.jsx(Pn,{id:S,size:"md",className:m,children:o}),i&&a.jsx(En,{id:N,className:h,size:"md",error:i})]})});ys.displayName="Checkbox";const Yi={base:"appearance-none cursor-pointer rounded-full disabled:bg-muted/10 disabled:border-border 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",defaultColor:"border-border 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",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",defaultColor:"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",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:"",defaultColor:"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",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"}}}},ox={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]"}}}},dl=y.forwardRef(({variant:e="ghost",size:t="md",color:r,labelPlacement:n="end",label:s,disabled:i,error:o,helperText:l,className:c,activeClassName:d,containerClassName:u,labelClassName:f,inputClassName:p,errorClassName:h,helperClassName:m,...g},x)=>{const b=r?Yi.variant[e].color[r]:Yi.variant[e].defaultColor;return a.jsxs("div",{className:D("flex flex-col",c,d),children:[a.jsxs("label",{className:D("flex flex-row items-center",i&&"cursor-not-allowed",u),children:[a.jsxs("div",{className:"relative inline-flex items-center justify-center",children:[a.jsx("input",{type:"radio",ref:x,"data-tucu":"radio","data-variant":e,"data-size":t,"data-color":r,disabled:i,className:D(Yi.base,Yi.size[t],Yi.variant[e].base,b,i&&"cursor-not-allowed bg-muted/10! border-border! dark:border-border!","peer",p),...g}),a.jsx("span",{className:D("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")})]}),s&&a.jsx("span",{className:D("text-gray-800 dark:text-gray-100",ox.size.text[t],ox.size.margin[n][t],n==="start"&&"order-first",f),children:s})]}),!o&&l&&a.jsx(Pn,{size:"md",className:m,children:l}),o&&a.jsx(En,{size:"md",error:o,className:h})]})}),lx={base:"flex flex-row",center:"justify-center align-center"},Is={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-border",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-border bg-white text-gray-900 hover:border-border hover:ring-1 hover:ring-gray-300 dark:bg-gray-800 dark:text-gray-100 dark:hover:border-gray-600 dark:hover:ring-gray-600"},solid:{base:"transition-colors bg-gray-200/70 hover:bg-gray-300 dark:bg-gray-800 dark:hover:bg-gray-700"},transparent:{base:"bg-transparent"}}},KO={primary:"!border-brand/70 hover:!border-brand/80 focus:!border-brand dark:!border-brand/75 dark:!bg-brand/20",info:"!border-blue-500/70 hover:!border-blue-500/80 focus:!border-blue-500 dark:!border-blue-500/75 dark:!bg-blue-500/20"};function wm({type:e="text",value:t="",onChange:r,mask:n=!1,length:s=4,center:i=!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:b=!1,...v}){const w=y.useRef([]);function j(k){return P=>{P&&(w.current[k]=P)}}y.useEffect(()=>{const k=t.split("");w.current.forEach((P,M)=>{P&&P.value!==(k[M]||"")&&(P.value=k[M]||"")})},[t]);function C(){const k=w.current.map(P=>P?.value||"").join("");r&&r(k)}function N(k,P){const M=k.target.value.split("");w.current[P].value=M[M.length-1],P<s-1&&w.current[P+1].focus(),C()}function S(k,P){const M=w.current[P].value;if(k.key==="ArrowRight"&&P<s-1&&w.current[P+1].focus(),k.key==="ArrowLeft"&&P>0&&w.current[P-1].focus(),k.key==="Backspace"){if(M!=="")w.current[P].value="";else{if(P===0)return;w.current[P-1].value="",w.current[P-1].focus()}C()}}function E(k,P){const M=k.clipboardData.getData("text").split("");for(let A=0;A<s-P;A+=1)w.current[P+A].value=M[A]??"",P+A===s-1?w.current[P+A].focus():w.current[P+A+1].focus();k.preventDefault(),C()}return a.jsxs("div",{"data-tucu":"pin-code","data-variant":c,"data-color":d,className:D("flex flex-col items-center justify-center",b&&"w-full"),children:[a.jsx("div",{className:D(lx.base,i&&lx.center,b&&"w-full! justify-between!",p),children:Array.from({length:s},(k,P)=>{const M=t.split("")[P]||"";return a.jsx("input",{ref:j(P),"data-tucu":"pin-code-input",type:e,inputMode:e==="text"?e:"numeric",value:M,autoCapitalize:"off",autoCorrect:"off",autoComplete:"off",placeholder:u,onChange:A=>N(A,P),onKeyDown:A=>S(A,P),onPaste:A=>E(A,P),className:D(Is.base,e==="number"&&Is.numberType,Is.size[o],Is.rounded[l],Is.variant[c].base,d&&zu[c][d],c==="ghost"&&d&&KO[d],f&&Is.error,n&&"password-dot",v.disabled&&"bg-muted/10! cursor-not-allowed border-border! dark:border-border! hover:border-border! dark:hover:border-gray-700!",h),...v},P)})}),!f&&g&&a.jsx(Pn,{size:"md",className:x,children:g}),f&&a.jsx(En,{className:D("text-left w-full",m),error:f,size:"md"})]})}const $e=({name:e,label:t,helperText:r,className:n,rules:s,children:i,hideError:o=!1,showHelper:l=!1})=>{const{control:c,formState:{errors:d}}=xs(),p=((h,m)=>{const g=m.split(".");let x=h;for(const b of g){if(x==null)return;x=x[b]}return x})(d,e)?.message;return a.jsxs("div",{className:n,children:[a.jsx(E7,{control:c,name:e,...s?{rules:s}:{},render:({field:h})=>{const m=i.type===vs,g=i.type===ys,x=i.type===dl,b=i.type===wm,v=g||x?!!h.value:h.value??"",j={...{...h,value:v,id:e,label:t||i.props?.label,...i.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)}},...b&&{value:h.value??"",onChange:C=>{h.onChange(C)}}};return y.cloneElement(i,j)}}),!o&&p&&a.jsx(En,{error:p,size:"md"}),!p&&l&&r&&a.jsx(Pn,{size:"md",children:r})]})};function ZO({title:e,subTitle:t,important:r,className:n,titleClassName:s}){return a.jsxs("div",{className:D("relative mb-3",n),children:[a.jsxs("span",{className:D("block text-sm font-medium tracking-wider text-gray-900 dark:text-white",s),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 YO({label:e,onOptionSelect:t,options:r=[],initialValue:n,noMatchesMessage:s,multiple:i=!1,variant:o="ghost",color:l,size:c="md",disabled:d=!1,...u}){const[f,p]=y.useState(n?.toString()||""),[h,m]=y.useState(!1),[g,x]=y.useState(!1),[b,v]=y.useState(-1),[w,j]=y.useState(null),[C,N]=y.useState([]),S=y.useRef(null),E=y.useRef(null),k=y.useRef(null),P=y.useRef([]),M=y.useRef(n),[A,L]=y.useState({}),I=l?v7[l]:"text-brand",V=l?JT[l]:"bg-brand/10 text-brand hover:bg-brand/20";y.useEffect(()=>{const G=n?.toString()||"",Z=M.current?.toString()||"";G!==Z&&(M.current=n,p(G),G||(j(null),N([])))},[n]);const q=y.useMemo(()=>{if(!r||r.length===0)return[];if(!f.trim())return r;const G=f.toLowerCase();return r.filter(Z=>Z.name.toLowerCase().includes(G)||Z.value.toLowerCase().includes(G)||Z.description?.toLowerCase().includes(G))},[f,r]),R=y.useCallback(()=>{if(!S.current)return;const G=S.current.getBoundingClientRect(),Z=260,Y=window.innerHeight-G.bottom,le=G.top,Q=Y<Z&&le>Y;L({position:"fixed",...Q?{bottom:window.innerHeight-G.top+4}:{top:G.bottom+4},left:G.left,width:G.width,zIndex:9999})},[]),_=y.useCallback(()=>{d||(R(),v(-1),x(!1),m(!0))},[d,R]),F=y.useCallback(()=>{x(!0);const G=setTimeout(()=>{m(!1),x(!1),v(-1)},100);return()=>clearTimeout(G)},[]);y.useEffect(()=>{if(!h)return;const G=Z=>{S.current&&!S.current.contains(Z.target)&&k.current&&!k.current.contains(Z.target)&&F()};return document.addEventListener("mousedown",G),()=>document.removeEventListener("mousedown",G)},[h,F]),y.useEffect(()=>{if(!h)return;const G=Z=>{Z.key==="Escape"&&(F(),E.current?.focus())};return document.addEventListener("keydown",G),()=>document.removeEventListener("keydown",G)},[h,F]),y.useEffect(()=>{if(!h)return;const G=()=>R();return window.addEventListener("scroll",G,!0),window.addEventListener("resize",G),()=>{window.removeEventListener("scroll",G,!0),window.removeEventListener("resize",G)}},[h,R]),y.useEffect(()=>{b>=0&&P.current[b]&&P.current[b]?.scrollIntoView({block:"nearest"})},[b]);const X=y.useCallback(G=>{if(!G.disabled)if(i){const Y=C.some(le=>le.value===G.value)?C.filter(le=>le.value!==G.value):[...C,G];N(Y),p(""),t?.(Y),E.current?.focus()}else j(G),p(G.name),F(),t?.(G)},[i,C,t,F]),de=y.useCallback((G,Z)=>{G.stopPropagation();const Y=C.filter(le=>le.value!==Z.value);N(Y),t?.(Y),E.current?.focus()},[C,t]),ce=y.useCallback(G=>{const Z=G.target.value;p(Z),!i&&w&&Z!==w.name&&j(null),!h&&Z.trim()&&_()},[i,w,h,_]),he=y.useCallback(G=>{if(!h){(G.key==="ArrowDown"||G.key==="ArrowUp")&&(G.preventDefault(),_());return}switch(G.key){case"ArrowDown":G.preventDefault(),v(Z=>{let Y=Z<q.length-1?Z+1:0;for(;q[Y]?.disabled&&Y!==Z;)Y=Y<q.length-1?Y+1:0;return Y});break;case"ArrowUp":G.preventDefault(),v(Z=>{let Y=Z>0?Z-1:q.length-1;for(;q[Y]?.disabled&&Y!==Z;)Y=Y>0?Y-1:q.length-1;return Y});break;case"Enter":G.preventDefault(),b>=0&&q[b]&&!q[b].disabled&&X(q[b]);break;case"Escape":G.preventDefault(),F();break;case"Tab":F();break}},[h,q,b,X,_,F]),ge=y.useMemo(()=>f.trim().length>3&&r.length>0&&q.length===0&&(i?C.length===0:!w)?s||"No matches found":void 0,[f,r.length,q.length,i,C.length,w,s]),W=y.useCallback(G=>{const Z=f.trim();if(!Z)return a.jsx("span",{children:G});const Y=G.toLowerCase(),le=Z.toLowerCase(),Q=[];let je=0,te=Y.indexOf(le,je);for(;te!==-1;)te>je&&Q.push({text:G.substring(je,te),isMatch:!1}),Q.push({text:G.substring(te,te+Z.length),isMatch:!0}),je=te+Z.length,te=Y.indexOf(le,je);return je<G.length&&Q.push({text:G.substring(je),isMatch:!1}),a.jsx("span",{children:Q.map((ne,xe)=>ne.isMatch?a.jsx("span",{className:D("font-semibold",I),children:ne.text},xe):a.jsx("span",{children:ne.text},xe))})},[f,I]),U=y.useCallback(G=>i?C.some(Z=>Z.value===G.value):w?.value===G.value,[i,C,w]),J=h&&q.length>0&&ir.createPortal(a.jsx("div",{"data-tucu":"select-menu",ref:k,role:"listbox",tabIndex:-1,"aria-activedescendant":b>=0?`searcher-option-${b}`:void 0,style:A,className:D("max-h-60 overflow-hidden rounded-xl border border-border bg-white shadow-large outline-hidden dark:bg-gray-800","transition ease-in duration-100",g?"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:q.map((G,Z)=>{const Y=U(G),le=Z===b,Q=G.disabled;return a.jsxs("div",{"data-tucu":"select-option","data-selected":Y?"true":void 0,"data-highlighted":le?"true":void 0,id:`searcher-option-${Z}`,ref:je=>{P.current[Z]=je},role:"option","aria-selected":Y,"aria-disabled":Q,onClick:()=>!Q&&X(G),onMouseEnter:()=>!Q&&v(Z),className:D("flex items-center rounded-md px-3 py-2 text-sm transition",Q?"cursor-not-allowed opacity-50 text-gray-400 dark:text-gray-600":"cursor-pointer text-gray-900 dark:text-gray-100",!Q&&Y&&"bg-gray-200/70 font-medium dark:bg-gray-600/60",!Q&&!Y&&le&&"bg-gray-300 dark:bg-gray-600",!Q&&!Y&&!le&&"hover:bg-gray-300 dark:hover:bg-gray-600"),children:[G.icon&&a.jsx("span",{className:"mr-2 shrink-0",children:G.icon}),a.jsxs("div",{className:"flex-1 min-w-0",children:[a.jsx("span",{className:"block truncate",children:W(G.name)}),G.description&&a.jsx("span",{className:"block text-[11px] text-gray-500 dark:text-gray-400 truncate",children:G.description})]}),Y&&a.jsx(J8,{className:D("h-4 w-4 shrink-0 ml-2",I)})]},`${G.value}-${Z}`)})})}),document.body);return a.jsxs("div",{"data-tucu":"input-searcher","data-color":l,className:"relative",ref:S,children:[a.jsx(gt,{ref:E,label:e,variant:o,color:l,size:c,disabled:d,icon:a.jsx(cm,{className:"h-4 w-4 dark:text-white text-current"}),value:f,onChange:ce,error:ge,onFocus:()=>{q.length>0&&_()},onKeyDown:he,role:"combobox","aria-expanded":h,"aria-haspopup":"listbox","aria-autocomplete":"list",...u}),i&&C.length>0&&a.jsx("div",{className:"mt-2 flex flex-wrap items-center gap-2",children:C.map(G=>a.jsxs("span",{className:D("inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded-md",V),children:[G.icon&&a.jsx("span",{className:"shrink-0",children:G.icon}),G.name,a.jsx("button",{type:"button",onClick:Z=>de(Z,G),className:"rounded-full p-0.5 transition-opacity hover:opacity-80","aria-label":`Remove ${G.name}`,children:a.jsx(ar,{className:"h-3 w-3"})})]},G.value))}),J]})}const XO={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"}},jm=y.forwardRef(({value:e,defaultValue:t,variant:r="ghost",size:n="md",color:s,labelPlacement:i="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:b,children:v,onChange:w,...j},C)=>{const[N,S]=y.useState(e!==void 0?e:t);y.useEffect(()=>{e!==void 0&&S(e)},[e]);const E=P=>{const M=P.target.value;e===void 0&&S(M),w?.(M)},k=()=>b?b.map(P=>{const M=N!==void 0&&N.toString()===P.value.toString(),{name:A,label:L,value:I,disabled:V,...q}=P;return a.jsx(dl,{name:A,label:L,value:I,disabled:o||V,checked:M,variant:r,size:n,color:s,labelPlacement:i,onChange:E,activeClassName:M?"active":"",...q},I)}):y.Children.map(v,P=>{if(!y.isValidElement(P))return P;const M=N!==void 0&&N.toString()===P.props.value?.toString();return y.cloneElement(P,{checked:M,onChange:E,disabled:o||P.props.disabled,variant:P.props.variant||r,size:P.props.size||n,color:P.props.color??s,labelPlacement:P.props.labelPlacement||i,activeClassName:M?"active":""})});return a.jsxs("div",{ref:C,"data-tucu":"radio-group",className:D("flex flex-col",u),...j,children:[l&&a.jsx("label",{className:D("block text-sm font-medium mb-[6px] text-gray-800 dark:text-gray-100",p),children:l}),a.jsx("div",{className:D("flex",g==="vertical"?"flex-col":"flex-row flex-wrap items-center",XO[g][x],f),children:k()}),!c&&d&&a.jsx(Pn,{size:"md",className:m,children:d}),c&&a.jsx(En,{size:"md",error:c,className:h})]})}),JO={ghost:{unchecked:"border border-border bg-white dark:bg-gray-800"},solid:{unchecked:"bg-gray-200/70 dark:bg-gray-800"},transparent:{unchecked:"bg-transparent border border-border"}},cx={primary:{checked:"bg-brand",focus:"focus:ring-brand/50"},secondary:{checked:"bg-gray-500",focus:"focus:ring-gray-500/40"},danger:{checked:"bg-red-500",focus:"focus:ring-red-500/40"},info:{checked:"bg-blue-500",focus:"focus:ring-blue-500/40"},success:{checked:"bg-green-500",focus:"focus:ring-green-500/40"},warning:{checked:"bg-orange-500",focus:"focus:ring-orange-500/40"}},qu=({label:e,offLabel:t,onLabel:r,checked:n,onChange:s,variant:i="ghost",color:o,className:l,errorMessage:c,helperText:d,disabled:u})=>{const f=o?cx[o]:cx.primary;return a.jsxs("div",{"data-tucu":"switch","data-variant":i,"data-color":o,className:"flex flex-col",children:[a.jsxs("label",{className:D("flex items-center relative w-max cursor-pointer select-none",u&&"cursor-not-allowed",l),children:[e&&a.jsx("span",{className:D("text-sm text-gray-800 dark:text-gray-100 mr-[12px]",u&&"text-gray-500 cursor-not-allowed"),children:typeof e=="string"?e:y.cloneElement(e,{className:"text-sm text-gray-800 dark:text-gray-100 mr-[12px]"})}),a.jsx("input",{style:{backgroundImage:"url()"},"data-tucu":"switch-control",type:"checkbox",checked:n,onChange:p=>s(p.target.checked),disabled:u,className:D("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",f.focus,u&&"cursor-not-allowed! bg-muted/10! border-border! dark:border-border!",n?f.checked:JO[i].unchecked)}),a.jsx("span",{className:D("absolute font-medium text-sm uppercase right-[4px] transition-colors",u&&"text-gray-500 cursor-not-allowed",n?"text-white":i==="ghost"?"text-gray-600 dark:text-gray-300":i==="solid"?"text-gray-700 dark:text-gray-300":"text-gray-600 dark:text-gray-300"),children:t||"OFF"}),a.jsx("span",{className:D("absolute font-medium text-sm uppercase right-[32px] transition-colors",u&&"text-gray-500 cursor-not-allowed",n?"text-white":i==="ghost"?"text-gray-600 dark:text-gray-300":i==="solid"?"text-gray-700 dark:text-gray-300":"text-gray-600 dark:text-gray-300"),children:r||"ON"}),a.jsx("span",{className:D("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",u&&"bg-gray-200 dark:bg-gray-300 cursor-not-allowed")})]}),c&&a.jsx(En,{error:c,size:"md"}),d&&a.jsx(Pn,{size:"md",children:d})]})},I7={ghost:"transition-shadow border border-border bg-white text-gray-900 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:""},Cm=y.forwardRef(({required:e,label:t,error:r,variant:n="ghost",className:s,inputClassName:i,useUppercaseLabel:o,helperText:l,color:c,size:d="md",...u},f)=>a.jsxs("div",{className:D("text-sm sm:text-sm",s),children:[a.jsxs("label",{children:[t&&a.jsxs("span",{className:D("block font-medium tracking-widest text-gray-800 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:f,"data-tucu":"textarea","data-variant":n,"data-color":c,"data-size":d,...u,className:D("block w-full placeholder-gray-400 transition-shadow duration-200 invalid:border-red-500 invalid:text-red-600 focus:border-border focus:outline-hidden focus:ring-1 focus:ring-gray-300 focus:invalid:border-red-500 focus:invalid:ring-red-500 disabled:border-border disabled:bg-muted/10 disabled:text-gray-500 disabled:cursor-not-allowed dark:text-gray-100 dark:focus:border-gray-600 dark:focus:ring-gray-600 rounded-xl",dm.textarea[d],I7[n],c&&zu[n][c],u.disabled?"bg-muted/10! cursor-not-allowed":"",i)})]}),r&&a.jsx(En,{error:r,size:"md"}),!r&&l&&a.jsx(Pn,{size:"md",children:l})]}));function QO({title:e,subTitle:t,icon:r,color:n,checked:s,onChange:i,children:o}){return a.jsxs("div",{"data-tucu":"toggle-bar",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("div",{className:"shrink-0",children:a.jsx(qu,{checked:s,onChange:()=>i(),variant:"solid",color:n})})]}),o&&a.jsx("div",{className:"px-4 pb-4",children:o})]})}const S2={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 eD({accept:e,children:t,label:r,color:n,containerProps:s,additionalInputProps:i,placeholderText:o,containerClassName:l,wrapperClassName:c,labelClassName:d,onChange:u,multiple:f,...p},h){const[m,g]=y.useState([]),x=M=>{const A=M.target.files;if(A&&A.length>0){const I=Array.from(A).filter(b);I.length>0&&g(f?V=>[...V,...I]:[I[0]])}u&&u(M)},b=M=>{if(!e||e==="all")return!0;const L=S2[e];return L?L.split(",").some(V=>{if(V.includes("*")){const q=V.split("/")[0];return M.type.startsWith(q+"/")}return M.type===V.trim()}):!0},v=M=>{if(M&&M.length>0){const A=M.filter(b);A.length>0&&g(f?L=>[...L,...A]:[A[0]])}},w=M=>{M.preventDefault(),M.stopPropagation();const A=Array.from(M.dataTransfer.files);A.length>0&&v(A),s?.onDrop&&s.onDrop(M)},j=M=>{M.preventDefault(),M.stopPropagation(),s?.onDragOver&&s.onDragOver(M)},C=M=>{M.preventDefault(),M.stopPropagation(),s?.onDragEnter&&s.onDragEnter(M)},N=M=>{M.preventDefault(),M.stopPropagation(),s?.onDragLeave&&s.onDragLeave(M)},S=m.filter(M=>M.type.includes("image")),E=M=>{const A=M.split(".");return A.length>1?A[A.length-1].toUpperCase():""},k=M=>{if(M.type.includes("pdf"))return"PDF";if(M.type.includes("csv"))return"CSV";if(M.type.includes("spreadsheetml")||M.type.includes("ms-excel"))return"XLSX";if(M.type.includes("zip")||M.type.includes("gzip"))return"ZIP";if(M.type.includes("xml"))return"XML";if(M.type.includes("msword")||M.type.includes("wordprocessingml"))return"DOC";if(M.type.includes("plain"))return"TXT";const A=E(M.name);return A==="XLSX"||A==="XLS"?A:A||"FILE"},P=M=>{const A=m[M];A&&A.type.includes("image")&&URL.revokeObjectURL(URL.createObjectURL(A));const L=m.filter((I,V)=>V!==M);g(L),h&&"current"in h&&h.current&&(h.current.value="")};return y.useEffect(()=>()=>{S.forEach(M=>{URL.revokeObjectURL(URL.createObjectURL(M))})},[S]),a.jsxs("div",{"data-tucu":"file-input","data-color":n,className:D("rounded-lg border border-solid border-border bg-white p-4 dark:bg-light-dark sm:p-6",n&&Rg[n].wrapper,c),children:[a.jsxs("div",{"data-tucu":"file-input-dropzone",className:D("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-border h-48 flex items-center justify-center rounded-lg",n&&Rg[n].dropzone,l),...s,onDrop:w,onDragOver:j,onDragEnter:C,onDragLeave:N,children:[a.jsx("input",{ref:h,title:"",type:"file",accept:e&&e!=="all"?S2[e]:void 0,className:"absolute top-0 z-10 h-full w-full opacity-0 disabled:cursor-not-allowed cursor-pointer",onChange:x,multiple:f,...p,...i}),a.jsxs("div",{"data-tucu":"file-input-content",className:"text-center",children:[a.jsx("p",{"data-tucu":"file-input-placeholder",className:"mb-6 text-sm tracking-tighter text-gray-600 dark:text-gray-400",children:o||"PNG, GIF, WEBP, MP4 or MP3. Max 100mb."}),a.jsx(ye,{color:n?QT[n]:void 0,disabled:p.disabled,className:D(n?eO[n]:"hover:bg-primary-500",d),children:r||"CHOOSE FILE"})]})]}),t,m.length>0&&a.jsx("div",{className:"mt-7 flex flex-row flex-wrap gap-5",children:m.map((M,A)=>{const L=M.type.includes("image");return a.jsxs("div",{className:"relative flex items-center",children:[L?a.jsx("figure",{"data-tucu":"file-input-image-preview",className:"relative mx-auto aspect-square w-20 overflow-hidden rounded-xl border border-border @2xl:w-32",children:a.jsx(Rr,{src:URL.createObjectURL(M),alt:M.name,priority:"auto",className:"(max-width: 768px) 100vw"})}):a.jsxs("div",{"data-tucu":"file-input-preview",className:"relative mx-auto w-20 @2xl:w-32 flex flex-col items-center justify-center p-3 rounded-xl border border-border dark:border-border bg-gray-200 dark:bg-gray-800",children:[a.jsx(r7,{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:k(M)}),a.jsx("span",{className:"text-[10px] text-gray-500 dark:text-gray-500 text-center mt-1 truncate w-full",children:M.name.length>15?`${M.name.substring(0,15)}...`:M.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(ar,{onClick:()=>P(A),onTouchStart:()=>P(A),className:"h-2 w-2 cursor-pointer transition duration-75"})})]},`${M.name}-${A}`)})})]})}const V7=y.forwardRef(eD);V7.displayName="FileInput";const Bu={name:"",email:"",password:"",message:"",acceptTerms:!1,age:0,gender:"",isDeveloper:!1,country:"ar"},Nm={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."}},km=()=>{const{formState:{errors:e,isDirty:t,isValid:r,isSubmitting:n},reset:s,trigger:i,setValue:o,getValues:l,watch:c}=xs(),d=c("name"),u=c("email"),f=c("password"),p=c("country"),h=c("message"),m=c("acceptTerms"),g=c("isDeveloper"),x=c("gender"),b=c("age"),v=()=>{s(Bu)},w=async()=>{const N=await i();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-border bg-white 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: ",b||"(empty)"]})]}),a.jsxs("div",{className:"mb-[16px] grid grid-cols-2 gap-[8px]",children:[a.jsxs("div",{className:"p-[8px] border border-border 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-border 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-border 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-border 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(ye,{type:"button",color:"gray",fullWidth:!0,onClick:v,children:"Reset"}),a.jsx(ye,{type:"button",color:"warning",fullWidth:!0,onClick:w,children:"Validate"}),a.jsx(ye,{type:"button",color:"info",fullWidth:!0,onClick:j,children:"Fill data"}),a.jsx(ye,{type:"button",color:"success",fullWidth:!0,onClick:C,children:"Get values"})]})]})},tD={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"]},rD={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"]},nD={rounded:["h-16 w-16 rounded-lg bg-white/20 backdrop-blur-2xl"],circle:["rounded-full"]};function Ni({image:e,alt:t,className:r,size:n="md",shape:s="circle",border:i=!0}){return a.jsxs("figure",{className:D("relative shrink-0 overflow-hidden",r,nD[s],tD[n],i&&rD[n]),children:[s==="circle"&&(n==="xs"||n==="sm"?a.jsx(Rr,{src:e,alt:t,width:"100%",height:"100%",priority:"auto",className:"rounded-full"}):a.jsx(Rr,{src:e,alt:t,width:"100%",height:"100%",priority:"auto",placeholder:"blur",className:"rounded-full"})),s==="rounded"&&a.jsx(Rr,{src:e,alt:t,className:"",width:"100%",height:"100%",priority:"auto"})]})}function aD({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(Ni,{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 sD({title:e,description:t,icon:r,header:n,footer:s,actions:i,children:o,className:l,onClick:c}){return a.jsxs("div",{"data-tucu":"card",className:D("rounded-xl border border-border bg-light-dark",c&&"cursor-pointer hover:border-brand/30 dark:hover:border-brand/30 transition-colors",l),onClick:c,children:[(n||e||i)&&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})]})]}),i&&a.jsx("div",{className:"shrink-0",children:i})]}),o&&a.jsx("div",{className:"p-4",children:o}),s&&a.jsx("div",{className:"border-t border-border px-4 py-3",children:s})]})}const ee=({className:e,children:t,...r})=>a.jsx("div",{"data-tucu":"card",...r,className:D("flex flex-col flex-wrap justify-start align-middle w-full h-full min-w-0 rounded-lg border border-border shadow-card bg-light-dark p-[16px] sm:p-[24px] 2xl:p-[32px]",e),children:t}),re=({border:e=!0,title:t,children:r,className:n})=>a.jsxs("fieldset",{"data-tucu":"card-title",className:D("w-full min-w-0 relative rounded-lg flex flex-col justify-start",e?"border border-border sm:px-6 px-4 sm:pt-4 pt-3 sm:pb-6 pb-4":"sm:p-6 p-4 sm:pt-[32px] pt-[24px]",n),children:[t&&a.jsx("legend",{"data-tucu":"card-title-label",className:D("font-bold sm:text-xl text-lg dark:text-white text-current px-2 w-fit",e?"ml-4":"absolute -top-4 left-4 m-0"),children:t}),r]}),iD={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-border py-3 px-4 rounded-xl dark:border-border 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-border 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-border 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"},oD={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"},lD={default:"font-sans",mono:"font-mono"},cD=["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:s,fontFamily:i,tooltip:o,tooltipPlacement:l="top",tooltipColor:c,tooltipArrow:d=!0}){const f=!cD.includes(e)?"div":e;let p="",h="";e==="abbr"&&t===void 0&&console.warn("title attribute is missing for abbr tag."),s&&(p=oD[s]),i&&(h=lD[i]);const m=a.jsx(f,{"data-tucu":"typography","data-typography-tag":e,...t&&{title:t},className:D(iD[e],h,p,n),children:r});return o?a.jsx(ll,{content:o,placement:l,color:c,arrow:d,children:m}):m}const dD={blue:"bg-linear-to-br from-blue-500/10 to-cyan-500/10 text-blue-700 border-blue-200 dark:from-blue-400/20 dark:to-cyan-400/20 dark:text-blue-300 dark:border-blue-700",indigo:"bg-linear-to-br from-indigo-500/10 to-blue-500/10 text-indigo-700 border-indigo-200 dark:from-indigo-400/20 dark:to-blue-400/20 dark:text-indigo-300 dark:border-indigo-700",cyan:"bg-linear-to-br from-cyan-500/10 to-teal-500/10 text-cyan-700 border-cyan-200 dark:from-cyan-400/20 dark:to-teal-400/20 dark:text-cyan-300 dark:border-cyan-700",purple:"bg-linear-to-br from-purple-500/10 to-pink-500/10 text-purple-700 border-purple-200 dark:from-purple-400/20 dark:to-pink-400/20 dark:text-purple-300 dark:border-purple-700",emerald:"bg-linear-to-br from-emerald-500/10 to-green-500/10 text-emerald-700 border-emerald-200 dark:from-emerald-400/20 dark:to-green-400/20 dark:text-emerald-300 dark:border-emerald-700",orange:"bg-linear-to-br from-orange-500/10 to-red-500/10 text-orange-700 border-orange-200 dark:from-orange-400/20 dark:to-red-400/20 dark:text-orange-300 dark:border-orange-700",green:"bg-linear-to-br from-green-500/10 to-emerald-500/10 text-green-700 border-green-200 dark:from-green-400/20 dark:to-emerald-400/20 dark:text-green-300 dark:border-green-700",red:"bg-linear-to-br from-red-500/10 to-rose-500/10 text-red-700 border-red-200 dark:from-red-400/20 dark:to-rose-400/20 dark:text-red-300 dark:border-red-700",pink:"bg-linear-to-br from-pink-500/10 to-purple-500/10 text-pink-700 border-pink-200 dark:from-pink-400/20 dark:to-purple-400/20 dark:text-pink-300 dark:border-pink-700",amber:"bg-linear-to-br from-amber-500/10 to-orange-500/10 text-amber-700 border-amber-200 dark:from-amber-400/20 dark:to-orange-400/20 dark:text-amber-300 dark:border-amber-700",teal:"bg-linear-to-br from-teal-500/10 to-cyan-500/10 text-teal-700 border-teal-200 dark:from-teal-400/20 dark:to-cyan-400/20 dark:text-teal-300 dark:border-teal-700",violet:"bg-linear-to-br from-violet-500/10 to-indigo-500/10 text-violet-700 border-violet-200 dark:from-violet-400/20 dark:to-indigo-400/20 dark:text-violet-300 dark:border-violet-700",rose:"bg-linear-to-br from-rose-500/10 to-pink-500/10 text-rose-700 border-rose-200 dark:from-rose-400/20 dark:to-pink-400/20 dark:text-rose-300 dark:border-rose-700",sky:"bg-linear-to-br from-sky-500/10 to-blue-500/10 text-sky-700 border-sky-200 dark:from-sky-400/20 dark:to-blue-400/20 dark:text-sky-300 dark:border-sky-700"},Ha=({icon:e,title:t,description:r,color:n,colorClassName:s,className:i,onClick:o})=>a.jsxs("div",{className:D("p-4 sm:p-6 border rounded-xl hover:shadow-lg hover:-translate-y-1 transition-all duration-300",o&&"cursor-pointer",n?dD[n]:s,i),onClick:o,children:[a.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[e,a.jsx(O,{tag:"h5",children:t})]}),a.jsx(O,{tag:"caption",className:"opacity-80",children:r})]}),uD={rounded:"rounded-md",pill:"rounded-full",circle:"rounded-full"},fD={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"]},pD={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-border"]},mD={active:"success",inactive:"danger",pending:"warning",default:"gray"},Ye=({children:e,className:t,status:r,color:n,size:s="small",variant:i="solid",shape:o="pill",withDot:l=!1,...c})=>{const d=r?mD[r]:n||"gray",u=pD[d],f=fD[s];let p="";switch(i){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",{"data-tucu":"badge","data-variant":i,className:D("inline-flex items-center justify-center font-medium transition-all duration-200",uD[o],l&&!e?h:f[0],p,t),...c,children:[l&&e&&a.jsx("span",{className:D("rounded-full mr-1.5",f[1],i==="solid"?"bg-white/80":u[1])}),e]})},cr=({icon:e,title:t,badge:r,description:n,iconBgClassName:s="from-blue-500 to-cyan-500",className:i,onClick:o,layout:l="vertical",tags:c})=>l==="showcase"?a.jsx(ee,{className:D("group hover:shadow-large transition-all duration-300 hover:-translate-y-1",o&&"cursor-pointer",i),onClick:o,children:a.jsxs("div",{className:"w-full space-y-4",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:D("p-3 rounded-xl bg-linear-to-br shadow-lg group-hover:scale-110 transition-all duration-300",s),children:a.jsx("span",{className:"text-white",children:e})}),a.jsxs("div",{children:[a.jsx(O,{tag:"h4",children:t}),r&&a.jsx(Ye,{variant:"outline",size:"small",children:r})]})]}),a.jsx(O,{tag:"caption",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:n}),c&&c.length>0&&a.jsx("div",{className:"flex flex-wrap gap-2",children:c.map(d=>a.jsx(Ye,{variant:"soft",size:"small",children:d},d))})]})}):l==="horizontal"?a.jsx(ee,{className:D("group hover:shadow-large transition-all duration-300 hover:-translate-y-1",o&&"cursor-pointer",i),onClick:o,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:D("p-3 rounded-xl bg-linear-to-br shadow-lg group-hover:scale-110 transition-all duration-300 hover:shadow-xl",s),children:a.jsx("span",{className:"text-white",children:e})}),a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(O,{tag:"h5",className:"group-hover:text-primary transition-colors duration-300",children:t}),r&&a.jsx(Ye,{variant:"outline",size:"small",children:r})]})]}),a.jsx(O,{tag:"caption",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:n})]})}):a.jsx(ee,{className:D("group hover:shadow-large transition-all duration-300 hover:-translate-y-1",o&&"cursor-pointer",i),onClick:o,children:a.jsxs("div",{className:"w-full space-y-4 text-center",children:[a.jsx("div",{className:D("w-16 h-16 mx-auto rounded-xl flex items-center justify-center","bg-linear-to-br shadow-lg group-hover:scale-110 transition-transform duration-200",s),children:a.jsx("span",{className:"text-white",children:e})}),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",children:t}),r&&a.jsx(Ye,{variant:"outline",size:"small",children:r})]}),a.jsx(O,{tag:"caption",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:n})]})]})});var Yl={},E2=function(e,t){return E2=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,n){r.__proto__=n}||function(r,n){for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(r[s]=n[s])},E2(e,t)};function z7(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");E2(e,t);function r(){this.constructor=e}e.prototype=t===null?Object.create(t):(r.prototype=t.prototype,new r)}var Kc=function(){return Kc=Object.assign||function(t){for(var r,n=1,s=arguments.length;n<s;n++){r=arguments[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i])}return t},Kc.apply(this,arguments)};function R7(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 s=0,n=Object.getOwnPropertySymbols(e);s<n.length;s++)t.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(e,n[s])&&(r[n[s]]=e[n[s]]);return r}function _7(e,t,r,n){var s=arguments.length,i=s<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,r):n,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,r,n);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(s<3?o(i):s>3?o(t,r,i):o(t,r))||i);return s>3&&i&&Object.defineProperty(t,r,i),i}function q7(e,t){return function(r,n){t(r,n,e)}}function B7(e,t,r,n,s,i){function o(b){if(b!==void 0&&typeof b!="function")throw new TypeError("Function expected");return b}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(b){if(p)throw new TypeError("Cannot add initializers after decoration has completed");i.push(o(b||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))&&s.unshift(f)}else(f=o(x))&&(l==="field"?s.unshift(f):u[c]=f)}d&&Object.defineProperty(d,n.name,u),p=!0}function F7(e,t,r){for(var n=arguments.length>2,s=0;s<t.length;s++)r=n?t[s].call(e,r):t[s].call(e);return n?r:void 0}function $7(e){return typeof e=="symbol"?e:"".concat(e)}function H7(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 U7(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)}function W7(e,t,r,n){function s(i){return i instanceof r?i:new r(function(o){o(i)})}return new(r||(r=Promise))(function(i,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?i(u.value):s(u.value).then(l,c)}d((n=n.apply(e,t||[])).next())})}function G7(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,s,i,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,s&&(i=d[0]&2?s.return:d[0]?s.throw||((i=s.return)&&i.call(s),0):s.next)&&!(i=i.call(s,d[1])).done)return i;switch(s=0,i&&(d=[d[0]&2,i.value]),d[0]){case 0:case 1:i=d;break;case 4:return r.label++,{value:d[1],done:!1};case 5:r.label++,s=d[1],d=[0];continue;case 7:d=r.ops.pop(),r.trys.pop();continue;default:if(i=r.trys,!(i=i.length>0&&i[i.length-1])&&(d[0]===6||d[0]===2)){r=0;continue}if(d[0]===3&&(!i||d[1]>i[0]&&d[1]<i[3])){r.label=d[1];break}if(d[0]===6&&r.label<i[1]){r.label=i[1],i=d;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(d);break}i[2]&&r.ops.pop(),r.trys.pop();continue}d=t.call(e,r)}catch(u){d=[6,u],s=0}finally{n=i=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:!0}}}var Fu=Object.create?(function(e,t,r,n){n===void 0&&(n=r);var s=Object.getOwnPropertyDescriptor(t,r);(!s||("get"in s?!t.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,s)}):(function(e,t,r,n){n===void 0&&(n=r),e[n]=t[r]});function K7(e,t){for(var r in e)r!=="default"&&!Object.prototype.hasOwnProperty.call(t,r)&&Fu(t,e,r)}function Zc(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 Sm(e,t){var r=typeof Symbol=="function"&&e[Symbol.iterator];if(!r)return e;var n=r.call(e),s,i=[],o;try{for(;(t===void 0||t-- >0)&&!(s=n.next()).done;)i.push(s.value)}catch(l){o={error:l}}finally{try{s&&!s.done&&(r=n.return)&&r.call(n)}finally{if(o)throw o.error}}return i}function Z7(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(Sm(arguments[t]));return e}function Y7(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;for(var n=Array(e),s=0,t=0;t<r;t++)for(var i=arguments[t],o=0,l=i.length;o<l;o++,s++)n[s]=i[o];return n}function X7(e,t,r){if(r||arguments.length===2)for(var n=0,s=t.length,i;n<s;n++)(i||!(n in t))&&(i||(i=Array.prototype.slice.call(t,0,n)),i[n]=t[n]);return e.concat(i||Array.prototype.slice.call(t))}function ci(e){return this instanceof ci?(this.v=e,this):new ci(e)}function J7(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n=r.apply(e,t||[]),s,i=[];return s=Object.create((typeof AsyncIterator=="function"?AsyncIterator:Object).prototype),l("next"),l("throw"),l("return",o),s[Symbol.asyncIterator]=function(){return this},s;function o(h){return function(m){return Promise.resolve(m).then(h,f)}}function l(h,m){n[h]&&(s[h]=function(g){return new Promise(function(x,b){i.push([h,g,x,b])>1||c(h,g)})},m&&(s[h]=m(s[h])))}function c(h,m){try{d(n[h](m))}catch(g){p(i[0][3],g)}}function d(h){h.value instanceof ci?Promise.resolve(h.value.v).then(u,f):p(i[0][2],h)}function u(h){c("next",h)}function f(h){c("throw",h)}function p(h,m){h(m),i.shift(),i.length&&c(i[0][0],i[0][1])}}function Q7(e){var t,r;return t={},n("next"),n("throw",function(s){throw s}),n("return"),t[Symbol.iterator]=function(){return this},t;function n(s,i){t[s]=e[s]?function(o){return(r=!r)?{value:ci(e[s](o)),done:!1}:i?i(o):o}:i}}function e9(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 Zc=="function"?Zc(e):e[Symbol.iterator](),r={},n("next"),n("throw"),n("return"),r[Symbol.asyncIterator]=function(){return this},r);function n(i){r[i]=e[i]&&function(o){return new Promise(function(l,c){o=e[i](o),s(l,c,o.done,o.value)})}}function s(i,o,l,c){Promise.resolve(c).then(function(d){i({value:d,done:l})},o)}}function t9(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var hD=Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t},P2=function(e){return P2=Object.getOwnPropertyNames||function(t){var r=[];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[r.length]=n);return r},P2(e)};function r9(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r=P2(e),n=0;n<r.length;n++)r[n]!=="default"&&Fu(t,e,r[n]);return hD(t,e),t}function n9(e){return e&&e.__esModule?e:{default:e}}function a9(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 s9(e,t,r,n,s){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?e!==t||!s:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?s.call(e,r):s?s.value=r:t.set(e,r),r}function i9(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 o9(e,t,r){if(t!=null){if(typeof t!="object"&&typeof t!="function")throw new TypeError("Object expected.");var n,s;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&&(s=n)}if(typeof n!="function")throw new TypeError("Object not disposable.");s&&(n=function(){try{s.call(this)}catch(i){return Promise.reject(i)}}),e.stack.push({value:t,dispose:n,async:r})}else r&&e.stack.push({async:!0});return t}var gD=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 l9(e){function t(i){e.error=e.hasError?new gD(i,e.error,"An error was suppressed during disposal."):i,e.hasError=!0}var r,n=0;function s(){for(;r=e.stack.pop();)try{if(!r.async&&n===1)return n=0,e.stack.push(r),Promise.resolve().then(s);if(r.dispose){var i=r.dispose.call(r.value);if(r.async)return n|=2,Promise.resolve(i).then(s,function(o){return t(o),s()})}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 s()}function c9(e,t){return typeof e=="string"&&/^\.\.?\//.test(e)?e.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+?)?)\.([cm]?)ts$/i,function(r,n,s,i,o){return n?t?".jsx":".js":s&&(!i||!o)?r:s+i+"."+o.toLowerCase()+"js"}):e}const xD={__extends:z7,__assign:Kc,__rest:R7,__decorate:_7,__param:q7,__esDecorate:B7,__runInitializers:F7,__propKey:$7,__setFunctionName:H7,__metadata:U7,__awaiter:W7,__generator:G7,__createBinding:Fu,__exportStar:K7,__values:Zc,__read:Sm,__spread:Z7,__spreadArrays:Y7,__spreadArray:X7,__await:ci,__asyncGenerator:J7,__asyncDelegator:Q7,__asyncValues:e9,__makeTemplateObject:t9,__importStar:r9,__importDefault:n9,__classPrivateFieldGet:a9,__classPrivateFieldSet:s9,__classPrivateFieldIn:i9,__addDisposableResource:o9,__disposeResources:l9,__rewriteRelativeImportExtension:c9},bD=Object.freeze(Object.defineProperty({__proto__:null,__addDisposableResource:o9,get __assign(){return Kc},__asyncDelegator:Q7,__asyncGenerator:J7,__asyncValues:e9,__await:ci,__awaiter:W7,__classPrivateFieldGet:a9,__classPrivateFieldIn:i9,__classPrivateFieldSet:s9,__createBinding:Fu,__decorate:_7,__disposeResources:l9,__esDecorate:B7,__exportStar:K7,__extends:z7,__generator:G7,__importDefault:n9,__importStar:r9,__makeTemplateObject:t9,__metadata:U7,__param:q7,__propKey:$7,__read:Sm,__rest:R7,__rewriteRelativeImportExtension:c9,__runInitializers:F7,__setFunctionName:H7,__spread:Z7,__spreadArray:X7,__spreadArrays:Y7,__values:Zc,default:xD},Symbol.toStringTag,{value:"Module"})),d9=RA(bD);var Xl={},dx;function vD(){if(dx)return Xl;dx=1,Object.defineProperty(Xl,"__esModule",{value:!0});var e=y,t=_u(),r=t.isBrowser?e.useLayoutEffect:e.useEffect;return Xl.default=r,Xl}var ux;function yD(){if(ux)return Yl;ux=1,Object.defineProperty(Yl,"__esModule",{value:!0});var e=d9,t=y,r=e.__importDefault(vD()),n=_u(),s={x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0};function i(){var o=t.useState(null),l=o[0],c=o[1],d=t.useState(s),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,b=m.width,v=m.height,w=m.top,j=m.left,C=m.bottom,N=m.right;f({x:g,y:x,width:b,height:v,top:w,left:j,bottom:C,right:N})}})},[]);return r.default(function(){if(l)return p.observe(l),function(){p.disconnect()}},[l]),[c,u]}return Yl.default=n.isBrowser&&typeof window.ResizeObserver<"u"?i:(function(){return[n.noop,s]}),Yl}var wD=yD();const $u=Kt(wD);function jD({label:e,children:t,initialOpen:r=!1,className:n}){const[s,i]=y.useState(!1),[o,{height:l}]=$u(),{layout:c}=we(),u=c===oe.MACOS||c===oe.MACOS_TAHOE||c===oe.MACOS_TAHOE_DOCK?24:0;return y.useEffect(()=>{r&&i(!0)},[r]),a.jsxs("div",{"data-tucu":"collapse","data-open":s?"true":"false",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} ${s?"shadow-transaction":"shadow-card"}`,style:{height:s?54+l+u:54},children:[a.jsxs("button",{"data-tucu":"collapse-trigger",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:()=>i(!s),children:[e,a.jsx("span",{className:`shrink-0 transition-transform duration-200 ltr:ml-4 rtl:mr-4 ${s?"rotate-45":""}`,children:a.jsx(m7,{className:""})})]}),a.jsx("div",{"data-tucu":"collapse-content",className:`border-t border-dashed ${s?"border-border":"border-transparent"}`,ref:o,children:t})]})}function CD({label:e,value:t,mono:r,accent:n,className:s}){return a.jsxs("div",{className:D("flex items-center justify-between py-1.5",s),children:[a.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400",children:e}),a.jsx("span",{className:D("text-xs font-medium",r&&"font-mono tabular-nums",n?"text-brand":"text-gray-900 dark:text-gray-100"),children:t})]})}function ND({currentPage:e,totalPages:t,onPageChange:r,windowSize:n=2,className:s}){if(t<=1)return null;const i=[];i.push(1);const o=Math.max(2,e-n),l=Math.min(t-1,e+n);o>2&&i.push("ellipsis");for(let c=o;c<=l;c++)i.push(c);return l<t-1&&i.push("ellipsis"),t>1&&i.push(t),a.jsxs("div",{"data-tucu":"pagination",className:D("flex items-center gap-1",s),children:[a.jsx("button",{type:"button","data-tucu":"pagination-btn",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(z.ChevronLeft,{className:"h-4 w-4"})}),i.map((c,d)=>c==="ellipsis"?a.jsx("span",{"data-tucu":"pagination-ellipsis",className:"px-1 text-gray-500 dark:text-gray-400",children:"..."},`ellipsis-${d}`):a.jsx("button",{type:"button","data-tucu":"pagination-page","data-active":c===e,onClick:()=>r(c),className:D("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","data-tucu":"pagination-btn",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(z.ChevronRight,{className:"h-4 w-4"})})]})}function kD({options:e,style:t,className:r,autoHide:n="scroll",children:s,...i}){const o=e?.scrollbars?.autoHide||n;return a.jsx(Nr,{style:t,className:r,autoHide:o,direction:"vertical",...i,children:s})}const SD={rectangle:"rounded-none",circle:"rounded-full",text:"rounded-sm h-4",rounded:"rounded-md"},ED={tiny:"h-4",small:"h-8",medium:"h-16",large:"h-32",full:"h-full"},PD={pulse:"animate-pulse",wave:"skeleton-wave",shimmer:"skeleton-shimmer",none:""};function gr({animation:e="shimmer",shape:t="rounded",size:r="medium",width:n,height:s,count:i=1,className:o,...l}){const c=D("bg-gray-200 dark:bg-gray-800 w-full relative overflow-hidden",SD[t],!s&&ED[r],PD[e],o),d={...n&&{width:n},...s&&{height:s}},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 i>1?a.jsx("div",{className:"space-y-2",children:Array.from({length:i}).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 MD({steps:e,currentStep:t,onStepChange:r,className:n}){return a.jsx("div",{className:D("flex items-center gap-2",n),children:e.map((s,i)=>{const o=i===t,l=i<t;return a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsxs("button",{type:"button",onClick:()=>r?.(i),disabled:!r,className:D("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:D("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:s.icon||i+1}),a.jsx("span",{className:"hidden sm:inline",children:s.label})]}),i<e.length-1&&a.jsx("div",{className:D("h-px w-6",l?"bg-green-500":"bg-gray-200 dark:bg-gray-700")})]},s.id)})})}const AD={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 TD({title:e,subtitle:t,icon:r,headerRight:n,columns:s,gridCols:i,children:o,footerTags:l,footerLabel:c,footer:d,className:u}){const f=i??s?.length??4;return a.jsxs("div",{className:D("rounded-xl border border-border 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-border 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-400 leading-tight",children:t})]}),n&&a.jsx("div",{className:"ml-auto",children:n})]}),s&&s?.length>0&&a.jsx("div",{className:D("grid sm:grid-cols-2 divide-y sm:divide-y-0 sm:divide-x divide-border",AD[f]),children:s?.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:D("h-4 w-0.5 rounded-full opacity-70",p.accent??"bg-brand")}),p.icon&&a.jsx("span",{className:D("h-3 w-3",p.accentText??"text-brand"),children:p.icon}),a.jsx("span",{className:D("text-[10px] font-bold uppercase tracking-wider",p.accentText??"text-brand"),children:p.label})]}),a.jsx("div",{className:"space-y-2.5",children:p&&p?.items&&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-400 shrink-0 leading-tight",children:h.label}),a.jsx("span",{className:D("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-border 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=D("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-border text-gray-600 dark:text-gray-400"),g=a.jsxs("span",{className:m,children:[p.icon,p.label]});return p.tooltip?a.jsx(ll,{content:p.tooltip,placement:"top",children:g},`tag-${h}`):a.jsxs("span",{className:m,children:[p.icon,p.label]},`tag-${h}`)})]})})]})}const OD=({title:e,children:t,actions:r,className:n})=>a.jsxs("div",{className:`w-full max-w-md border border-border 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(Nr,{className:"h-[250px]",autoHide:"leave",direction:"vertical",scrollbarStyle:{track:{backgroundColor:"transparent"},thumb:{borderRadius:"8px",width:"6px"}},children:a.jsx("div",{className:"p-4",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-border",children:r?.map(s=>a.jsx(ye,{variant:s.variant||"solid",size:s.size||"small",color:s.color||"primary",onClick:s.onClick,children:s.label},s.label))})]}),DD=({title:e,children:t,className:r})=>a.jsxs("div",{className:`border border-border rounded-lg overflow-hidden ${r}`,children:[a.jsx("div",{className:"p-3 bg-gray-100 dark:bg-gray-800 border-b border-border",children:a.jsx("h3",{className:"font-medium",children:e})}),a.jsx(Nr,{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})})]}),LD=[{name:"Argentina",value:"ar"},{name:"Brasil",value:"br"},{name:"Chile",value:"cl"},{name:"Colombia",value:"co"},{name:"México",value:"mx"}],ID=[{value:"male",label:"Male"},{value:"female",label:"Female"},{value:"other",label:"Other"}],VD=()=>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."})]}),u9=()=>{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(VD,{}),a.jsxs(ee,{className:"w-full mx-auto p-[24px]  rounded-lg shadow",children:[a.jsx("h2",{className:"text-lg font-bold mb-[24px] text-center",children:"Form Example"}),a.jsxs(bs,{onSubmit:e,validationSchema:Nm,useFormProps:{defaultValues:Bu,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($e,{name:"name",label:"Name",children:a.jsx(gt,{placeholder:"Ingresa tu nombre"})}),a.jsx($e,{name:"email",label:"Email",children:a.jsx(gt,{type:"email",placeholder:"ejemplo@correo.com"})})]}),a.jsx($e,{name:"password",label:"Password",children:a.jsx(gt,{type:"password",label:"Password",placeholder:"Enter your password"})}),a.jsx($e,{name:"message",label:"Message",helperText:"Write a detailed message",showHelper:!0,children:a.jsx(Cm,{label:"Message",placeholder:"Write your message here",rows:4})}),a.jsx($e,{name:"country",label:"Country",children:a.jsx(vs,{label:"Country",options:LD})}),a.jsx($e,{name:"age",label:"Age",children:a.jsx(gt,{type:"number",placeholder:"Enter your age"})}),a.jsx($e,{name:"gender",label:"Gender",children:a.jsx(jm,{label:"Gender",options:ID})}),a.jsx($e,{name:"isDeveloper",label:"Are you a developer?",children:a.jsx(dl,{label:"Are you a developer?",value:"yes"})}),a.jsx($e,{name:"acceptTerms",hideError:!0,children:a.jsx(ys,{label:"I accept the terms and conditions (with hideError prop)"})}),a.jsx("div",{className:"flex justify-end",children:a.jsx(ye,{type:"submit",children:"Submit"})})]}),a.jsx(ym,{}),a.jsx(km,{})]})]})]})};function zD({title:e,description:t,buttonText:r,onSubmit:n,isLoading:s=!1,error:i,className:o,successMessage:l,children:c}){function d(u){n&&n(u)}return a.jsx("div",{"data-tucu":"auth-form",className:D("w-full max-w-md mx-auto",o),children:a.jsxs("div",{"data-tucu":"auth-form-panel",className:"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg",children:[a.jsx("h2",{className:"text-lg 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,i&&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:i}),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(bs,{onSubmit:d,className:"grid grid-cols-1 gap-4",useFormProps:{defaultValues:{email:""}},children:[a.jsx($e,{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(gt,{type:"email",placeholder:"Enter your email",inputClassName:"focus:ring-0! placeholder:text-[#6B7280] mt-0!"})}),a.jsx(ye,{type:"submit",fullWidth:!0,disabled:s,className:"uppercase",children:s?"Sending...":r||"Send Reset Code"})]})]})]})})}function RD({title:e,description:t,buttonText:r,onSubmit:n,signInPath:s,className:i,isLoading:o=!1,error:l,pinLength:c=5,children:d}){const[u,f]=y.useState(""),[p,h]=y.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 w=m(v);h(w)},x=v=>{v.preventDefault();const w=m(u);if(w){h(w);return}n&&n({pin:u})},b=u.length===c&&!p;return a.jsx("div",{className:D("w-full max-w-md mx-auto",i),children:a.jsxs("div",{className:"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg",children:[a.jsx("h2",{className:"text-lg 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(wm,{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(ye,{type:"submit",fullWidth:!0,disabled:o||!b,className:"uppercase",children:o?"Verifying...":r||"Verify PIN"}),a.jsx(Se,{to:s,className:"font-medium underline hover:text-brand/80 dark:text-gray-300 mt-4",children:"Back to Sign In"})]})]})]})})}function _D({title:e,description:t,buttonText:r,forgetPasswordPath:n,onSubmit:s,isLoading:i=!1,error:o,className:l,children:c}){const[d,u]=y.useState(!1);function f(p){s&&s(p)}return a.jsx("div",{"data-tucu":"auth-form",className:D("w-full max-w-md mx-auto",l),children:a.jsxs("div",{"data-tucu":"auth-form-panel",className:"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg",children:[a.jsx("h2",{className:"text-lg 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(bs,{onSubmit:f,className:"grid grid-cols-1 gap-4",useFormProps:{defaultValues:{email:"",password:"",rememberMe:!1}},children:[a.jsx($e,{name:"email",label:"Email Address",rules:{required:"Email is required",pattern:{value:/^[^\s@]+@[^\s@]+\.[^\s@]+$/,message:"Invalid email address"}},children:a.jsx(gt,{type:"email",placeholder:"Enter your email",inputClassName:"focus:ring-0! placeholder:text-[#6B7280]"})}),a.jsx($e,{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(gt,{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(du,{className:"h-4 w-4 sm:h-5 sm:w-5"}):a.jsx(uu,{className:"h-4 w-4 sm:h-5 sm:w-5"})})]})}),a.jsxs("div",{className:"flex items-center justify-between",children:[a.jsx($e,{name:"rememberMe",hideError:!0,children:a.jsx(ys,{label:"Remember me",iconClassName:"bg-brand rounded-sm",labelPlacement:"end",labelClassName:"ml-1.5 text-sm dark:text-gray-300",size:"sm"})}),a.jsx(Se,{to:n,className:"text-sm font-medium text-brand hover:text-brand-600 dark:text-brand-400",children:"Forgot password?"})]}),a.jsx(ye,{type:"submit",fullWidth:!0,disabled:i,children:i?"Signing in...":r||"Sign in"})]})]})]})})}function qD({title:e,description:t,buttonText:r,onSubmit:n,isLoading:s=!1,error:i,className:o,termsOfServicePath:l="#",privacyPolicyPath:c="#",children:d}){const[u,f]=y.useState(!1);function p(h){n&&n(h)}return a.jsx("div",{"data-tucu":"auth-form",className:D("w-full max-w-md mx-auto",o),children:a.jsxs("div",{"data-tucu":"auth-form-panel",className:"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg",children:[a.jsx("h2",{className:"text-lg 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,i&&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:i}),a.jsxs(bs,{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($e,{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(gt,{type:"text",placeholder:"First Name",inputClassName:"focus:ring-0! placeholder:text-[#6B7280]"})}),a.jsx($e,{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(gt,{type:"text",placeholder:"Last Name",inputClassName:"focus:ring-0! placeholder:text-[#6B7280]"})})]}),a.jsx($e,{name:"email",label:"Email Address",rules:{required:"Email is required",pattern:{value:/^[^\s@]+@[^\s@]+\.[^\s@]+$/,message:"Invalid email address"}},children:a.jsx(gt,{type:"email",placeholder:"Email",inputClassName:"focus:ring-0! placeholder:text-[#6B7280]"})}),a.jsx($e,{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(gt,{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(du,{className:"h-4 w-4 sm:h-5 sm:w-5"}):a.jsx(uu,{className:"h-4 w-4 sm:h-5 sm:w-5"})})]})}),a.jsx($e,{name:"agreeToTerms",rules:{required:"You must agree to the terms and conditions"},children:a.jsx(ys,{iconClassName:"bg-brand rounded-sm mt-0.5",label:a.jsxs(a.Fragment,{children:["I've read and agree with",a.jsx(Se,{to:l,className:"ml-2 font-medium tracking-[0.5px] underline dark:text-gray-300",children:"Terms of Service"})," and our ",a.jsx(Se,{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(ye,{type:"submit",fullWidth:!0,disabled:s,className:"uppercase",children:s?"Creating account...":r||"Sign up"})]})]})]})})}function BD({name:e,symbol:t,logo:r,balance:n,usdBalance:s,change:i,isChangePositive:o,color:l="#FDEDD4"}){return a.jsxs("div",{"data-tucu":"coin-card",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(Rr,{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:[s," 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(cu,{})}),i]})]})]})}function f9({className:e,coins:t,selectedCoin:r,setSelectedCoin:n,disabled:s}){const[i,o]=y.useState(!1),[l,c]=y.useState(!1),[d,u]=y.useState(-1),[f,p]=y.useState({}),h=y.useRef(null),m=y.useRef(null),g=y.useRef([]),x=t.findIndex(E=>E.code===r.code),b=y.useCallback(()=>{if(!h.current)return;const E=h.current.getBoundingClientRect(),k=220,P=window.innerHeight-E.bottom,M=E.top,A=P<k&&M>P;p({position:"fixed",...A?{bottom:window.innerHeight-E.top+4}:{top:E.bottom+4},left:E.left,width:E.width,zIndex:9999})},[]),v=y.useCallback(()=>{s||(b(),u(x>=0?x:0),c(!1),o(!0))},[s,x,b]),w=y.useCallback(()=>{c(!0);const E=setTimeout(()=>{o(!1),c(!1),u(-1)},100);return()=>clearTimeout(E)},[]),j=y.useCallback(()=>{i?w():v()},[i,v,w]),C=y.useCallback(E=>{n(E),w(),h.current?.focus()},[n,w]);y.useEffect(()=>{if(!i)return;const E=k=>{h.current&&!h.current.contains(k.target)&&m.current&&!m.current.contains(k.target)&&w()};return document.addEventListener("mousedown",E),()=>document.removeEventListener("mousedown",E)},[i,w]),y.useEffect(()=>{if(!i)return;const E=k=>{k.key==="Escape"&&(w(),h.current?.focus())};return document.addEventListener("keydown",E),()=>document.removeEventListener("keydown",E)},[i,w]),y.useEffect(()=>{if(!i)return;const E=()=>b();return window.addEventListener("scroll",E,!0),window.addEventListener("resize",E),()=>{window.removeEventListener("scroll",E,!0),window.removeEventListener("resize",E)}},[i,b]),y.useEffect(()=>{d>=0&&g.current[d]&&g.current[d]?.scrollIntoView({block:"nearest"})},[d]);const N=E=>{if(!i){["ArrowDown","ArrowUp","Enter"," "].includes(E.key)&&(E.preventDefault(),v());return}switch(E.key){case"ArrowDown":E.preventDefault(),u(k=>k<t.length-1?k+1:0);break;case"ArrowUp":E.preventDefault(),u(k=>k>0?k-1:t.length-1);break;case"Enter":case" ":E.preventDefault(),d>=0&&t[d]&&C(t[d]);break;case"Escape":case"Tab":E.preventDefault(),w();break;case"Home":E.preventDefault(),u(0);break;case"End":E.preventDefault(),u(t.length-1);break}},S=i&&ir.createPortal(a.jsx("div",{ref:m,role:"listbox",tabIndex:-1,"aria-activedescendant":d>=0?`coin-option-${d}`:void 0,style:f,className:D("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((E,k)=>{const P=E.code===r.code,M=k===d;return a.jsxs("div",{id:`coin-option-${k}`,ref:A=>{g.current[k]=A},role:"option","aria-selected":P,onClick:()=>C(E),onMouseEnter:()=>u(k),className:D("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&&M&&"bg-gray-200/70 text-gray-900 dark:bg-gray-600/60 dark:text-white",!P&&!M&&"text-gray-900 dark:text-white hover:bg-gray-200/70 dark:hover:bg-gray-600/60"),children:[E.icon,E.name]},E.code)})}),document.body);return a.jsxs("div",{className:D("relative",e),children:[a.jsxs("button",{ref:h,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":i,"aria-controls":"coin-listbox",disabled:s,onClick:j,onKeyDown:N,className:D("flex h-11 w-full items-center justify-between whitespace-nowrap dark:bg-light-dark bg-white border border-border dark:border-border px-4 pl-3 text-sm text-gray-900 rounded-lg dark:text-white sm:h-13 sm:pl-4",s&&"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(Zn,{className:D("transition-transform duration-200",i&&"rotate-180")})]}),S]})}f9.displayName="CoinListBox";function FD({item:e,className:t=""}){const{name:r,slug:n,title:s,cover_image:i,number_of_artwork:o,user:l}=e??{};return a.jsxs("div",{"data-tucu":"collection-card",className:D("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(Rr,{src:i,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(Se,{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(k+1))}b.textContent=N,r.highlightElement(b)},function(N){x.setAttribute(l,u),b.textContent=N})}}),r.plugins.fileHighlight={highlight:function(x){for(var b=(x||document).querySelectorAll(f),v=0,w;w=b[v++];)r.highlightElement(w)}};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)}})()})(s1)),s1.exports}var IO=LO();const i1=Kt(IO);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 Jg={},Qg;function VO(){return Qg||(Qg=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)),Jg}VO();(function(e){var t=e.util.clone(e.languages.javascript),r=/(?:\s|\/\/.*(?!.)|\/\*(?:[^*]|\*(?!\/))\*\/)/.source,n=/(?:\{(?:\{(?:\{[^{}]*\}|[^{}])*\}|[^{}])*\})/.source,s=/(?:\{<S>*\.{3}(?:[^{}]|<BRACES>)*\})/.source;function i(c,d){return c=c.replace(/<S>/g,function(){return r}).replace(/<BRACES>/g,function(){return n}).replace(/<SPREAD>/g,function(){return s}),RegExp(c,d)}s=i(s).source,e.languages.jsx=e.languages.extend("markup",t),e.languages.jsx.tag.pattern=i(/<\/?(?:[\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:i(/<SPREAD>/.source),inside:e.languages.jsx}},e.languages.jsx.tag),e.languages.insertBefore("inside","special-attr",{script:{pattern:i(/=<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 s=["comment","function-name","for-or-select","assign-left","parameter","string","environment","function","keyword","builtin","boolean","file-descriptor","operator","punctuation","number"],i=n.variable[1].inside,o=0;o<s.length;o++)i[s[o]]=e.languages.bash[s[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 ex={},tx;function zO(){return tx||(tx=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),ex}zO();var rx={},nx;function RO(){return nx||(nx=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)),rx}RO();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 Zl={},hr={},ax;function _u(){if(ax)return hr;ax=1,Object.defineProperty(hr,"__esModule",{value:!0}),hr.isNavigator=hr.isBrowser=hr.off=hr.on=hr.noop=void 0;var e=function(){};hr.noop=e;function t(n){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];n&&n.addEventListener&&n.addEventListener.apply(n,s)}hr.on=t;function r(n){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];n&&n.removeEventListener&&n.removeEventListener.apply(n,s)}return hr.off=r,hr.isBrowser=typeof window<"u",hr.isNavigator=typeof navigator<"u",hr}var sx;function _O(){if(sx)return Zl;sx=1,Object.defineProperty(Zl,"__esModule",{value:!0});var e=y,t=_u(),r=function(n){return n===void 0&&(n={laptopL:1440,laptop:1024,tablet:768}),function(){var s=e.useState(t.isBrowser?window.innerWidth:0),i=s[0],o=s[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 i>=p?f:d},l[0][0]);return c}};return Zl.default=r,Zl}var qO=_O();const BO=Kt(qO),FO={xs:480,sm:640,md:768,lg:1024,xl:1280,"2xl":1440,"3xl":1780,"4xl":2160},Br=BO(FO),Yn=()=>{const e=Br();return{isMobile:["xs","sm","md"].indexOf(e)!==-1}},Pt=({code:e,language:t,expanded:r=!0,noExpand:n=!1,className:s})=>{const{isMobile:i}=Yn(),[o,l]=y.useState(!1),[c,d]=y.useState(!!(!n&&r)),[u,f]=y.useState("");y.useEffect(()=>{if(t&&i1.languages[t]){const h=i1.highlight(e,i1.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",{"data-tucu":"code-block",className:D("overflow-x-auto min-h-[150px] relative rounded-xl border mt-4","bg-gray-100 dark:bg-gray-800 border-border hover:border-gray-400 dark:hover:border-gray-600",c?"h-fit max-h-[300px] transition-all duration-300":"h-full transition-all duration-300",s),children:[a.jsxs("div",{className:D("absolute z-10 top-1 right-1 p-2 flex justify-end items-center w-full gap-1",i&&"flex-col items-end"),children:[a.jsxs("button",{onClick:p,"aria-label":o?"Copied to clipboard":"Copy to clipboard",className:D("code-block-btn 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",i&&"p-1 w-8 h-8"),title:"Copy to clipboard",children:[o?a.jsx(z.Check,{className:"w-4 h-4 text-green-500"}):a.jsx(z.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:D("code-block-btn 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",i&&"p-1 w-8 h-8"),title:"Expand/Collapse",children:c?a.jsx(z.ChevronDown,{className:"w-4 h-4 text-gray-600 dark:text-gray-300"}):a.jsx(z.ChevronUp,{className:"w-4 h-4 text-gray-600 dark:text-gray-300"})}),t&&a.jsx("div",{className:D("code-block-btn 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",i&&"w-max max-w-11 h-8"),children:t})]}),a.jsx(Nr,{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-xs whitespace-pre-wrap font-mono block",children:a.jsx("code",{className:`language-${t||"text"}`,dangerouslySetInnerHTML:{__html:u}})})})]})};function ka({isOpen:e,...t}){return a.jsx(ye,{"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 Se=({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(Ne.Link,{to:e,...t});function $O({label:e,icon:t,href:r,className:n,onClick:s}){return a.jsxs("button",{"data-tucu":"topup-button",className:D("flex h-10 w-full items-center whitespace-nowrap rounded-lg border-2 border-dashed border-border bg-gray-100 px-6 text-sm uppercase tracking-wider text-gray-900 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:s,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(Se,{to:r,children:a.jsx(Q8,{className:"rtl:rotate-180"})})]})}function HO({children:e,defaultHeight:t,className:r}){const[n,s]=y.useState(!1),i=y.useRef(null),o=y.useRef(null);function l(){i.current.scrollHeight>t&&setTimeout(()=>{s(!n)},500)}return y.useEffect(()=>{o.current.clientHeight<=t&&s(!0)},[s,t]),a.jsxs("div",{className:D("relative border border-border rounded-lg p-4",r),children:[a.jsx("div",{ref:i,style:{height:n?"auto":`${t}px`},className:D("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(ye,{size:"mini",shape:"rounded",onClick:()=>l(),children:n?"Show Less":"Show More"})})]})}function L7({top:e,right:t=24,bottom:r=24,left:n,showAfter:s=400,className:i,size:o="medium",behavior:l="smooth",scrollContainer:c}={}){const{pathname:d}=Ne.useLocation(),[u,f]=y.useState(!1),[p,h]=y.useState(!1),m=y.useRef(0),g=y.useRef(null);y.useEffect(()=>{h(!0)},[]);const x=y.useCallback(()=>{if(c?.current)return c.current;const S=document.querySelectorAll('[class*="overflow-auto"], [class*="overflow-y-auto"], [class*="overflow-scroll"]');for(const E of Array.from(S)){const k=E;if(k.scrollHeight>k.clientHeight+50)return k}return window},[c]);y.useEffect(()=>{const S=x();S instanceof HTMLElement?S.scrollTo({top:0,behavior:l}):window.scrollTo({top:0,behavior:l})},[d,l,x]),y.useEffect(()=>{const S=x();g.current=S;const E=()=>{m.current||(m.current=requestAnimationFrame(()=>{const P=S instanceof HTMLElement?S.scrollTop:window.scrollY||document.documentElement.scrollTop||0;f(P>s),m.current=0}))};E();const k=S instanceof HTMLElement?S:window;return k.addEventListener("scroll",E,{passive:!0}),()=>{k.removeEventListener("scroll",E),m.current&&(cancelAnimationFrame(m.current),m.current=0)}},[s,x]);const b=y.useCallback(S=>{S.preventDefault(),S.stopPropagation();const E=g.current||x();E instanceof HTMLElement?E.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"},w={small:"w-5 h-5",medium:"w-6 h-6",large:"w-7 h-7"},j=S=>{if(S===void 0||S==="")return;if(typeof S=="number")return`${S}px`;const E=Number(S);return isNaN(E)?S:`${E}px`},C={position:"fixed",top:j(e),right:j(t),bottom:j(r),left:j(n)},N=a.jsx("button",{type:"button",onClick:b,"aria-label":"Scroll to top",className:D("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",i),style:C,children:a.jsx(cu,{className:D(w[o],"pointer-events-none")})});return p?ir.createPortal(N,document.body):null}const ym=()=>{const{formState:e}=xs(),{errors:t}=e;return a.jsxs("div",{className:"mt-[24px] border border-border 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(Pt,{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"})]})},bs=({onSubmit:e,children:t,useFormProps:r,validationSchema:n,className:s,...i})=>{const o=DO({...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(hO,{...o,children:a.jsx("form",{onSubmit:o.handleSubmit(e),noValidate:!0,...i,className:D("space-y-4",s),children:c()})})},UO={ghost:"transition-shadow rounded-xl border border-border bg-white text-gray-900 hover:border-border hover:ring-1 hover:ring-gray-300 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 vs({options:e,onChange:t,onSelect:r,variant:n="ghost",selectedOption:s,className:i,children:o,disabled:l,label:c,useUppercaseLabel:d,required:u,color:f,value:p,name:h,errorMessage:m,helperText:g,placeholder:x,buttonClassName:b,size:v="md",searchable:w=!1,searchPlaceholder:j="Search...",showCheck:C=!1}){const N=y.useCallback(ne=>ne!==void 0?e.find(xe=>xe.value===ne):void 0,[e]),[S,E]=y.useState(s??N(p)),[k,P]=y.useState(!1),[M,A]=y.useState(-1),[L,I]=y.useState(!1),[V,q]=y.useState(""),R=y.useRef(null),_=y.useRef(null),F=y.useRef([]),X=y.useRef(null),[de,ce]=y.useState({}),he=f?v7[f]:"text-brand";y.useEffect(()=>{if(p!==void 0){const ne=N(p);ne&&E(ne)}},[p,N]);const ge=s||S,W=y.useMemo(()=>ge?e.findIndex(ne=>ne.value===ge.value):-1,[e,ge]),U=y.useCallback(()=>{if(!R.current)return;const ne=R.current.getBoundingClientRect(),xe=220,Ae=window.innerHeight-ne.bottom,lt=ne.top,Ge=Ae<xe&&lt>Ae;ce({position:"fixed",...Ge?{bottom:window.innerHeight-ne.top+4}:{top:ne.bottom+4},left:ne.left,width:ne.width,zIndex:9999})},[]),J=y.useCallback(()=>{l||(U(),A(W>=0?W:0),I(!1),q(""),P(!0))},[l,W,U]),G=y.useCallback(()=>{I(!0);const ne=setTimeout(()=>{P(!1),I(!1),A(-1)},100);return()=>clearTimeout(ne)},[]),Z=y.useCallback(()=>{k?G():J()},[k,J,G]),Y=y.useCallback(ne=>{E(ne),t&&typeof t=="function"&&t(ne),r&&r(ne.value),G(),R.current?.focus()},[t,r,G]);y.useEffect(()=>{if(!k)return;const ne=xe=>{R.current&&!R.current.contains(xe.target)&&_.current&&!_.current.contains(xe.target)&&G()};return document.addEventListener("mousedown",ne),()=>document.removeEventListener("mousedown",ne)},[k,G]),y.useEffect(()=>{if(!k)return;const ne=xe=>{xe.key==="Escape"&&(G(),R.current?.focus())};return document.addEventListener("keydown",ne),()=>document.removeEventListener("keydown",ne)},[k,G]),y.useEffect(()=>{if(!k)return;const ne=()=>U();return window.addEventListener("scroll",ne,!0),window.addEventListener("resize",ne),()=>{window.removeEventListener("scroll",ne,!0),window.removeEventListener("resize",ne)}},[k,U]),y.useEffect(()=>{M>=0&&F.current[M]&&F.current[M]?.scrollIntoView({block:"nearest"})},[M]),y.useEffect(()=>{k&&w&&requestAnimationFrame(()=>X.current?.focus()),k||q("")},[k,w]);const le=y.useMemo(()=>{if(!w||!V.trim())return e;const ne=V.toLowerCase();return e.filter(xe=>xe.name.toLowerCase().includes(ne)||xe.value.toLowerCase().includes(ne)||xe.description?.toLowerCase().includes(ne))},[e,V,w]),Q=ne=>{if(!k){switch(ne.key){case"ArrowDown":case"ArrowUp":case"Enter":case" ":ne.preventDefault(),J();break}return}switch(ne.key){case"ArrowDown":ne.preventDefault(),A(xe=>xe<le.length-1?xe+1:0);break;case"ArrowUp":ne.preventDefault(),A(xe=>xe>0?xe-1:le.length-1);break;case"Enter":case" ":ne.preventDefault(),M>=0&&le[M]&&!le[M].disabled&&Y(le[M]);break;case"Escape":case"Tab":ne.preventDefault(),G();break}},je=h?a.jsx("input",{type:"hidden",name:h,value:ge?.value??""}):null,te=k&&ir.createPortal(a.jsxs("div",{"data-tucu":"select-menu",ref:_,role:"listbox",tabIndex:-1,"aria-activedescendant":M>=0?`select-option-${M}`:void 0,style:de,className:D("max-h-55 overflow-hidden rounded-xl border border-border bg-white shadow-large outline-hidden dark:bg-gray-800","transition ease-in duration-100",L?"opacity-0":"opacity-100"),children:[w&&a.jsxs("div",{className:"flex items-center gap-2 border-b border-border px-3 py-2",children:[a.jsx(z.Search,{className:"h-3.5 w-3.5 shrink-0 text-gray-400 dark:text-gray-500"}),a.jsx("input",{"data-tucu":"select-search",ref:X,type:"text",value:V,onChange:ne=>{q(ne.target.value),A(0)},placeholder:j,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:ne=>{ne.stopPropagation(),ne.key==="Escape"&&(V?q(""):(G(),R.current?.focus())),ne.key==="ArrowDown"&&(ne.preventDefault(),A(xe=>xe<le.length-1?xe+1:0)),ne.key==="ArrowUp"&&(ne.preventDefault(),A(xe=>xe>0?xe-1:le.length-1)),ne.key==="Enter"&&(ne.preventDefault(),M>=0&&le[M]&&!le[M].disabled&&Y(le[M]))}}),V&&a.jsx("button",{type:"button",onClick:()=>q(""),className:"shrink-0 text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors",children:a.jsx(z.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:[le.length===0?a.jsx("div",{className:"px-3 py-3 text-center text-sm text-gray-500 dark:text-gray-400",children:"No results"}):le.map((ne,xe)=>{const Ae=ge?.value===ne.value,lt=xe===M,Ge=ne.disabled;return a.jsxs("div",{"data-tucu":"select-option","data-selected":Ae?"true":void 0,"data-highlighted":lt?"true":void 0,id:`select-option-${xe}`,ref:B=>{F.current[xe]=B},role:"option","aria-selected":Ae,"aria-disabled":Ge,onClick:()=>!Ge&&Y(ne),onTouchStart:()=>!Ge&&Y(ne),onMouseEnter:()=>!Ge&&A(xe),className:D("flex items-center rounded-md px-3 py-2 text-sm transition",Ge?"cursor-not-allowed opacity-50 text-gray-400 dark:text-gray-600":"cursor-pointer text-gray-900 dark:text-gray-100",!Ge&&Ae&&"bg-gray-200/70 font-medium dark:bg-gray-600/60",!Ge&&!Ae&&lt&&"bg-gray-300 dark:bg-gray-600",!Ge&&!Ae&&!lt&&"hover:bg-gray-300 dark:hover:bg-gray-600"),children:[ne.icon&&a.jsx("span",{className:"mr-2 shrink-0",children:ne.icon}),a.jsxs("div",{className:"flex-1 min-w-0",children:[a.jsx("span",{className:"block truncate",children:ne.name}),ne.description&&a.jsx("span",{className:"block text-[11px] text-gray-500 dark:text-gray-400 truncate",children:ne.description})]}),C&&Ae&&a.jsx(z.Check,{className:D("h-4 w-4 shrink-0 ml-2",he)})]},`${ne.value}-${xe}`)}),o&&o]})]}),document.body);return a.jsxs("div",{"data-tucu":"select","data-variant":n,"data-color":f,"data-size":v,className:D("relative text-sm sm:text-sm",i),children:[je,c&&a.jsxs("span",{className:D("block font-medium tracking-widest text-gray-800 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",{"data-tucu":"select-trigger",ref:R,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":k,"aria-controls":"select-listbox","aria-disabled":l,disabled:l,onClick:Z,onKeyDown:Q,className:D("text-case-inherit letter-space-inherit flex w-full items-center justify-between font-medium outline-hidden duration-200",dm.select[v],UO[n],f&&zu[n][f],l&&"cursor-not-allowed bg-muted/10!",b),children:[a.jsxs("div",{className:D("flex items-center",l&&"text-gray-500"),children:[ge?.icon&&a.jsx("span",{className:"mr-1",children:ge.icon}),ge?.name||x||"Select an option"]}),a.jsx(Zn,{className:D("transition-transform duration-200",l&&"text-gray-500",k&&"rotate-180")})]}),te,m&&a.jsx(En,{error:m,size:"md"}),!m&&g&&a.jsx(Pn,{size:"md",children:g})]})}function WO({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 GO={ghost:"transition-shadow border border-border bg-white text-gray-900 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:""},ix={rounded:"rounded-full",square:"rounded-md"},ys=y.forwardRef(({size:e="md",color:t="primary",labelPlacement:r="end",label:n,disabled:s,error:i,helperText:o,className:l,activeClassName:c,containerClassName:d,iconClassName:u,labelClassName:f,inputClassName:p,errorClassName:h,helperClassName:m,id:g,variant:x="ghost",shape:b="square",...v},w)=>{const j=y.useId(),C=g||j,N=`${C}-error`,S=`${C}-helper`,E=[i?N:null,o?S:null].filter(Boolean).join(" ")||void 0,k={sm:"h-[16px] w-[16px]",md:"h-[20px] w-[20px]",lg:"h-[24px] w-[24px]"},M=(I=>{const V={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-border",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-border",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-border",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-border",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-border",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-border",icon:"bg-orange-500"}};return V[I]||V.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:D("flex flex-col",l,c),children:[a.jsxs("label",{htmlFor:C,className:D("flex flex-row items-center",s&&"cursor-not-allowed",d),children:[a.jsxs("div",{className:D("relative leading-none"),children:[a.jsx("input",{type:"checkbox",ref:w,id:C,"data-tucu":"checkbox","data-variant":x,"data-size":e,"data-shape":b,disabled:s,"aria-describedby":E,"aria-invalid":i?"true":"false",className:D("peer appearance-none cursor-pointer disabled:cursor-not-allowed transition-all duration-200 ease-in-out",ix[b],GO[x],"focus:outline-none focus:ring-0","checked:ring-0",k[e],M.base,M.checked,M.hover,M.checkedHover,M.focus,M.disabled,s&&"bg-muted/10! border-border! dark:border-border!",p),...v}),a.jsx(WO,{className:D(`peer-checked:opacity-100 ${ix[b]} absolute inset-0 h-full w-full opacity-0 text-white pointer-events-none`,s?"bg-muted/10! border-border! dark:border-border!":M.icon,u)})]}),n&&a.jsx("span",{className:D("text-gray-800 dark:text-gray-100",A[e],L[e],r==="start"&&"order-first",f),children:n})]}),!i&&o&&a.jsx(Pn,{id:S,size:"md",className:m,children:o}),i&&a.jsx(En,{id:N,className:h,size:"md",error:i})]})});ys.displayName="Checkbox";const Yi={base:"appearance-none cursor-pointer rounded-full disabled:bg-muted/10 disabled:border-border 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",defaultColor:"border-border 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",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",defaultColor:"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",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:"",defaultColor:"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",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"}}}},ox={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]"}}}},dl=y.forwardRef(({variant:e="ghost",size:t="md",color:r,labelPlacement:n="end",label:s,disabled:i,error:o,helperText:l,className:c,activeClassName:d,containerClassName:u,labelClassName:f,inputClassName:p,errorClassName:h,helperClassName:m,...g},x)=>{const b=r?Yi.variant[e].color[r]:Yi.variant[e].defaultColor;return a.jsxs("div",{className:D("flex flex-col",c,d),children:[a.jsxs("label",{className:D("flex flex-row items-center",i&&"cursor-not-allowed",u),children:[a.jsxs("div",{className:"relative inline-flex items-center justify-center",children:[a.jsx("input",{type:"radio",ref:x,"data-tucu":"radio","data-variant":e,"data-size":t,"data-color":r,disabled:i,className:D(Yi.base,Yi.size[t],Yi.variant[e].base,b,i&&"cursor-not-allowed bg-muted/10! border-border! dark:border-border!","peer",p),...g}),a.jsx("span",{className:D("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")})]}),s&&a.jsx("span",{className:D("text-gray-800 dark:text-gray-100",ox.size.text[t],ox.size.margin[n][t],n==="start"&&"order-first",f),children:s})]}),!o&&l&&a.jsx(Pn,{size:"md",className:m,children:l}),o&&a.jsx(En,{size:"md",error:o,className:h})]})}),lx={base:"flex flex-row",center:"justify-center align-center"},Is={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-border",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-border bg-white text-gray-900 hover:border-border hover:ring-1 hover:ring-gray-300 dark:bg-gray-800 dark:text-gray-100 dark:hover:border-gray-600 dark:hover:ring-gray-600"},solid:{base:"transition-colors bg-gray-200/70 hover:bg-gray-300 dark:bg-gray-800 dark:hover:bg-gray-700"},transparent:{base:"bg-transparent"}}},KO={primary:"!border-brand/70 hover:!border-brand/80 focus:!border-brand dark:!border-brand/75 dark:!bg-brand/20",info:"!border-blue-500/70 hover:!border-blue-500/80 focus:!border-blue-500 dark:!border-blue-500/75 dark:!bg-blue-500/20"};function wm({type:e="text",value:t="",onChange:r,mask:n=!1,length:s=4,center:i=!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:b=!1,...v}){const w=y.useRef([]);function j(k){return P=>{P&&(w.current[k]=P)}}y.useEffect(()=>{const k=t.split("");w.current.forEach((P,M)=>{P&&P.value!==(k[M]||"")&&(P.value=k[M]||"")})},[t]);function C(){const k=w.current.map(P=>P?.value||"").join("");r&&r(k)}function N(k,P){const M=k.target.value.split("");w.current[P].value=M[M.length-1],P<s-1&&w.current[P+1].focus(),C()}function S(k,P){const M=w.current[P].value;if(k.key==="ArrowRight"&&P<s-1&&w.current[P+1].focus(),k.key==="ArrowLeft"&&P>0&&w.current[P-1].focus(),k.key==="Backspace"){if(M!=="")w.current[P].value="";else{if(P===0)return;w.current[P-1].value="",w.current[P-1].focus()}C()}}function E(k,P){const M=k.clipboardData.getData("text").split("");for(let A=0;A<s-P;A+=1)w.current[P+A].value=M[A]??"",P+A===s-1?w.current[P+A].focus():w.current[P+A+1].focus();k.preventDefault(),C()}return a.jsxs("div",{"data-tucu":"pin-code","data-variant":c,"data-color":d,className:D("flex flex-col items-center justify-center",b&&"w-full"),children:[a.jsx("div",{className:D(lx.base,i&&lx.center,b&&"w-full! justify-between!",p),children:Array.from({length:s},(k,P)=>{const M=t.split("")[P]||"";return a.jsx("input",{ref:j(P),"data-tucu":"pin-code-input",type:e,inputMode:e==="text"?e:"numeric",value:M,autoCapitalize:"off",autoCorrect:"off",autoComplete:"off",placeholder:u,onChange:A=>N(A,P),onKeyDown:A=>S(A,P),onPaste:A=>E(A,P),className:D(Is.base,e==="number"&&Is.numberType,Is.size[o],Is.rounded[l],Is.variant[c].base,d&&zu[c][d],c==="ghost"&&d&&KO[d],f&&Is.error,n&&"password-dot",v.disabled&&"bg-muted/10! cursor-not-allowed border-border! dark:border-border! hover:border-border! dark:hover:border-gray-700!",h),...v},P)})}),!f&&g&&a.jsx(Pn,{size:"md",className:x,children:g}),f&&a.jsx(En,{className:D("text-left w-full",m),error:f,size:"md"})]})}const $e=({name:e,label:t,helperText:r,className:n,rules:s,children:i,hideError:o=!1,showHelper:l=!1})=>{const{control:c,formState:{errors:d}}=xs(),p=((h,m)=>{const g=m.split(".");let x=h;for(const b of g){if(x==null)return;x=x[b]}return x})(d,e)?.message;return a.jsxs("div",{className:n,children:[a.jsx(E7,{control:c,name:e,...s?{rules:s}:{},render:({field:h})=>{const m=i.type===vs,g=i.type===ys,x=i.type===dl,b=i.type===wm,v=g||x?!!h.value:h.value??"",j={...{...h,value:v,id:e,label:t||i.props?.label,...i.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)}},...b&&{value:h.value??"",onChange:C=>{h.onChange(C)}}};return y.cloneElement(i,j)}}),!o&&p&&a.jsx(En,{error:p,size:"md"}),!p&&l&&r&&a.jsx(Pn,{size:"md",children:r})]})};function ZO({title:e,subTitle:t,important:r,className:n,titleClassName:s}){return a.jsxs("div",{className:D("relative mb-3",n),children:[a.jsxs("span",{className:D("block text-sm font-medium tracking-wider text-gray-900 dark:text-white",s),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 YO({label:e,onOptionSelect:t,options:r=[],initialValue:n,noMatchesMessage:s,multiple:i=!1,variant:o="ghost",color:l,size:c="md",disabled:d=!1,...u}){const[f,p]=y.useState(n?.toString()||""),[h,m]=y.useState(!1),[g,x]=y.useState(!1),[b,v]=y.useState(-1),[w,j]=y.useState(null),[C,N]=y.useState([]),S=y.useRef(null),E=y.useRef(null),k=y.useRef(null),P=y.useRef([]),M=y.useRef(n),[A,L]=y.useState({}),I=l?v7[l]:"text-brand",V=l?JT[l]:"bg-brand/10 text-brand hover:bg-brand/20";y.useEffect(()=>{const G=n?.toString()||"",Z=M.current?.toString()||"";G!==Z&&(M.current=n,p(G),G||(j(null),N([])))},[n]);const q=y.useMemo(()=>{if(!r||r.length===0)return[];if(!f.trim())return r;const G=f.toLowerCase();return r.filter(Z=>Z.name.toLowerCase().includes(G)||Z.value.toLowerCase().includes(G)||Z.description?.toLowerCase().includes(G))},[f,r]),R=y.useCallback(()=>{if(!S.current)return;const G=S.current.getBoundingClientRect(),Z=260,Y=window.innerHeight-G.bottom,le=G.top,Q=Y<Z&&le>Y;L({position:"fixed",...Q?{bottom:window.innerHeight-G.top+4}:{top:G.bottom+4},left:G.left,width:G.width,zIndex:9999})},[]),_=y.useCallback(()=>{d||(R(),v(-1),x(!1),m(!0))},[d,R]),F=y.useCallback(()=>{x(!0);const G=setTimeout(()=>{m(!1),x(!1),v(-1)},100);return()=>clearTimeout(G)},[]);y.useEffect(()=>{if(!h)return;const G=Z=>{S.current&&!S.current.contains(Z.target)&&k.current&&!k.current.contains(Z.target)&&F()};return document.addEventListener("mousedown",G),()=>document.removeEventListener("mousedown",G)},[h,F]),y.useEffect(()=>{if(!h)return;const G=Z=>{Z.key==="Escape"&&(F(),E.current?.focus())};return document.addEventListener("keydown",G),()=>document.removeEventListener("keydown",G)},[h,F]),y.useEffect(()=>{if(!h)return;const G=()=>R();return window.addEventListener("scroll",G,!0),window.addEventListener("resize",G),()=>{window.removeEventListener("scroll",G,!0),window.removeEventListener("resize",G)}},[h,R]),y.useEffect(()=>{b>=0&&P.current[b]&&P.current[b]?.scrollIntoView({block:"nearest"})},[b]);const X=y.useCallback(G=>{if(!G.disabled)if(i){const Y=C.some(le=>le.value===G.value)?C.filter(le=>le.value!==G.value):[...C,G];N(Y),p(""),t?.(Y),E.current?.focus()}else j(G),p(G.name),F(),t?.(G)},[i,C,t,F]),de=y.useCallback((G,Z)=>{G.stopPropagation();const Y=C.filter(le=>le.value!==Z.value);N(Y),t?.(Y),E.current?.focus()},[C,t]),ce=y.useCallback(G=>{const Z=G.target.value;p(Z),!i&&w&&Z!==w.name&&j(null),!h&&Z.trim()&&_()},[i,w,h,_]),he=y.useCallback(G=>{if(!h){(G.key==="ArrowDown"||G.key==="ArrowUp")&&(G.preventDefault(),_());return}switch(G.key){case"ArrowDown":G.preventDefault(),v(Z=>{let Y=Z<q.length-1?Z+1:0;for(;q[Y]?.disabled&&Y!==Z;)Y=Y<q.length-1?Y+1:0;return Y});break;case"ArrowUp":G.preventDefault(),v(Z=>{let Y=Z>0?Z-1:q.length-1;for(;q[Y]?.disabled&&Y!==Z;)Y=Y>0?Y-1:q.length-1;return Y});break;case"Enter":G.preventDefault(),b>=0&&q[b]&&!q[b].disabled&&X(q[b]);break;case"Escape":G.preventDefault(),F();break;case"Tab":F();break}},[h,q,b,X,_,F]),ge=y.useMemo(()=>f.trim().length>3&&r.length>0&&q.length===0&&(i?C.length===0:!w)?s||"No matches found":void 0,[f,r.length,q.length,i,C.length,w,s]),W=y.useCallback(G=>{const Z=f.trim();if(!Z)return a.jsx("span",{children:G});const Y=G.toLowerCase(),le=Z.toLowerCase(),Q=[];let je=0,te=Y.indexOf(le,je);for(;te!==-1;)te>je&&Q.push({text:G.substring(je,te),isMatch:!1}),Q.push({text:G.substring(te,te+Z.length),isMatch:!0}),je=te+Z.length,te=Y.indexOf(le,je);return je<G.length&&Q.push({text:G.substring(je),isMatch:!1}),a.jsx("span",{children:Q.map((ne,xe)=>ne.isMatch?a.jsx("span",{className:D("font-semibold",I),children:ne.text},xe):a.jsx("span",{children:ne.text},xe))})},[f,I]),U=y.useCallback(G=>i?C.some(Z=>Z.value===G.value):w?.value===G.value,[i,C,w]),J=h&&q.length>0&&ir.createPortal(a.jsx("div",{"data-tucu":"select-menu",ref:k,role:"listbox",tabIndex:-1,"aria-activedescendant":b>=0?`searcher-option-${b}`:void 0,style:A,className:D("max-h-60 overflow-hidden rounded-xl border border-border bg-white shadow-large outline-hidden dark:bg-gray-800","transition ease-in duration-100",g?"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:q.map((G,Z)=>{const Y=U(G),le=Z===b,Q=G.disabled;return a.jsxs("div",{"data-tucu":"select-option","data-selected":Y?"true":void 0,"data-highlighted":le?"true":void 0,id:`searcher-option-${Z}`,ref:je=>{P.current[Z]=je},role:"option","aria-selected":Y,"aria-disabled":Q,onClick:()=>!Q&&X(G),onMouseEnter:()=>!Q&&v(Z),className:D("flex items-center rounded-md px-3 py-2 text-sm transition",Q?"cursor-not-allowed opacity-50 text-gray-400 dark:text-gray-600":"cursor-pointer text-gray-900 dark:text-gray-100",!Q&&Y&&"bg-gray-200/70 font-medium dark:bg-gray-600/60",!Q&&!Y&&le&&"bg-gray-300 dark:bg-gray-600",!Q&&!Y&&!le&&"hover:bg-gray-300 dark:hover:bg-gray-600"),children:[G.icon&&a.jsx("span",{className:"mr-2 shrink-0",children:G.icon}),a.jsxs("div",{className:"flex-1 min-w-0",children:[a.jsx("span",{className:"block truncate",children:W(G.name)}),G.description&&a.jsx("span",{className:"block text-[11px] text-gray-500 dark:text-gray-400 truncate",children:G.description})]}),Y&&a.jsx(J8,{className:D("h-4 w-4 shrink-0 ml-2",I)})]},`${G.value}-${Z}`)})})}),document.body);return a.jsxs("div",{"data-tucu":"input-searcher","data-color":l,className:"relative",ref:S,children:[a.jsx(gt,{ref:E,label:e,variant:o,color:l,size:c,disabled:d,icon:a.jsx(cm,{className:"h-4 w-4 dark:text-white text-current"}),value:f,onChange:ce,error:ge,onFocus:()=>{q.length>0&&_()},onKeyDown:he,role:"combobox","aria-expanded":h,"aria-haspopup":"listbox","aria-autocomplete":"list",...u}),i&&C.length>0&&a.jsx("div",{className:"mt-2 flex flex-wrap items-center gap-2",children:C.map(G=>a.jsxs("span",{className:D("inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded-md",V),children:[G.icon&&a.jsx("span",{className:"shrink-0",children:G.icon}),G.name,a.jsx("button",{type:"button",onClick:Z=>de(Z,G),className:"rounded-full p-0.5 transition-opacity hover:opacity-80","aria-label":`Remove ${G.name}`,children:a.jsx(ar,{className:"h-3 w-3"})})]},G.value))}),J]})}const XO={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"}},jm=y.forwardRef(({value:e,defaultValue:t,variant:r="ghost",size:n="md",color:s,labelPlacement:i="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:b,children:v,onChange:w,...j},C)=>{const[N,S]=y.useState(e!==void 0?e:t);y.useEffect(()=>{e!==void 0&&S(e)},[e]);const E=P=>{const M=P.target.value;e===void 0&&S(M),w?.(M)},k=()=>b?b.map(P=>{const M=N!==void 0&&N.toString()===P.value.toString(),{name:A,label:L,value:I,disabled:V,...q}=P;return a.jsx(dl,{name:A,label:L,value:I,disabled:o||V,checked:M,variant:r,size:n,color:s,labelPlacement:i,onChange:E,activeClassName:M?"active":"",...q},I)}):y.Children.map(v,P=>{if(!y.isValidElement(P))return P;const M=N!==void 0&&N.toString()===P.props.value?.toString();return y.cloneElement(P,{checked:M,onChange:E,disabled:o||P.props.disabled,variant:P.props.variant||r,size:P.props.size||n,color:P.props.color??s,labelPlacement:P.props.labelPlacement||i,activeClassName:M?"active":""})});return a.jsxs("div",{ref:C,"data-tucu":"radio-group",className:D("flex flex-col",u),...j,children:[l&&a.jsx("label",{className:D("block text-sm font-medium mb-[6px] text-gray-800 dark:text-gray-100",p),children:l}),a.jsx("div",{className:D("flex",g==="vertical"?"flex-col":"flex-row flex-wrap items-center",XO[g][x],f),children:k()}),!c&&d&&a.jsx(Pn,{size:"md",className:m,children:d}),c&&a.jsx(En,{size:"md",error:c,className:h})]})}),JO={ghost:{unchecked:"border border-border bg-white dark:bg-gray-800"},solid:{unchecked:"bg-gray-200/70 dark:bg-gray-800"},transparent:{unchecked:"bg-transparent border border-border"}},cx={primary:{checked:"bg-brand",focus:"focus:ring-brand/50"},secondary:{checked:"bg-gray-500",focus:"focus:ring-gray-500/40"},danger:{checked:"bg-red-500",focus:"focus:ring-red-500/40"},info:{checked:"bg-blue-500",focus:"focus:ring-blue-500/40"},success:{checked:"bg-green-500",focus:"focus:ring-green-500/40"},warning:{checked:"bg-orange-500",focus:"focus:ring-orange-500/40"}},qu=({label:e,offLabel:t,onLabel:r,checked:n,onChange:s,variant:i="ghost",color:o,className:l,errorMessage:c,helperText:d,disabled:u})=>{const f=o?cx[o]:cx.primary;return a.jsxs("div",{"data-tucu":"switch","data-variant":i,"data-color":o,className:"flex flex-col",children:[a.jsxs("label",{className:D("flex items-center relative w-max cursor-pointer select-none",u&&"cursor-not-allowed",l),children:[e&&a.jsx("span",{className:D("text-sm text-gray-800 dark:text-gray-100 mr-[12px]",u&&"text-gray-500 cursor-not-allowed"),children:typeof e=="string"?e:y.cloneElement(e,{className:"text-sm text-gray-800 dark:text-gray-100 mr-[12px]"})}),a.jsx("input",{style:{backgroundImage:"url()"},"data-tucu":"switch-control",type:"checkbox",checked:n,onChange:p=>s(p.target.checked),disabled:u,className:D("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",f.focus,u&&"cursor-not-allowed! bg-muted/10! border-border! dark:border-border!",n?f.checked:JO[i].unchecked)}),a.jsx("span",{className:D("absolute font-medium text-sm uppercase right-[4px] transition-colors",u&&"text-gray-500 cursor-not-allowed",n?"text-white":i==="ghost"?"text-gray-600 dark:text-gray-300":i==="solid"?"text-gray-700 dark:text-gray-300":"text-gray-600 dark:text-gray-300"),children:t||"OFF"}),a.jsx("span",{className:D("absolute font-medium text-sm uppercase right-[32px] transition-colors",u&&"text-gray-500 cursor-not-allowed",n?"text-white":i==="ghost"?"text-gray-600 dark:text-gray-300":i==="solid"?"text-gray-700 dark:text-gray-300":"text-gray-600 dark:text-gray-300"),children:r||"ON"}),a.jsx("span",{className:D("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",u&&"bg-gray-200 dark:bg-gray-300 cursor-not-allowed")})]}),c&&a.jsx(En,{error:c,size:"md"}),d&&a.jsx(Pn,{size:"md",children:d})]})},I7={ghost:"transition-shadow border border-border bg-white text-gray-900 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:""},Cm=y.forwardRef(({required:e,label:t,error:r,variant:n="ghost",className:s,inputClassName:i,useUppercaseLabel:o,helperText:l,color:c,size:d="md",...u},f)=>a.jsxs("div",{className:D("text-sm sm:text-sm",s),children:[a.jsxs("label",{children:[t&&a.jsxs("span",{className:D("block font-medium tracking-widest text-gray-800 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:f,"data-tucu":"textarea","data-variant":n,"data-color":c,"data-size":d,...u,className:D("block w-full placeholder-gray-400 transition-shadow duration-200 invalid:border-red-500 invalid:text-red-600 focus:border-border focus:outline-hidden focus:ring-1 focus:ring-gray-300 focus:invalid:border-red-500 focus:invalid:ring-red-500 disabled:border-border disabled:bg-muted/10 disabled:text-gray-500 disabled:cursor-not-allowed dark:text-gray-100 dark:focus:border-gray-600 dark:focus:ring-gray-600 rounded-xl",dm.textarea[d],I7[n],c&&zu[n][c],u.disabled?"bg-muted/10! cursor-not-allowed":"",i)})]}),r&&a.jsx(En,{error:r,size:"md"}),!r&&l&&a.jsx(Pn,{size:"md",children:l})]}));function QO({title:e,subTitle:t,icon:r,color:n,checked:s,onChange:i,children:o}){return a.jsxs("div",{"data-tucu":"toggle-bar",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("div",{className:"shrink-0",children:a.jsx(qu,{checked:s,onChange:()=>i(),variant:"solid",color:n})})]}),o&&a.jsx("div",{className:"px-4 pb-4",children:o})]})}const S2={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 eD({accept:e,children:t,label:r,color:n,containerProps:s,additionalInputProps:i,placeholderText:o,containerClassName:l,wrapperClassName:c,labelClassName:d,onChange:u,multiple:f,...p},h){const[m,g]=y.useState([]),x=M=>{const A=M.target.files;if(A&&A.length>0){const I=Array.from(A).filter(b);I.length>0&&g(f?V=>[...V,...I]:[I[0]])}u&&u(M)},b=M=>{if(!e||e==="all")return!0;const L=S2[e];return L?L.split(",").some(V=>{if(V.includes("*")){const q=V.split("/")[0];return M.type.startsWith(q+"/")}return M.type===V.trim()}):!0},v=M=>{if(M&&M.length>0){const A=M.filter(b);A.length>0&&g(f?L=>[...L,...A]:[A[0]])}},w=M=>{M.preventDefault(),M.stopPropagation();const A=Array.from(M.dataTransfer.files);A.length>0&&v(A),s?.onDrop&&s.onDrop(M)},j=M=>{M.preventDefault(),M.stopPropagation(),s?.onDragOver&&s.onDragOver(M)},C=M=>{M.preventDefault(),M.stopPropagation(),s?.onDragEnter&&s.onDragEnter(M)},N=M=>{M.preventDefault(),M.stopPropagation(),s?.onDragLeave&&s.onDragLeave(M)},S=m.filter(M=>M.type.includes("image")),E=M=>{const A=M.split(".");return A.length>1?A[A.length-1].toUpperCase():""},k=M=>{if(M.type.includes("pdf"))return"PDF";if(M.type.includes("csv"))return"CSV";if(M.type.includes("spreadsheetml")||M.type.includes("ms-excel"))return"XLSX";if(M.type.includes("zip")||M.type.includes("gzip"))return"ZIP";if(M.type.includes("xml"))return"XML";if(M.type.includes("msword")||M.type.includes("wordprocessingml"))return"DOC";if(M.type.includes("plain"))return"TXT";const A=E(M.name);return A==="XLSX"||A==="XLS"?A:A||"FILE"},P=M=>{const A=m[M];A&&A.type.includes("image")&&URL.revokeObjectURL(URL.createObjectURL(A));const L=m.filter((I,V)=>V!==M);g(L),h&&"current"in h&&h.current&&(h.current.value="")};return y.useEffect(()=>()=>{S.forEach(M=>{URL.revokeObjectURL(URL.createObjectURL(M))})},[S]),a.jsxs("div",{"data-tucu":"file-input","data-color":n,className:D("rounded-lg border border-solid border-border bg-white p-4 dark:bg-light-dark sm:p-6",n&&Rg[n].wrapper,c),children:[a.jsxs("div",{"data-tucu":"file-input-dropzone",className:D("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-border h-48 flex items-center justify-center rounded-lg",n&&Rg[n].dropzone,l),...s,onDrop:w,onDragOver:j,onDragEnter:C,onDragLeave:N,children:[a.jsx("input",{ref:h,title:"",type:"file",accept:e&&e!=="all"?S2[e]:void 0,className:"absolute top-0 z-10 h-full w-full opacity-0 disabled:cursor-not-allowed cursor-pointer",onChange:x,multiple:f,...p,...i}),a.jsxs("div",{"data-tucu":"file-input-content",className:"text-center",children:[a.jsx("p",{"data-tucu":"file-input-placeholder",className:"mb-6 text-sm tracking-tighter text-gray-600 dark:text-gray-400",children:o||"PNG, GIF, WEBP, MP4 or MP3. Max 100mb."}),a.jsx(ye,{color:n?QT[n]:void 0,disabled:p.disabled,className:D(n?eO[n]:"hover:bg-primary-500",d),children:r||"CHOOSE FILE"})]})]}),t,m.length>0&&a.jsx("div",{className:"mt-7 flex flex-row flex-wrap gap-5",children:m.map((M,A)=>{const L=M.type.includes("image");return a.jsxs("div",{className:"relative flex items-center",children:[L?a.jsx("figure",{"data-tucu":"file-input-image-preview",className:"relative mx-auto aspect-square w-20 overflow-hidden rounded-xl border border-border @2xl:w-32",children:a.jsx(Rr,{src:URL.createObjectURL(M),alt:M.name,priority:"auto",className:"(max-width: 768px) 100vw"})}):a.jsxs("div",{"data-tucu":"file-input-preview",className:"relative mx-auto w-20 @2xl:w-32 flex flex-col items-center justify-center p-3 rounded-xl border border-border dark:border-border bg-gray-200 dark:bg-gray-800",children:[a.jsx(r7,{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:k(M)}),a.jsx("span",{className:"text-[10px] text-gray-500 dark:text-gray-500 text-center mt-1 truncate w-full",children:M.name.length>15?`${M.name.substring(0,15)}...`:M.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(ar,{onClick:()=>P(A),onTouchStart:()=>P(A),className:"h-2 w-2 cursor-pointer transition duration-75"})})]},`${M.name}-${A}`)})})]})}const V7=y.forwardRef(eD);V7.displayName="FileInput";const Bu={name:"",email:"",password:"",message:"",acceptTerms:!1,age:0,gender:"",isDeveloper:!1,country:"ar"},Nm={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."}},km=()=>{const{formState:{errors:e,isDirty:t,isValid:r,isSubmitting:n},reset:s,trigger:i,setValue:o,getValues:l,watch:c}=xs(),d=c("name"),u=c("email"),f=c("password"),p=c("country"),h=c("message"),m=c("acceptTerms"),g=c("isDeveloper"),x=c("gender"),b=c("age"),v=()=>{s(Bu)},w=async()=>{const N=await i();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-border bg-white 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: ",b||"(empty)"]})]}),a.jsxs("div",{className:"mb-[16px] grid grid-cols-2 gap-[8px]",children:[a.jsxs("div",{className:"p-[8px] border border-border 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-border 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-border 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-border 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(ye,{type:"button",color:"gray",fullWidth:!0,onClick:v,children:"Reset"}),a.jsx(ye,{type:"button",color:"warning",fullWidth:!0,onClick:w,children:"Validate"}),a.jsx(ye,{type:"button",color:"info",fullWidth:!0,onClick:j,children:"Fill data"}),a.jsx(ye,{type:"button",color:"success",fullWidth:!0,onClick:C,children:"Get values"})]})]})},tD={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"]},rD={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"]},nD={rounded:["h-16 w-16 rounded-lg bg-white/20 backdrop-blur-2xl"],circle:["rounded-full"]};function Ni({image:e,alt:t,className:r,size:n="md",shape:s="circle",border:i=!0}){return a.jsxs("figure",{className:D("relative shrink-0 overflow-hidden",r,nD[s],tD[n],i&&rD[n]),children:[s==="circle"&&(n==="xs"||n==="sm"?a.jsx(Rr,{src:e,alt:t,width:"100%",height:"100%",priority:"auto",className:"rounded-full"}):a.jsx(Rr,{src:e,alt:t,width:"100%",height:"100%",priority:"auto",placeholder:"blur",className:"rounded-full"})),s==="rounded"&&a.jsx(Rr,{src:e,alt:t,className:"",width:"100%",height:"100%",priority:"auto"})]})}function aD({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(Ni,{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 sD({title:e,description:t,icon:r,header:n,footer:s,actions:i,children:o,className:l,onClick:c}){return a.jsxs("div",{"data-tucu":"card",className:D("rounded-xl border border-border bg-light-dark",c&&"cursor-pointer hover:border-brand/30 dark:hover:border-brand/30 transition-colors",l),onClick:c,children:[(n||e||i)&&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})]})]}),i&&a.jsx("div",{className:"shrink-0",children:i})]}),o&&a.jsx("div",{className:"p-4",children:o}),s&&a.jsx("div",{className:"border-t border-border px-4 py-3",children:s})]})}const ee=({className:e,children:t,...r})=>a.jsx("div",{"data-tucu":"card",...r,className:D("flex flex-col flex-wrap justify-start align-middle w-full h-full min-w-0 rounded-lg border border-border shadow-card bg-light-dark p-[16px] sm:p-[24px] 2xl:p-[32px]",e),children:t}),re=({border:e=!0,title:t,children:r,className:n,titleClassName:s})=>a.jsxs("fieldset",{"data-tucu":"card-title",className:D("w-full min-w-0 relative rounded-lg flex flex-col justify-start",e?"border border-border sm:px-6 px-4 sm:pt-4 pt-3 sm:pb-6 pb-4":"sm:p-6 p-4 sm:pt-[32px] pt-[24px]",n),children:[t&&a.jsx("legend",{"data-tucu":"card-title-label",className:D("font-bold sm:text-xl text-lg dark:text-white text-current px-2 w-fit",e?"ml-4":"absolute -top-4 left-4 m-0",s),children:t}),r]}),iD={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-border py-3 px-4 rounded-xl dark:border-border 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-border 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-border 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"},oD={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"},lD={default:"font-sans",mono:"font-mono"},cD=["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:s,fontFamily:i,tooltip:o,tooltipPlacement:l="top",tooltipColor:c,tooltipArrow:d=!0}){const f=!cD.includes(e)?"div":e;let p="",h="";e==="abbr"&&t===void 0&&console.warn("title attribute is missing for abbr tag."),s&&(p=oD[s]),i&&(h=lD[i]);const m=a.jsx(f,{"data-tucu":"typography","data-typography-tag":e,...t&&{title:t},className:D(iD[e],h,p,n),children:r});return o?a.jsx(ll,{content:o,placement:l,color:c,arrow:d,children:m}):m}const dD={blue:"bg-linear-to-br from-blue-500/10 to-cyan-500/10 text-blue-700 border-blue-200 dark:from-blue-400/20 dark:to-cyan-400/20 dark:text-blue-300 dark:border-blue-700",indigo:"bg-linear-to-br from-indigo-500/10 to-blue-500/10 text-indigo-700 border-indigo-200 dark:from-indigo-400/20 dark:to-blue-400/20 dark:text-indigo-300 dark:border-indigo-700",cyan:"bg-linear-to-br from-cyan-500/10 to-teal-500/10 text-cyan-700 border-cyan-200 dark:from-cyan-400/20 dark:to-teal-400/20 dark:text-cyan-300 dark:border-cyan-700",purple:"bg-linear-to-br from-purple-500/10 to-pink-500/10 text-purple-700 border-purple-200 dark:from-purple-400/20 dark:to-pink-400/20 dark:text-purple-300 dark:border-purple-700",emerald:"bg-linear-to-br from-emerald-500/10 to-green-500/10 text-emerald-700 border-emerald-200 dark:from-emerald-400/20 dark:to-green-400/20 dark:text-emerald-300 dark:border-emerald-700",orange:"bg-linear-to-br from-orange-500/10 to-red-500/10 text-orange-700 border-orange-200 dark:from-orange-400/20 dark:to-red-400/20 dark:text-orange-300 dark:border-orange-700",green:"bg-linear-to-br from-green-500/10 to-emerald-500/10 text-green-700 border-green-200 dark:from-green-400/20 dark:to-emerald-400/20 dark:text-green-300 dark:border-green-700",red:"bg-linear-to-br from-red-500/10 to-rose-500/10 text-red-700 border-red-200 dark:from-red-400/20 dark:to-rose-400/20 dark:text-red-300 dark:border-red-700",pink:"bg-linear-to-br from-pink-500/10 to-purple-500/10 text-pink-700 border-pink-200 dark:from-pink-400/20 dark:to-purple-400/20 dark:text-pink-300 dark:border-pink-700",amber:"bg-linear-to-br from-amber-500/10 to-orange-500/10 text-amber-700 border-amber-200 dark:from-amber-400/20 dark:to-orange-400/20 dark:text-amber-300 dark:border-amber-700",teal:"bg-linear-to-br from-teal-500/10 to-cyan-500/10 text-teal-700 border-teal-200 dark:from-teal-400/20 dark:to-cyan-400/20 dark:text-teal-300 dark:border-teal-700",violet:"bg-linear-to-br from-violet-500/10 to-indigo-500/10 text-violet-700 border-violet-200 dark:from-violet-400/20 dark:to-indigo-400/20 dark:text-violet-300 dark:border-violet-700",rose:"bg-linear-to-br from-rose-500/10 to-pink-500/10 text-rose-700 border-rose-200 dark:from-rose-400/20 dark:to-pink-400/20 dark:text-rose-300 dark:border-rose-700",sky:"bg-linear-to-br from-sky-500/10 to-blue-500/10 text-sky-700 border-sky-200 dark:from-sky-400/20 dark:to-blue-400/20 dark:text-sky-300 dark:border-sky-700"},Ha=({icon:e,title:t,description:r,color:n,colorClassName:s,className:i,onClick:o})=>a.jsxs("div",{className:D("p-4 sm:p-6 border rounded-xl hover:shadow-lg hover:-translate-y-1 transition-all duration-300",o&&"cursor-pointer",n?dD[n]:s,i),onClick:o,children:[a.jsxs("div",{className:"flex items-center gap-3 mb-3",children:[e,a.jsx(O,{tag:"h5",children:t})]}),a.jsx(O,{tag:"caption",className:"opacity-80",children:r})]}),uD={rounded:"rounded-md",pill:"rounded-full",circle:"rounded-full"},fD={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"]},pD={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-border"]},mD={active:"success",inactive:"danger",pending:"warning",default:"gray"},Ye=({children:e,className:t,status:r,color:n,size:s="small",variant:i="solid",shape:o="pill",withDot:l=!1,...c})=>{const d=r?mD[r]:n||"gray",u=pD[d],f=fD[s];let p="";switch(i){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",{"data-tucu":"badge","data-variant":i,className:D("inline-flex items-center justify-center font-medium transition-all duration-200",uD[o],l&&!e?h:f[0],p,t),...c,children:[l&&e&&a.jsx("span",{className:D("rounded-full mr-1.5",f[1],i==="solid"?"bg-white/80":u[1])}),e]})},cr=({icon:e,title:t,badge:r,description:n,iconBgClassName:s="from-blue-500 to-cyan-500",className:i,onClick:o,layout:l="vertical",tags:c})=>l==="showcase"?a.jsx(ee,{className:D("group hover:shadow-large transition-all duration-300 hover:-translate-y-1",o&&"cursor-pointer",i),onClick:o,children:a.jsxs("div",{className:"w-full space-y-4",children:[a.jsxs("div",{className:"flex items-center gap-3",children:[a.jsx("div",{className:D("p-3 rounded-xl bg-linear-to-br shadow-lg group-hover:scale-110 transition-all duration-300",s),children:a.jsx("span",{className:"text-white",children:e})}),a.jsxs("div",{children:[a.jsx(O,{tag:"h4",children:t}),r&&a.jsx(Ye,{variant:"outline",size:"small",children:r})]})]}),a.jsx(O,{tag:"caption",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:n}),c&&c.length>0&&a.jsx("div",{className:"flex flex-wrap gap-2",children:c.map(d=>a.jsx(Ye,{variant:"soft",size:"small",children:d},d))})]})}):l==="horizontal"?a.jsx(ee,{className:D("group hover:shadow-large transition-all duration-300 hover:-translate-y-1",o&&"cursor-pointer",i),onClick:o,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:D("p-3 rounded-xl bg-linear-to-br shadow-lg group-hover:scale-110 transition-all duration-300 hover:shadow-xl",s),children:a.jsx("span",{className:"text-white",children:e})}),a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(O,{tag:"h5",className:"group-hover:text-primary transition-colors duration-300",children:t}),r&&a.jsx(Ye,{variant:"outline",size:"small",children:r})]})]}),a.jsx(O,{tag:"caption",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:n})]})}):a.jsx(ee,{className:D("group hover:shadow-large transition-all duration-300 hover:-translate-y-1",o&&"cursor-pointer",i),onClick:o,children:a.jsxs("div",{className:"w-full space-y-4 text-center",children:[a.jsx("div",{className:D("w-16 h-16 mx-auto rounded-xl flex items-center justify-center","bg-linear-to-br shadow-lg group-hover:scale-110 transition-transform duration-200",s),children:a.jsx("span",{className:"text-white",children:e})}),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",children:t}),r&&a.jsx(Ye,{variant:"outline",size:"small",children:r})]}),a.jsx(O,{tag:"caption",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:n})]})]})});var Yl={},E2=function(e,t){return E2=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,n){r.__proto__=n}||function(r,n){for(var s in n)Object.prototype.hasOwnProperty.call(n,s)&&(r[s]=n[s])},E2(e,t)};function z7(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");E2(e,t);function r(){this.constructor=e}e.prototype=t===null?Object.create(t):(r.prototype=t.prototype,new r)}var Kc=function(){return Kc=Object.assign||function(t){for(var r,n=1,s=arguments.length;n<s;n++){r=arguments[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i])}return t},Kc.apply(this,arguments)};function R7(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 s=0,n=Object.getOwnPropertySymbols(e);s<n.length;s++)t.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(e,n[s])&&(r[n[s]]=e[n[s]]);return r}function _7(e,t,r,n){var s=arguments.length,i=s<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,r):n,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(e,t,r,n);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(s<3?o(i):s>3?o(t,r,i):o(t,r))||i);return s>3&&i&&Object.defineProperty(t,r,i),i}function q7(e,t){return function(r,n){t(r,n,e)}}function B7(e,t,r,n,s,i){function o(b){if(b!==void 0&&typeof b!="function")throw new TypeError("Function expected");return b}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(b){if(p)throw new TypeError("Cannot add initializers after decoration has completed");i.push(o(b||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))&&s.unshift(f)}else(f=o(x))&&(l==="field"?s.unshift(f):u[c]=f)}d&&Object.defineProperty(d,n.name,u),p=!0}function F7(e,t,r){for(var n=arguments.length>2,s=0;s<t.length;s++)r=n?t[s].call(e,r):t[s].call(e);return n?r:void 0}function $7(e){return typeof e=="symbol"?e:"".concat(e)}function H7(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 U7(e,t){if(typeof Reflect=="object"&&typeof Reflect.metadata=="function")return Reflect.metadata(e,t)}function W7(e,t,r,n){function s(i){return i instanceof r?i:new r(function(o){o(i)})}return new(r||(r=Promise))(function(i,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?i(u.value):s(u.value).then(l,c)}d((n=n.apply(e,t||[])).next())})}function G7(e,t){var r={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,s,i,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,s&&(i=d[0]&2?s.return:d[0]?s.throw||((i=s.return)&&i.call(s),0):s.next)&&!(i=i.call(s,d[1])).done)return i;switch(s=0,i&&(d=[d[0]&2,i.value]),d[0]){case 0:case 1:i=d;break;case 4:return r.label++,{value:d[1],done:!1};case 5:r.label++,s=d[1],d=[0];continue;case 7:d=r.ops.pop(),r.trys.pop();continue;default:if(i=r.trys,!(i=i.length>0&&i[i.length-1])&&(d[0]===6||d[0]===2)){r=0;continue}if(d[0]===3&&(!i||d[1]>i[0]&&d[1]<i[3])){r.label=d[1];break}if(d[0]===6&&r.label<i[1]){r.label=i[1],i=d;break}if(i&&r.label<i[2]){r.label=i[2],r.ops.push(d);break}i[2]&&r.ops.pop(),r.trys.pop();continue}d=t.call(e,r)}catch(u){d=[6,u],s=0}finally{n=i=0}if(d[0]&5)throw d[1];return{value:d[0]?d[1]:void 0,done:!0}}}var Fu=Object.create?(function(e,t,r,n){n===void 0&&(n=r);var s=Object.getOwnPropertyDescriptor(t,r);(!s||("get"in s?!t.__esModule:s.writable||s.configurable))&&(s={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,s)}):(function(e,t,r,n){n===void 0&&(n=r),e[n]=t[r]});function K7(e,t){for(var r in e)r!=="default"&&!Object.prototype.hasOwnProperty.call(t,r)&&Fu(t,e,r)}function Zc(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 Sm(e,t){var r=typeof Symbol=="function"&&e[Symbol.iterator];if(!r)return e;var n=r.call(e),s,i=[],o;try{for(;(t===void 0||t-- >0)&&!(s=n.next()).done;)i.push(s.value)}catch(l){o={error:l}}finally{try{s&&!s.done&&(r=n.return)&&r.call(n)}finally{if(o)throw o.error}}return i}function Z7(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(Sm(arguments[t]));return e}function Y7(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;for(var n=Array(e),s=0,t=0;t<r;t++)for(var i=arguments[t],o=0,l=i.length;o<l;o++,s++)n[s]=i[o];return n}function X7(e,t,r){if(r||arguments.length===2)for(var n=0,s=t.length,i;n<s;n++)(i||!(n in t))&&(i||(i=Array.prototype.slice.call(t,0,n)),i[n]=t[n]);return e.concat(i||Array.prototype.slice.call(t))}function ci(e){return this instanceof ci?(this.v=e,this):new ci(e)}function J7(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n=r.apply(e,t||[]),s,i=[];return s=Object.create((typeof AsyncIterator=="function"?AsyncIterator:Object).prototype),l("next"),l("throw"),l("return",o),s[Symbol.asyncIterator]=function(){return this},s;function o(h){return function(m){return Promise.resolve(m).then(h,f)}}function l(h,m){n[h]&&(s[h]=function(g){return new Promise(function(x,b){i.push([h,g,x,b])>1||c(h,g)})},m&&(s[h]=m(s[h])))}function c(h,m){try{d(n[h](m))}catch(g){p(i[0][3],g)}}function d(h){h.value instanceof ci?Promise.resolve(h.value.v).then(u,f):p(i[0][2],h)}function u(h){c("next",h)}function f(h){c("throw",h)}function p(h,m){h(m),i.shift(),i.length&&c(i[0][0],i[0][1])}}function Q7(e){var t,r;return t={},n("next"),n("throw",function(s){throw s}),n("return"),t[Symbol.iterator]=function(){return this},t;function n(s,i){t[s]=e[s]?function(o){return(r=!r)?{value:ci(e[s](o)),done:!1}:i?i(o):o}:i}}function e9(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 Zc=="function"?Zc(e):e[Symbol.iterator](),r={},n("next"),n("throw"),n("return"),r[Symbol.asyncIterator]=function(){return this},r);function n(i){r[i]=e[i]&&function(o){return new Promise(function(l,c){o=e[i](o),s(l,c,o.done,o.value)})}}function s(i,o,l,c){Promise.resolve(c).then(function(d){i({value:d,done:l})},o)}}function t9(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var hD=Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t},P2=function(e){return P2=Object.getOwnPropertyNames||function(t){var r=[];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(r[r.length]=n);return r},P2(e)};function r9(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r=P2(e),n=0;n<r.length;n++)r[n]!=="default"&&Fu(t,e,r[n]);return hD(t,e),t}function n9(e){return e&&e.__esModule?e:{default:e}}function a9(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 s9(e,t,r,n,s){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof t=="function"?e!==t||!s:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?s.call(e,r):s?s.value=r:t.set(e,r),r}function i9(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 o9(e,t,r){if(t!=null){if(typeof t!="object"&&typeof t!="function")throw new TypeError("Object expected.");var n,s;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&&(s=n)}if(typeof n!="function")throw new TypeError("Object not disposable.");s&&(n=function(){try{s.call(this)}catch(i){return Promise.reject(i)}}),e.stack.push({value:t,dispose:n,async:r})}else r&&e.stack.push({async:!0});return t}var gD=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 l9(e){function t(i){e.error=e.hasError?new gD(i,e.error,"An error was suppressed during disposal."):i,e.hasError=!0}var r,n=0;function s(){for(;r=e.stack.pop();)try{if(!r.async&&n===1)return n=0,e.stack.push(r),Promise.resolve().then(s);if(r.dispose){var i=r.dispose.call(r.value);if(r.async)return n|=2,Promise.resolve(i).then(s,function(o){return t(o),s()})}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 s()}function c9(e,t){return typeof e=="string"&&/^\.\.?\//.test(e)?e.replace(/\.(tsx)$|((?:\.d)?)((?:\.[^./]+?)?)\.([cm]?)ts$/i,function(r,n,s,i,o){return n?t?".jsx":".js":s&&(!i||!o)?r:s+i+"."+o.toLowerCase()+"js"}):e}const xD={__extends:z7,__assign:Kc,__rest:R7,__decorate:_7,__param:q7,__esDecorate:B7,__runInitializers:F7,__propKey:$7,__setFunctionName:H7,__metadata:U7,__awaiter:W7,__generator:G7,__createBinding:Fu,__exportStar:K7,__values:Zc,__read:Sm,__spread:Z7,__spreadArrays:Y7,__spreadArray:X7,__await:ci,__asyncGenerator:J7,__asyncDelegator:Q7,__asyncValues:e9,__makeTemplateObject:t9,__importStar:r9,__importDefault:n9,__classPrivateFieldGet:a9,__classPrivateFieldSet:s9,__classPrivateFieldIn:i9,__addDisposableResource:o9,__disposeResources:l9,__rewriteRelativeImportExtension:c9},bD=Object.freeze(Object.defineProperty({__proto__:null,__addDisposableResource:o9,get __assign(){return Kc},__asyncDelegator:Q7,__asyncGenerator:J7,__asyncValues:e9,__await:ci,__awaiter:W7,__classPrivateFieldGet:a9,__classPrivateFieldIn:i9,__classPrivateFieldSet:s9,__createBinding:Fu,__decorate:_7,__disposeResources:l9,__esDecorate:B7,__exportStar:K7,__extends:z7,__generator:G7,__importDefault:n9,__importStar:r9,__makeTemplateObject:t9,__metadata:U7,__param:q7,__propKey:$7,__read:Sm,__rest:R7,__rewriteRelativeImportExtension:c9,__runInitializers:F7,__setFunctionName:H7,__spread:Z7,__spreadArray:X7,__spreadArrays:Y7,__values:Zc,default:xD},Symbol.toStringTag,{value:"Module"})),d9=RA(bD);var Xl={},dx;function vD(){if(dx)return Xl;dx=1,Object.defineProperty(Xl,"__esModule",{value:!0});var e=y,t=_u(),r=t.isBrowser?e.useLayoutEffect:e.useEffect;return Xl.default=r,Xl}var ux;function yD(){if(ux)return Yl;ux=1,Object.defineProperty(Yl,"__esModule",{value:!0});var e=d9,t=y,r=e.__importDefault(vD()),n=_u(),s={x:0,y:0,width:0,height:0,top:0,left:0,bottom:0,right:0};function i(){var o=t.useState(null),l=o[0],c=o[1],d=t.useState(s),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,b=m.width,v=m.height,w=m.top,j=m.left,C=m.bottom,N=m.right;f({x:g,y:x,width:b,height:v,top:w,left:j,bottom:C,right:N})}})},[]);return r.default(function(){if(l)return p.observe(l),function(){p.disconnect()}},[l]),[c,u]}return Yl.default=n.isBrowser&&typeof window.ResizeObserver<"u"?i:(function(){return[n.noop,s]}),Yl}var wD=yD();const $u=Kt(wD);function jD({label:e,children:t,initialOpen:r=!1,className:n}){const[s,i]=y.useState(!1),[o,{height:l}]=$u(),{layout:c}=we(),u=c===oe.MACOS||c===oe.MACOS_TAHOE||c===oe.MACOS_TAHOE_DOCK?24:0;return y.useEffect(()=>{r&&i(!0)},[r]),a.jsxs("div",{"data-tucu":"collapse","data-open":s?"true":"false",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} ${s?"shadow-transaction":"shadow-card"}`,style:{height:s?54+l+u:54},children:[a.jsxs("button",{"data-tucu":"collapse-trigger",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:()=>i(!s),children:[e,a.jsx("span",{className:`shrink-0 transition-transform duration-200 ltr:ml-4 rtl:mr-4 ${s?"rotate-45":""}`,children:a.jsx(m7,{className:""})})]}),a.jsx("div",{"data-tucu":"collapse-content",className:`border-t border-dashed ${s?"border-border":"border-transparent"}`,ref:o,children:t})]})}function CD({label:e,value:t,mono:r,accent:n,className:s}){return a.jsxs("div",{className:D("flex items-center justify-between py-1.5",s),children:[a.jsx("span",{className:"text-xs text-gray-500 dark:text-gray-400",children:e}),a.jsx("span",{className:D("text-xs font-medium",r&&"font-mono tabular-nums",n?"text-brand":"text-gray-900 dark:text-gray-100"),children:t})]})}function ND({currentPage:e,totalPages:t,onPageChange:r,windowSize:n=2,className:s}){if(t<=1)return null;const i=[];i.push(1);const o=Math.max(2,e-n),l=Math.min(t-1,e+n);o>2&&i.push("ellipsis");for(let c=o;c<=l;c++)i.push(c);return l<t-1&&i.push("ellipsis"),t>1&&i.push(t),a.jsxs("div",{"data-tucu":"pagination",className:D("flex items-center gap-1",s),children:[a.jsx("button",{type:"button","data-tucu":"pagination-btn",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(z.ChevronLeft,{className:"h-4 w-4"})}),i.map((c,d)=>c==="ellipsis"?a.jsx("span",{"data-tucu":"pagination-ellipsis",className:"px-1 text-gray-500 dark:text-gray-400",children:"..."},`ellipsis-${d}`):a.jsx("button",{type:"button","data-tucu":"pagination-page","data-active":c===e,onClick:()=>r(c),className:D("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","data-tucu":"pagination-btn",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(z.ChevronRight,{className:"h-4 w-4"})})]})}function kD({options:e,style:t,className:r,autoHide:n="scroll",children:s,...i}){const o=e?.scrollbars?.autoHide||n;return a.jsx(Nr,{style:t,className:r,autoHide:o,direction:"vertical",...i,children:s})}const SD={rectangle:"rounded-none",circle:"rounded-full",text:"rounded-sm h-4",rounded:"rounded-md"},ED={tiny:"h-4",small:"h-8",medium:"h-16",large:"h-32",full:"h-full"},PD={pulse:"animate-pulse",wave:"skeleton-wave",shimmer:"skeleton-shimmer",none:""};function gr({animation:e="shimmer",shape:t="rounded",size:r="medium",width:n,height:s,count:i=1,className:o,...l}){const c=D("bg-gray-200 dark:bg-gray-800 w-full relative overflow-hidden",SD[t],!s&&ED[r],PD[e],o),d={...n&&{width:n},...s&&{height:s}},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 i>1?a.jsx("div",{className:"space-y-2",children:Array.from({length:i}).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 MD({steps:e,currentStep:t,onStepChange:r,className:n}){return a.jsx("div",{className:D("flex items-center gap-2",n),children:e.map((s,i)=>{const o=i===t,l=i<t;return a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsxs("button",{type:"button",onClick:()=>r?.(i),disabled:!r,className:D("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:D("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:s.icon||i+1}),a.jsx("span",{className:"hidden sm:inline",children:s.label})]}),i<e.length-1&&a.jsx("div",{className:D("h-px w-6",l?"bg-green-500":"bg-gray-200 dark:bg-gray-700")})]},s.id)})})}const AD={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 TD({title:e,subtitle:t,icon:r,headerRight:n,columns:s,gridCols:i,children:o,footerTags:l,footerLabel:c,footer:d,className:u}){const f=i??s?.length??4;return a.jsxs("div",{className:D("rounded-xl border border-border 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-border 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-400 leading-tight",children:t})]}),n&&a.jsx("div",{className:"ml-auto",children:n})]}),s&&s?.length>0&&a.jsx("div",{className:D("grid sm:grid-cols-2 divide-y sm:divide-y-0 sm:divide-x divide-border",AD[f]),children:s?.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:D("h-4 w-0.5 rounded-full opacity-70",p.accent??"bg-brand")}),p.icon&&a.jsx("span",{className:D("h-3 w-3",p.accentText??"text-brand"),children:p.icon}),a.jsx("span",{className:D("text-[10px] font-bold uppercase tracking-wider",p.accentText??"text-brand"),children:p.label})]}),a.jsx("div",{className:"space-y-2.5",children:p&&p?.items&&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-400 shrink-0 leading-tight",children:h.label}),a.jsx("span",{className:D("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-border 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=D("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-border text-gray-600 dark:text-gray-400"),g=a.jsxs("span",{className:m,children:[p.icon,p.label]});return p.tooltip?a.jsx(ll,{content:p.tooltip,placement:"top",children:g},`tag-${h}`):a.jsxs("span",{className:m,children:[p.icon,p.label]},`tag-${h}`)})]})})]})}const OD=({title:e,children:t,actions:r,className:n})=>a.jsxs("div",{className:`w-full max-w-md border border-border 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(Nr,{className:"h-[250px]",autoHide:"leave",direction:"vertical",scrollbarStyle:{track:{backgroundColor:"transparent"},thumb:{borderRadius:"8px",width:"6px"}},children:a.jsx("div",{className:"p-4",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-border",children:r?.map(s=>a.jsx(ye,{variant:s.variant||"solid",size:s.size||"small",color:s.color||"primary",onClick:s.onClick,children:s.label},s.label))})]}),DD=({title:e,children:t,className:r})=>a.jsxs("div",{className:`border border-border rounded-lg overflow-hidden ${r}`,children:[a.jsx("div",{className:"p-3 bg-gray-100 dark:bg-gray-800 border-b border-border",children:a.jsx("h3",{className:"font-medium",children:e})}),a.jsx(Nr,{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})})]}),LD=[{name:"Argentina",value:"ar"},{name:"Brasil",value:"br"},{name:"Chile",value:"cl"},{name:"Colombia",value:"co"},{name:"México",value:"mx"}],ID=[{value:"male",label:"Male"},{value:"female",label:"Female"},{value:"other",label:"Other"}],VD=()=>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."})]}),u9=()=>{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(VD,{}),a.jsxs(ee,{className:"w-full mx-auto p-[24px]  rounded-lg shadow",children:[a.jsx("h2",{className:"text-lg font-bold mb-[24px] text-center",children:"Form Example"}),a.jsxs(bs,{onSubmit:e,validationSchema:Nm,useFormProps:{defaultValues:Bu,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($e,{name:"name",label:"Name",children:a.jsx(gt,{placeholder:"Ingresa tu nombre"})}),a.jsx($e,{name:"email",label:"Email",children:a.jsx(gt,{type:"email",placeholder:"ejemplo@correo.com"})})]}),a.jsx($e,{name:"password",label:"Password",children:a.jsx(gt,{type:"password",label:"Password",placeholder:"Enter your password"})}),a.jsx($e,{name:"message",label:"Message",helperText:"Write a detailed message",showHelper:!0,children:a.jsx(Cm,{label:"Message",placeholder:"Write your message here",rows:4})}),a.jsx($e,{name:"country",label:"Country",children:a.jsx(vs,{label:"Country",options:LD})}),a.jsx($e,{name:"age",label:"Age",children:a.jsx(gt,{type:"number",placeholder:"Enter your age"})}),a.jsx($e,{name:"gender",label:"Gender",children:a.jsx(jm,{label:"Gender",options:ID})}),a.jsx($e,{name:"isDeveloper",label:"Are you a developer?",children:a.jsx(dl,{label:"Are you a developer?",value:"yes"})}),a.jsx($e,{name:"acceptTerms",hideError:!0,children:a.jsx(ys,{label:"I accept the terms and conditions (with hideError prop)"})}),a.jsx("div",{className:"flex justify-end",children:a.jsx(ye,{type:"submit",children:"Submit"})})]}),a.jsx(ym,{}),a.jsx(km,{})]})]})]})};function zD({title:e,description:t,buttonText:r,onSubmit:n,isLoading:s=!1,error:i,className:o,successMessage:l,children:c}){function d(u){n&&n(u)}return a.jsx("div",{"data-tucu":"auth-form",className:D("w-full max-w-md mx-auto",o),children:a.jsxs("div",{"data-tucu":"auth-form-panel",className:"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg",children:[a.jsx("h2",{className:"text-lg 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,i&&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:i}),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(bs,{onSubmit:d,className:"grid grid-cols-1 gap-4",useFormProps:{defaultValues:{email:""}},children:[a.jsx($e,{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(gt,{type:"email",placeholder:"Enter your email",inputClassName:"focus:ring-0! placeholder:text-[#6B7280] mt-0!"})}),a.jsx(ye,{type:"submit",fullWidth:!0,disabled:s,className:"uppercase",children:s?"Sending...":r||"Send Reset Code"})]})]})]})})}function RD({title:e,description:t,buttonText:r,onSubmit:n,signInPath:s,className:i,isLoading:o=!1,error:l,pinLength:c=5,children:d}){const[u,f]=y.useState(""),[p,h]=y.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 w=m(v);h(w)},x=v=>{v.preventDefault();const w=m(u);if(w){h(w);return}n&&n({pin:u})},b=u.length===c&&!p;return a.jsx("div",{className:D("w-full max-w-md mx-auto",i),children:a.jsxs("div",{className:"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg",children:[a.jsx("h2",{className:"text-lg 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(wm,{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(ye,{type:"submit",fullWidth:!0,disabled:o||!b,className:"uppercase",children:o?"Verifying...":r||"Verify PIN"}),a.jsx(Se,{to:s,className:"font-medium underline hover:text-brand/80 dark:text-gray-300 mt-4",children:"Back to Sign In"})]})]})]})})}function _D({title:e,description:t,buttonText:r,forgetPasswordPath:n,onSubmit:s,isLoading:i=!1,error:o,className:l,children:c}){const[d,u]=y.useState(!1);function f(p){s&&s(p)}return a.jsx("div",{"data-tucu":"auth-form",className:D("w-full max-w-md mx-auto",l),children:a.jsxs("div",{"data-tucu":"auth-form-panel",className:"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg",children:[a.jsx("h2",{className:"text-lg 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(bs,{onSubmit:f,className:"grid grid-cols-1 gap-4",useFormProps:{defaultValues:{email:"",password:"",rememberMe:!1}},children:[a.jsx($e,{name:"email",label:"Email Address",rules:{required:"Email is required",pattern:{value:/^[^\s@]+@[^\s@]+\.[^\s@]+$/,message:"Invalid email address"}},children:a.jsx(gt,{type:"email",placeholder:"Enter your email",inputClassName:"focus:ring-0! placeholder:text-[#6B7280]"})}),a.jsx($e,{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(gt,{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(du,{className:"h-4 w-4 sm:h-5 sm:w-5"}):a.jsx(uu,{className:"h-4 w-4 sm:h-5 sm:w-5"})})]})}),a.jsxs("div",{className:"flex items-center justify-between",children:[a.jsx($e,{name:"rememberMe",hideError:!0,children:a.jsx(ys,{label:"Remember me",iconClassName:"bg-brand rounded-sm",labelPlacement:"end",labelClassName:"ml-1.5 text-sm dark:text-gray-300",size:"sm"})}),a.jsx(Se,{to:n,className:"text-sm font-medium text-brand hover:text-brand-600 dark:text-brand-400",children:"Forgot password?"})]}),a.jsx(ye,{type:"submit",fullWidth:!0,disabled:i,children:i?"Signing in...":r||"Sign in"})]})]})]})})}function qD({title:e,description:t,buttonText:r,onSubmit:n,isLoading:s=!1,error:i,className:o,termsOfServicePath:l="#",privacyPolicyPath:c="#",children:d}){const[u,f]=y.useState(!1);function p(h){n&&n(h)}return a.jsx("div",{"data-tucu":"auth-form",className:D("w-full max-w-md mx-auto",o),children:a.jsxs("div",{"data-tucu":"auth-form-panel",className:"bg-white dark:bg-gray-800 p-6 rounded-lg shadow-lg",children:[a.jsx("h2",{className:"text-lg 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,i&&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:i}),a.jsxs(bs,{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($e,{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(gt,{type:"text",placeholder:"First Name",inputClassName:"focus:ring-0! placeholder:text-[#6B7280]"})}),a.jsx($e,{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(gt,{type:"text",placeholder:"Last Name",inputClassName:"focus:ring-0! placeholder:text-[#6B7280]"})})]}),a.jsx($e,{name:"email",label:"Email Address",rules:{required:"Email is required",pattern:{value:/^[^\s@]+@[^\s@]+\.[^\s@]+$/,message:"Invalid email address"}},children:a.jsx(gt,{type:"email",placeholder:"Email",inputClassName:"focus:ring-0! placeholder:text-[#6B7280]"})}),a.jsx($e,{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(gt,{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(du,{className:"h-4 w-4 sm:h-5 sm:w-5"}):a.jsx(uu,{className:"h-4 w-4 sm:h-5 sm:w-5"})})]})}),a.jsx($e,{name:"agreeToTerms",rules:{required:"You must agree to the terms and conditions"},children:a.jsx(ys,{iconClassName:"bg-brand rounded-sm mt-0.5",label:a.jsxs(a.Fragment,{children:["I've read and agree with",a.jsx(Se,{to:l,className:"ml-2 font-medium tracking-[0.5px] underline dark:text-gray-300",children:"Terms of Service"})," and our ",a.jsx(Se,{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(ye,{type:"submit",fullWidth:!0,disabled:s,className:"uppercase",children:s?"Creating account...":r||"Sign up"})]})]})]})})}function BD({name:e,symbol:t,logo:r,balance:n,usdBalance:s,change:i,isChangePositive:o,color:l="#FDEDD4"}){return a.jsxs("div",{"data-tucu":"coin-card",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(Rr,{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:[s," 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(cu,{})}),i]})]})]})}function f9({className:e,coins:t,selectedCoin:r,setSelectedCoin:n,disabled:s}){const[i,o]=y.useState(!1),[l,c]=y.useState(!1),[d,u]=y.useState(-1),[f,p]=y.useState({}),h=y.useRef(null),m=y.useRef(null),g=y.useRef([]),x=t.findIndex(E=>E.code===r.code),b=y.useCallback(()=>{if(!h.current)return;const E=h.current.getBoundingClientRect(),k=220,P=window.innerHeight-E.bottom,M=E.top,A=P<k&&M>P;p({position:"fixed",...A?{bottom:window.innerHeight-E.top+4}:{top:E.bottom+4},left:E.left,width:E.width,zIndex:9999})},[]),v=y.useCallback(()=>{s||(b(),u(x>=0?x:0),c(!1),o(!0))},[s,x,b]),w=y.useCallback(()=>{c(!0);const E=setTimeout(()=>{o(!1),c(!1),u(-1)},100);return()=>clearTimeout(E)},[]),j=y.useCallback(()=>{i?w():v()},[i,v,w]),C=y.useCallback(E=>{n(E),w(),h.current?.focus()},[n,w]);y.useEffect(()=>{if(!i)return;const E=k=>{h.current&&!h.current.contains(k.target)&&m.current&&!m.current.contains(k.target)&&w()};return document.addEventListener("mousedown",E),()=>document.removeEventListener("mousedown",E)},[i,w]),y.useEffect(()=>{if(!i)return;const E=k=>{k.key==="Escape"&&(w(),h.current?.focus())};return document.addEventListener("keydown",E),()=>document.removeEventListener("keydown",E)},[i,w]),y.useEffect(()=>{if(!i)return;const E=()=>b();return window.addEventListener("scroll",E,!0),window.addEventListener("resize",E),()=>{window.removeEventListener("scroll",E,!0),window.removeEventListener("resize",E)}},[i,b]),y.useEffect(()=>{d>=0&&g.current[d]&&g.current[d]?.scrollIntoView({block:"nearest"})},[d]);const N=E=>{if(!i){["ArrowDown","ArrowUp","Enter"," "].includes(E.key)&&(E.preventDefault(),v());return}switch(E.key){case"ArrowDown":E.preventDefault(),u(k=>k<t.length-1?k+1:0);break;case"ArrowUp":E.preventDefault(),u(k=>k>0?k-1:t.length-1);break;case"Enter":case" ":E.preventDefault(),d>=0&&t[d]&&C(t[d]);break;case"Escape":case"Tab":E.preventDefault(),w();break;case"Home":E.preventDefault(),u(0);break;case"End":E.preventDefault(),u(t.length-1);break}},S=i&&ir.createPortal(a.jsx("div",{ref:m,role:"listbox",tabIndex:-1,"aria-activedescendant":d>=0?`coin-option-${d}`:void 0,style:f,className:D("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((E,k)=>{const P=E.code===r.code,M=k===d;return a.jsxs("div",{id:`coin-option-${k}`,ref:A=>{g.current[k]=A},role:"option","aria-selected":P,onClick:()=>C(E),onMouseEnter:()=>u(k),className:D("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&&M&&"bg-gray-200/70 text-gray-900 dark:bg-gray-600/60 dark:text-white",!P&&!M&&"text-gray-900 dark:text-white hover:bg-gray-200/70 dark:hover:bg-gray-600/60"),children:[E.icon,E.name]},E.code)})}),document.body);return a.jsxs("div",{className:D("relative",e),children:[a.jsxs("button",{ref:h,type:"button",role:"combobox","aria-haspopup":"listbox","aria-expanded":i,"aria-controls":"coin-listbox",disabled:s,onClick:j,onKeyDown:N,className:D("flex h-11 w-full items-center justify-between whitespace-nowrap dark:bg-light-dark bg-white border border-border dark:border-border px-4 pl-3 text-sm text-gray-900 rounded-lg dark:text-white sm:h-13 sm:pl-4",s&&"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(Zn,{className:D("transition-transform duration-200",i&&"rotate-180")})]}),S]})}f9.displayName="CoinListBox";function FD({item:e,className:t=""}){const{name:r,slug:n,title:s,cover_image:i,number_of_artwork:o,user:l}=e??{};return a.jsxs("div",{"data-tucu":"collection-card",className:D("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(Rr,{src:i,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(Se,{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:s}),a.jsxs("div",{className:"text-sm font-medium -tracking-wide text-[#B6AAA2]",children:[o," Artworks"]}),a.jsxs(Se,{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(Ni,{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 $D({collectionList:e,onSelect:t,placeholder:r="Search collections...",noResultsMessage:n="No collections found",className:s}){const[i,o]=y.useState(""),[l,c]=y.useState(-1),d=y.useRef(null),u=y.useRef(null),f=y.useRef([]),p=y.useMemo(()=>{if(!i.trim())return e;const g=i.toLowerCase();return e.filter(x=>x.name.toLowerCase().includes(g)||x.value.toLowerCase().includes(g))},[e,i]);y.useEffect(()=>{c(p.length>0?0:-1)},[p.length]),y.useEffect(()=>{l>=0&&f.current[l]&&f.current[l]?.scrollIntoView({block:"nearest"})},[l]);const h=y.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:D("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",s),children:[a.jsxs("div",{className:"relative flex items-center gap-2.5 border-b border-[var(--color-border)] px-4 py-3",children:[a.jsx(z.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:i,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"}),i&&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(z.X,{className:"h-3.5 w-3.5"})})]}),a.jsx(Nr,{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 b=x===l;return a.jsxs("li",{ref:v=>{f.current[x]=v},role:"option","aria-selected":b,onClick:()=>h(g.value),onMouseEnter:()=>c(x),className:D("flex cursor-pointer items-center gap-3 px-4 py-2.5 transition-colors","focus:outline-none",b&&"bg-gray-100 dark:bg-gray-800",!b&&"hover:bg-gray-100  dark:hover:bg-gray-800/50"),children:[a.jsx(Ni,{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 fx={BTC:a.jsx(K8,{}),ETH:a.jsx(a7,{}),USDT:a.jsx(g7,{}),BNB:a.jsx(Z8,{}),USDC:a.jsx(x7,{}),ADA:a.jsx(X8,{}),DOGE:a.jsx(n7,{})};function HD({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:fx[e]}),a.jsx("div",{className:"ltr:-ml-1.5 rtl:-mr-1.5",children:fx[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 UD={small:"w-6 h-6",medium:"w-8 h-8",large:"w-8 h-8 sm:w-10 sm:h-10"};function px(e){let t=0;return e==="large"?t=40:e==="medium"?t=32:t=24,t}function WD({item:e,className:t,variant:r="small",imageClassName:n="bg-brand rounded p-1"}){const{name:s,logo:i,balance:o,coinType:l}=e??{};return a.jsxs("div",{"data-tucu":"coin-info-card",className:D("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:D("rounded-full flex items-center justify-center",UD[r]),children:a.jsx(Rr,{src:i,alt:s,width:px(r),height:px(r),className:n})}),a.jsxs("div",{className:"ltr:ml-2 rtl:mr-2",children:[s,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 p9(e){var t,r,n="";if(typeof e=="string"||typeof e=="number")n+=e;else if(typeof e=="object")if(Array.isArray(e)){var s=e.length;for(t=0;t<s;t++)e[t]&&(r=p9(e[t]))&&(n&&(n+=" "),n+=r)}else for(r in e)e[r]&&(n&&(n+=" "),n+=r);return n}function ke(){for(var e,t,r=0,n="",s=arguments.length;r<s;r++)(e=arguments[r])&&(t=p9(e))&&(n&&(n+=" "),n+=t);return n}var GD=["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 Em(e){if(typeof e!="string")return!1;var t=GD;return t.includes(e)}var KD=["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"],ZD=new Set(KD);function m9(e){return typeof e!="string"?!1:ZD.has(e)}function h9(e){return typeof e=="string"&&e.startsWith("data-")}function Xe(e){if(typeof e!="object"||e===null)return{};var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(m9(r)||h9(r))&&(t[r]=e[r]);return t}function Fn(e){if(e==null)return null;if(y.isValidElement(e)&&typeof e.props=="object"&&e.props!==null){var t=e.props;return Xe(t)}return typeof e=="object"&&!Array.isArray(e)?Xe(e):null}function xt(e){var t={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(m9(r)||h9(r)||Em(r))&&(t[r]=e[r]);return t}function YD(e){return e==null?null:y.isValidElement(e)?xt(e.props):typeof e=="object"&&!Array.isArray(e)?xt(e):null}var XD=["children","width","height","viewBox","className","style","title","desc"];function M2(){return M2=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},M2.apply(null,arguments)}function JD(e,t){if(e==null)return{};var r,n,s=QD(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}function QD(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 Pm=y.forwardRef((e,t)=>{var{children:r,width:n,height:s,viewBox:i,className:o,style:l,title:c,desc:d}=e,u=JD(e,XD),f=i||{width:n,height:s,x:0,y:0},p=ke("recharts-surface",o);return T.createElement("svg",M2({},xt(u),{className:p,width:n,height:s,style:l,viewBox:"".concat(f.x," ").concat(f.y," ").concat(f.width," ").concat(f.height),ref:t}),T.createElement("title",null,c),T.createElement("desc",null,d),r)}),eL=["children","className"];function A2(){return A2=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},A2.apply(null,arguments)}function tL(e,t){if(e==null)return{};var r,n,s=rL(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}function rL(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 _e=T.forwardRef((e,t)=>{var{children:r,className:n}=e,s=tL(e,eL),i=ke("recharts-layer",n);return T.createElement("g",A2({className:i},xt(s),{ref:t}),r)}),g9=y.createContext(null),nL=()=>y.useContext(g9);function Ze(e){return function(){return e}}const x9=Math.cos,Yc=Math.sin,an=Math.sqrt,Xc=Math.PI,Hu=2*Xc,T2=Math.PI,O2=2*T2,za=1e-6,aL=O2-za;function b9(e){this._+=e[0];for(let t=1,r=e.length;t<r;++t)this._+=arguments[t]+e[t]}function sL(e){let t=Math.floor(e);if(!(t>=0))throw new Error(`invalid digits: ${e}`);if(t>15)return b9;const r=10**t;return function(n){this._+=n[0];for(let s=1,i=n.length;s<i;++s)this._+=Math.round(arguments[s]*r)/r+n[s]}}class iL{constructor(t){this._x0=this._y0=this._x1=this._y1=null,this._="",this._append=t==null?b9:sL(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,s){this._append`Q${+t},${+r},${this._x1=+n},${this._y1=+s}`}bezierCurveTo(t,r,n,s,i,o){this._append`C${+t},${+r},${+n},${+s},${this._x1=+i},${this._y1=+o}`}arcTo(t,r,n,s,i){if(t=+t,r=+r,n=+n,s=+s,i=+i,i<0)throw new Error(`negative radius: ${i}`);let o=this._x1,l=this._y1,c=n-t,d=s-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>za)if(!(Math.abs(f*c-d*u)>za)||!i)this._append`L${this._x1=t},${this._y1=r}`;else{let h=n-o,m=s-l,g=c*c+d*d,x=h*h+m*m,b=Math.sqrt(g),v=Math.sqrt(p),w=i*Math.tan((T2-Math.acos((g+p-x)/(2*b*v)))/2),j=w/v,C=w/b;Math.abs(j-1)>za&&this._append`L${t+j*u},${r+j*f}`,this._append`A${i},${i},0,0,${+(f*h>u*m)},${this._x1=t+C*c},${this._y1=r+C*d}`}}arc(t,r,n,s,i,o){if(t=+t,r=+r,n=+n,o=!!o,n<0)throw new Error(`negative radius: ${n}`);let l=n*Math.cos(s),c=n*Math.sin(s),d=t+l,u=r+c,f=1^o,p=o?s-i:i-s;this._x1===null?this._append`M${d},${u}`:(Math.abs(this._x1-d)>za||Math.abs(this._y1-u)>za)&&this._append`L${d},${u}`,n&&(p<0&&(p=p%O2+O2),p>aL?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>za&&this._append`A${n},${n},0,${+(p>=T2)},${f},${this._x1=t+n*Math.cos(i)},${this._y1=r+n*Math.sin(i)}`)}rect(t,r,n,s){this._append`M${this._x0=this._x1=+t},${this._y0=this._y1=+r}h${n=+n}v${+s}h${-n}Z`}toString(){return this._}}function Mm(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 iL(t)}function Am(e){return typeof e=="object"&&"length"in e?e:Array.from(e)}function v9(e){this._context=e}v9.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 Uu(e){return new v9(e)}function y9(e){return e[0]}function w9(e){return e[1]}function j9(e,t){var r=Ze(!0),n=null,s=Uu,i=null,o=Mm(l);e=typeof e=="function"?e:e===void 0?y9:Ze(e),t=typeof t=="function"?t:t===void 0?w9:Ze(t);function l(c){var d,u=(c=Am(c)).length,f,p=!1,h;for(n==null&&(i=s(h=o())),d=0;d<=u;++d)!(d<u&&r(f=c[d],d,c))===p&&((p=!p)?i.lineStart():i.lineEnd()),p&&i.point(+e(f,d,c),+t(f,d,c));if(h)return i=null,h+""||null}return l.x=function(c){return arguments.length?(e=typeof c=="function"?c:Ze(+c),l):e},l.y=function(c){return arguments.length?(t=typeof c=="function"?c:Ze(+c),l):t},l.defined=function(c){return arguments.length?(r=typeof c=="function"?c:Ze(!!c),l):r},l.curve=function(c){return arguments.length?(s=c,n!=null&&(i=s(n)),l):s},l.context=function(c){return arguments.length?(c==null?n=i=null:i=s(n=c),l):n},l}function Jl(e,t,r){var n=null,s=Ze(!0),i=null,o=Uu,l=null,c=Mm(d);e=typeof e=="function"?e:e===void 0?y9:Ze(+e),t=typeof t=="function"?t:Ze(t===void 0?0:+t),r=typeof r=="function"?r:r===void 0?w9:Ze(+r);function d(f){var p,h,m,g=(f=Am(f)).length,x,b=!1,v,w=new Array(g),j=new Array(g);for(i==null&&(l=o(v=c())),p=0;p<=g;++p){if(!(p<g&&s(x=f[p],p,f))===b)if(b=!b)h=p,l.areaStart(),l.lineStart();else{for(l.lineEnd(),l.lineStart(),m=p-1;m>=h;--m)l.point(w[m],j[m]);l.lineEnd(),l.areaEnd()}b&&(w[p]=+e(x,p,f),j[p]=+t(x,p,f),l.point(n?+n(x,p,f):w[p],r?+r(x,p,f):j[p]))}if(v)return l=null,v+""||null}function u(){return j9().defined(s).curve(o).context(i)}return d.x=function(f){return arguments.length?(e=typeof f=="function"?f:Ze(+f),n=null,d):e},d.x0=function(f){return arguments.length?(e=typeof f=="function"?f:Ze(+f),d):e},d.x1=function(f){return arguments.length?(n=f==null?null:typeof f=="function"?f:Ze(+f),d):n},d.y=function(f){return arguments.length?(t=typeof f=="function"?f:Ze(+f),r=null,d):t},d.y0=function(f){return arguments.length?(t=typeof f=="function"?f:Ze(+f),d):t},d.y1=function(f){return arguments.length?(r=f==null?null:typeof f=="function"?f:Ze(+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?(s=typeof f=="function"?f:Ze(!!f),d):s},d.curve=function(f){return arguments.length?(o=f,i!=null&&(l=o(i)),d):o},d.context=function(f){return arguments.length?(f==null?i=l=null:l=o(i=f),d):i},d}class C9{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 oL(e){return new C9(e,!0)}function lL(e){return new C9(e,!1)}const Tm={draw(e,t){const r=an(t/Xc);e.moveTo(r,0),e.arc(0,0,r,0,Hu)}},cL={draw(e,t){const r=an(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()}},N9=an(1/3),dL=N9*2,uL={draw(e,t){const r=an(t/dL),n=r*N9;e.moveTo(0,-r),e.lineTo(n,0),e.lineTo(0,r),e.lineTo(-n,0),e.closePath()}},fL={draw(e,t){const r=an(t),n=-r/2;e.rect(n,n,r,r)}},pL=.8908130915292852,k9=Yc(Xc/10)/Yc(7*Xc/10),mL=Yc(Hu/10)*k9,hL=-x9(Hu/10)*k9,gL={draw(e,t){const r=an(t*pL),n=mL*r,s=hL*r;e.moveTo(0,-r),e.lineTo(n,s);for(let i=1;i<5;++i){const o=Hu*i/5,l=x9(o),c=Yc(o);e.lineTo(c*r,-l*r),e.lineTo(l*n-c*s,c*n+l*s)}e.closePath()}},o1=an(3),xL={draw(e,t){const r=-an(t/(o1*3));e.moveTo(0,r*2),e.lineTo(-o1*r,-r),e.lineTo(o1*r,-r),e.closePath()}},Er=-.5,Pr=an(3)/2,D2=1/an(12),bL=(D2/2+1)*3,vL={draw(e,t){const r=an(t/bL),n=r/2,s=r*D2,i=n,o=r*D2+r,l=-i,c=o;e.moveTo(n,s),e.lineTo(i,o),e.lineTo(l,c),e.lineTo(Er*n-Pr*s,Pr*n+Er*s),e.lineTo(Er*i-Pr*o,Pr*i+Er*o),e.lineTo(Er*l-Pr*c,Pr*l+Er*c),e.lineTo(Er*n+Pr*s,Er*s-Pr*n),e.lineTo(Er*i+Pr*o,Er*o-Pr*i),e.lineTo(Er*l+Pr*c,Er*c-Pr*l),e.closePath()}};function yL(e,t){let r=null,n=Mm(s);e=typeof e=="function"?e:Ze(e||Tm),t=typeof t=="function"?t:Ze(t===void 0?64:+t);function s(){let i;if(r||(r=i=n()),e.apply(this,arguments).draw(r,+t.apply(this,arguments)),i)return r=null,i+""||null}return s.type=function(i){return arguments.length?(e=typeof i=="function"?i:Ze(i),s):e},s.size=function(i){return arguments.length?(t=typeof i=="function"?i:Ze(+i),s):t},s.context=function(i){return arguments.length?(r=i??null,s):r},s}function Jc(){}function Qc(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 S9(e){this._context=e}S9.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:Qc(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:Qc(this,e,t);break}this._x0=this._x1,this._x1=e,this._y0=this._y1,this._y1=t}};function wL(e){return new S9(e)}function E9(e){this._context=e}E9.prototype={areaStart:Jc,areaEnd:Jc,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:Qc(this,e,t);break}this._x0=this._x1,this._x1=e,this._y0=this._y1,this._y1=t}};function jL(e){return new E9(e)}function P9(e){this._context=e}P9.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:Qc(this,e,t);break}this._x0=this._x1,this._x1=e,this._y0=this._y1,this._y1=t}};function CL(e){return new P9(e)}function M9(e){this._context=e}M9.prototype={areaStart:Jc,areaEnd:Jc,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 NL(e){return new M9(e)}function mx(e){return e<0?-1:1}function hx(e,t,r){var n=e._x1-e._x0,s=t-e._x1,i=(e._y1-e._y0)/(n||s<0&&-0),o=(r-e._y1)/(s||n<0&&-0),l=(i*s+o*n)/(n+s);return(mx(i)+mx(o))*Math.min(Math.abs(i),Math.abs(o),.5*Math.abs(l))||0}function gx(e,t){var r=e._x1-e._x0;return r?(3*(e._y1-e._y0)/r-t)/2:t}function l1(e,t,r){var n=e._x0,s=e._y0,i=e._x1,o=e._y1,l=(i-n)/3;e._context.bezierCurveTo(n+l,s+l*t,i-l,o-l*r,i,o)}function ed(e){this._context=e}ed.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:l1(this,this._t0,gx(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,l1(this,gx(this,r=hx(this,e,t)),r);break;default:l1(this,this._t0,r=hx(this,e,t));break}this._x0=this._x1,this._x1=e,this._y0=this._y1,this._y1=t,this._t0=r}}};function A9(e){this._context=new T9(e)}(A9.prototype=Object.create(ed.prototype)).point=function(e,t){ed.prototype.point.call(this,t,e)};function T9(e){this._context=e}T9.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,s,i){this._context.bezierCurveTo(t,e,n,r,i,s)}};function kL(e){return new ed(e)}function SL(e){return new A9(e)}function O9(e){this._context=e}O9.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=xx(e),s=xx(t),i=0,o=1;o<r;++i,++o)this._context.bezierCurveTo(n[0][i],s[0][i],n[1][i],s[1][i],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 xx(e){var t,r=e.length-1,n,s=new Array(r),i=new Array(r),o=new Array(r);for(s[0]=0,i[0]=2,o[0]=e[0]+2*e[1],t=1;t<r-1;++t)s[t]=1,i[t]=4,o[t]=4*e[t]+2*e[t+1];for(s[r-1]=2,i[r-1]=7,o[r-1]=8*e[r-1]+e[r],t=1;t<r;++t)n=s[t]/i[t-1],i[t]-=n,o[t]-=n*o[t-1];for(s[r-1]=o[r-1]/i[r-1],t=r-2;t>=0;--t)s[t]=(o[t]-s[t+1])/i[t];for(i[r-1]=(e[r]+s[r-1])/2,t=0;t<r-1;++t)i[t]=2*e[t+1]-s[t+1];return[s,i]}function EL(e){return new O9(e)}function Wu(e,t){this._context=e,this._t=t}Wu.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 PL(e){return new Wu(e,.5)}function ML(e){return new Wu(e,0)}function AL(e){return new Wu(e,1)}function is(e,t){if((o=e.length)>1)for(var r=1,n,s,i=e[t[0]],o,l=i.length;r<o;++r)for(s=i,i=e[t[r]],n=0;n<l;++n)i[n][1]+=i[n][0]=isNaN(s[n][1])?s[n][0]:s[n][1]}function L2(e){for(var t=e.length,r=new Array(t);--t>=0;)r[t]=t;return r}function TL(e,t){return e[t]}function OL(e){const t=[];return t.key=e,t}function DL(){var e=Ze([]),t=L2,r=is,n=TL;function s(i){var o=Array.from(e.apply(this,arguments),OL),l,c=o.length,d=-1,u;for(const f of i)for(l=0,++d;l<c;++l)(o[l][d]=[0,+n(f,o[l].key,d,i)]).data=f;for(l=0,u=Am(t(o));l<c;++l)o[u[l]].index=l;return r(o,u),o}return s.keys=function(i){return arguments.length?(e=typeof i=="function"?i:Ze(Array.from(i)),s):e},s.value=function(i){return arguments.length?(n=typeof i=="function"?i:Ze(+i),s):n},s.order=function(i){return arguments.length?(t=i==null?L2:typeof i=="function"?i:Ze(Array.from(i)),s):t},s.offset=function(i){return arguments.length?(r=i??is,s):r},s}function LL(e,t){if((n=e.length)>0){for(var r,n,s=0,i=e[0].length,o;s<i;++s){for(o=r=0;r<n;++r)o+=e[r][s][1]||0;if(o)for(r=0;r<n;++r)e[r][s][1]/=o}is(e,t)}}function IL(e,t){if((s=e.length)>0){for(var r=0,n=e[t[0]],s,i=n.length;r<i;++r){for(var o=0,l=0;o<s;++o)l+=e[o][r][1]||0;n[r][1]+=n[r][0]=-l/2}is(e,t)}}function VL(e,t){if(!(!((o=e.length)>0)||!((i=(s=e[t[0]]).length)>0))){for(var r=0,n=1,s,i,o;n<i;++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,b=g[n-1][1]||0;h+=x-b}c+=f,d+=h*f}s[n-1][1]+=s[n-1][0]=r,c&&(r-=d/c)}s[n-1][1]+=s[n-1][0]=r,is(e,t)}}var c1={},d1={},bx;function zL(){return bx||(bx=1,(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});function t(r){return r==="__proto__"}e.isUnsafeProperty=t})(d1)),d1}var u1={},vx;function D9(){return vx||(vx=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})(u1)),u1}var f1={},yx;function Om(){return yx||(yx=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})(f1)),f1}var p1={},m1={},wx;function RL(){return wx||(wx=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})(m1)),m1}var jx;function Dm(){return jx||(jx=1,(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});const t=RL(),r=Om();function n(s){if(Array.isArray(s))return s.map(r.toKey);if(typeof s=="symbol")return[s];s=t.toString(s);const i=[],o=s.length;if(o===0)return i;let l=0,c="",d="",u=!1;for(s.charCodeAt(0)===46&&(i.push(""),l++);l<o;){const f=s[l];d?f==="\\"&&l+1<o?(l++,c+=s[l]):f===d?d="":c+=f:u?f==='"'||f==="'"?d=f:f==="]"?(u=!1,i.push(c),c=""):c+=f:f==="["?(u=!0,c&&(i.push(c),c="")):f==="."?c&&(i.push(c),c=""):c+=f,l++}return c&&i.push(c),i}e.toPath=n})(p1)),p1}var Cx;function Lm(){return Cx||(Cx=1,(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:"Module"});const t=zL(),r=D9(),n=Om(),s=Dm();function i(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)?i(l,s.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=i})(c1)),c1}var h1,Nx;function _L(){return Nx||(Nx=1,h1=Lm().get),h1}var qL=_L();const os=Kt(qL);var BL=4;function ha(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:BL,r=10**t,n=Math.round(e*r)/r;return Object.is(n,-0)?0:n}function dt(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((s,i,o)=>{var l=r[o-1];return typeof l=="string"?s+l+i:l!==void 0?s+ha(l)+i:s+i},"")}var Vt=e=>e===0?0:e>0?1:-1,rn=e=>typeof e=="number"&&e!=+e,ls=e=>typeof e=="string"&&e.indexOf("%")===e.length-1,me=e=>(typeof e=="number"||e instanceof Number)&&!rn(e),vn=e=>me(e)||typeof e=="string",FL=0,Do=e=>{var t=++FL;return"".concat(e||"").concat(t)},Gt=function(t,r){var n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:0,s=arguments.length>3&&arguments[3]!==void 0?arguments[3]:!1;if(!me(t)&&typeof t!="string")return n;var i;if(ls(t)){if(r==null)return n;var o=t.indexOf("%");i=r*parseFloat(t.slice(0,o))/100}else i=+t;return rn(i)&&(i=n),s&&r!=null&&i>r&&(i=r),i},L9=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 Le(e,t,r){return me(e)&&me(t)?ha(e+r*(t-e)):t}function I9(e,t,r){if(!(!e||!e.length))return e.find(n=>n&&(typeof t=="function"?t(n):os(n,t))===r)}var We=e=>e===null||typeof e>"u",ul=e=>We(e)?e:"".concat(e.charAt(0).toUpperCase()).concat(e.slice(1));function ur(e){return e!=null}function sn(){}var $L=["type","size","sizeType"];function I2(){return I2=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},I2.apply(null,arguments)}function kx(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),r.push.apply(r,n)}return r}function Sx(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?kx(Object(r),!0).forEach(function(n){HL(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):kx(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function HL(e,t,r){return(t=UL(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function UL(e){var t=WL(e,"string");return typeof t=="symbol"?t:t+""}function WL(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 GL(e,t){if(e==null)return{};var r,n,s=KL(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)===-1&&{}.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}function KL(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 V9={symbolCircle:Tm,symbolCross:cL,symbolDiamond:uL,symbolSquare:fL,symbolStar:gL,symbolTriangle:xL,symbolWye:vL},ZL=Math.PI/180,YL=e=>{var t="symbol".concat(ul(e));return V9[t]||Tm},XL=(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*ZL;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}},JL=(e,t)=>{V9["symbol".concat(ul(e))]=t},Im=e=>{var{type:t="circle",size:r=64,sizeType:n="area"}=e,s=GL(e,$L),i=Sx(Sx({},s),{},{type:t,size:r,sizeType:n}),o="circle";typeof t=="string"&&(o=t);var l=()=>{var p=YL(o),h=yL().type(p).size(XL(r,n,o)),m=h();if(m!==null)return m},{className:c,cx:d,cy:u}=i,f=xt(i);return me(d)&&me(u)&&me(r)?T.createElement("path",I2({},f,{className:ke("recharts-symbols",c),transform:"translate(".concat(d,", ").concat(u,")"),d:l()})):null};Im.registerSymbol=JL;var z9=e=>"radius"in e&&"startAngle"in e&&"endAngle"in e,Vm=(e,t)=>{if(!e||typeof e=="function"||typeof e=="boolean")return null;var r=e;if(y.isValidElement(e)&&(r=e.props),typeof r!="object"&&typeof r!="function")return null;var n={};return Object.keys(r).forEach(s=>{Em(s)&&typeof r[s]=="function"&&(n[s]=(i=>r[s](r,i)))}),n},QL=(e,t,r)=>n=>(e(t,r,n),null),ws=(e,t,r)=>{if(e===null||typeof e!="object"&&typeof e!="function")return null;var n=null;return Object.keys(e).forEach(s=>{var i=e[s];Em(s)&&typeof i=="function"&&(n||(n={}),n[s]=QL(i,t,r))}),n};function Ex(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),r.push.apply(r,n)}return r}function eI(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Ex(Object(r),!0).forEach(function(n){tI(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Ex(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function tI(e,t,r){return(t=rI(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function rI(e){var t=nI(e,"string");return typeof t=="symbol"?t:t+""}function nI(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 Je(e,t){var r=eI({},e),n=t,s=Object.keys(t),i=s.reduce((o,l)=>(o[l]===void 0&&n[l]!==void 0&&(o[l]=n[l]),o),r);return i}function td(){return td=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},td.apply(null,arguments)}function Px(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),r.push.apply(r,n)}return r}function R9(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?Px(Object(r),!0).forEach(function(n){aI(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):Px(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function aI(e,t,r){return(t=sI(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function sI(e){var t=iI(e,"string");return typeof t=="symbol"?t:t+""}function iI(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 Tr=32,oI={align:"center",iconSize:14,inactiveColor:"#ccc",layout:"horizontal",verticalAlign:"middle",labelStyle:{}};function lI(e){if(typeof e=="object"&&e!==null&&"strokeDasharray"in e)return String(e.strokeDasharray)}function cI(e){var{data:t,iconType:r,inactiveColor:n}=e,s=Tr/2,i=Tr/6,o=Tr/3,l=t.inactive?n:t.color,c=r??t.type;if(c==="none")return null;if(c==="plainline")return T.createElement("line",{strokeWidth:4,fill:"none",stroke:l,strokeDasharray:lI(t.payload),x1:0,y1:s,x2:Tr,y2:s,className:"recharts-legend-icon"});if(c==="line")return T.createElement("path",{strokeWidth:4,fill:"none",stroke:l,d:"M0,".concat(s,"h").concat(o,`
             A`).concat(i,",").concat(i,",0,1,1,").concat(2*o,",").concat(s,`
             H`).concat(Tr,"M").concat(2*o,",").concat(s,`
@@ -403,7 +403,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 Rce(e){return Wi[e]}function _ce(){return Object.keys(Wi)}function qce(e){const t=e.toLowerCase();return Object.values(Wi).filter(r=>r.displayName.toLowerCase().includes(t))}const Bce=[{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,s)=>a.jsxs(y.Fragment,{children:[s>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})]},s))})}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(Ye,{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 Fce(e,t,r){let n=e;if(t?.length){const s=new Set(t);n=n.filter(i=>s.has(i.name))}if(r?.length){const s=new Set(r);n=n.filter(i=>!s.has(i.name))}return n.map(s=>({prop:s.name,type:s.type,default:s.required?"required":s.defaultValue??"—",description:s.description}))}const $ce=({componentName:e,title:t,showFilePath:r=!1,className:n,filterProps:s,hideProps:i})=>{const o=Wi[e],l=y.useMemo(()=>o?Fce(o.props,s,i):[],[o,s,i]);return o?a.jsx(ee,{className:n,children:a.jsx(re,{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:[a.jsx("span",{role:"img","aria-label":"folder",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(mn,{columns:Bce,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(ee,{className:n,children:a.jsx(re,{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:[a.jsx("span",{role:"img","aria-label":"warning",children:"⚠️"})," ",'No props metadata found for "',e,'". Run'," ",a.jsx("code",{className:"text-xs",children:"pnpm tsx scripts/generate-props.ts"})," ","to regenerate."]})})})})};function Ng({items:e,navigationMode:t,activeSectionId:r,onItemClick:n,onSidebarToggle:s}){const i=Br(),{layout:o}=we(),[l,c]=y.useState(!1),[d,u]=y.useState(""),[f,p]=y.useState(new Set),h=y.useRef({});y.useEffect(()=>{const N=()=>{window.innerWidth>=1024?c(!0):c(!1)};return N(),window.addEventListener("resize",N),()=>window.removeEventListener("resize",N)},[]),y.useEffect(()=>{s&&s(l)},[l,s]),y.useEffect(()=>{if(t==="route"&&r!==void 0&&(u(r),r)){const N=e.find(S=>S.id===r);if(N?.category){const S=N.category;p(E=>{const k=new Set(E);return k.add(S),k})}}},[t,r,e]),y.useEffect(()=>{if(t==="route")return;const N={root:null,rootMargin:"-20% 0px -70% 0px",threshold:0},S=k=>{k.forEach(P=>{P.isIntersecting&&u(P.target.id)})},E=new IntersectionObserver(S,N);return e.forEach(k=>{const P=document.getElementById(k.id);P&&E.observe(P)}),()=>{E.disconnect()}},[e,t]);const m=y.useMemo(()=>{if(!e.some(E=>E.category))return null;const S={};return e.forEach(E=>{const k=E.category||"Uncategorized";S[k]||(S[k]=[]),S[k].push(E)}),S},[e]),g=(N,S)=>{if(f.has(N))p(k=>{const P=new Set(k);return P.delete(N),P});else if(p(k=>{const P=new Set(k);return P.add(N),P}),S.length>0){const k=S[0];t==="route"?n&&n(k):(window.dispatchEvent(new CustomEvent("forceLoadSection",{detail:{sectionId:k.id}})),setTimeout(()=>{const P=document.getElementById(k.id);P&&(window.history.replaceState(null,"",`#${k.id}`),P.scrollIntoView({behavior:"smooth",block:"start"}))},100))}},x=(N,S)=>{if(N.preventDefault(),window.innerWidth<1024&&c(!1),t==="route"){n&&n(S);return}window.dispatchEvent(new CustomEvent("forceLoadSection",{detail:{sectionId:S.id}}));const E=()=>{const k=document.getElementById(S.id);return k?(window.history.replaceState(null,"",`#${S.id}`),k.scrollIntoView({behavior:"smooth",block:"start"}),!0):!1};if(!E()){let k=0;const P=5,M=setInterval(()=>{k++,(E()||k>=P)&&clearInterval(M)},50)}n&&n(S)},b=i==="sm"||i==="xs"||i==="md"||i==="lg",v=typeof window<"u"&&window.innerWidth<1024,w=o===oe.MACOS||o===oe.MACOS_TAHOE||o===oe.MACOS_TAHOE_DOCK,j=o===oe.MACOS_TAHOE||o===oe.MACOS_TAHOE_DOCK,C=o===oe.MACOS;return{layout:o,breakPoint:i,isSidebarOpen:l,setIsSidebarOpen:c,activeSection:d,openCategories:f,categoryRefs:h,groupedItems:m,handleCategoryToggle:g,handleItemClick:x,smallScreen:b,isMobile:v,isMacOS:w,isTahoe:j,isSonoma:C}}const Hce=({items:e,title:t="Table of Contents",className:r="",onItemClick:n,children:s,onSidebarToggle:i,navigationMode:o="anchor",activeSectionId:l})=>{const{layout:c,isSidebarOpen:d,setIsSidebarOpen:u,activeSection:f,openCategories:p,categoryRefs:h,groupedItems:m,handleCategoryToggle:g,handleItemClick:x,smallScreen:b,isMobile:v}=Ng({items:e,navigationMode:o,activeSectionId:l,onItemClick:n,onSidebarToggle:i}),w=a.jsx("nav",{className:"p-4 space-y-2",children:m?Object.entries(m).map(([j,C])=>{const N=p.has(j);return a.jsxs("div",{className:"space-y-1",children:[a.jsxs("button",{type:"button",onClick:()=>g(j,C),className:"w-full flex items-center transition-colors select-none justify-between rounded-lg px-3 py-2 text-xs font-semibold uppercase tracking-wider text-foreground/60 hover:bg-gray-100 dark:hover:bg-gray-800","aria-expanded":N,"aria-label":`${N?"Close":"Open"} ${j} category`,children:[a.jsx("span",{children:j}),a.jsx(z.ChevronDown,{className:D("w-4 h-4 transition-transform duration-200",N&&"rotate-180")})]}),a.jsx("div",{ref:S=>{h.current[j]=S},className:"grid transition-all duration-300 ease-in-out",style:{gridTemplateRows:N?"1fr":"0fr",opacity:N?1:0},children:a.jsx("div",{className:"overflow-hidden",children:a.jsx("div",{className:"space-y-1 pt-1",children:C.map(S=>{const E=f===S.id;return a.jsx("a",{href:`#${S.id}`,className:D("block w-full text-left rounded-lg px-3 py-2 text-sm transition-all duration-200",E?"bg-brand/10 text-brand font-semibold":"text-foreground/60 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-foreground dark:hover:text-foreground"),onClick:k=>x(k,S),children:a.jsx("span",{children:S.label})},S.id)})})})})]},j)}):e.map(j=>{const C=f===j.id;return a.jsx("a",{href:`#${j.id}`,className:D("block w-full text-left rounded-lg px-3 py-2 text-sm transition-all duration-200",C?"bg-brand/10 text-brand font-semibold":"text-foreground/60 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-foreground dark:hover:text-foreground"),onClick:N=>x(N,j),children:a.jsx("span",{children:j.label})},j.id)})});return a.jsxs(a.Fragment,{children:[a.jsx("div",{className:D(c===oe.ADMIN&&"fixed top-1/2 mt-13 z-40 -translate-y-1/2 ltr:right-0 rtl:left-0",c===oe.HORIZONTAL&&"fixed top-1/2 z-40 -translate-y-1/2 ltr:left-0 rtl:right-0",c===oe.CLEAN&&"fixed top-1/2 z-40 -translate-y-1/2 ltr:left-0 rtl:right-0"),children:!d&&a.jsx("button",{className:D("flex items-center justify-center","h-12 w-12 text-gray-600 shadow-large backdrop-blur-sm bg-light-dark dark:text-gray-200/70",c===oe.ADMIN&&"rounded-l-lg",c===oe.HORIZONTAL&&"rounded-r-lg",c===oe.CLEAN&&"rounded-r-lg"),onClick:()=>u(!d),"aria-label":"Toggle table of contents",title:"Toggle table of contents",children:a.jsx(z.Menu,{className:"w-5 h-5"})})}),v&&a.jsx(Ma,{isOpen:d,setIsOpen:u,position:"left",backdrop:!0,children:a.jsxs("div",{className:"h-full flex flex-col w-72 bg-body border-r border-[var(--color-border)]",children:[a.jsxs("div",{className:"flex items-center justify-between shrink-0 px-4 py-4 border-b border-[var(--color-border)]",children:[a.jsx(O,{tag:"h3",className:"text-sm font-semibold",children:t}),a.jsx(ye,{variant:"ghost",size:"mini",shape:"circle",className:"p-0.5! hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",onClick:()=>u(!1),"aria-label":"Close table of contents",children:a.jsx(z.X,{className:"w-3.5 h-3.5"})})]}),a.jsx(Nr,{style:{height:"calc(100vh - 60px)"},className:"h-full",children:w})]})}),!v&&d&&a.jsxs("aside",{className:D("transition-all duration-300 ease-in-out overflow-y-hidden",c===oe.ADMIN&&!b?"fixed left-0 translate-x-25 w-64 lg:w-72 border-r bg-light-dark backdrop-blur-lg shadow-md border-[var(--color-border)] z-20":"fixed left-0 translate-x-0 w-72 lg:w-72 border-r bg-light-dark backdrop-blur-lg shadow-md border-[var(--color-border)] z-20",r),style:{top:c===oe.HORIZONTAL?"80px":"0px",zIndex:c===oe.HORIZONTAL?"inherit":30,height:c===oe.HORIZONTAL?"calc(100vh - 80px)":"100vh"},children:[a.jsxs("div",{className:"z-10 flex items-center justify-between shrink-0 pl-4 pr-2 p-4 border-b border-[var(--color-border)]",children:[a.jsx(O,{tag:"h3",className:"text-sm font-semibold",children:t}),a.jsx("button",{type:"button",onClick:()=>u(!1),"aria-label":"Close table of contents",className:"flex items-center justify-center rounded-full transition-colors h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-500 dark:text-gray-400",children:a.jsx(z.X,{className:"w-3 h-3"})})]}),a.jsx(Nr,{style:{height:"calc(100vh - 72px - 60px)"},className:"h-full",children:w})]}),s&&a.jsx("div",{className:D("transition-all duration-300 min-h-screen",d?"lg:ml-72":"lg:ml-0"),children:s})]})},Uce=({items:e,title:t="Table of Contents",className:r="",onItemClick:n,children:s,onSidebarToggle:i,navigationMode:o="anchor",activeSectionId:l})=>{const{isSidebarOpen:c,setIsSidebarOpen:d,activeSection:u,openCategories:f,categoryRefs:p,groupedItems:h,handleCategoryToggle:m,handleItemClick:g,isMobile:x}=Ng({items:e,navigationMode:o,activeSectionId:l,onItemClick:n,onSidebarToggle:i}),b=()=>a.jsx("div",{role:"heading","aria-level":3,className:"text-[16px] font-semibold text-gray-700 dark:text-gray-200",children:t}),v=a.jsx("nav",{className:"flex-1 overflow-y-auto px-2 py-3",children:h?Object.entries(h).map(([w,j])=>{const C=f.has(w);return a.jsxs("div",{children:[a.jsxs("button",{type:"button",onClick:()=>m(w,j),className:"w-full flex items-center transition-colors select-none group h-8 gap-2 rounded-md px-2 text-[13px] font-normal text-gray-700 hover:bg-gray-500/8 dark:text-gray-300 dark:hover:bg-white/6","aria-expanded":C,"aria-label":`${C?"Close":"Open"} ${w} category`,children:[a.jsx("span",{className:"flex-1 truncate text-left",children:w}),a.jsx("svg",{className:D("h-3 w-3 shrink-0 transition-transform duration-150 text-gray-400",C&&"rotate-90"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5l7 7-7 7"})})]}),a.jsx("div",{ref:N=>{p.current[w]=N},className:"grid transition-all duration-300 ease-in-out",style:{gridTemplateRows:C?"1fr":"0fr",opacity:C?1:0},children:a.jsx("div",{className:"overflow-hidden",children:a.jsx("div",{className:"mt-0.5 ml-4 space-y-0.5 border-l border-border/60 pl-2 dark:border-border/60",children:j.map(N=>{const S=u===N.id;return a.jsx("a",{href:`#${N.id}`,className:D("group flex h-8 w-full items-center gap-2 rounded-xl px-3","text-[12px] transition-colors select-none",S?"bg-(--color-semantic-bg-primary)/12 font-medium text-(--color-semantic-bg-primary)":"text-gray-600 hover:bg-gray-500/8 dark:text-gray-400 dark:hover:bg-white/6"),onClick:E=>g(E,N),children:a.jsx("span",{className:"flex-1 truncate text-left",children:N.label})},N.id)})})})})]},w)}):e.map(w=>{const j=u===w.id;return a.jsx("a",{href:`#${w.id}`,className:D("group flex h-9 w-full items-center gap-2 rounded-xl px-3","text-[13px] transition-colors select-none",j?"bg-(--color-semantic-bg-primary)/12 font-medium text-(--color-semantic-bg-primary)":"text-gray-700 hover:bg-gray-500/8 dark:text-gray-300 dark:hover:bg-white/6"),onClick:C=>g(C,w),children:a.jsx("span",{className:"flex-1 truncate text-left",children:w.label})},w.id)})});return a.jsxs(a.Fragment,{children:[a.jsx("div",{className:"fixed top-[calc(50%-80px)] z-40 ltr:right-0 rtl:left-0",children:!c&&a.jsx("button",{className:"flex h-[48px] w-[48px] items-center justify-center ltr:rounded-l-lg rtl:rounded-r-lg text-gray-600 shadow-large backdrop-blur-sm bg-light-dark dark:text-gray-200/70 transition-colors",onClick:()=>d(!c),"aria-label":"Toggle table of contents",title:"Toggle table of contents",children:a.jsx(z.Menu,{className:"w-6 h-6"})})}),x&&a.jsx(Ma,{isOpen:c,setIsOpen:d,position:"left",backdrop:!0,children:a.jsxs("div",{className:"h-full flex flex-col w-full max-w-full min-[500px]:w-80 bg-(--macos-material-toolbar,rgba(255,255,255,0.72)) backdrop-blur-xl border-r border-(--macos-separator))",children:[a.jsxs("div",{className:"flex items-center justify-between shrink-0 px-3 py-3 border-b border-(--color-semantic-line-primary-subtle)",children:[b(),a.jsx(ye,{variant:"ghost",size:"mini",shape:"circle",className:"p-0.5! hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors",onClick:()=>d(!1),"aria-label":"Close table of contents",children:a.jsx(z.X,{className:"w-3.5 h-3.5"})})]}),a.jsx(Nr,{style:{height:"calc(100vh - 60px)"},className:"h-full",children:v})]})}),!x&&c&&a.jsxs("aside",{className:D("fixed top-[58px] right-0 bottom-0 w-80 border-l border-(--macos-separator) z-10","bg-(--macos-glass-regular-bg) backdrop-blur-xl ","transition-all duration-300 ease-in-out overflow-y-hidden",r),children:[a.jsxs("div",{className:"z-10 flex h-[58px] items-center justify-between shrink-0 pl-4 pr-2 p-4 border-b border-(--macos-separator)",children:[b(),a.jsx("button",{type:"button",onClick:()=>d(!1),"aria-label":"Close table of contents",className:"flex items-center justify-center rounded-full transition-colors h-6 w-6 hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-500 dark:text-gray-400",children:a.jsx(z.X,{className:"w-3 h-3"})})]}),a.jsx(Nr,{style:{height:"calc(100vh - 52px - 52px)"},className:"h-full",children:v})]}),s&&a.jsx("div",{className:D("transition-all duration-300 min-h-screen",c?"lg:mr-80":"lg:mr-0"),children:s})]})},Wce=({items:e,title:t="Table of Contents",className:r="",onItemClick:n,children:s,onSidebarToggle:i,navigationMode:o="anchor",activeSectionId:l})=>{const{layout:c}=we(),d=c===oe.MACOS_TAHOE_NAVBAR,{isSidebarOpen:u,setIsSidebarOpen:f,activeSection:p,openCategories:h,categoryRefs:m,groupedItems:g,handleCategoryToggle:x,handleItemClick:b,isMobile:v}=Ng({items:e,navigationMode:o,activeSectionId:l,onItemClick:n,onSidebarToggle:i}),w=()=>a.jsx("div",{role:"heading","aria-level":3,className:"text-[16px] font-semibold text-(--macos-tahoe-text) dark:text-white/90",children:t}),j=a.jsx("nav",{className:"flex-1 overflow-y-auto px-2 py-3",children:g?Object.entries(g).map(([C,N])=>{const S=h.has(C);return a.jsxs("div",{children:[a.jsxs("button",{type:"button",onClick:()=>x(C,N),className:"w-full flex items-center transition-colors select-none group h-9 gap-2 rounded-xl px-3 text-[13px] font-normal text-(--macos-tahoe-sidebar-item-text) dark:text-white/88 hover:bg-(--macos-tahoe-sidebar-item-hover-bg)","aria-expanded":S,"aria-label":`${S?"Close":"Open"} ${C} category`,children:[a.jsx("span",{className:"flex-1 truncate text-left",children:C}),a.jsx("svg",{className:D("h-3 w-3 shrink-0 transition-transform duration-150 text-white/40",S&&"rotate-90"),fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2,children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9 5l7 7-7 7"})})]}),a.jsx("div",{ref:E=>{m.current[C]=E},className:"grid transition-all duration-300 ease-in-out",style:{gridTemplateRows:S?"1fr":"0fr",opacity:S?1:0},children:a.jsx("div",{className:"overflow-hidden",children:a.jsx("div",{className:"mt-0.5 ml-4 space-y-0.5 border-l border-border/60 pl-2 dark:border-border/60",children:N.map(E=>{const k=p===E.id;return a.jsx("a",{href:`#${E.id}`,className:D("group flex h-8 w-full items-center gap-2 rounded-xl px-3","text-[12px] transition-colors select-none",k?"border border-(--macos-tahoe-sidebar-item-active-stroke) bg-(--macos-tahoe-sidebar-item-active-bg) font-semibold text-(--macos-tahoe-sidebar-item-active-text)":"font-normal text-(--macos-tahoe-sidebar-item-text) dark:text-white/80 hover:bg-(--macos-tahoe-sidebar-item-hover-bg)"),onClick:P=>b(P,E),children:a.jsx("span",{className:"flex-1 truncate text-left",children:E.label})},E.id)})})})})]},C)}):e.map(C=>{const N=p===C.id;return a.jsx("a",{href:`#${C.id}`,className:D("group flex h-9 w-full items-center gap-2 rounded-xl px-3","text-[13px] transition-colors select-none",N?"border border-(--macos-tahoe-sidebar-item-active-stroke) bg-(--macos-tahoe-sidebar-item-active-bg) font-semibold text-(--macos-tahoe-sidebar-item-active-text)":"font-normal text-(--macos-tahoe-sidebar-item-text) dark:text-white/88 hover:bg-(--macos-tahoe-sidebar-item-hover-bg)"),onClick:S=>b(S,C),children:a.jsx("span",{className:"flex-1 truncate text-left",children:C.label})},C.id)})});return a.jsxs(a.Fragment,{children:[a.jsx("div",{className:"fixed top-[calc(50%-80px)] z-40 ltr:right-0 rtl:left-0",children:!u&&a.jsx("button",{className:"flex h-[48px] w-[48px] items-center justify-center ltr:rounded-l-lg rtl:rounded-r-lg border border-r-0 border-border bg-light-dark text-gray-600 dark:text-gray-200/70 shadow-large backdrop-blur-sm transition-colors hover:text-white/90",onClick:()=>f(!u),"aria-label":"Toggle table of contents",title:"Toggle table of contents",children:a.jsx(z.Menu,{className:"w-6 h-6"})})}),v&&a.jsx(Ma,{isOpen:u,setIsOpen:f,position:"left",backdrop:!1,backdropClassName:"backdrop-blur-[2px] bg-transparent",children:a.jsx("div",{className:"pointer-events-none relative z-10 flex h-full w-full items-stretch p-3 min-[500px]:p-4",children:a.jsxs("aside",{"data-tucu":"macos-tahoe-toc",className:"pointer-events-auto flex h-full w-62 max-w-[calc(100vw-24px)] flex-col rounded-[30px] border border-border bg-(--macos-tahoe-sidebar-bg) backdrop-blur-[30px]",children:[a.jsxs("div",{className:"shrink-0 px-5 pb-3 pt-5 flex items-center justify-between gap-3",children:[w(),a.jsx("button",{type:"button",onClick:()=>f(!1),"aria-label":"Close table of contents",className:"flex h-7 w-7 items-center justify-center rounded-full border border-border bg-black/8 text-(--macos-tahoe-text-muted) transition-colors hover:bg-black/12 hover:text-(--macos-tahoe-text) dark:bg-white/6 dark:hover:bg-white/10",children:a.jsx(z.X,{className:"w-3.5 h-3.5"})})]}),a.jsx(Nr,{style:{height:"calc(100vh - 80px)"},className:"h-full",children:j})]})})}),!v&&u&&a.jsxs("aside",{"data-tucu":"macos-tahoe-toc",className:D("fixed w-[240px] xl:w-[var(--macos-tahoe-sidebar-width,280px)] rounded-3xl border border-border/50 bg-white dark:bg-light-dark shadow-card z-10","transition-all duration-300 ease-in-out overflow-y-hidden",d?"top-[90px] bottom-[32px] right-[32px]":"top-[70px] bottom-4 right-4",r),children:[a.jsxs("div",{className:"z-10 flex items-center justify-between shrink-0 px-5 pt-4 pb-3 border-b border-border",children:[w(),a.jsx("button",{type:"button",onClick:()=>f(!1),"aria-label":"Close table of contents",className:"flex items-center justify-center rounded-full transition-colors h-6 w-6 border border-border bg-gray-100 dark:bg-white/6 text-gray-500 dark:text-white/50 hover:bg-gray-200 dark:hover:bg-white/12 hover:text-gray-700 dark:hover:text-white/80",children:a.jsx(z.X,{className:"w-3 h-3"})})]}),a.jsx(Nr,{style:{height:d?"calc(100vh - 90px - 32px - 52px)":"calc(100vh - 68px - 16px - 52px - 16px)"},className:"h-full",children:j})]}),s&&a.jsx("div",{className:D("transition-all duration-300 min-h-screen",u?"mr-[255px] xl:mr-[var(--macos-tahoe-sidebar-width,295px)]":"lg:mr-0"),children:s})]})},NP=e=>{const{layout:t}=we();return t===oe.MACOS_TAHOE||t===oe.MACOS_TAHOE_DOCK||t===oe.MACOS_TAHOE_NAVBAR||t===oe.MACOS_TAHOE_CLEAN?a.jsx(Wce,{...e}):t===oe.MACOS||t===oe.MACOS_CLEAN||t===oe.MACOS_NAVBAR?a.jsx(Uce,{...e}):a.jsx(Hce,{...e})};function kP(e){const t=Ne.useLocation(),r=Ne.useNavigate(),{"*":n}=Ne.useParams(),s=y.useMemo(()=>{const c=n?.replace(/^\/+|\/+$/g,"")||"";return e.includes(c)?c:void 0},[n,e]),i=y.useMemo(()=>s?t.pathname.slice(0,-(s.length+1)):t.pathname.replace(/\/+$/,""),[t.pathname,s]),o=y.useCallback(c=>{r(`${i}/${c}`),window.scrollTo({top:0,behavior:"smooth"})},[r,i]),l=y.useCallback(()=>{r(i)},[r,i]);return{sectionId:s,basePath:i,navigateToSection:o,navigateToBase:l}}const Gce=()=>a.jsxs("div",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(gr,{className:"h-10 w-64 mx-auto"}),a.jsx(gr,{className:"h-6 w-96 mx-auto"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsx(gr,{className:"h-64 w-full"}),a.jsx(gr,{className:"h-64 w-full"})]})]}),Kce=({sections:e,onSectionClick:t})=>{const r=y.useMemo(()=>{const n={};return e.forEach(s=>{const i=s.category||"General";n[i]||(n[i]=[]),n[i].push(s)}),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,s])=>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:s.map(i=>a.jsx(ee,{children:a.jsx("button",{onClick:()=>t(i.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(z.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:i.label})]})})},i.id))})]},n))]})},Xt=({sections:e,hero:t,tocTitle:r="Table of Contents",placeholder:n,hideHeroInSubSections:s=!1})=>{const i=y.useMemo(()=>e.map(p=>p.id),[e]),{sectionId:o,navigateToSection:l}=kP(i),c=y.useMemo(()=>e.map(({id:p,label:h,category:m})=>({id:p,label:h,category:m})),[e]),{layout:d}=we(),u=d===oe.MACOS||d===oe.MACOS_TAHOE||d===oe.MACOS_TAHOE_DOCK,f=y.useMemo(()=>o?e.find(p=>p.id===o)?.component??null:null,[o,e]);return a.jsx("div",{className:"relative scroll-smooth",children:a.jsx(NP,{items:c,title:r,navigationMode:"route",activeSectionId:o,onItemClick:p=>l(p.id),children:a.jsxs("div",{className:`w-full mx-auto px-2 sm:px-4 lg:px-4 xl:px-6 space-y-8 sm:space-y-12 pt-8 lg:pt-0 ${u?"max-w-none":"max-w-7xl"}`,children:[!s||!o?t:null,f?a.jsx(y.Suspense,{fallback:a.jsx(Gce,{}),children:a.jsx(f,{})}):n??a.jsx(Kce,{sections:e,onSectionClick:l})]})})})},Hr="https://tucu-ui.netlify.app",SP="https://www.npmjs.com/package/@e-burgos/tucu-ui",kg="https://github.com/e-burgos/tucu-ui",EP=`${Hr}/`,Zce=`${Hr}/design-system/layout-system`,Yce=`${Hr}/design-system`,Xce=`${Hr}/design-system/theming-guide`,Jce=`${Hr}/form-system`,Qce=`${Hr}/features/icons-system`,ede=`${Hr}/features/hooks-utilities`,tde=`${Hr}/components/blockchain`,rde=`${Hr}/features/accessibility`,nde="https://tailwindcss.com/docs",Oe=({icon:e,title:t,description:r,githubButton:n,getStartedButton:s,docsButton:i,backgroundAnimation:o,customButton:l,content:c})=>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 opacity-40",children:a.jsx("div",{className:"absolute inset-0",style:{backgroundImage:"linear-gradient(var(--hero-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--hero-grid-color) 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-3xl sm:text-3xl md:text-4xl lg:text-5xl xl:text-5xl font-bold text-brand mb-6",children:t}),a.jsx(O,{tag:"p",className:"text-xs sm:text-sm md:text-base lg:text-lg 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(ye,{variant:l.variant,size:"large",className:"backdrop-blur-sm shadow-xl transition-all duration-300 transform",children:a.jsxs(Se,{to:l.link,target:l.target,className:"flex items-center text-inherit no-underline",children:[l?.icon&&l.icon,l.label]})}),s&&a.jsx(ye,{variant:"solid",size:"large",className:"backdrop-blur-sm shadow-xl transition-all duration-300 transform",children:a.jsxs(Se,{to:EP,target:"_blank",className:"flex items-center no-underline",children:[a.jsx(z.Rocket,{className:"w-5 h-5 mr-2 animate-pulse"}),"Get Started"]})}),n&&a.jsx(ye,{variant:"ghost",size:"large",className:"backdrop-blur-sm shadow-xl transition-all duration-300 transform",children:a.jsxs(Se,{to:kg,target:"_blank",className:"flex items-center text-inherit no-underline",children:[a.jsx(z.Github,{className:"w-5 h-5 mr-2"}),"View on GitHub"]})})]})]})]}),a.jsx(L7,{size:"small",showAfter:400})]}),ade=()=>a.jsx(yP,{label:"Options",items:[{id:"theme-variant",content:a.jsx(QE,{})},{id:"theme",content:a.jsx(JE,{})}]}),sde=()=>a.jsx(ye,{variant:"ghost",size:"small",fullWidth:!0,onClick:()=>{window.open(Hr,"_blank")},children:a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(z.PlayCircle,{className:"w-4 h-4 animate-pulse"}),a.jsx("span",{className:"text-sm font-medium",children:"Playground"})]})});function ide(e){if(e.propType)return e.propType;switch(e.type){case"boolean":return"false | true";case"number":return"number";case"select":return(e.options||[]).map(t=>`"${t}"`).join(" | ");case"text":default:return"string"}}function y8(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 ode=({prop:e,value:t,onChange:r})=>a.jsx(qu,{checked:!!t,onChange:()=>r(e.name,!t)}),lde=({prop:e,control:t,value:r,onChange:n})=>{const s=y.useMemo(()=>(t.options||[]).map(i=>({name:i,value:i})),[t.options]);return a.jsx(vs,{value:r||"",onSelect:i=>n(e.name,i),options:s,label:"",variant:"solid",className:"text-xs w-full",size:"sm"})},cde=({prop:e,value:t,onChange:r})=>a.jsx(gt,{label:"",placeholder:e.name,value:t??"",onChange:n=>r(e.name,n.target.value),variant:"solid",className:"text-xs w-full",size:"sm"}),dde=({prop:e,value:t,onChange:r})=>a.jsx(gt,{label:"",placeholder:e.name,type:"number",value:t??"",onChange:n=>r(e.name,Number(n.target.value)),variant:"solid",className:"text-xs w-full",size:"sm"}),ude=({componentName:e,children:t,defaultValues:r={},excludeProps:n=[],includeProps:s,className:i,title:o,controlOverrides:l=[]})=>{const c=Wi[e],d=y.useMemo(()=>new Map(l.map(j=>[j.name,j])),[l]),u=y.useMemo(()=>{if(!c)return[];const j=new Map(c.props.map(C=>[C.name,C]));for(const C of l)j.has(C.name)||j.set(C.name,{name:C.name,type:ide(C),defaultValue:null,required:C.required??!1,description:C.description??""});return Array.from(j.values())},[c,l]),f=y.useMemo(()=>{if(!c)return[];const j=new Set([...n,"children","className","style","ref","key"]),C=u.filter(S=>{if(j.has(S.name)||s&&!s.includes(S.name))return!1;const E=d.get(S.name),k=E?{type:E.type,options:E.options}:y8(S);return k.type==="none"&&S.name in r?!0:k.type!=="none"}).map(S=>{const E=d.get(S.name),k=E?{type:E.type,options:E.options}:y8(S);if(k.type==="none"&&S.name in r){const P=r[S.name];return typeof P=="boolean"?{prop:S,control:{type:"boolean"}}:typeof P=="number"?{prop:S,control:{type:"number"}}:{prop:S,control:{type:"text"}}}return{prop:S,control:k}});if(!s?.length)return C;const N=new Map(s.map((S,E)=>[S,E]));return C.sort((S,E)=>(N.get(S.prop.name)??Number.MAX_SAFE_INTEGER)-(N.get(E.prop.name)??Number.MAX_SAFE_INTEGER))},[c,u,n,s,r,d]),p=y.useCallback(()=>{const j={...r};for(const{prop:C,control:N}of f)if(!(C.name in j))if(C.defaultValue!==null)j[C.name]=N.type==="boolean"?C.defaultValue==="true":C.defaultValue;else switch(N.type){case"boolean":j[C.name]=!1;break;case"select":j[C.name]=N.options?.[0]??"";break;case"number":j[C.name]="";break;case"text":default:j[C.name]="";break}return j},[f,r]),[h,m]=y.useState(()=>p()),g=y.useCallback((j,C)=>{m(N=>({...N,[j]:C}))},[]),x=y.useCallback(()=>{m(p())},[p]),b=y.useMemo(()=>f.map(({prop:j,control:C})=>{const N={prop:j,control:C,value:h[j.name],onChange:g};let S=null;switch(C.type){case"boolean":S=a.jsx(ode,{...N});break;case"select":S=a.jsx(lde,{...N});break;case"number":S=a.jsx(dde,{...N});break;case"text":S=a.jsx(cde,{...N});break}return{id:j.name,propName:j.name,propType:j.type,propDescription:j.description,propRequired:j.required,controlElement:S}}),[f,h,g]),v=y.useMemo(()=>[{key:"propName",label:"Prop",headerClassName:"w-1/2 max-w-[50%] px-4 py-2.5 text-[11px] font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider",className:"w-1/2 max-w-[50%] px-4 py-3 align-middle",render:(j,C)=>a.jsxs("div",{className:"flex min-w-0 max-w-full flex-col gap-0.5",children:[a.jsxs("span",{className:"text-xs font-mono font-medium text-gray-900 dark:text-gray-100",children:[C.propName,C.propRequired&&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:C.propType}),C.propDescription&&a.jsx("span",{className:"text-[11px] text-gray-500 dark:text-gray-400 mt-0.5 line-clamp-2",children:C.propDescription})]})},{key:"controlElement",label:"Control",headerClassName:"w-1/2 max-w-[50%] px-4 py-2.5 text-[11px] font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider",className:"w-1/2 max-w-[50%] px-4 py-3 align-middle",render:j=>a.jsx("div",{className:"min-w-0 max-w-full w-full",children:j})}],[]);if(!c)return a.jsx(ee,{className:i,children:a.jsx(re,{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(z.LucideAlertTriangle,{className:"w-4 h-4"}),'No metadata for "',e,'"']})})})});const w=Object.fromEntries(Object.entries(h).filter(([,j])=>j!==void 0&&j!==""));return a.jsx(ee,{className:i,children:a.jsx(re,{title:o||`${c.displayName} Playground`,children:a.jsxs("div",{className:"w-full min-w-0",children:[a.jsx("div",{className:"pb-6 mt-6 rounded-2xl sm:p-8 border border-border bg-gray-100 dark:bg-gray-800/50 flex items-center justify-center min-h-[120px]",children:t(w)}),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(Ye,{color:"info",size:"small",className:"text-[10px]",children:[f.length," props"]})]}),a.jsx("button",{onClick:x,className:"text-xs text-brand hover:underline cursor-pointer",children:"Reset defaults"})]}),a.jsx(mn,{columns:v,data:b,tableClassName:"table-fixed",hoverable:!1,striped:!1,maxRows:Math.max(b.length,10),rowClassName:"hover:bg-gray-100 dark:hover:bg-gray-800/30"}),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:`<${c.displayName}
 ${Object.entries(w).map(([j,C])=>typeof C=="boolean"?C?`  ${j}`:`  ${j}={false}`:typeof C=="number"?`  ${j}={${C}}`:`  ${j}="${C}"`).join(`
 `)}
-/>`})]})]})]})})})},fde=({id:e,component:t,fallback:r})=>{const[n,s]=y.useState(!1),i=y.useRef(null),o=y.useRef(null);y.useEffect(()=>{const c=i.current;if(!c||n)return;const d=()=>window.location.hash.slice(1)===e?(s(!0),!0):!1,u=()=>{const m=c.getBoundingClientRect(),g=window.innerHeight;return m.top<g+800&&m.bottom>-800?(s(!0),!0):!1},f=m=>{m.detail?.sectionId===e&&(s(!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&&(s(!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(gr,{className:"h-10 w-64 mx-auto"}),a.jsx(gr,{className:"h-6 w-96 mx-auto"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsx(gr,{className:"h-64 w-full"}),a.jsx(gr,{className:"h-64 w-full"})]})]});return a.jsx("section",{id:e,ref:i,className:"space-y-8 scroll-mt-[120px] min-h-[400px]",children:n?a.jsx(y.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(gr,{className:"h-10 w-64 mx-auto"}),a.jsx(gr,{className:"h-6 w-96 mx-auto"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsx(gr,{className:"h-64 w-full"}),a.jsx(gr,{className:"h-64 w-full"})]})]})})},pde=[{id:"coin-card",label:"CoinCard",category:"Coins & Prices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CoinCardSection-h7gW1-1T.js")))},{id:"live-price-feed",label:"LivePriceFeed",category:"Coins & Prices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/LivePriceFeedSection-C_6AOF62.js")))},{id:"coin-info-card",label:"CoinInfoCard",category:"Coins & Prices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CoinInfoCardSection-DZ3A8NMs.js")))},{id:"coin-listbox",label:"CoinListBox",category:"Coins & Prices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CoinListBoxSection-DHUYaMv5.js")))},{id:"currency-swap-icons",label:"CurrencySwapIcons",category:"Coins & Prices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CurrencySwapIconsSection-BepWWiI1.js")))},{id:"collection-card",label:"CollectionCard",category:"NFTs & Collections",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CollectionCardSection-CvpIcpZU.js")))},{id:"nft-grid",label:"NFTGrid",category:"NFTs & Collections",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/NFTGridSection-BtMYhuIT.js")))},{id:"collection-select-list",label:"CollectionSelectList",category:"NFTs & Collections",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CollectionSelectListSection-Do4CAdna.js")))},{id:"transaction-info",label:"TransactionInfo",category:"Transactions",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TransactionInfoSection-DwGa3xpn.js")))}];function mde(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:pde,hero:a.jsx(Oe,{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(z.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 hde(){const e=[{title:"UI Components",description:"Complete collection of UI components organized by category including buttons, cards, dialogs, notifications, and more",icon:a.jsx(z.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(z.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(z.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(z.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(z.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(z.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"],s={"Coins & Prices":["CoinCard","LivePriceFeed","CoinInfoCard","CoinListBox","CurrencySwapIcons"],"NFTs & Collections":["CollectionCard","NFTGrid","CollectionSelectList"],Transactions:["TransactionInfo"]};return a.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Oe,{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(z.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-2",children:"Component Sections"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 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((i,o)=>a.jsxs(ee,{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 ${i.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 ${i.gradient} rounded-xl shadow-lg`,children:a.jsx("div",{className:"text-white",children:i.icon})})}),a.jsx(O,{tag:"h3",className:"text-xl font-bold mb-3",children:i.title}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-300 mb-6 leading-relaxed",children:i.description}),a.jsx(ye,{fullWidth:!0,className:`bg-linear-to-r ${i.gradient} hover:shadow-lg transition-all duration-200 text-white border-0`,onClick:()=>window.open(i.href,"_self"),children:a.jsxs("div",{className:"flex items-center justify-center gap-2",children:["Explore ",i.title]})})]})]},o))}),a.jsxs("div",{className:"space-y-6",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-2",children:"Form Solutions"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",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((i,o)=>a.jsx(cr,{icon:a.jsx("div",{className:"text-white",children:i.icon}),title:i.title,description:i.description,iconBgClassName:i.gradient,onClick:()=>window.open(i.href,"_self")},o))})]})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-2",children:"Component Categories"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",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(ee,{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(z.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(Ye,{status:"active",className:"text-xs font-medium",children:[Object.values(r).flat().length," ","components"]})]})]}),a.jsx(mn,{border:!0,columns:[{key:"category",label:"Category",render:i=>a.jsx(O,{tag:"span",className:"text-xs font-semibold text-brand",children:String(i)})},{key:"component",label:"Component",render:i=>a.jsx("code",{className:"text-xs text-brand font-semibold",children:String(i)})}],data:Object.entries(r).flatMap(([i,o])=>o.map(l=>({category:i,component:l})))})]}),a.jsxs(ee,{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(z.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(Ye,{status:"active",className:"text-xs font-medium",children:[n.length," components"]})]})]}),a.jsx(mn,{columns:[{key:"component",label:"Component",render:i=>a.jsx("code",{className:"text-xs text-brand font-semibold",children:String(i)})}],data:n.map(i=>({component:i}))})]}),a.jsxs(ee,{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(z.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(Ye,{status:"active",className:"text-xs font-medium",children:[Object.values(s).flat().length," components"]})]})]}),a.jsx(mn,{columns:[{key:"component",label:"Component",render:i=>a.jsx("code",{className:"text-xs text-brand font-semibold",children:String(i)})}],data:Object.values(s).flat().map(i=>({component:i}))})]})]})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-2",children:"Built for Production"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Modern standards and best practices in every component"})]}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:[{icon:a.jsx(z.Code,{className:"w-5 h-5 text-white"}),title:"TypeScript First",description:"Full type safety with comprehensive definitions and IntelliSense support",gradient:"from-blue-500 to-indigo-600"},{icon:a.jsx(z.Accessibility,{className:"w-5 h-5 text-white"}),title:"WCAG 2.1 AA",description:"WCAG 2.1 AA compliant with ARIA attributes and keyboard navigation",gradient:"from-green-500 to-emerald-600"},{icon:a.jsx(z.Palette,{className:"w-5 h-5 text-white"}),title:"Highly Customizable",description:"Flexible theming with CSS variables and custom styling options",gradient:"from-purple-500 to-violet-600"}].map((i,o)=>a.jsx(cr,{layout:"horizontal",icon:i.icon,title:i.title,description:i.description,iconBgClassName:i.gradient},o))})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-2",children:"Performance & Developer Experience"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Optimized for speed and developer productivity"})]}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4",children:[{icon:a.jsx(z.Zap,{className:"w-5 h-5 text-white"}),title:"Lazy Loading",description:"Components load on demand",gradient:"from-yellow-500 to-amber-600"},{icon:a.jsx(z.Package,{className:"w-5 h-5 text-white"}),title:"Tree Shakeable",description:"Import only what you need",gradient:"from-blue-500 to-cyan-600"},{icon:a.jsx(z.Moon,{className:"w-5 h-5 text-white"}),title:"Dark Mode",description:"Built-in dark mode support",gradient:"from-indigo-500 to-violet-600"},{icon:a.jsx(z.Tablet,{className:"w-5 h-5 text-white"}),title:"Responsive",description:"Mobile-first design",gradient:"from-green-500 to-teal-600"}].map((i,o)=>a.jsx(cr,{icon:i.icon,title:i.title,description:i.description,iconBgClassName:i.gradient},o))})]})]})}const gde=[{id:"line-chart",label:"LineChart",category:"Charts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/LineChartSection-BD-gRg7P.js")))},{id:"bar-chart",label:"BarChart",category:"Charts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BarChartSection-BOyuN-eY.js")))},{id:"area-chart",label:"AreaChart",category:"Charts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/AreaChartSection-Cl61OJhw.js")))},{id:"pie-chart",label:"PieChart",category:"Charts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/PieChartSection-Dbvkn6Lg.js")))},{id:"radar-chart",label:"RadarChart",category:"Charts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/RadarChartSection-DBn1AgS6.js")))},{id:"composed-chart",label:"ComposedChart",category:"Charts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ComposedChartSection-CBsv-jDm.js")))}];function xde(){return a.jsx(Xt,{sections:gde,hero:a.jsx(Oe,{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(z.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 bde=[{id:"checkbox",label:"Checkbox",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CheckboxSection-Bm1N-M9S.js")))},{id:"file-input",label:"FileInput",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/FileInputSection-CiJllWQN.js")))},{id:"input",label:"Input",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/InputSection-BCCZhGZV.js")))},{id:"input-searcher",label:"InputSearcher",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/InputSearcherSection-BrRd12x4.js")))},{id:"pin-code",label:"PinCode",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/PinCodeSection-BsN_uHQl.js")))},{id:"radio",label:"Radio",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/RadioSection-Ct0Rnvxb.js")))},{id:"radio-group",label:"RadioGroup",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/RadioGroupSection-2Amlrp86.js")))},{id:"select",label:"Select",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SelectSection-fuQbmFUC.js")))},{id:"switch",label:"Switch",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SwitchSection-BPX5IJnx.js")))},{id:"textarea",label:"Textarea",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TextareaSection-RHt7tBFi.js")))},{id:"toggle-bar",label:"ToggleBar",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ToggleBarSection-kJfpBDL1.js")))}],vde=()=>a.jsx(Xt,{hideHeroInSubSections:!0,sections:bde,hero:a.jsx(Oe,{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(z.Type,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})}),yde=[{id:"button-drip",label:"ButtonDrip",category:"Buttons",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ButtonDripSection-BydjDqT3.js")))},{id:"button-loader",label:"ButtonLoader",category:"Buttons",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ButtonLoaderSection-C7q-Q_Rl.js")))},{id:"hamburger",label:"Hamburger",category:"Buttons",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/HamburgerSection-D4CBi0uh.js")))},{id:"topup-button",label:"TopupButton",category:"Buttons",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TopupButtonSection-Bk3SdbW6.js")))},{id:"author-card",label:"AuthorCard",category:"Cards",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/AuthorCardSection-CLommrNn.js")))},{id:"card",label:"Card",category:"Cards",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CardSection-BltwvWgr.js")))},{id:"card-container",label:"CardContainer",category:"Cards",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CardContainerSection-CB8gfrk-.js")))},{id:"card-title",label:"CardTitle",category:"Cards",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CardTitleSection-C01d_otP.js")))},{id:"info-card",label:"InfoCard",category:"Cards",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/InfoCardSection-pn4W_lgj.js")))},{id:"panel-action-card",label:"PanelActionCard",category:"Cards",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/PanelActionCardSection-BqlLDR77.js")))},{id:"panel-card",label:"PanelCard",category:"Cards",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/PanelCardSection-Dy-OKP2j.js")))},{id:"carousel",label:"Carousel",category:"Carousel",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CarouselSection-BowB26YN.js")))},{id:"carousel-cards",label:"CarouselCards",category:"Carousel",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CarouselCardsSection-DPbd5az1.js")))},{id:"carousel-image",label:"CarouselImage",category:"Carousel",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CarouselImageSection-BuE8RqJV.js")))},{id:"avatar",label:"Avatar",category:"Common",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/AvatarSection-ghx2Hdtx.js")))},{id:"badge",label:"Badge",category:"Common",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BadgeSection-Ck4SCu_x.js")))},{id:"collapse",label:"Collapse",category:"Common",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CollapseSection-CXdqA6Ut.js")))},{id:"scrollbar",label:"Scrollbar",category:"Common",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ScrollbarSection-DiVIYCR7.js")))},{id:"skeleton",label:"Skeleton",category:"Common",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SkeletonSection-DOX1shFK.js")))},{id:"tooltip",label:"Tooltip",category:"Common",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TooltipSection-D8zo-QdI.js")))},{id:"key-value-row",label:"KeyValueRow",category:"Common",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/KeyValueRowSection-BvQJxi6p.js")))},{id:"pagination",label:"Pagination",category:"Common",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/PaginationSection-Dw9Z3hs7.js")))},{id:"stepper",label:"Stepper",category:"Common",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/StepperSection-CjPWitLV.js")))},{id:"modal",label:"Modal",category:"Dialog",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ModalSection-CRbhTn6C.js")))},{id:"tab-modal",label:"TabModal",category:"Dialog",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TabModalSection-BpGITxQ5.js")))},{id:"drawer",label:"Drawer",category:"Dialog",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/DrawerSection-C5265sI8.js")))},{id:"sidebar",label:"Sidebar",category:"Dialog",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SidebarSection-CQDquAZW.js")))},{id:"sidebar-menu",label:"SidebarMenu",category:"Dialog",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SidebarMenuSection-DGn-mTE1.js")))},{id:"active-link",label:"ActiveLink",category:"Links",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ActiveLinkSection-jIa61vwi.js")))},{id:"anchor-link",label:"AnchorLink",category:"Links",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/AnchorLinkSection-C1wIGhap.js")))},{id:"list-container",label:"ListContainer",category:"List",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ListContainerSection-CZRk2YlI.js")))},{id:"list-item",label:"ListItem",category:"List",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ListItemSection-Cqk5vWav.js")))},{id:"loader",label:"Loader",category:"Loaders",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/LoaderSection-DdIGjFqh.js")))},{id:"progressbar",label:"Progressbar",category:"Loaders",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ProgressbarSection-BPMz8--Q.js")))},{id:"spinner",label:"Spinner",category:"Loaders",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SpinnerSection-C6rBhjrc.js")))},{id:"logo",label:"Logo",category:"Logos",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/LogoSection-Du6WZHrv.js")))},{id:"tucu-ui-logo",label:"TucuUiLogo",category:"Logos",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TucuUiLogoSection-DBC4mwTu.js")))},{id:"defi-app-logo",label:"DefiAppLogo",category:"Logos",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/DefiAppLogoSection-LFPk9cWj.js")))},{id:"alert",label:"Alert",category:"Notifications",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/AlertSection-BspGAW1M.js")))},{id:"notification-card",label:"NotificationCard",category:"Notifications",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/NotificationCardSection-DAHSqThI.js")))},{id:"toast",label:"Toast",category:"Notifications",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ToastSection-DOaIp0-s.js")))},{id:"basic-table",label:"BasicTable",category:"Table",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BasicTableSection-CRHzSccH.js")))},{id:"tab",label:"Tab",category:"Tabs",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TabSection-a6Nf3eGr.js")))},{id:"tab-select",label:"TabSelect",category:"Tabs",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TabSelectSection-BWNHjaDj.js")))},{id:"param-tab",label:"ParamTab",category:"Tabs",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ParamTabSection-mnUOfCfZ.js")))},{id:"typography",label:"Typography",category:"Typography",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TypographySection-dzhrE6ep.js")))},{id:"reveal-content",label:"RevealContent",category:"Utils",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/RevealContentSection-Cg240M1j.js")))},{id:"scroll-to-top",label:"ScrollToTop",category:"Utils",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ScrollToTopSection-DaOUizBP.js")))},{id:"image",label:"Image",category:"Utils",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImageSection-DElzEj6Q.js")))}];function wde(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:yde,hero:a.jsx(Oe,{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(z.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 jde=[{id:"design-principles",label:"Design Principles",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/DesignPrinciplesSection-D-FA-3iG.js")))},{id:"typography",label:"Typography",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TypographySection-D-YgE0ia.js")))},{id:"spacing-system",label:"Spacing System",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SpacingSystemSection-CQMw00FR.js")))},{id:"border-radius",label:"Border Radius",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BorderRadiusSection-Ca_L-a9T.js")))},{id:"color-system",label:"Color System",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ColorSystemSection-DICY1oaG.js")))},{id:"component-anatomy",label:"Component Anatomy",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ComponentAnatomySection-CgAPdVTb.js")))},{id:"layout-principles",label:"Layout Principles",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/LayoutPrinciplesSection-BGwiHG-J.js")))},{id:"shadows",label:"Shadows",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ShadowsSection-Dtwxathf.js")))},{id:"sizing",label:"Sizing",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SizingSection-Bao89boy.js")))},{id:"backgrounds",label:"Backgrounds",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BackgroundsSection-BvORWpfY.js")))},{id:"implementation-guidelines",label:"Implementation Guidelines",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImplementationGuidelinesSection-BBhPO-Su.js")))}];function Cde(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:jde,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(Oe,{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(z.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 Nde=[{id:"theme-provider-required",label:"ThemeProvider Required",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeProviderRequiredSection-uFOhg-q9.js")))},{id:"menu-items-guide",label:"MenuItems Guide",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MenuItemsGuideSection-BhXdOp3B.js")))},{id:"layout-types",label:"Layout Types",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/LayoutTypesSection-BVGvqfnO.js")))},{id:"best-practices",label:"Best Practices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-BQd9D5IR.js")))},{id:"implementation-examples",label:"Implementation Examples",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImplementationExamplesSection-DiJd_9HR.js")))},{id:"common-errors",label:"Common Errors and Solutions",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CommonErrorsSection-AoMPw2jT.js")))}];function kde(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:Nde,hero:a.jsx(Oe,{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(z.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 Sde=[{id:"theme-architecture",label:"Theme Architecture",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeArchitectureSection-DHZ5sm1Q.js")))},{id:"tailwind-config",label:"Tailwind CSS Configuration",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TailwindConfigSection-Dm8FmmJo.js")))},{id:"theme-provider",label:"ThemeProvider Component",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeProviderSection-CcGXxj81.js")))},{id:"theme-configuration",label:"Theme Configuration",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeConfigurationSection-wLp0xt1x.js")))},{id:"using-theme-system",label:"Using the Theme System",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/UsingThemeSystemSection-DrO7JH96.js")))},{id:"theme-hooks",label:"Theme Hooks",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeHooksSection-CAcrTFnG.js")))},{id:"color-customization",label:"Color Customization",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ColorCustomizationSection-BbFy47YA.js")))},{id:"settings-panel",label:"Settings Panel",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SettingsPanelSection-CuSRKd5_.js")))},{id:"best-practices",label:"Best Practices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-DZOYBU7b.js")))},{id:"advanced-color-system",label:"Advanced Color System",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/AdvancedColorSystemSection-DY5kFbFf.js")))},{id:"custom-color-palette",label:"Custom Color Palette",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CustomColorPaletteSection-UCjiV28T.js")))},{id:"file-structure",label:"File Structure & Important Notes",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/FileStructureSection-BY6_E09m.js")))},{id:"advanced-features",label:"Advanced Features",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/AdvancedFeaturesSection-BlEO1uKj.js")))}];function Ede(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:Sde,hero:a.jsx(Oe,{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(z.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 Pde=[{id:"implementation-status",label:"Implementation Status",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImplementationStatusSection-CYFm4ISZ.js")))},{id:"wcag-principles",label:"WCAG 2.1 AA Principles",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/WCAGPrinciplesSection-Dzry2Req.js")))},{id:"implemented-features",label:"Implemented Features",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImplementedFeaturesSection-BH06Y7ra.js")))},{id:"keyboard-navigation",label:"Keyboard Navigation",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/KeyboardNavigationSection-C7I3pOM3.js")))},{id:"component-status",label:"Component Accessibility Status",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ComponentStatusSection-DPf7CRlW.js")))},{id:"code-examples",label:"Implementation Examples",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CodeExamplesSection-CL3IS97n.js")))},{id:"testing",label:"Accessibility Testing",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TestingSection-ZwHKbrfu.js")))},{id:"best-practices",label:"Best Practices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-Csdk_trd.js")))}];function Mde(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:Pde,hero:a.jsx(Oe,{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(z.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 Ade(){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(z.Sparkles,{className:"w-8 h-8"}),href:"/features/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(z.Accessibility,{className:"w-8 h-8"}),href:"/features/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(z.Settings,{className:"w-8 h-8"}),href:"/features/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(z.Route,{className:"w-8 h-8"}),href:"/features/routing-system",status:"Available",statusColor:"bg-green-500"}];return a.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Oe,{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(z.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-2",children:"Core Features"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 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(cr,{layout:"horizontal",icon:a.jsx("div",{className:"text-white",children:t.icon}),title:t.title,description:t.description,iconBgClassName:"from-emerald-500 to-teal-600",onClick:()=>window.location.href=t.href},r))})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-2",children:"Why Choose Our Features"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 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(ee,{children:a.jsxs(re,{title:"Accessibility First",className:"flex flex-col gap-2",children:[a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(z.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(z.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(z.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(z.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(ee,{children:a.jsxs(re,{title:"Developer Experience",className:"flex flex-col gap-2",children:[a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(z.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(z.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(z.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(z.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-2",children:"Get Started with Features"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Explore our feature-rich components and utilities designed to enhance your development experience"})]}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6",children:[{icon:a.jsx(z.Palette,{className:"w-5 h-5 text-white"}),title:"Design System",description:"Consistent theming, colors, and component library",gradient:"from-indigo-500 to-violet-600"},{icon:a.jsx(z.Accessibility,{className:"w-5 h-5 text-white"}),title:"Accessibility",description:"WCAG compliant components and utilities",gradient:"from-blue-500 to-cyan-600"},{icon:a.jsx(z.Zap,{className:"w-5 h-5 text-white"}),title:"Performance",description:"Optimized rendering and bundle size management",gradient:"from-yellow-500 to-amber-600"}].map((t,r)=>a.jsx(cr,{layout:"horizontal",icon:t.icon,title:t.title,description:t.description,iconBgClassName:t.gradient},r))})]})]})}const Tde=[{id:"hook-features",label:"Why Choose Our Hooks?",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/HookFeaturesSection-DNqjSrJZ.js")))},{id:"hook-categories",label:"Hook Categories",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/HookCategoriesSection-C4IpQtMI.js")))},{id:"live-demonstrations",label:"Live Hook Demonstrations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/LiveDemonstrationsSection-Dg4rzCys.js")))},{id:"hook-documentation",label:"Hook Documentation",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/HookDocumentationSection-CJusmRuu.js")))},{id:"best-practices",label:"Best Practices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-DmYdH0Lr.js")))}];function Ode(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:Tde,hero:a.jsx(Oe,{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(z.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 Dde=[{id:"icon-architecture",label:"Icon Architecture",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/IconArchitectureSection-CGks8Mnn.js")))},{id:"custom-icons",label:"Custom Tucu Icons",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CustomIconsSection-DGOVttgE.js")))},{id:"lucide-icons",label:"Lucide React Icons",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/LucideIconsSection-CWdQXv9Y.js")))},{id:"usage-examples",label:"Usage Examples",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/UsageExamplesSection-CqwjmO3t.js")))},{id:"icon-system-api",label:"Icon System API",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/IconSystemAPISection-9gPzoVbb.js")))},{id:"best-practices",label:"Best Practices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-DjfYNmcE.js")))},{id:"icon-sizing-guide",label:"Icon Sizing Guide",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/IconSizingGuideSection-Sk9RQPHE.js")))},{id:"icon-system-benefits",label:"Icon System Benefits",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/IconSystemBenefitsSection-cwhAboY_.js")))}];function Lde(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:Dde,hero:a.jsx(Oe,{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(z.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 Ide=[{id:"system-overview",label:"System Overview",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SystemOverviewSection-Cc2rrU_t.js")))},{id:"route-configuration",label:"Route Configuration",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/RouteConfigurationSection-CxIHsQsA.js")))},{id:"nested-routes",label:"Nested Routes & Dropdown Menus",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/NestedRoutesSection-DG4nDJ4M.js")))},{id:"theme-provider-integration",label:"ThemeProvider Integration",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeProviderIntegrationSection-CIyksSxQ.js")))},{id:"dynamic-routes",label:"Dynamic & Conditional Routes",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/DynamicRoutesSection-CAgwdtX_.js")))},{id:"mfe-support",label:"Micro Frontends (MFE) Support",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MFESupportSection-goPWJiZ2.js")))},{id:"standalone-app",label:"Standalone App",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/StandaloneAppSection-BiRtGh1l.js")))},{id:"architectural-patterns-comparison",label:"Architectural Patterns: Standalone vs MFE",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ArchitecturalPatternsComparisonSection-zuutXOaz.js")))},{id:"best-practices",label:"Best Practices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-CErhrvMA.js")))},{id:"api-reference",label:"API Reference",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/APIReferenceSection-CSai-lHk.js")))}];function Vde(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:Ide,hero:a.jsx(Oe,{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(z.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 zde=`import React from 'react';
+/>`})]})]})]})})})},fde=({id:e,component:t,fallback:r})=>{const[n,s]=y.useState(!1),i=y.useRef(null),o=y.useRef(null);y.useEffect(()=>{const c=i.current;if(!c||n)return;const d=()=>window.location.hash.slice(1)===e?(s(!0),!0):!1,u=()=>{const m=c.getBoundingClientRect(),g=window.innerHeight;return m.top<g+800&&m.bottom>-800?(s(!0),!0):!1},f=m=>{m.detail?.sectionId===e&&(s(!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&&(s(!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(gr,{className:"h-10 w-64 mx-auto"}),a.jsx(gr,{className:"h-6 w-96 mx-auto"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsx(gr,{className:"h-64 w-full"}),a.jsx(gr,{className:"h-64 w-full"})]})]});return a.jsx("section",{id:e,ref:i,className:"space-y-8 scroll-mt-[120px] min-h-[400px]",children:n?a.jsx(y.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(gr,{className:"h-10 w-64 mx-auto"}),a.jsx(gr,{className:"h-6 w-96 mx-auto"})]}),a.jsxs("div",{className:"space-y-4",children:[a.jsx(gr,{className:"h-64 w-full"}),a.jsx(gr,{className:"h-64 w-full"})]})]})})},pde=[{id:"coin-card",label:"CoinCard",category:"Coins & Prices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CoinCardSection-B7JGAS6O.js")))},{id:"live-price-feed",label:"LivePriceFeed",category:"Coins & Prices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/LivePriceFeedSection-C_feidPE.js")))},{id:"coin-info-card",label:"CoinInfoCard",category:"Coins & Prices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CoinInfoCardSection-DFW8nTyu.js")))},{id:"coin-listbox",label:"CoinListBox",category:"Coins & Prices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CoinListBoxSection-sTtI2LXp.js")))},{id:"currency-swap-icons",label:"CurrencySwapIcons",category:"Coins & Prices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CurrencySwapIconsSection-C4DsbEkX.js")))},{id:"collection-card",label:"CollectionCard",category:"NFTs & Collections",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CollectionCardSection-_8k9-xO6.js")))},{id:"nft-grid",label:"NFTGrid",category:"NFTs & Collections",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/NFTGridSection-C4Sl1A_9.js")))},{id:"collection-select-list",label:"CollectionSelectList",category:"NFTs & Collections",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CollectionSelectListSection-D3Mv8OEN.js")))},{id:"transaction-info",label:"TransactionInfo",category:"Transactions",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TransactionInfoSection-BRuH7tQ1.js")))}];function mde(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:pde,hero:a.jsx(Oe,{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(z.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 hde(){const e=[{title:"UI Components",description:"Complete collection of UI components organized by category including buttons, cards, dialogs, notifications, and more",icon:a.jsx(z.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(z.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(z.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(z.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(z.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(z.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"],s={"Coins & Prices":["CoinCard","LivePriceFeed","CoinInfoCard","CoinListBox","CurrencySwapIcons"],"NFTs & Collections":["CollectionCard","NFTGrid","CollectionSelectList"],Transactions:["TransactionInfo"]};return a.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Oe,{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(z.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-2",children:"Component Sections"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 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((i,o)=>a.jsxs(ee,{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 ${i.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 ${i.gradient} rounded-xl shadow-lg`,children:a.jsx("div",{className:"text-white",children:i.icon})})}),a.jsx(O,{tag:"h3",className:"text-xl font-bold mb-3",children:i.title}),a.jsx(O,{tag:"p",className:"text-gray-600 dark:text-gray-300 mb-6 leading-relaxed",children:i.description}),a.jsx(ye,{fullWidth:!0,className:`bg-linear-to-r ${i.gradient} hover:shadow-lg transition-all duration-200 text-white border-0`,onClick:()=>window.open(i.href,"_self"),children:a.jsxs("div",{className:"flex items-center justify-center gap-2",children:["Explore ",i.title]})})]})]},o))}),a.jsxs("div",{className:"space-y-6",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-2",children:"Form Solutions"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",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((i,o)=>a.jsx(cr,{icon:a.jsx("div",{className:"text-white",children:i.icon}),title:i.title,description:i.description,iconBgClassName:i.gradient,onClick:()=>window.open(i.href,"_self")},o))})]})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-2",children:"Component Categories"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",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(ee,{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(z.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(Ye,{status:"active",className:"text-xs font-medium",children:[Object.values(r).flat().length," ","components"]})]})]}),a.jsx(mn,{border:!0,columns:[{key:"category",label:"Category",render:i=>a.jsx(O,{tag:"span",className:"text-xs font-semibold text-brand",children:String(i)})},{key:"component",label:"Component",render:i=>a.jsx("code",{className:"text-xs text-brand font-semibold",children:String(i)})}],data:Object.entries(r).flatMap(([i,o])=>o.map(l=>({category:i,component:l})))})]}),a.jsxs(ee,{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(z.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(Ye,{status:"active",className:"text-xs font-medium",children:[n.length," components"]})]})]}),a.jsx(mn,{columns:[{key:"component",label:"Component",render:i=>a.jsx("code",{className:"text-xs text-brand font-semibold",children:String(i)})}],data:n.map(i=>({component:i}))})]}),a.jsxs(ee,{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(z.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(Ye,{status:"active",className:"text-xs font-medium",children:[Object.values(s).flat().length," components"]})]})]}),a.jsx(mn,{columns:[{key:"component",label:"Component",render:i=>a.jsx("code",{className:"text-xs text-brand font-semibold",children:String(i)})}],data:Object.values(s).flat().map(i=>({component:i}))})]})]})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-2",children:"Built for Production"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Modern standards and best practices in every component"})]}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:[{icon:a.jsx(z.Code,{className:"w-5 h-5 text-white"}),title:"TypeScript First",description:"Full type safety with comprehensive definitions and IntelliSense support",gradient:"from-blue-500 to-indigo-600"},{icon:a.jsx(z.Accessibility,{className:"w-5 h-5 text-white"}),title:"WCAG 2.1 AA",description:"WCAG 2.1 AA compliant with ARIA attributes and keyboard navigation",gradient:"from-green-500 to-emerald-600"},{icon:a.jsx(z.Palette,{className:"w-5 h-5 text-white"}),title:"Highly Customizable",description:"Flexible theming with CSS variables and custom styling options",gradient:"from-purple-500 to-violet-600"}].map((i,o)=>a.jsx(cr,{layout:"horizontal",icon:i.icon,title:i.title,description:i.description,iconBgClassName:i.gradient},o))})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-2",children:"Performance & Developer Experience"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Optimized for speed and developer productivity"})]}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4",children:[{icon:a.jsx(z.Zap,{className:"w-5 h-5 text-white"}),title:"Lazy Loading",description:"Components load on demand",gradient:"from-yellow-500 to-amber-600"},{icon:a.jsx(z.Package,{className:"w-5 h-5 text-white"}),title:"Tree Shakeable",description:"Import only what you need",gradient:"from-blue-500 to-cyan-600"},{icon:a.jsx(z.Moon,{className:"w-5 h-5 text-white"}),title:"Dark Mode",description:"Built-in dark mode support",gradient:"from-indigo-500 to-violet-600"},{icon:a.jsx(z.Tablet,{className:"w-5 h-5 text-white"}),title:"Responsive",description:"Mobile-first design",gradient:"from-green-500 to-teal-600"}].map((i,o)=>a.jsx(cr,{icon:i.icon,title:i.title,description:i.description,iconBgClassName:i.gradient},o))})]})]})}const gde=[{id:"line-chart",label:"LineChart",category:"Charts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/LineChartSection-aZFyYG54.js")))},{id:"bar-chart",label:"BarChart",category:"Charts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BarChartSection-C3ja91d3.js")))},{id:"area-chart",label:"AreaChart",category:"Charts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/AreaChartSection-DDWYGFqO.js")))},{id:"pie-chart",label:"PieChart",category:"Charts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/PieChartSection-s7Qhg_gy.js")))},{id:"radar-chart",label:"RadarChart",category:"Charts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/RadarChartSection-DMNqPqSD.js")))},{id:"composed-chart",label:"ComposedChart",category:"Charts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ComposedChartSection-EaJ4agwW.js")))}];function xde(){return a.jsx(Xt,{sections:gde,hero:a.jsx(Oe,{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(z.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 bde=[{id:"checkbox",label:"Checkbox",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CheckboxSection-gZFSdh4-.js")))},{id:"file-input",label:"FileInput",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/FileInputSection-DMYHx5oq.js")))},{id:"input",label:"Input",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/InputSection-DytXb0qL.js")))},{id:"input-searcher",label:"InputSearcher",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/InputSearcherSection-DaAxnx93.js")))},{id:"pin-code",label:"PinCode",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/PinCodeSection-5XKvi3Dq.js")))},{id:"radio",label:"Radio",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/RadioSection-Di-vz5wn.js")))},{id:"radio-group",label:"RadioGroup",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/RadioGroupSection-DzsVLTaq.js")))},{id:"select",label:"Select",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SelectSection-9hO4sphD.js")))},{id:"switch",label:"Switch",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SwitchSection-DO4MWuur.js")))},{id:"textarea",label:"Textarea",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TextareaSection-qyiIapqr.js")))},{id:"toggle-bar",label:"ToggleBar",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ToggleBarSection-B5y31SEQ.js")))}],vde=()=>a.jsx(Xt,{hideHeroInSubSections:!0,sections:bde,hero:a.jsx(Oe,{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(z.Type,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})}),yde=[{id:"button-drip",label:"ButtonDrip",category:"Buttons",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ButtonDripSection-D7uFMR-S.js")))},{id:"button-loader",label:"ButtonLoader",category:"Buttons",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ButtonLoaderSection-Cmie6GkV.js")))},{id:"hamburger",label:"Hamburger",category:"Buttons",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/HamburgerSection-KRh6nrp6.js")))},{id:"topup-button",label:"TopupButton",category:"Buttons",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TopupButtonSection-CVTOcoOM.js")))},{id:"author-card",label:"AuthorCard",category:"Cards",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/AuthorCardSection-BL-LbErp.js")))},{id:"card",label:"Card",category:"Cards",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CardSection-CuAefGvD.js")))},{id:"card-container",label:"CardContainer",category:"Cards",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CardContainerSection-VRvlZ6yl.js")))},{id:"card-title",label:"CardTitle",category:"Cards",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CardTitleSection-QYIz9C-S.js")))},{id:"info-card",label:"InfoCard",category:"Cards",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/InfoCardSection-DfvH6cJr.js")))},{id:"panel-action-card",label:"PanelActionCard",category:"Cards",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/PanelActionCardSection-B7TtZMTv.js")))},{id:"panel-card",label:"PanelCard",category:"Cards",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/PanelCardSection-DbZuajYd.js")))},{id:"carousel",label:"Carousel",category:"Carousel",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CarouselSection-DJXvgJKN.js")))},{id:"carousel-cards",label:"CarouselCards",category:"Carousel",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CarouselCardsSection-DZLAv-vH.js")))},{id:"carousel-image",label:"CarouselImage",category:"Carousel",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CarouselImageSection-hoYh0DTb.js")))},{id:"avatar",label:"Avatar",category:"Common",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/AvatarSection-_WQ5YMC4.js")))},{id:"badge",label:"Badge",category:"Common",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BadgeSection-C-vCd8lV.js")))},{id:"collapse",label:"Collapse",category:"Common",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CollapseSection-B3GG1O8d.js")))},{id:"scrollbar",label:"Scrollbar",category:"Common",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ScrollbarSection-COHnpkTw.js")))},{id:"skeleton",label:"Skeleton",category:"Common",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SkeletonSection-DsICOfEO.js")))},{id:"tooltip",label:"Tooltip",category:"Common",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TooltipSection-CgO3WvnB.js")))},{id:"key-value-row",label:"KeyValueRow",category:"Common",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/KeyValueRowSection-Dj8-9NOR.js")))},{id:"pagination",label:"Pagination",category:"Common",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/PaginationSection-6kuxpMF4.js")))},{id:"stepper",label:"Stepper",category:"Common",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/StepperSection-NPyRSwF7.js")))},{id:"modal",label:"Modal",category:"Dialog",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ModalSection-C694lmzl.js")))},{id:"tab-modal",label:"TabModal",category:"Dialog",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TabModalSection-Cr9cNbZq.js")))},{id:"drawer",label:"Drawer",category:"Dialog",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/DrawerSection-CmL97l-L.js")))},{id:"sidebar",label:"Sidebar",category:"Dialog",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SidebarSection-q4S55Do1.js")))},{id:"sidebar-menu",label:"SidebarMenu",category:"Dialog",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SidebarMenuSection-BY_3hqLL.js")))},{id:"active-link",label:"ActiveLink",category:"Links",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ActiveLinkSection-B76tuuXw.js")))},{id:"anchor-link",label:"AnchorLink",category:"Links",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/AnchorLinkSection-jeSB9dMj.js")))},{id:"list-container",label:"ListContainer",category:"List",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ListContainerSection-isZkb0EC.js")))},{id:"list-item",label:"ListItem",category:"List",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ListItemSection-6c9ZKkje.js")))},{id:"loader",label:"Loader",category:"Loaders",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/LoaderSection-Cxm475TP.js")))},{id:"progressbar",label:"Progressbar",category:"Loaders",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ProgressbarSection-CggiM8_u.js")))},{id:"spinner",label:"Spinner",category:"Loaders",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SpinnerSection-DjVOmedh.js")))},{id:"logo",label:"Logo",category:"Logos",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/LogoSection-DS9Xscvr.js")))},{id:"tucu-ui-logo",label:"TucuUiLogo",category:"Logos",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TucuUiLogoSection-C1qi4sb_.js")))},{id:"defi-app-logo",label:"DefiAppLogo",category:"Logos",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/DefiAppLogoSection-DxtuFqvT.js")))},{id:"alert",label:"Alert",category:"Notifications",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/AlertSection-D46TjzkL.js")))},{id:"notification-card",label:"NotificationCard",category:"Notifications",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/NotificationCardSection-DrXsyCme.js")))},{id:"toast",label:"Toast",category:"Notifications",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ToastSection-CupBCVQO.js")))},{id:"basic-table",label:"BasicTable",category:"Table",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BasicTableSection-CkNjMQ9B.js")))},{id:"tab",label:"Tab",category:"Tabs",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TabSection-D47PKsIw.js")))},{id:"tab-select",label:"TabSelect",category:"Tabs",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TabSelectSection-DcSilG1V.js")))},{id:"param-tab",label:"ParamTab",category:"Tabs",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ParamTabSection-A8WxPxKK.js")))},{id:"typography",label:"Typography",category:"Typography",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TypographySection-BrI_uliJ.js")))},{id:"reveal-content",label:"RevealContent",category:"Utils",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/RevealContentSection-Dx-D2Jok.js")))},{id:"scroll-to-top",label:"ScrollToTop",category:"Utils",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ScrollToTopSection-DOmJ0OXF.js")))},{id:"image",label:"Image",category:"Utils",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImageSection-CuWgPtlO.js")))}];function wde(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:yde,hero:a.jsx(Oe,{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(z.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 jde=[{id:"design-principles",label:"Design Principles",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/DesignPrinciplesSection-Cg2qjQxj.js")))},{id:"typography",label:"Typography",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TypographySection-wLNSDWQd.js")))},{id:"spacing-system",label:"Spacing System",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SpacingSystemSection-CZqar8tk.js")))},{id:"border-radius",label:"Border Radius",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BorderRadiusSection-C53fGJbg.js")))},{id:"color-system",label:"Color System",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ColorSystemSection-C0v8slG8.js")))},{id:"component-anatomy",label:"Component Anatomy",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ComponentAnatomySection-eLEDxKgv.js")))},{id:"layout-principles",label:"Layout Principles",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/LayoutPrinciplesSection-B8KFKSB8.js")))},{id:"shadows",label:"Shadows",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ShadowsSection-C1_pL_1F.js")))},{id:"sizing",label:"Sizing",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SizingSection-ploDZXNF.js")))},{id:"backgrounds",label:"Backgrounds",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BackgroundsSection-Dz2YX5p3.js")))},{id:"implementation-guidelines",label:"Implementation Guidelines",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImplementationGuidelinesSection-CzVzQGt_.js")))}];function Cde(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:jde,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(Oe,{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(z.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 Nde=[{id:"theme-provider-required",label:"ThemeProvider Required",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeProviderRequiredSection-CP6kXW-j.js")))},{id:"menu-items-guide",label:"MenuItems Guide",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MenuItemsGuideSection-DnvCuLqg.js")))},{id:"layout-types",label:"Layout Types",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/LayoutTypesSection-92rXEzWM.js")))},{id:"best-practices",label:"Best Practices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-CgjMdKFX.js")))},{id:"implementation-examples",label:"Implementation Examples",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImplementationExamplesSection-Bg1pxSq4.js")))},{id:"common-errors",label:"Common Errors and Solutions",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CommonErrorsSection-Di9h7P8r.js")))}];function kde(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:Nde,hero:a.jsx(Oe,{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(z.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 Sde=[{id:"theme-architecture",label:"Theme Architecture",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeArchitectureSection-BgBOzECq.js")))},{id:"tailwind-config",label:"Tailwind CSS Configuration",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TailwindConfigSection-Ttg7FR_l.js")))},{id:"theme-provider",label:"ThemeProvider Component",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeProviderSection-Jdo9JzMP.js")))},{id:"theme-configuration",label:"Theme Configuration",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeConfigurationSection-CaTIBFEj.js")))},{id:"using-theme-system",label:"Using the Theme System",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/UsingThemeSystemSection-CqZ3HJ5Z.js")))},{id:"theme-hooks",label:"Theme Hooks",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeHooksSection-D6MA-s34.js")))},{id:"color-customization",label:"Color Customization",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ColorCustomizationSection-BTHiQZtR.js")))},{id:"settings-panel",label:"Settings Panel",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SettingsPanelSection-9BPlNMEc.js")))},{id:"best-practices",label:"Best Practices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-cejYRZHH.js")))},{id:"advanced-color-system",label:"Advanced Color System",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/AdvancedColorSystemSection-Bvh-vXID.js")))},{id:"custom-color-palette",label:"Custom Color Palette",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CustomColorPaletteSection-1_oBwMQN.js")))},{id:"file-structure",label:"File Structure & Important Notes",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/FileStructureSection-TGH1rdbO.js")))},{id:"advanced-features",label:"Advanced Features",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/AdvancedFeaturesSection-C0AyvKVK.js")))}];function Ede(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:Sde,hero:a.jsx(Oe,{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(z.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 Pde=[{id:"implementation-status",label:"Implementation Status",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImplementationStatusSection-BBRsTCjW.js")))},{id:"wcag-principles",label:"WCAG 2.1 AA Principles",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/WCAGPrinciplesSection-D1IX2K3A.js")))},{id:"implemented-features",label:"Implemented Features",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ImplementedFeaturesSection-tWRlprHx.js")))},{id:"keyboard-navigation",label:"Keyboard Navigation",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/KeyboardNavigationSection-C6ngRzOZ.js")))},{id:"component-status",label:"Component Accessibility Status",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ComponentStatusSection-BoXNDBJe.js")))},{id:"code-examples",label:"Implementation Examples",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CodeExamplesSection-C7hUcmhR.js")))},{id:"testing",label:"Accessibility Testing",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TestingSection-DeW3JIPr.js")))},{id:"best-practices",label:"Best Practices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-CehKumFB.js")))}];function Mde(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:Pde,hero:a.jsx(Oe,{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(z.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 Ade(){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(z.Sparkles,{className:"w-8 h-8"}),href:"/features/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(z.Accessibility,{className:"w-8 h-8"}),href:"/features/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(z.Settings,{className:"w-8 h-8"}),href:"/features/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(z.Route,{className:"w-8 h-8"}),href:"/features/routing-system",status:"Available",statusColor:"bg-green-500"}];return a.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Oe,{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(z.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-2",children:"Core Features"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 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(cr,{layout:"horizontal",icon:a.jsx("div",{className:"text-white",children:t.icon}),title:t.title,description:t.description,iconBgClassName:"from-emerald-500 to-teal-600",onClick:()=>window.location.href=t.href},r))})]}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-2",children:"Why Choose Our Features"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 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(ee,{children:a.jsxs(re,{title:"Accessibility First",className:"flex flex-col gap-2",children:[a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(z.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(z.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(z.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(z.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(ee,{children:a.jsxs(re,{title:"Developer Experience",className:"flex flex-col gap-2",children:[a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx(z.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(z.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(z.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(z.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-2",children:"Get Started with Features"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Explore our feature-rich components and utilities designed to enhance your development experience"})]}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6",children:[{icon:a.jsx(z.Palette,{className:"w-5 h-5 text-white"}),title:"Design System",description:"Consistent theming, colors, and component library",gradient:"from-indigo-500 to-violet-600"},{icon:a.jsx(z.Accessibility,{className:"w-5 h-5 text-white"}),title:"Accessibility",description:"WCAG compliant components and utilities",gradient:"from-blue-500 to-cyan-600"},{icon:a.jsx(z.Zap,{className:"w-5 h-5 text-white"}),title:"Performance",description:"Optimized rendering and bundle size management",gradient:"from-yellow-500 to-amber-600"}].map((t,r)=>a.jsx(cr,{layout:"horizontal",icon:t.icon,title:t.title,description:t.description,iconBgClassName:t.gradient},r))})]})]})}const Tde=[{id:"hook-features",label:"Why Choose Our Hooks?",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/HookFeaturesSection-BixNPyMu.js")))},{id:"hook-categories",label:"Hook Categories",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/HookCategoriesSection-BMus_9Kv.js")))},{id:"live-demonstrations",label:"Live Hook Demonstrations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/LiveDemonstrationsSection-BTSSQDY6.js")))},{id:"hook-documentation",label:"Hook Documentation",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/HookDocumentationSection-xSjkUQih.js")))},{id:"best-practices",label:"Best Practices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-CWEX6cPH.js")))}];function Ode(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:Tde,hero:a.jsx(Oe,{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(z.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 Dde=[{id:"icon-architecture",label:"Icon Architecture",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/IconArchitectureSection-CbgKL8wA.js")))},{id:"custom-icons",label:"Custom Tucu Icons",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/CustomIconsSection-DJbVitV_.js")))},{id:"lucide-icons",label:"Lucide React Icons",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/LucideIconsSection-YRMbgBaz.js")))},{id:"usage-examples",label:"Usage Examples",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/UsageExamplesSection-Bw_qeCD1.js")))},{id:"icon-system-api",label:"Icon System API",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/IconSystemAPISection-CD2TVIQ8.js")))},{id:"best-practices",label:"Best Practices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-D5Q-WnOS.js")))},{id:"icon-sizing-guide",label:"Icon Sizing Guide",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/IconSizingGuideSection-DUaYue72.js")))},{id:"icon-system-benefits",label:"Icon System Benefits",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/IconSystemBenefitsSection-b1K1BuU8.js")))}];function Lde(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:Dde,hero:a.jsx(Oe,{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(z.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 Ide=[{id:"system-overview",label:"System Overview",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SystemOverviewSection-DbcEZogo.js")))},{id:"route-configuration",label:"Route Configuration",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/RouteConfigurationSection-CuPLXY56.js")))},{id:"nested-routes",label:"Nested Routes & Dropdown Menus",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/NestedRoutesSection-D2f0QuOR.js")))},{id:"theme-provider-integration",label:"ThemeProvider Integration",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ThemeProviderIntegrationSection-Cl6q6G27.js")))},{id:"dynamic-routes",label:"Dynamic & Conditional Routes",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/DynamicRoutesSection-Df86Mbtq.js")))},{id:"mfe-support",label:"Micro Frontends (MFE) Support",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MFESupportSection-8uaQYZzW.js")))},{id:"standalone-app",label:"Standalone App",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/StandaloneAppSection-4D17ptHx.js")))},{id:"architectural-patterns-comparison",label:"Architectural Patterns: Standalone vs MFE",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ArchitecturalPatternsComparisonSection-WjwGHvLI.js")))},{id:"best-practices",label:"Best Practices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-CRPC7HR-.js")))},{id:"api-reference",label:"API Reference",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/APIReferenceSection-pgQd8-DV.js")))}];function Vde(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:Ide,hero:a.jsx(Oe,{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(z.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 zde=`import React from 'react';
 import { Form } from '../form';
 import { FormField } from '../form-field';
 import {
@@ -823,7 +823,7 @@ export const formValidations: FormValidations<FormValues> = {
     required: 'This is a required field.',
   },
 };
-`,PP=[{name:"Argentina",value:"ar"},{name:"Brasil",value:"br"},{name:"Chile",value:"cl"},{name:"Colombia",value:"co"},{name:"México",value:"mx"}],MP=[{value:"male",label:"Male"},{value:"female",label:"Female"},{value:"other",label:"Other"}],Fde=[{value:!0,label:"Yes"},{value:!1,label:"No"}],AP=()=>{const{addToast:e}=ql(),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 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(bs,{onSubmit:t,validationSchema:Nm,useFormProps:{defaultValues:Bu,mode:"onChange"},className:"grid grid-cols-1 gap-4",children:a.jsxs("div",{className:"w-full space-y-4 border border-border rounded-lg p-4",children:[a.jsxs("div",{className:"grid grid-cols-1 gap-4",children:[a.jsx($e,{name:"name",label:"Name",children:a.jsx(gt,{placeholder:"Ingresa tu nombre"})}),a.jsx($e,{name:"email",label:"Email",children:a.jsx(gt,{type:"email",placeholder:"ejemplo@correo.com"})})]}),a.jsx($e,{name:"password",label:"Password",children:a.jsx(gt,{type:"password",label:"Password",placeholder:"Enter your password"})}),a.jsx($e,{name:"message",label:"Message",helperText:"Write a detailed message",showHelper:!0,children:a.jsx(Cm,{label:"Message",placeholder:"Write your message here",rows:4})}),a.jsx($e,{name:"country",label:"Country",children:a.jsx(vs,{label:"Country",options:PP})}),a.jsx($e,{name:"age",label:"Age",children:a.jsx(gt,{type:"number",placeholder:"Enter your age"})}),a.jsx($e,{name:"gender",label:"Gender",children:a.jsx(jm,{label:"Gender",options:MP})}),a.jsx($e,{name:"isDeveloper",label:"Are you a developer?",children:a.jsx(dl,{label:"Yes"})}),a.jsx($e,{name:"acceptTerms",hideError:!0,children:a.jsx(ys,{label:"I accept the terms and conditions"})}),a.jsx("div",{className:"flex justify-end",children:a.jsx(ye,{type:"submit",children:"Submit"})})]})})]})})};function $de(){return a.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Oe,{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-linear-to-br from-purple-500 via-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:a.jsx(z.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(bs,{onSubmit:()=>{console.log("submit")},children:[a.jsx("section",{className:"space-y-8",children:a.jsx(ee,{className:"overflow-hidden",children:a.jsx(re,{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(z.Layout,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-base 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(z.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-border rounded text-xs",children:"Form"})," ","component from"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border 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(z.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-border rounded text-xs",children:"<Form<FormValues> ...>"}),", uses"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"FormField"})," ","for each field, passes centralized validation via"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border 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(z.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-border 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(Pt,{code:zde,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-border",children:a.jsx(AP,{})})]})]})})})}),a.jsx("section",{className:"space-y-8",children:a.jsx(ee,{className:"overflow-hidden",children:a.jsx(re,{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(z.AlertCircle,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-base 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(z.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-border rounded text-xs",children:"useFormContext"})," ","and displays the current form errors."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(z.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-border rounded text-xs",children:"useFormContext<FormValues>()"})," ","to access"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"formState.errors"})," ","and renders a"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"<pre>"})," ","block with the current errors as JSON."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(z.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-border rounded text-xs",children:"<ErrorContainerExample />"})," ","inside a"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border 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(Pt,{code:Rde,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-border",children:a.jsx(ym,{})})]})]})})})}),a.jsx("section",{className:"space-y-8",children:a.jsx(ee,{className:"overflow-hidden",children:a.jsx(re,{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(z.Wand2,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-base 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(z.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(z.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-border 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(z.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-border rounded text-xs",children:"<FormMethodsExample />"})," ","inside a"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border 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(Pt,{code:_de,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-border",children:a.jsx(km,{})})]})]})})})}),a.jsx("section",{className:"space-y-8",children:a.jsx(ee,{className:"overflow-hidden",children:a.jsx(re,{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(z.ListChecks,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-base 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(z.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(z.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-border rounded text-xs",children:"countryOptions"}),","," ",a.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"genderOptions"}),", and"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"developerOptions"})," ","for use in form fields."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(z.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-border rounded text-xs",children:"Select"}),","," ",a.jsx("code",{className:"px-1 py-0.5 border border-border 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(Pt,{code:qde,language:"tsx"})]})]})})})}),a.jsx("section",{className:"space-y-8",children:a.jsx(ee,{className:"overflow-hidden",children:a.jsx(re,{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(z.ShieldCheck,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-base 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(z.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(z.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-border rounded text-xs",children:"FormValues"})," ","interface, exports"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"defaultValues"})," ","for initial form state, and"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"formValidations"})," ","for field validation rules."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(z.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-border rounded text-xs",children:"formValidations"})," ","and"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"defaultValues"})," ","to the"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border 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(Pt,{code:Bde,language:"tsx"})]})]})})})})]})]})}function Hde(){return a.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Oe,{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-linear-to-br from-blue-500 via-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg",children:a.jsx(z.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(u9,{})})]})}const Ude=[{id:"architecture-overview",label:"Architecture Overview",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ArchitectureOverviewSection--m4et2xQ.js")))},{id:"basic-usage",label:"Basic Usage",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BasicUsageSection-DAQXomgL.js")))},{id:"form-components",label:"Form Components",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/FormComponentsSection-BvlPSmVP.js")))},{id:"live-demo",label:"Live Demo Form",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/LiveDemoSection-mmMg2Dho.js")))},{id:"validation-system",label:"Validation System",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ValidationSystemSection-CbV-mEou.js")))},{id:"form-methods",label:"Form Methods",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/FormMethodsSection-7lWjqEpP.js")))},{id:"advanced-features",label:"Advanced Features",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/AdvancedFeaturesSection-BgH778bm.js")))},{id:"best-practices",label:"Best Practices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-C2qWSaaK.js")))}];function Wde(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:Ude,hero:a.jsx(Oe,{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(z.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 TP=()=>a.jsxs(ee,{className:"flex flex-col items-center justify-center p-6 gap-4",children:[a.jsx(Ni,{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(Ye,{status:"active",children:"Production Ready"}),a.jsx(Ye,{variant:"outline",color:"info",children:"TypeScript"}),a.jsx(Ye,{variant:"outline",color:"success",children:"React Hook Form"}),a.jsx(Ye,{variant:"outline",color:"warning",children:"Tailwind CSS"})]})]}),a.jsx(ye,{size:"large",shape:"rounded",variant:"solid",color:"primary",children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(z.Zap,{className:"w-4 h-4 mr-2"}),"Get Started"]})})]}),OP=`import {
+`,PP=[{name:"Argentina",value:"ar"},{name:"Brasil",value:"br"},{name:"Chile",value:"cl"},{name:"Colombia",value:"co"},{name:"México",value:"mx"}],MP=[{value:"male",label:"Male"},{value:"female",label:"Female"},{value:"other",label:"Other"}],Fde=[{value:!0,label:"Yes"},{value:!1,label:"No"}],AP=()=>{const{addToast:e}=ql(),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 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(bs,{onSubmit:t,validationSchema:Nm,useFormProps:{defaultValues:Bu,mode:"onChange"},className:"grid grid-cols-1 gap-4",children:a.jsxs("div",{className:"w-full space-y-4 border border-border rounded-lg p-4",children:[a.jsxs("div",{className:"grid grid-cols-1 gap-4",children:[a.jsx($e,{name:"name",label:"Name",children:a.jsx(gt,{placeholder:"Ingresa tu nombre"})}),a.jsx($e,{name:"email",label:"Email",children:a.jsx(gt,{type:"email",placeholder:"ejemplo@correo.com"})})]}),a.jsx($e,{name:"password",label:"Password",children:a.jsx(gt,{type:"password",label:"Password",placeholder:"Enter your password"})}),a.jsx($e,{name:"message",label:"Message",helperText:"Write a detailed message",showHelper:!0,children:a.jsx(Cm,{label:"Message",placeholder:"Write your message here",rows:4})}),a.jsx($e,{name:"country",label:"Country",children:a.jsx(vs,{label:"Country",options:PP})}),a.jsx($e,{name:"age",label:"Age",children:a.jsx(gt,{type:"number",placeholder:"Enter your age"})}),a.jsx($e,{name:"gender",label:"Gender",children:a.jsx(jm,{label:"Gender",options:MP})}),a.jsx($e,{name:"isDeveloper",label:"Are you a developer?",children:a.jsx(dl,{label:"Yes"})}),a.jsx($e,{name:"acceptTerms",hideError:!0,children:a.jsx(ys,{label:"I accept the terms and conditions"})}),a.jsx("div",{className:"flex justify-end",children:a.jsx(ye,{type:"submit",children:"Submit"})})]})})]})})};function $de(){return a.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Oe,{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-linear-to-br from-purple-500 via-violet-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:a.jsx(z.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(bs,{onSubmit:()=>{console.log("submit")},children:[a.jsx("section",{className:"space-y-8",children:a.jsx(ee,{className:"overflow-hidden",children:a.jsx(re,{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(z.Layout,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-base 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(z.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-border rounded text-xs",children:"Form"})," ","component from"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border 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(z.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-border rounded text-xs",children:"<Form<FormValues> ...>"}),", uses"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"FormField"})," ","for each field, passes centralized validation via"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border 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(z.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-border 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(Pt,{code:zde,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-border",children:a.jsx(AP,{})})]})]})})})}),a.jsx("section",{className:"space-y-8",children:a.jsx(ee,{className:"overflow-hidden",children:a.jsx(re,{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(z.AlertCircle,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-base 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(z.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-border rounded text-xs",children:"useFormContext"})," ","and displays the current form errors."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(z.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-border rounded text-xs",children:"useFormContext<FormValues>()"})," ","to access"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"formState.errors"})," ","and renders a"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"<pre>"})," ","block with the current errors as JSON."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(z.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-border rounded text-xs",children:"<ErrorContainerExample />"})," ","inside a"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border 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(Pt,{code:Rde,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-border",children:a.jsx(ym,{})})]})]})})})}),a.jsx("section",{className:"space-y-8",children:a.jsx(ee,{className:"overflow-hidden",children:a.jsx(re,{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(z.Wand2,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-base 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(z.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(z.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-border 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(z.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-border rounded text-xs",children:"<FormMethodsExample />"})," ","inside a"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border 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(Pt,{code:_de,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-border",children:a.jsx(km,{})})]})]})})})}),a.jsx("section",{className:"space-y-8",children:a.jsx(ee,{className:"overflow-hidden",children:a.jsx(re,{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(z.ListChecks,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-base 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(z.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(z.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-border rounded text-xs",children:"countryOptions"}),","," ",a.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"genderOptions"}),", and"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"developerOptions"})," ","for use in form fields."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(z.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-border rounded text-xs",children:"Select"}),","," ",a.jsx("code",{className:"px-1 py-0.5 border border-border 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(Pt,{code:qde,language:"tsx"})]})]})})})}),a.jsx("section",{className:"space-y-8",children:a.jsx(ee,{className:"overflow-hidden",children:a.jsx(re,{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(z.ShieldCheck,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),a.jsx(O,{tag:"h3",className:"text-base 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(z.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(z.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-border rounded text-xs",children:"FormValues"})," ","interface, exports"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"defaultValues"})," ","for initial form state, and"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"formValidations"})," ","for field validation rules."]})]})]}),a.jsxs("li",{className:"flex items-start gap-3",children:[a.jsx(z.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-border rounded text-xs",children:"formValidations"})," ","and"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border rounded text-xs",children:"defaultValues"})," ","to the"," ",a.jsx("code",{className:"px-1 py-0.5 border border-border 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(Pt,{code:Bde,language:"tsx"})]})]})})})})]})]})}function Hde(){return a.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Oe,{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-linear-to-br from-blue-500 via-indigo-500 to-purple-500 rounded-full flex items-center justify-center shadow-lg",children:a.jsx(z.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(u9,{})})]})}const Ude=[{id:"architecture-overview",label:"Architecture Overview",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ArchitectureOverviewSection-BW5yWoUz.js")))},{id:"basic-usage",label:"Basic Usage",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BasicUsageSection-H0Aj_WdG.js")))},{id:"form-components",label:"Form Components",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/FormComponentsSection-47BMOPGC.js")))},{id:"live-demo",label:"Live Demo Form",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/LiveDemoSection-Co4_jUVL.js")))},{id:"validation-system",label:"Validation System",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ValidationSystemSection-BLhB9q-7.js")))},{id:"form-methods",label:"Form Methods",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/FormMethodsSection-DZlQpuWY.js")))},{id:"advanced-features",label:"Advanced Features",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/AdvancedFeaturesSection-DjZHdBFE.js")))},{id:"best-practices",label:"Best Practices",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/BestPracticesSection-CcV9JBLS.js")))}];function Wde(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:Ude,hero:a.jsx(Oe,{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(z.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 TP=()=>a.jsxs(ee,{className:"flex flex-col items-center justify-center p-6 gap-4",children:[a.jsx(Ni,{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(Ye,{status:"active",children:"Production Ready"}),a.jsx(Ye,{variant:"outline",color:"info",children:"TypeScript"}),a.jsx(Ye,{variant:"outline",color:"success",children:"React Hook Form"}),a.jsx(Ye,{variant:"outline",color:"warning",children:"Tailwind CSS"})]})]}),a.jsx(ye,{size:"large",shape:"rounded",variant:"solid",color:"primary",children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(z.Zap,{className:"w-4 h-4 mr-2"}),"Get Started"]})})]}),OP=`import {
   Button,
   CardContainer,
   Avatar,
@@ -1189,6 +1189,6 @@ export default defineConfig({
   <p className="text-gray-600 dark:text-gray-400">
     Automatic dark mode support with the dark: variant
   </p>
-</div>`})]})]})]})})})}),a.jsx("section",{children:a.jsx(ee,{children:a.jsx(re,{title:"What's Next?",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"h6",children:"Ready to dive deeper? Explore our comprehensive utility documentation:"}),a.jsx("div",{className:"flex flex-wrap flex-row gap-3 pt-2",children:a.jsx("ul",{className:"space-y-2",children:n.map((s,i)=>a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(z.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx(O,{tag:"body",children:s})]},i))})}),a.jsxs("div",{className:"flex flex-wrap sm:flex-row gap-3 pt-2",children:[a.jsx(ye,{size:"medium",children:a.jsx(Se,{to:"/tailwind-utilities/layout-utilities",target:"_self",children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(z.BookOpen,{className:"w-4 h-4 mr-2"}),"Explore Utilities"]})})}),a.jsx(ye,{variant:"ghost",size:"medium",children:a.jsx(Se,{to:"https://tailwindcss.com/docs",target:"_blank",children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(z.ExternalLink,{className:"w-4 h-4 mr-2"}),"Tailwind Docs"]})})})]})]})})})})]})}function lue(){return a.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Oe,{title:"Transforms Utilities",description:"Complete guide to CSS transforms in Tailwind CSS v4. Master rotation, scaling, skewing, and translation.",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-linear-to-br from-violet-500 via-purple-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:a.jsx(z.Move3D,{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-2",children:"CSS Transforms & 3D Effects"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Powerful transformation utilities built with Tailwind CSS v4 @source directives"})]}),a.jsx(ee,{children:a.jsx(re,{title:"Rotation Transforms",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:"Rotate elements with precise angle controls"}),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-lg flex items-center justify-center text-white font-bold transform rotate-0",children:"0°"}),a.jsx("div",{className:"w-16 h-16 bg-green-500 rounded-lg flex items-center justify-center text-white font-bold transform rotate-45",children:"45°"}),a.jsx("div",{className:"w-16 h-16 bg-blue-500 rounded-lg flex items-center justify-center text-white font-bold transform rotate-90",children:"90°"}),a.jsx("div",{className:"w-16 h-16 bg-purple-500 rounded-lg flex items-center justify-center text-white font-bold transform rotate-180",children:"180°"}),a.jsx("div",{className:"w-16 h-16 bg-pink-500 rounded-lg flex items-center justify-center text-white font-bold transform -rotate-45",children:"-45°"}),a.jsx("div",{className:"w-16 h-16 bg-indigo-500 rounded-lg flex items-center justify-center text-white font-bold transform -rotate-90",children:"-90°"})]})]})})}),a.jsx(ee,{children:a.jsx(re,{title:"Scale Transforms",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:"Scale elements up or down with precise control"}),a.jsxs("div",{className:"grid grid-cols-3 md:grid-cols-5 gap-4",children:[a.jsx("div",{className:"w-16 h-16 bg-red-500 rounded-lg flex items-center justify-center text-white font-bold transform scale-50",children:"0.5x"}),a.jsx("div",{className:"w-16 h-16 bg-orange-500 rounded-lg flex items-center justify-center text-white font-bold transform scale-75",children:"0.75x"}),a.jsx("div",{className:"w-16 h-16 bg-yellow-500 rounded-lg flex items-center justify-center text-white font-bold transform scale-100",children:"1x"}),a.jsx("div",{className:"w-16 h-16 bg-green-500 rounded-lg flex items-center justify-center text-white font-bold transform scale-125",children:"1.25x"}),a.jsx("div",{className:"w-16 h-16 bg-blue-500 rounded-lg flex items-center justify-center text-white font-bold transform scale-150",children:"1.5x"})]})]})})}),a.jsx(ee,{children:a.jsx(re,{title:"Skew Transforms",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 skew transformations along X and Y axes"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"w-20 h-16 bg-purple-500 rounded flex items-center justify-center text-white font-bold transform skew-x-3",children:"X+3°"}),a.jsx("div",{className:"w-20 h-16 bg-pink-500 rounded flex items-center justify-center text-white font-bold transform skew-x-6",children:"X+6°"}),a.jsx("div",{className:"w-20 h-16 bg-indigo-500 rounded flex items-center justify-center text-white font-bold transform skew-y-3",children:"Y+3°"}),a.jsx("div",{className:"w-20 h-16 bg-cyan-500 rounded flex items-center justify-center text-white font-bold transform skew-y-6",children:"Y+6°"})]})]})})}),a.jsx(ee,{children:a.jsx(re,{title:"Translation (Movement)",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:"Move elements along X and Y axes with precise positioning"}),a.jsxs("div",{className:"relative w-full h-32 bg-light-dark rounded-lg overflow-hidden",children:[a.jsx("div",{className:"absolute top-2 left-2 w-8 h-8 bg-red-500 rounded transform translate-x-4 translate-y-2"}),a.jsx("div",{className:"absolute top-8 left-8 w-8 h-8 bg-blue-500 rounded transform translate-x-8 translate-y-4"}),a.jsx("div",{className:"absolute top-14 left-14 w-8 h-8 bg-green-500 rounded transform -translate-x-2 -translate-y-1"}),a.jsx("div",{className:"absolute top-20 left-20 w-8 h-8 bg-purple-500 rounded transform translate-x-12 translate-y-6"}),a.jsx("div",{className:"text-xs text-gray-600 dark:text-gray-400 mt-28 text-center",children:"Elements moved with translate-x and translate-y utilities"})]})]})})}),a.jsx(ee,{children:a.jsx(re,{title:"Transform Origin",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 point from which transforms originate"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"w-16 h-16 bg-linear-to-r from-red-500 to-yellow-500 rounded-lg flex items-center justify-center transform origin-top rotate-45",children:a.jsx("div",{className:"w-2 h-2 bg-white rounded-full"})}),a.jsx("div",{className:"w-16 h-16 bg-linear-to-r from-green-500 to-blue-500 rounded-lg flex items-center justify-center transform origin-bottom rotate-45",children:a.jsx("div",{className:"w-2 h-2 bg-white rounded-full"})}),a.jsx("div",{className:"w-16 h-16 bg-linear-to-r from-purple-500 to-pink-500 rounded-lg flex items-center justify-center transform origin-left rotate-45",children:a.jsx("div",{className:"w-2 h-2 bg-white rounded-full"})}),a.jsx("div",{className:"w-16 h-16 bg-linear-to-r from-indigo-500 to-cyan-500 rounded-lg flex items-center justify-center transform origin-center rotate-45",children:a.jsx("div",{className:"w-2 h-2 bg-white rounded-full"})})]}),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:"origin-top"}),a.jsx("div",{children:"origin-bottom"}),a.jsx("div",{children:"origin-left"}),a.jsx("div",{children:"origin-center"})]})]})})})]})]})}function cue(){return a.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Oe,{title:"Transitions & Animations",description:"Complete guide to CSS transitions and animations in Tailwind CSS v4. Master smooth transitions and engaging animations.",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-linear-to-br from-orange-500 via-red-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:a.jsx(z.Play,{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-2",children:"Smooth Transitions & Engaging Animations"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Professional animation utilities built with Tailwind CSS v4 @source directives"})]}),a.jsx(ee,{children:a.jsx(re,{title:"Transition 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 which properties should transition smoothly"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-4",children:[a.jsx("button",{className:"w-full h-16 bg-brand hover:bg-brand/80 transition-all duration-300 rounded-lg flex items-center justify-center text-white font-medium hover:scale-105",children:"transition-all"}),a.jsx("button",{className:"w-full h-16 bg-green-500 hover:bg-blue-500 transition-colors duration-300 rounded-lg flex items-center justify-center text-white font-medium",children:"transition-colors"}),a.jsx("button",{className:"w-full h-16 bg-purple-500 hover:scale-110 transition-transform duration-300 rounded-lg flex items-center justify-center text-white font-medium",children:"transition-transform"}),a.jsx("button",{className:"w-full h-16 bg-pink-500 hover:shadow-lg transition-shadow duration-300 rounded-lg flex items-center justify-center text-white font-medium",children:"transition-shadow"}),a.jsx("button",{className:"w-full h-16 bg-indigo-500 hover:opacity-75 transition-opacity duration-300 rounded-lg flex items-center justify-center text-white font-medium",children:"transition-opacity"}),a.jsx("button",{className:"w-full h-16 bg-teal-500 transition-none rounded-lg flex items-center justify-center text-white font-medium",children:"transition-none"})]})]})})}),a.jsx(ee,{children:a.jsx(re,{title:"Transition Duration",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 speed of transitions with different duration values"}),a.jsxs("div",{className:"grid grid-cols-3 md:grid-cols-5 gap-4",children:[a.jsx("button",{className:"w-full h-12 bg-red-500 hover:bg-red-600 transition-colors duration-75 rounded flex items-center justify-center text-white text-xs font-medium",children:"75ms"}),a.jsx("button",{className:"w-full h-12 bg-orange-500 hover:bg-orange-600 transition-colors duration-100 rounded flex items-center justify-center text-white text-xs font-medium",children:"100ms"}),a.jsx("button",{className:"w-full h-12 bg-yellow-500 hover:bg-yellow-600 transition-colors duration-150 rounded flex items-center justify-center text-white text-xs font-medium",children:"150ms"}),a.jsx("button",{className:"w-full h-12 bg-green-500 hover:bg-green-600 transition-colors duration-300 rounded flex items-center justify-center text-white text-xs font-medium",children:"300ms"}),a.jsx("button",{className:"w-full h-12 bg-blue-500 hover:bg-blue-600 transition-colors duration-500 rounded flex items-center justify-center text-white text-xs font-medium",children:"500ms"}),a.jsx("button",{className:"w-full h-12 bg-indigo-500 hover:bg-indigo-600 transition-colors duration-700 rounded flex items-center justify-center text-white text-xs font-medium",children:"700ms"}),a.jsx("button",{className:"w-full h-12 bg-purple-500 hover:bg-purple-600 transition-colors duration-1000 rounded flex items-center justify-center text-white text-xs font-medium",children:"1000ms"})]})]})})}),a.jsx(ee,{children:a.jsx(re,{title:"Transition Timing Functions",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 easing curves for more natural motion"}),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-linear-to-r from-red-500 to-yellow-500 rounded-lg flex items-center justify-center",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full animate-bounce ease-linear"})}),a.jsx("div",{className:"text-xs text-center",children:"ease-linear"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-linear-to-r from-green-500 to-blue-500 rounded-lg flex items-center justify-center",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full animate-bounce ease-in"})}),a.jsx("div",{className:"text-xs text-center",children:"ease-in"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-linear-to-r from-purple-500 to-pink-500 rounded-lg flex items-center justify-center",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full animate-bounce ease-out"})}),a.jsx("div",{className:"text-xs text-center",children:"ease-out"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-linear-to-r from-indigo-500 to-cyan-500 rounded-lg flex items-center justify-center",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full animate-bounce ease-in-out"})}),a.jsx("div",{className:"text-xs text-center",children:"ease-in-out"})]})]})]})})}),a.jsx(ee,{children:a.jsx(re,{title:"Transition Delay",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:"Add delays to create staggered animation effects"}),a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"flex gap-2",children:[a.jsx("div",{className:"w-8 h-8 bg-red-500 rounded transition-all duration-300 delay-0 hover:scale-125"}),a.jsx("div",{className:"w-8 h-8 bg-orange-500 rounded transition-all duration-300 delay-75 hover:scale-125"}),a.jsx("div",{className:"w-8 h-8 bg-yellow-500 rounded transition-all duration-300 delay-150 hover:scale-125"}),a.jsx("div",{className:"w-8 h-8 bg-green-500 rounded transition-all duration-300 delay-300 hover:scale-125"}),a.jsx("div",{className:"w-8 h-8 bg-blue-500 rounded transition-all duration-300 delay-500 hover:scale-125"})]}),a.jsx("div",{className:"text-xs text-center text-gray-600 dark:text-gray-400",children:"Hover over the circles to see staggered delays: 0ms, 75ms, 150ms, 300ms, 500ms"})]})]})})}),a.jsx(ee,{children:a.jsx(re,{title:"Built-in Animations",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:"Ready-to-use animations for common UI patterns"}),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-brand rounded-lg flex items-center justify-center",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full animate-spin"})}),a.jsx("div",{className:"text-xs text-center",children:"animate-spin"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-green-500 rounded-lg flex items-center justify-center",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full animate-ping"})}),a.jsx("div",{className:"text-xs text-center",children:"animate-ping"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-purple-500 rounded-lg flex items-center justify-center",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full animate-pulse"})}),a.jsx("div",{className:"text-xs text-center",children:"animate-pulse"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-pink-500 rounded-lg flex items-center justify-center",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full animate-bounce"})}),a.jsx("div",{className:"text-xs text-center",children:"animate-bounce"})]})]})]})})})]})]})}function due(){return a.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Oe,{title:"Typography Utilities",description:"Complete typography system with font families, sizes, weights, spacing, and text formatting utilities.",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-linear-to-br from-blue-600 via-purple-600 to-pink-600 rounded-full flex items-center justify-center shadow-lg",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:"text-white/90 text-2xl font-bold",children:"Aa"})})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-2",children:"Font & Text Styling"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Professional typography utilities built with Tailwind CSS v4 @source directives"})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Font Family"}),a.jsx(ee,{children:a.jsx(re,{title:"Font Family 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:"Choose from sans-serif, serif, and monospace font stacks"}),a.jsxs("div",{className:"grid grid-cols-1 gap-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded-lg",children:a.jsxs("p",{className:"font-sans text-lg",children:[a.jsx("strong",{className:"text-brand",children:"font-sans:"})," The quick brown fox jumps over the lazy dog"]})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded-lg",children:a.jsxs("p",{className:"font-serif text-lg",children:[a.jsx("strong",{className:"text-brand",children:"font-serif:"})," The quick brown fox jumps over the lazy dog"]})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded-lg",children:a.jsxs("p",{className:"font-mono text-lg",children:[a.jsx("strong",{className:"text-brand",children:"font-mono:"})," The quick brown fox jumps over the lazy dog"]})})})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Font Size"}),a.jsx(ee,{children:a.jsx(re,{title:"Font Size Scale",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:"Comprehensive font size scale from extra small to extra large"}),a.jsxs("div",{className:"space-y-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsxs("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"text-xs text-brand",children:"text-xs:"}),a.jsx("span",{className:"text-xs ml-2",children:"The quick brown fox jumps over the lazy dog"})]})}),a.jsx("div",{className:"space-y-2",children:a.jsxs("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"text-sm text-brand",children:"text-sm:"}),a.jsx("span",{className:"text-sm ml-2",children:"The quick brown fox jumps over the lazy dog"})]})}),a.jsx("div",{className:"space-y-2",children:a.jsxs("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"text-base text-brand",children:"text-base:"}),a.jsx("span",{className:"text-base ml-2",children:"The quick brown fox jumps over the lazy dog"})]})}),a.jsx("div",{className:"space-y-2",children:a.jsxs("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"text-lg text-brand",children:"text-lg:"}),a.jsx("span",{className:"text-lg ml-2",children:"The quick brown fox jumps over the lazy dog"})]})}),a.jsx("div",{className:"space-y-2",children:a.jsxs("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"text-xl text-brand",children:"text-xl:"}),a.jsx("span",{className:"text-xl ml-2",children:"The quick brown fox jumps over the lazy dog"})]})}),a.jsx("div",{className:"space-y-2",children:a.jsxs("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"text-2xl text-brand",children:"text-2xl:"}),a.jsx("span",{className:"text-2xl ml-2",children:"The quick brown fox jumps"})]})}),a.jsx("div",{className:"space-y-2",children:a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"text-3xl text-brand",children:"text-3xl:"}),a.jsx("span",{className:"text-3xl ml-2",children:"The quick brown"})]})})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Font Smoothing"}),a.jsx(ee,{children:a.jsx(re,{title:"Antialiasing Options",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 font rendering quality and antialiasing"}),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 bg-white dark:bg-gray-800 border border-border rounded-lg",children:a.jsxs("p",{className:"antialiased text-lg",children:[a.jsx("strong",{className:"text-brand",children:"antialiased:"})," The quick brown fox jumps over the lazy dog"]})}),a.jsx("div",{className:"text-xs text-center text-gray-600 dark:text-gray-300",children:"Smooth antialiasing"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded-lg",children:a.jsxs("p",{className:"subpixel-antialiased text-lg",children:[a.jsx("strong",{className:"text-brand",children:"subpixel-antialiased:"})," ","The quick brown fox jumps over the lazy dog"]})}),a.jsx("div",{className:"text-xs text-center text-gray-600 dark:text-gray-300",children:"Subpixel antialiasing"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Font Style"}),a.jsx(ee,{children:a.jsx(re,{title:"Italic & Normal Styles",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 italic styling or reset to normal"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded-lg",children:a.jsxs("p",{className:"not-italic text-lg",children:[a.jsx("strong",{className:"text-brand",children:"not-italic:"})," The quick brown fox jumps over the lazy dog"]})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded-lg",children:a.jsxs("p",{className:"italic text-lg",children:[a.jsx("strong",{className:"text-brand",children:"italic:"})," The quick brown fox jumps over the lazy dog"]})})})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Font Weight"}),a.jsx(ee,{children:a.jsx(re,{title:"Font Weight Scale",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:"Comprehensive font weight options from thin to black"}),a.jsxs("div",{className:"space-y-3",children:[a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"font-thin text-sm text-brand",children:"font-thin (100):"}),a.jsx("span",{className:"font-thin ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"font-light text-sm text-brand",children:"font-light (300):"}),a.jsx("span",{className:"font-light ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"font-normal text-sm text-brand",children:"font-normal (400):"}),a.jsx("span",{className:"font-normal ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"font-medium text-sm text-brand",children:"font-medium (500):"}),a.jsx("span",{className:"font-medium ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"font-semibold text-sm text-brand",children:"font-semibold (600):"}),a.jsx("span",{className:"font-semibold ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"font-bold text-sm text-brand",children:"font-bold (700):"}),a.jsx("span",{className:"font-bold ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"font-black text-sm text-brand",children:"font-black (900):"}),a.jsx("span",{className:"font-black ml-2",children:"The quick brown fox"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Font Variant Numeric"}),a.jsx(ee,{children:a.jsx(re,{title:"Numeric Styling Options",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 numbers and fractions are displayed"}),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:"Number Styles"}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"normal-nums text-sm text-brand",children:"normal-nums:"}),a.jsx("span",{className:"normal-nums ml-2",children:"1234567890"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"lining-nums text-sm text-brand",children:"lining-nums:"}),a.jsx("span",{className:"lining-nums ml-2",children:"1234567890"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"oldstyle-nums text-sm text-brand",children:"oldstyle-nums:"}),a.jsx("span",{className:"oldstyle-nums ml-2",children:"1234567890"})]})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Fraction & Spacing"}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"diagonal-fractions text-sm text-brand",children:"diagonal-fractions:"}),a.jsx("span",{className:"diagonal-fractions ml-2",children:"1/2 3/4"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"stacked-fractions text-sm text-brand",children:"stacked-fractions:"}),a.jsx("span",{className:"stacked-fractions ml-2",children:"1/2 3/4"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"tabular-nums text-sm text-brand",children:"tabular-nums:"}),a.jsx("span",{className:"tabular-nums ml-2 font-mono",children:"12 345 6789"})]})]})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Letter Spacing"}),a.jsx(ee,{children:a.jsx(re,{title:"Tracking Options",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 space between characters for improved readability"}),a.jsxs("div",{className:"space-y-3",children:[a.jsxs("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"tracking-tighter text-sm text-brand",children:"tracking-tighter:"}),a.jsx("span",{className:"tracking-tighter ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"tracking-tight text-sm text-brand",children:"tracking-tight:"}),a.jsx("span",{className:"tracking-tight ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"tracking-normal text-sm text-brand",children:"tracking-normal:"}),a.jsx("span",{className:"tracking-normal ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"tracking-wide text-sm text-brand",children:"tracking-wide:"}),a.jsx("span",{className:"tracking-wide ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"tracking-wider text-sm text-brand",children:"tracking-wider:"}),a.jsx("span",{className:"tracking-wider ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"tracking-widest text-sm text-brand",children:"tracking-widest:"}),a.jsx("span",{className:"tracking-widest ml-2",children:"The quick brown fox"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Line Clamp & Line Height"}),a.jsx(ee,{children:a.jsx(re,{title:"Text Truncation & 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 text overflow and line spacing"}),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:"Line Clamp"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full max-w-md h-20 p-3 bg-white dark:bg-gray-800 border border-border rounded overflow-hidden",children:a.jsxs("p",{className:"line-clamp-2 text-sm",children:[a.jsx("strong",{className:"text-brand",children:"line-clamp-2:"})," ","This is a long paragraph that will be truncated after two lines. The text will continue but won't be visible beyond the second line."]})}),a.jsx("div",{className:"w-full max-w-md h-20 p-3 bg-white dark:bg-gray-800 border border-border rounded overflow-hidden",children:a.jsxs("p",{className:"line-clamp-3 text-sm",children:[a.jsx("strong",{className:"text-brand",children:"line-clamp-3:"})," ","This is a long paragraph that will be truncated after three lines. The text will continue but won't be visible beyond the third line."]})})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Line Height"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"leading-tight text-sm",children:[a.jsx("strong",{className:"text-brand",children:"leading-tight:"}),a.jsx("br",{}),"Tight line spacing for compact layouts"]})}),a.jsx("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"leading-normal text-sm",children:[a.jsx("strong",{className:"text-brand",children:"leading-normal:"}),a.jsx("br",{}),"Standard line spacing for comfortable reading"]})}),a.jsx("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"leading-loose text-sm",children:[a.jsx("strong",{className:"text-brand",children:"leading-loose:"}),a.jsx("br",{}),"Generous line spacing for better readability"]})})]})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"List Style"}),a.jsx(ee,{children:a.jsx(re,{title:"List Formatting",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 list marker positioning and types"}),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:"List Position"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("ul",{className:"list-inside text-sm",children:[a.jsxs("li",{children:[a.jsx("strong",{className:"text-brand",children:"list-inside:"})," ","Items are inside the content flow"]}),a.jsx("li",{children:"Second item with longer text"}),a.jsx("li",{children:"Third item here"})]})}),a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("ul",{className:"list-outside text-sm",children:[a.jsxs("li",{children:[a.jsx("strong",{className:"text-brand",children:"list-outside:"})," ","Items are outside the content flow"]}),a.jsx("li",{children:"Second item with longer text"}),a.jsx("li",{children:"Third item here"})]})})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"List Types"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("ul",{className:"list-disc text-sm",children:[a.jsxs("li",{children:[a.jsx("strong",{className:"text-brand",children:"list-disc:"})," ","Bulleted list"]}),a.jsx("li",{children:"Second item"}),a.jsx("li",{children:"Third item"})]})}),a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("ol",{className:"list-decimal text-sm",children:[a.jsxs("li",{children:[a.jsx("strong",{className:"text-brand",children:"list-decimal:"})," ","Numbered list"]}),a.jsx("li",{children:"Second item"}),a.jsx("li",{children:"Third item"})]})})]})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Text Alignment & Colors"}),a.jsx(ee,{children:a.jsx(re,{title:"Text Alignment & 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:"Control text positioning and semantic color utilities"}),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:"Text Alignment"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"text-left text-sm",children:[a.jsx("strong",{className:"text-brand",children:"text-left:"})," ","Left aligned text for standard layouts"]})}),a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"text-center text-sm",children:[a.jsx("strong",{className:"text-brand",children:"text-center:"})," ","Center aligned text for headings"]})}),a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsx("p",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"text-right text-sm",children:[a.jsx("strong",{className:"text-brand",children:"text-right:"})," ","Right aligned text for special layouts"]})})})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Text Colors"}),a.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[a.jsx("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded text-center",children:a.jsx("span",{className:"text-brand text-sm block",children:"text-brand"})}),a.jsx("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded text-center",children:a.jsx("span",{className:"text-red-500 text-sm block",children:"text-red-500"})}),a.jsx("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded text-center",children:a.jsx("span",{className:"text-green-500 text-sm block",children:"text-green-500"})}),a.jsx("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded text-center",children:a.jsx("span",{className:"text-blue-500 text-sm block",children:"text-blue-500"})}),a.jsx("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded text-center",children:a.jsx("span",{className:"text-gray-600 text-sm block",children:"text-gray-600"})}),a.jsx("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded text-center",children:a.jsx("span",{className:"text-gray-900 text-sm block",children:"text-gray-900"})})]})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Text Decoration"}),a.jsx(ee,{children:a.jsx(re,{title:"Decoration Styles & Options",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:"Underline, overline, and strikethrough text decorations"}),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:"Decoration Types"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"underline text-lg",children:[a.jsx("strong",{className:"text-brand",children:"underline:"})," ","Underlined text"]})}),a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"overline text-lg",children:[a.jsx("strong",{className:"text-brand",children:"overline:"})," ","Overlined text"]})}),a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsx("p",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"line-through text-lg",children:[a.jsx("strong",{className:"text-brand",children:"line-through:"})," ","Strikethrough text"]})})})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Decoration Styles"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"underline decoration-solid text-lg",children:[a.jsx("strong",{className:"text-brand",children:"decoration-solid:"})," ","Solid underline"]})}),a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"underline decoration-dashed text-lg",children:[a.jsx("strong",{className:"text-brand",children:"decoration-dashed:"})," ","Dashed underline"]})}),a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"underline decoration-wavy text-lg",children:[a.jsx("strong",{className:"text-brand",children:"decoration-wavy:"})," ","Wavy underline"]})}),a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"underline decoration-2 decoration-brand text-lg",children:[a.jsx("strong",{className:"text-brand",children:"decoration-2 decoration-brand:"})," ","Thick brand underline"]})})]})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Text Transform & Overflow"}),a.jsx(ee,{children:a.jsx(re,{title:"Case Transformation & Text Handling",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 case and handle overflow scenarios"}),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:"Text Transform"}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"uppercase text-sm text-brand",children:"uppercase:"}),a.jsx("span",{className:"uppercase ml-2",children:"hello world"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"lowercase text-sm text-brand",children:"lowercase:"}),a.jsx("span",{className:"lowercase ml-2",children:"HELLO WORLD"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"capitalize text-sm text-brand",children:"capitalize:"}),a.jsx("span",{className:"capitalize ml-2",children:"hello world"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"normal-case text-sm text-brand",children:"normal-case:"}),a.jsx("span",{className:"normal-case ml-2",children:"HELLO WORLD"})]})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Text Overflow"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full max-w-xs h-12 p-3 bg-white dark:bg-gray-800 border border-border rounded overflow-hidden",children:a.jsxs("p",{className:"truncate text-sm",children:[a.jsx("strong",{className:"text-brand",children:"truncate:"})," This text will be truncated with ellipsis if it's too long"]})}),a.jsx("div",{className:"w-full max-w-xs h-12 p-3 bg-white dark:bg-gray-800 border border-border rounded overflow-hidden",children:a.jsxs("p",{className:"text-ellipsis text-sm overflow-hidden",children:[a.jsx("strong",{className:"text-brand",children:"text-ellipsis:"})," ","This text will show ellipsis at the end"]})})]})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Text Wrap & Indentation"}),a.jsx(ee,{children:a.jsx(re,{title:"Wrapping & Spacing Control",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 wrapping behavior and indentation"}),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:"Text Wrap"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full max-w-md p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"text-wrap text-sm",children:[a.jsx("strong",{className:"text-brand",children:"text-wrap:"})," ","This text will wrap normally at word boundaries and fill the available space."]})}),a.jsx("div",{className:"w-full max-w-md p-3 bg-white dark:bg-gray-800 border border-border rounded overflow-hidden",children:a.jsxs("p",{className:"text-nowrap text-sm",children:[a.jsx("strong",{className:"text-brand",children:"text-nowrap:"})," ","This text will not wrap and may overflow its container."]})})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Text Indent"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full max-w-md p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"indent-0 text-sm",children:[a.jsx("strong",{className:"text-brand",children:"indent-0:"})," No indentation for the first line of text."]})}),a.jsx("div",{className:"w-full max-w-md p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"indent-4 text-sm",children:[a.jsx("strong",{className:"text-brand",children:"indent-4:"})," ","First line indented by 1rem for paragraph formatting."]})}),a.jsx("div",{className:"w-full max-w-md p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"indent-8 text-sm",children:[a.jsx("strong",{className:"text-brand",children:"indent-8:"})," ","First line indented by 2rem for deeper nesting."]})})]})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Vertical Align & Whitespace"}),a.jsx(ee,{children:a.jsx(re,{title:"Alignment & Spacing Control",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 inline element alignment and whitespace handling"}),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:"Vertical Align"}),a.jsxs("div",{className:"space-y-3",children:[a.jsxs("div",{className:"h-16 p-3 bg-white dark:bg-gray-800 border border-border rounded flex items-center",children:[a.jsx("span",{className:"w-4 h-4 bg-brand rounded align-baseline mr-2"}),a.jsx("span",{className:"text-sm text-brand",children:"align-baseline:"}),a.jsx("span",{className:"ml-2",children:"Text aligned to baseline"})]}),a.jsxs("div",{className:"h-16 p-3 bg-white dark:bg-gray-800 border border-border rounded flex items-center",children:[a.jsx("span",{className:"w-4 h-4 bg-green-500 rounded align-middle mr-2"}),a.jsx("span",{className:"text-sm text-green-600",children:"align-middle:"}),a.jsx("span",{className:"ml-2",children:"Text aligned to middle"})]}),a.jsxs("div",{className:"h-16 p-3 bg-white dark:bg-gray-800 border border-border rounded flex items-center",children:[a.jsx("span",{className:"w-4 h-4 bg-blue-500 rounded align-top mr-2"}),a.jsx("span",{className:"text-sm text-blue-600",children:"align-top:"}),a.jsx("span",{className:"ml-2",children:"Text aligned to top"})]})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Whitespace"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full max-w-md p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"whitespace-normal text-sm",children:[a.jsx("strong",{className:"text-brand",children:"whitespace-normal:"})," ","Normal whitespace handling with wrapping."]})}),a.jsx("div",{className:"w-full max-w-md p-3 bg-white dark:bg-gray-800 border border-border rounded overflow-hidden",children:a.jsxs("p",{className:"whitespace-nowrap text-sm",children:[a.jsx("strong",{className:"text-brand",children:"whitespace-nowrap:"})," ","No wrapping, may overflow."]})}),a.jsx("div",{className:"w-full max-w-md p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"whitespace-pre text-sm",children:[a.jsx("strong",{className:"text-brand",children:"whitespace-pre:"})," ","Preserves whitespace and line breaks."]})})]})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Word Break & Hyphens"}),a.jsx(ee,{children:a.jsx(re,{title:"Text Breaking & Hyphenation",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 words break across lines and hyphenation behavior"}),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:"Word Break"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full max-w-xs p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"break-normal text-sm",children:[a.jsx("strong",{className:"text-brand",children:"break-normal:"})," ","Normal word breaking at natural boundaries."]})}),a.jsx("div",{className:"w-full max-w-xs p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"break-words text-sm",children:[a.jsx("strong",{className:"text-brand",children:"break-words:"})," ","Verylongwordsthatwouldnormallyoverflow."]})})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Hyphens"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full max-w-xs p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"hyphens-none text-sm",children:[a.jsx("strong",{className:"text-brand",children:"hyphens-none:"})," ","No hyphenation, words may overflow."]})}),a.jsx("div",{className:"w-full max-w-xs p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"hyphens-auto text-sm",children:[a.jsx("strong",{className:"text-brand",children:"hyphens-auto:"})," ","Automatic hyphenation when appropriate."]})})]})]})]})]})})})]})]})]})}const uue=[{icon:a.jsx(z.Palette,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Apple HIG Compliant",description:"Components follow Apple Human Interface Guidelines for authentic macOS look and feel",iconBgClassName:"from-blue-500 to-indigo-500"},{icon:a.jsx(z.Paintbrush,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"CSS Custom Properties",description:"Fully tokenized with CSS variables for easy theming and runtime customization",iconBgClassName:"from-purple-500 to-pink-500"},{icon:a.jsx(z.Layers,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Multiple Themes",description:"Support for Sonoma and Tahoe design languages with distinct visual identities",iconBgClassName:"from-green-500 to-emerald-500"},{icon:a.jsx(z.Sparkles,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Materials & Effects",description:"Vibrancy, blur, translucency, and Liquid Glass effects via Tailwind v4",iconBgClassName:"from-cyan-500 to-blue-500"},{icon:a.jsx(z.Moon,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Dark Mode Native",description:"Full dark mode support matching macOS system appearance preferences",iconBgClassName:"from-gray-600 to-gray-800"},{icon:a.jsx(z.Puzzle,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Composable Components",description:"Windows, sidebars, toolbars, widgets, and controls ready to combine",iconBgClassName:"from-orange-500 to-red-500"}],fue=[{id:"sonoma",title:"macOS Sonoma",version:"14",description:"Spatial aurora backgrounds, vibrancy materials, segmented controls, traffic-light windows, widgets, and more.",icon:a.jsx(z.Monitor,{className:"w-10 h-10 text-white filter drop-shadow-lg"}),gradient:"linear-gradient(135deg, #007aff 0%, #5856d6 100%)",path:"/macos/sonoma",sections:[{label:"Colors",category:"Foundations"},{label:"Materials",category:"Foundations"},{label:"Typography",category:"Foundations"},{label:"Shapes & Spacing",category:"Foundations"},{label:"Window",category:"Containers"},{label:"Sidebar",category:"Containers"},{label:"Toolbar",category:"Containers"},{label:"Widget",category:"Containers"},{label:"Segmented Control",category:"Controls"},{label:"Search Bar",category:"Controls"},{label:"Command Palette",category:"Controls"},{label:"Notification Banner",category:"Feedback"},{label:"Popover",category:"Feedback"}]},{id:"tahoe",title:"macOS Tahoe",version:"26",description:"Liquid Glass materials, translucent surfaces, spatial depth, and the next generation of macOS design.",icon:a.jsx(z.Layers,{className:"w-10 h-10 text-white filter drop-shadow-lg"}),gradient:"linear-gradient(135deg, #30d158 0%, #00c7be 50%, #007aff 100%)",path:"/macos/tahoe",sections:[{label:"Liquid Glass",category:"Foundations"},{label:"Colors",category:"Foundations"},{label:"Materials",category:"Foundations"},{label:"Text Styles",category:"Foundations"},{label:"Backgrounds",category:"Foundations"},{label:"Window",category:"Components"},{label:"Search Bar",category:"Components"},{label:"Segmented Control",category:"Components"},{label:"Widget",category:"Components"},{label:"Popover",category:"Components"},{label:"Notification Banner",category:"Components"},{label:"Progress Bar",category:"Components"},{label:"Dialog",category:"Components"},{label:"Command Palette",category:"Components"},{label:"Dock",category:"Components"}]}],pue=[{icon:a.jsx(z.SwatchBook,{className:"w-5 h-5"}),title:"Foundations",description:"Colors, materials, typography, shapes, and spacing tokens",color:"blue"},{icon:a.jsx(z.LayoutGrid,{className:"w-5 h-5"}),title:"Containers",description:"Windows, sidebars, toolbars, and widget shells",color:"purple"},{icon:a.jsx(z.ToggleLeft,{className:"w-5 h-5"}),title:"Controls",description:"Segmented controls, search bars, command palettes",color:"cyan"},{icon:a.jsx(z.Bell,{className:"w-5 h-5"}),title:"Feedback",description:"Notifications, popovers, dialogs, and progress indicators",color:"orange"},{icon:a.jsx(z.Gem,{className:"w-5 h-5"}),title:"Liquid Glass",description:"Translucent surfaces with depth and spatial blur (Tahoe)",color:"green"},{icon:a.jsx(z.Navigation,{className:"w-5 h-5"}),title:"Navigation",description:"Dock, toolbar actions, and sidebar navigation patterns",color:"pink"}],mue=["Explore macOS Sonoma with vibrancy materials and spatial aurora effects","Try the new macOS Tahoe Liquid Glass components and translucent surfaces","Combine macOS components with tucu-ui theming for custom applications","Use CSS custom properties to adapt tokens to your brand colors","Build full desktop-like interfaces with windows, sidebars, and toolbars"];function hue(){const e=Ne.useNavigate();return a.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Oe,{title:"macOS Design System",description:"Apple HIG-compliant components inspired by macOS. Choose a theme to explore its components, tokens, and design patterns — all powered by CSS custom properties and Tailwind v4.",githubButton:!0,getStartedButton:!0,icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 rounded-[22%] flex items-center justify-center shadow-lg border border-white/20",style:{background:"linear-gradient(135deg, #007aff 0%, #5856d6 100%)"},children:a.jsx(z.Monitor,{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-2",children:"Why macOS Design System?"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Authentic Apple-inspired components with full theming support, dark mode, and modern CSS effects"})]}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:uue.map((t,r)=>a.jsx(cr,{layout:"horizontal",icon:t.icon,title:t.title,description:t.description,iconBgClassName:t.iconBgClassName},r))})]}),a.jsx("section",{className:"space-y-8",children:a.jsx(ee,{className:"overflow-hidden",children:a.jsx(re,{title:"Component Coverage",children:a.jsxs("div",{className:"w-full space-y-8",children:[a.jsxs(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300 flex items-center gap-2",children:[a.jsx(z.CheckCircle,{className:"w-5 h-5 text-green-500"}),"28+ components across 2 themes covering foundations, containers, controls, and feedback patterns"]}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:pue.map((t,r)=>a.jsx(Ha,{icon:t.icon,title:t.title,description:t.description,color:t.color},r))})]})})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-2",children:"Choose a Theme"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Each macOS version has its own design language, tokens, and component variants"})]}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:fue.map(t=>a.jsx(ee,{children:a.jsxs("button",{onClick:()=>e(t.path),className:"w-full text-left p-6 sm:p-8 transition-all hover:scale-[1.01] active:scale-[0.99] group",children:[a.jsxs("div",{className:"flex items-start gap-5",children:[a.jsx("div",{className:"w-16 h-16 rounded-[22%] flex items-center justify-center shadow-lg border border-white/20 shrink-0",style:{background:t.gradient},children:t.icon}),a.jsxs("div",{className:"flex flex-col gap-2 min-w-0",children:[a.jsxs("div",{className:"flex items-baseline gap-2",children:[a.jsx(O,{tag:"h4",className:"text-lg font-semibold",children:t.title}),a.jsxs("span",{className:"text-xs font-medium text-gray-400 dark:text-gray-500",children:["v",t.version]})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 leading-relaxed",children:t.description}),a.jsx("div",{className:"flex flex-col gap-2 mt-2",children:Object.entries(t.sections.reduce((r,n)=>(r[n.category]||(r[n.category]=[]),r[n.category].push(n.label),r),{})).map(([r,n])=>a.jsxs("div",{className:"flex flex-wrap items-center gap-1.5",children:[a.jsxs("span",{className:"text-[10px] font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider mr-1",children:[r,":"]}),n.map(s=>a.jsx("span",{className:"text-[10px] font-medium px-2 py-0.5 rounded-full bg-gray-100 dark:bg-gray-800 text-gray-500 dark:text-gray-400",children:s},s))]},r))})]})]}),a.jsxs("div",{className:"flex items-center justify-end mt-4 text-sm font-medium text-brand opacity-0 group-hover:opacity-100 transition-opacity",children:["Explore",a.jsx(z.ArrowRight,{className:"w-4 h-4 ml-1"})]})]})},t.id))})]}),a.jsx("section",{children:a.jsx(ee,{children:a.jsx(re,{title:"What's Next?",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"h6",children:"Ready to build macOS-style interfaces? Start with a theme:"}),a.jsx("div",{className:"flex flex-wrap flex-row gap-3 pt-2",children:a.jsx("ul",{className:"space-y-2",children:mue.map((t,r)=>a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(z.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx(O,{tag:"body",children:t})]},r))})}),a.jsxs("div",{className:"flex flex-wrap sm:flex-row gap-3 pt-2",children:[a.jsx(ye,{size:"medium",onClick:()=>e("/macos/sonoma"),children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(z.Monitor,{className:"w-4 h-4 mr-2"}),"Explore Sonoma"]})}),a.jsx(ye,{variant:"ghost",size:"medium",onClick:()=>e("/macos/tahoe"),children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(z.Layers,{className:"w-4 h-4 mr-2"}),"Explore Tahoe"]})}),a.jsx(ye,{variant:"ghost",size:"medium",children:a.jsx(Se,{to:"https://developer.apple.com/design/human-interface-guidelines",target:"_blank",children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(z.ExternalLink,{className:"w-4 h-4 mr-2"}),"Apple HIG"]})})})]})]})})})})]})}const gue=[{id:"sonoma-colors",label:"Colors",category:"Foundations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SonomaColorsSection-C31EWTBf.js")))},{id:"sonoma-materials",label:"Materials",category:"Foundations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SonomaMaterialsSection-CEhqE4Q7.js")))},{id:"sonoma-typography",label:"Typography",category:"Foundations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SonomaTypographySection-asO7dtWD.js")))},{id:"sonoma-shapes",label:"Shapes & Spacing",category:"Foundations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SonomaShapesSection-BoxDbdOF.js")))},{id:"macos-sidebar",label:"MacSidebarCard",category:"Containers",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSSidebarSection-CBXzYpn3.js")))},{id:"macos-toolbar",label:"Toolbar",category:"Layouts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSToolbarSection-VjGjxjYh.js")))},{id:"sonoma-layout-sidebar",label:"Layout Sidebar",category:"Layouts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SonomaLayoutSidebarSection-DxRMe7Yz.js")))},{id:"sonoma-layout-content",label:"Layout Content",category:"Layouts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SonomaLayoutContentSection-DH7f8WGs.js")))},{id:"macos-window",label:"Window",category:"Containers",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSWindowSection-COEicJkG.js")))},{id:"macos-widget",label:"Widget",category:"Containers",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSWidgetSection-CtxKuq9A.js")))},{id:"macos-segmented-control",label:"Segmented Control",category:"Controls",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSSegmentedControlSection-QiYVHMXu.js")))},{id:"macos-search-bar",label:"Search Bar",category:"Controls",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSSearchBarSection-BIj4VDAF.js")))},{id:"macos-command-palette",label:"Command Palette",category:"Controls",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSCommandPaletteSection-Do7Ycmk4.js")))},{id:"macos-notification-banner",label:"Notification Banner",category:"Feedback",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSNotificationBannerSection-Cidpdw5y.js")))},{id:"macos-popover",label:"Popover",category:"Feedback",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSPopoverSection-DxYMepkq.js")))}];function xue(){const{applyMacOSTheme:e,layout:t}=we();return y.useEffect(()=>{t!=="macos"&&e()},[t]),a.jsx(Xt,{hideHeroInSubSections:!0,sections:gue,hero:a.jsx(Oe,{title:"macOS Sonoma",description:"Apple HIG-compliant components for macOS Sonoma 14. Spatial aurora backgrounds, vibrancy materials, segmented controls, traffic-light windows, widgets, and more — all powered by CSS custom properties and Tailwind v4.",githubButton:!0,getStartedButton:!0,icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 rounded-[22%] flex items-center justify-center shadow-lg border border-white/20",style:{background:"linear-gradient(135deg, #007aff 0%, #5856d6 100%)"},children:a.jsx(z.Monitor,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const bue=[{id:"tahoe-liquid-glass",label:"Liquid Glass",category:"Foundations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSTahoeSection-C8sa1EH9.js")))},{id:"macos-colors",label:"Colors",category:"Foundations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSColorsSection-B1ADRYPx.js")))},{id:"macos-materials",label:"Materials",category:"Foundations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSMaterialsSection-DmN_ldze.js")))},{id:"macos-text-styles",label:"Text Styles",category:"Foundations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSTextStylesSection-b7bS3pVS.js")))},{id:"macos-backgrounds",label:"Backgrounds",category:"Foundations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSBackgroundsSection-eovVlV69.js")))},{id:"tahoe-dock",label:"Dock",category:"Layouts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeDockSection-B9WaKSa5.js")))},{id:"tahoe-toolbar",label:"Toolbar",category:"Layouts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeToolbarSection-4ieIk3s5.js")))},{id:"tahoe-layout-sidebar",label:"Layout Sidebar",category:"Layouts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeLayoutSidebarSection-D-CJ73bF.js")))},{id:"tahoe-layout-content",label:"Layout Content",category:"Layouts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeLayoutContentSection-BUlcVXSh.js")))},{id:"tahoe-window",label:"Window",category:"Containers",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeWindowSection-Ctj_MGW7.js")))},{id:"tahoe-widget",label:"Widget",category:"Containers",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeWidgetSection-B3R596v3.js")))},{id:"tahoe-search-bar",label:"Search Bar",category:"Controls",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeSearchBarSection-D4J44q2G.js")))},{id:"tahoe-segmented-control",label:"Segmented Control",category:"Controls",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeSegmentedControlSection-CUCeGNeI.js")))},{id:"tahoe-command-palette",label:"Command Palette",category:"Controls",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeCommandPaletteSection-D3FVPWeX.js")))},{id:"tahoe-progress-bar",label:"Progress Bar",category:"Controls",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeProgressBarSection-C1-c9DXd.js")))},{id:"tahoe-dialog",label:"Dialog",category:"Feedback",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeDialogSection-B6vOFOw3.js")))},{id:"tahoe-notification-banner",label:"Notification Banner",category:"Feedback",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeNotificationBannerSection-CydsaNKV.js")))},{id:"tahoe-popover",label:"Popover",category:"Feedback",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoePopoverSection-C1lIx9XU.js")))}];function vue(){const{applyMacOSTahoeTheme:e,layout:t}=we();return y.useEffect(()=>{t!=="macos-tahoe"&&t!=="macos-tahoe-dock"&&e()},[t]),a.jsx(Xt,{hideHeroInSubSections:!0,sections:bue,hero:a.jsx(Oe,{title:"macOS Tahoe",description:"Apple HIG-compliant components for macOS Tahoe 26. Liquid Glass materials, translucent surfaces, spatial depth, and the next generation of macOS design — all powered by CSS custom properties and Tailwind v4.",githubButton:!0,getStartedButton:!0,icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 rounded-[22%] flex items-center justify-center shadow-lg border border-white/20",style:{background:"linear-gradient(135deg, #30d158 0%, #00c7be 50%, #007aff 100%)"},children:a.jsx(z.Layers,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const yue=[{id:"overview",label:"Overview",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/OverviewSection-DS0HJ3gv.js")))},{id:"installation",label:"Installation & Setup",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/InstallationSection-Dbq9VVHa.js")))},{id:"tools",label:"Tools",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ToolsSection-Dboq_CIJ.js")))},{id:"resources",label:"Resources",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ResourcesSection-DWNWZDXm.js")))},{id:"prompts",label:"Prompts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/PromptsSection-CK1zcA35.js")))},{id:"client-config",label:"Client Configuration",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ClientConfigSection-ChMRSm89.js")))},{id:"deployment",label:"Self-Hosting & Deployment",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/DeploymentSection-9_BZ7p6z.js")))},{id:"security",label:"Security",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SecuritySection-Dwrce-9V.js")))}];function wue(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:yue,hero:a.jsx(Oe,{title:"MCP Server",description:"Model Context Protocol server for tucu-ui. Gives AI assistants access to the component catalog, code generation, design tokens, and best practices — enabling agents to produce correct, type-safe UI code on the first try.",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-violet-500 to-fuchsia-500 rounded-full flex items-center justify-center shadow-lg border border-violet-500/50",children:a.jsx(z.BrainCircuit,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}function jue(e="spring",t=.5,r=60){return{enter:{y:0,opacity:1,transition:{type:e,duration:t}},exit:{y:r,opacity:0,transition:{type:e,duration:t}}}}const xo=()=>typeof window<"u",Cue={get:e=>{if(xo())try{const t=localStorage.getItem(e);if(t!==null)return t!==void 0?JSON?.parse(t||""):void 0}catch{console.error("localStorage get item cannot be retrieved")}},set:(e,t)=>{if(xo()){const r=JSON.stringify(t);try{localStorage.setItem(e,r)}catch(n){console.error(`localStorage set item cannot be added
+</div>`})]})]})]})})})}),a.jsx("section",{children:a.jsx(ee,{children:a.jsx(re,{title:"What's Next?",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"h6",children:"Ready to dive deeper? Explore our comprehensive utility documentation:"}),a.jsx("div",{className:"flex flex-wrap flex-row gap-3 pt-2",children:a.jsx("ul",{className:"space-y-2",children:n.map((s,i)=>a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(z.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx(O,{tag:"body",children:s})]},i))})}),a.jsxs("div",{className:"flex flex-wrap sm:flex-row gap-3 pt-2",children:[a.jsx(ye,{size:"medium",children:a.jsx(Se,{to:"/tailwind-utilities/layout-utilities",target:"_self",children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(z.BookOpen,{className:"w-4 h-4 mr-2"}),"Explore Utilities"]})})}),a.jsx(ye,{variant:"ghost",size:"medium",children:a.jsx(Se,{to:"https://tailwindcss.com/docs",target:"_blank",children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(z.ExternalLink,{className:"w-4 h-4 mr-2"}),"Tailwind Docs"]})})})]})]})})})})]})}function lue(){return a.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Oe,{title:"Transforms Utilities",description:"Complete guide to CSS transforms in Tailwind CSS v4. Master rotation, scaling, skewing, and translation.",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-linear-to-br from-violet-500 via-purple-500 to-indigo-500 rounded-full flex items-center justify-center shadow-lg",children:a.jsx(z.Move3D,{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-2",children:"CSS Transforms & 3D Effects"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Powerful transformation utilities built with Tailwind CSS v4 @source directives"})]}),a.jsx(ee,{children:a.jsx(re,{title:"Rotation Transforms",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:"Rotate elements with precise angle controls"}),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-lg flex items-center justify-center text-white font-bold transform rotate-0",children:"0°"}),a.jsx("div",{className:"w-16 h-16 bg-green-500 rounded-lg flex items-center justify-center text-white font-bold transform rotate-45",children:"45°"}),a.jsx("div",{className:"w-16 h-16 bg-blue-500 rounded-lg flex items-center justify-center text-white font-bold transform rotate-90",children:"90°"}),a.jsx("div",{className:"w-16 h-16 bg-purple-500 rounded-lg flex items-center justify-center text-white font-bold transform rotate-180",children:"180°"}),a.jsx("div",{className:"w-16 h-16 bg-pink-500 rounded-lg flex items-center justify-center text-white font-bold transform -rotate-45",children:"-45°"}),a.jsx("div",{className:"w-16 h-16 bg-indigo-500 rounded-lg flex items-center justify-center text-white font-bold transform -rotate-90",children:"-90°"})]})]})})}),a.jsx(ee,{children:a.jsx(re,{title:"Scale Transforms",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:"Scale elements up or down with precise control"}),a.jsxs("div",{className:"grid grid-cols-3 md:grid-cols-5 gap-4",children:[a.jsx("div",{className:"w-16 h-16 bg-red-500 rounded-lg flex items-center justify-center text-white font-bold transform scale-50",children:"0.5x"}),a.jsx("div",{className:"w-16 h-16 bg-orange-500 rounded-lg flex items-center justify-center text-white font-bold transform scale-75",children:"0.75x"}),a.jsx("div",{className:"w-16 h-16 bg-yellow-500 rounded-lg flex items-center justify-center text-white font-bold transform scale-100",children:"1x"}),a.jsx("div",{className:"w-16 h-16 bg-green-500 rounded-lg flex items-center justify-center text-white font-bold transform scale-125",children:"1.25x"}),a.jsx("div",{className:"w-16 h-16 bg-blue-500 rounded-lg flex items-center justify-center text-white font-bold transform scale-150",children:"1.5x"})]})]})})}),a.jsx(ee,{children:a.jsx(re,{title:"Skew Transforms",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 skew transformations along X and Y axes"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"w-20 h-16 bg-purple-500 rounded flex items-center justify-center text-white font-bold transform skew-x-3",children:"X+3°"}),a.jsx("div",{className:"w-20 h-16 bg-pink-500 rounded flex items-center justify-center text-white font-bold transform skew-x-6",children:"X+6°"}),a.jsx("div",{className:"w-20 h-16 bg-indigo-500 rounded flex items-center justify-center text-white font-bold transform skew-y-3",children:"Y+3°"}),a.jsx("div",{className:"w-20 h-16 bg-cyan-500 rounded flex items-center justify-center text-white font-bold transform skew-y-6",children:"Y+6°"})]})]})})}),a.jsx(ee,{children:a.jsx(re,{title:"Translation (Movement)",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:"Move elements along X and Y axes with precise positioning"}),a.jsxs("div",{className:"relative w-full h-32 bg-light-dark rounded-lg overflow-hidden",children:[a.jsx("div",{className:"absolute top-2 left-2 w-8 h-8 bg-red-500 rounded transform translate-x-4 translate-y-2"}),a.jsx("div",{className:"absolute top-8 left-8 w-8 h-8 bg-blue-500 rounded transform translate-x-8 translate-y-4"}),a.jsx("div",{className:"absolute top-14 left-14 w-8 h-8 bg-green-500 rounded transform -translate-x-2 -translate-y-1"}),a.jsx("div",{className:"absolute top-20 left-20 w-8 h-8 bg-purple-500 rounded transform translate-x-12 translate-y-6"}),a.jsx("div",{className:"text-xs text-gray-600 dark:text-gray-400 mt-28 text-center",children:"Elements moved with translate-x and translate-y utilities"})]})]})})}),a.jsx(ee,{children:a.jsx(re,{title:"Transform Origin",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 point from which transforms originate"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-4 gap-4",children:[a.jsx("div",{className:"w-16 h-16 bg-linear-to-r from-red-500 to-yellow-500 rounded-lg flex items-center justify-center transform origin-top rotate-45",children:a.jsx("div",{className:"w-2 h-2 bg-white rounded-full"})}),a.jsx("div",{className:"w-16 h-16 bg-linear-to-r from-green-500 to-blue-500 rounded-lg flex items-center justify-center transform origin-bottom rotate-45",children:a.jsx("div",{className:"w-2 h-2 bg-white rounded-full"})}),a.jsx("div",{className:"w-16 h-16 bg-linear-to-r from-purple-500 to-pink-500 rounded-lg flex items-center justify-center transform origin-left rotate-45",children:a.jsx("div",{className:"w-2 h-2 bg-white rounded-full"})}),a.jsx("div",{className:"w-16 h-16 bg-linear-to-r from-indigo-500 to-cyan-500 rounded-lg flex items-center justify-center transform origin-center rotate-45",children:a.jsx("div",{className:"w-2 h-2 bg-white rounded-full"})})]}),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:"origin-top"}),a.jsx("div",{children:"origin-bottom"}),a.jsx("div",{children:"origin-left"}),a.jsx("div",{children:"origin-center"})]})]})})})]})]})}function cue(){return a.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Oe,{title:"Transitions & Animations",description:"Complete guide to CSS transitions and animations in Tailwind CSS v4. Master smooth transitions and engaging animations.",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-linear-to-br from-orange-500 via-red-500 to-pink-500 rounded-full flex items-center justify-center shadow-lg",children:a.jsx(z.Play,{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-2",children:"Smooth Transitions & Engaging Animations"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Professional animation utilities built with Tailwind CSS v4 @source directives"})]}),a.jsx(ee,{children:a.jsx(re,{title:"Transition 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 which properties should transition smoothly"}),a.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-3 gap-4",children:[a.jsx("button",{className:"w-full h-16 bg-brand hover:bg-brand/80 transition-all duration-300 rounded-lg flex items-center justify-center text-white font-medium hover:scale-105",children:"transition-all"}),a.jsx("button",{className:"w-full h-16 bg-green-500 hover:bg-blue-500 transition-colors duration-300 rounded-lg flex items-center justify-center text-white font-medium",children:"transition-colors"}),a.jsx("button",{className:"w-full h-16 bg-purple-500 hover:scale-110 transition-transform duration-300 rounded-lg flex items-center justify-center text-white font-medium",children:"transition-transform"}),a.jsx("button",{className:"w-full h-16 bg-pink-500 hover:shadow-lg transition-shadow duration-300 rounded-lg flex items-center justify-center text-white font-medium",children:"transition-shadow"}),a.jsx("button",{className:"w-full h-16 bg-indigo-500 hover:opacity-75 transition-opacity duration-300 rounded-lg flex items-center justify-center text-white font-medium",children:"transition-opacity"}),a.jsx("button",{className:"w-full h-16 bg-teal-500 transition-none rounded-lg flex items-center justify-center text-white font-medium",children:"transition-none"})]})]})})}),a.jsx(ee,{children:a.jsx(re,{title:"Transition Duration",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 speed of transitions with different duration values"}),a.jsxs("div",{className:"grid grid-cols-3 md:grid-cols-5 gap-4",children:[a.jsx("button",{className:"w-full h-12 bg-red-500 hover:bg-red-600 transition-colors duration-75 rounded flex items-center justify-center text-white text-xs font-medium",children:"75ms"}),a.jsx("button",{className:"w-full h-12 bg-orange-500 hover:bg-orange-600 transition-colors duration-100 rounded flex items-center justify-center text-white text-xs font-medium",children:"100ms"}),a.jsx("button",{className:"w-full h-12 bg-yellow-500 hover:bg-yellow-600 transition-colors duration-150 rounded flex items-center justify-center text-white text-xs font-medium",children:"150ms"}),a.jsx("button",{className:"w-full h-12 bg-green-500 hover:bg-green-600 transition-colors duration-300 rounded flex items-center justify-center text-white text-xs font-medium",children:"300ms"}),a.jsx("button",{className:"w-full h-12 bg-blue-500 hover:bg-blue-600 transition-colors duration-500 rounded flex items-center justify-center text-white text-xs font-medium",children:"500ms"}),a.jsx("button",{className:"w-full h-12 bg-indigo-500 hover:bg-indigo-600 transition-colors duration-700 rounded flex items-center justify-center text-white text-xs font-medium",children:"700ms"}),a.jsx("button",{className:"w-full h-12 bg-purple-500 hover:bg-purple-600 transition-colors duration-1000 rounded flex items-center justify-center text-white text-xs font-medium",children:"1000ms"})]})]})})}),a.jsx(ee,{children:a.jsx(re,{title:"Transition Timing Functions",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 easing curves for more natural motion"}),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-linear-to-r from-red-500 to-yellow-500 rounded-lg flex items-center justify-center",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full animate-bounce ease-linear"})}),a.jsx("div",{className:"text-xs text-center",children:"ease-linear"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-linear-to-r from-green-500 to-blue-500 rounded-lg flex items-center justify-center",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full animate-bounce ease-in"})}),a.jsx("div",{className:"text-xs text-center",children:"ease-in"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-linear-to-r from-purple-500 to-pink-500 rounded-lg flex items-center justify-center",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full animate-bounce ease-out"})}),a.jsx("div",{className:"text-xs text-center",children:"ease-out"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-linear-to-r from-indigo-500 to-cyan-500 rounded-lg flex items-center justify-center",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full animate-bounce ease-in-out"})}),a.jsx("div",{className:"text-xs text-center",children:"ease-in-out"})]})]})]})})}),a.jsx(ee,{children:a.jsx(re,{title:"Transition Delay",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:"Add delays to create staggered animation effects"}),a.jsxs("div",{className:"space-y-4",children:[a.jsxs("div",{className:"flex gap-2",children:[a.jsx("div",{className:"w-8 h-8 bg-red-500 rounded transition-all duration-300 delay-0 hover:scale-125"}),a.jsx("div",{className:"w-8 h-8 bg-orange-500 rounded transition-all duration-300 delay-75 hover:scale-125"}),a.jsx("div",{className:"w-8 h-8 bg-yellow-500 rounded transition-all duration-300 delay-150 hover:scale-125"}),a.jsx("div",{className:"w-8 h-8 bg-green-500 rounded transition-all duration-300 delay-300 hover:scale-125"}),a.jsx("div",{className:"w-8 h-8 bg-blue-500 rounded transition-all duration-300 delay-500 hover:scale-125"})]}),a.jsx("div",{className:"text-xs text-center text-gray-600 dark:text-gray-400",children:"Hover over the circles to see staggered delays: 0ms, 75ms, 150ms, 300ms, 500ms"})]})]})})}),a.jsx(ee,{children:a.jsx(re,{title:"Built-in Animations",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:"Ready-to-use animations for common UI patterns"}),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-brand rounded-lg flex items-center justify-center",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full animate-spin"})}),a.jsx("div",{className:"text-xs text-center",children:"animate-spin"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-green-500 rounded-lg flex items-center justify-center",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full animate-ping"})}),a.jsx("div",{className:"text-xs text-center",children:"animate-ping"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-purple-500 rounded-lg flex items-center justify-center",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full animate-pulse"})}),a.jsx("div",{className:"text-xs text-center",children:"animate-pulse"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full h-16 bg-pink-500 rounded-lg flex items-center justify-center",children:a.jsx("div",{className:"w-4 h-4 bg-white rounded-full animate-bounce"})}),a.jsx("div",{className:"text-xs text-center",children:"animate-bounce"})]})]})]})})})]})]})}function due(){return a.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Oe,{title:"Typography Utilities",description:"Complete typography system with font families, sizes, weights, spacing, and text formatting utilities.",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-linear-to-br from-blue-600 via-purple-600 to-pink-600 rounded-full flex items-center justify-center shadow-lg",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:"text-white/90 text-2xl font-bold",children:"Aa"})})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-2",children:"Font & Text Styling"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Professional typography utilities built with Tailwind CSS v4 @source directives"})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Font Family"}),a.jsx(ee,{children:a.jsx(re,{title:"Font Family 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:"Choose from sans-serif, serif, and monospace font stacks"}),a.jsxs("div",{className:"grid grid-cols-1 gap-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded-lg",children:a.jsxs("p",{className:"font-sans text-lg",children:[a.jsx("strong",{className:"text-brand",children:"font-sans:"})," The quick brown fox jumps over the lazy dog"]})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded-lg",children:a.jsxs("p",{className:"font-serif text-lg",children:[a.jsx("strong",{className:"text-brand",children:"font-serif:"})," The quick brown fox jumps over the lazy dog"]})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded-lg",children:a.jsxs("p",{className:"font-mono text-lg",children:[a.jsx("strong",{className:"text-brand",children:"font-mono:"})," The quick brown fox jumps over the lazy dog"]})})})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Font Size"}),a.jsx(ee,{children:a.jsx(re,{title:"Font Size Scale",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:"Comprehensive font size scale from extra small to extra large"}),a.jsxs("div",{className:"space-y-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsxs("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"text-xs text-brand",children:"text-xs:"}),a.jsx("span",{className:"text-xs ml-2",children:"The quick brown fox jumps over the lazy dog"})]})}),a.jsx("div",{className:"space-y-2",children:a.jsxs("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"text-sm text-brand",children:"text-sm:"}),a.jsx("span",{className:"text-sm ml-2",children:"The quick brown fox jumps over the lazy dog"})]})}),a.jsx("div",{className:"space-y-2",children:a.jsxs("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"text-base text-brand",children:"text-base:"}),a.jsx("span",{className:"text-base ml-2",children:"The quick brown fox jumps over the lazy dog"})]})}),a.jsx("div",{className:"space-y-2",children:a.jsxs("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"text-lg text-brand",children:"text-lg:"}),a.jsx("span",{className:"text-lg ml-2",children:"The quick brown fox jumps over the lazy dog"})]})}),a.jsx("div",{className:"space-y-2",children:a.jsxs("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"text-xl text-brand",children:"text-xl:"}),a.jsx("span",{className:"text-xl ml-2",children:"The quick brown fox jumps over the lazy dog"})]})}),a.jsx("div",{className:"space-y-2",children:a.jsxs("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"text-2xl text-brand",children:"text-2xl:"}),a.jsx("span",{className:"text-2xl ml-2",children:"The quick brown fox jumps"})]})}),a.jsx("div",{className:"space-y-2",children:a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"text-3xl text-brand",children:"text-3xl:"}),a.jsx("span",{className:"text-3xl ml-2",children:"The quick brown"})]})})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Font Smoothing"}),a.jsx(ee,{children:a.jsx(re,{title:"Antialiasing Options",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 font rendering quality and antialiasing"}),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 bg-white dark:bg-gray-800 border border-border rounded-lg",children:a.jsxs("p",{className:"antialiased text-lg",children:[a.jsx("strong",{className:"text-brand",children:"antialiased:"})," The quick brown fox jumps over the lazy dog"]})}),a.jsx("div",{className:"text-xs text-center text-gray-600 dark:text-gray-300",children:"Smooth antialiasing"})]}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded-lg",children:a.jsxs("p",{className:"subpixel-antialiased text-lg",children:[a.jsx("strong",{className:"text-brand",children:"subpixel-antialiased:"})," ","The quick brown fox jumps over the lazy dog"]})}),a.jsx("div",{className:"text-xs text-center text-gray-600 dark:text-gray-300",children:"Subpixel antialiasing"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Font Style"}),a.jsx(ee,{children:a.jsx(re,{title:"Italic & Normal Styles",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 italic styling or reset to normal"}),a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded-lg",children:a.jsxs("p",{className:"not-italic text-lg",children:[a.jsx("strong",{className:"text-brand",children:"not-italic:"})," The quick brown fox jumps over the lazy dog"]})})}),a.jsx("div",{className:"space-y-2",children:a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded-lg",children:a.jsxs("p",{className:"italic text-lg",children:[a.jsx("strong",{className:"text-brand",children:"italic:"})," The quick brown fox jumps over the lazy dog"]})})})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Font Weight"}),a.jsx(ee,{children:a.jsx(re,{title:"Font Weight Scale",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:"Comprehensive font weight options from thin to black"}),a.jsxs("div",{className:"space-y-3",children:[a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"font-thin text-sm text-brand",children:"font-thin (100):"}),a.jsx("span",{className:"font-thin ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"font-light text-sm text-brand",children:"font-light (300):"}),a.jsx("span",{className:"font-light ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"font-normal text-sm text-brand",children:"font-normal (400):"}),a.jsx("span",{className:"font-normal ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"font-medium text-sm text-brand",children:"font-medium (500):"}),a.jsx("span",{className:"font-medium ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"font-semibold text-sm text-brand",children:"font-semibold (600):"}),a.jsx("span",{className:"font-semibold ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"font-bold text-sm text-brand",children:"font-bold (700):"}),a.jsx("span",{className:"font-bold ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"font-black text-sm text-brand",children:"font-black (900):"}),a.jsx("span",{className:"font-black ml-2",children:"The quick brown fox"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Font Variant Numeric"}),a.jsx(ee,{children:a.jsx(re,{title:"Numeric Styling Options",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 numbers and fractions are displayed"}),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:"Number Styles"}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"normal-nums text-sm text-brand",children:"normal-nums:"}),a.jsx("span",{className:"normal-nums ml-2",children:"1234567890"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"lining-nums text-sm text-brand",children:"lining-nums:"}),a.jsx("span",{className:"lining-nums ml-2",children:"1234567890"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"oldstyle-nums text-sm text-brand",children:"oldstyle-nums:"}),a.jsx("span",{className:"oldstyle-nums ml-2",children:"1234567890"})]})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Fraction & Spacing"}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"diagonal-fractions text-sm text-brand",children:"diagonal-fractions:"}),a.jsx("span",{className:"diagonal-fractions ml-2",children:"1/2 3/4"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"stacked-fractions text-sm text-brand",children:"stacked-fractions:"}),a.jsx("span",{className:"stacked-fractions ml-2",children:"1/2 3/4"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"tabular-nums text-sm text-brand",children:"tabular-nums:"}),a.jsx("span",{className:"tabular-nums ml-2 font-mono",children:"12 345 6789"})]})]})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Letter Spacing"}),a.jsx(ee,{children:a.jsx(re,{title:"Tracking Options",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 space between characters for improved readability"}),a.jsxs("div",{className:"space-y-3",children:[a.jsxs("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"tracking-tighter text-sm text-brand",children:"tracking-tighter:"}),a.jsx("span",{className:"tracking-tighter ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"tracking-tight text-sm text-brand",children:"tracking-tight:"}),a.jsx("span",{className:"tracking-tight ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"tracking-normal text-sm text-brand",children:"tracking-normal:"}),a.jsx("span",{className:"tracking-normal ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"tracking-wide text-sm text-brand",children:"tracking-wide:"}),a.jsx("span",{className:"tracking-wide ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"tracking-wider text-sm text-brand",children:"tracking-wider:"}),a.jsx("span",{className:"tracking-wider ml-2",children:"The quick brown fox"})]}),a.jsxs("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"tracking-widest text-sm text-brand",children:"tracking-widest:"}),a.jsx("span",{className:"tracking-widest ml-2",children:"The quick brown fox"})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Line Clamp & Line Height"}),a.jsx(ee,{children:a.jsx(re,{title:"Text Truncation & 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 text overflow and line spacing"}),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:"Line Clamp"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full max-w-md h-20 p-3 bg-white dark:bg-gray-800 border border-border rounded overflow-hidden",children:a.jsxs("p",{className:"line-clamp-2 text-sm",children:[a.jsx("strong",{className:"text-brand",children:"line-clamp-2:"})," ","This is a long paragraph that will be truncated after two lines. The text will continue but won't be visible beyond the second line."]})}),a.jsx("div",{className:"w-full max-w-md h-20 p-3 bg-white dark:bg-gray-800 border border-border rounded overflow-hidden",children:a.jsxs("p",{className:"line-clamp-3 text-sm",children:[a.jsx("strong",{className:"text-brand",children:"line-clamp-3:"})," ","This is a long paragraph that will be truncated after three lines. The text will continue but won't be visible beyond the third line."]})})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Line Height"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"leading-tight text-sm",children:[a.jsx("strong",{className:"text-brand",children:"leading-tight:"}),a.jsx("br",{}),"Tight line spacing for compact layouts"]})}),a.jsx("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"leading-normal text-sm",children:[a.jsx("strong",{className:"text-brand",children:"leading-normal:"}),a.jsx("br",{}),"Standard line spacing for comfortable reading"]})}),a.jsx("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"leading-loose text-sm",children:[a.jsx("strong",{className:"text-brand",children:"leading-loose:"}),a.jsx("br",{}),"Generous line spacing for better readability"]})})]})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"List Style"}),a.jsx(ee,{children:a.jsx(re,{title:"List Formatting",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 list marker positioning and types"}),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:"List Position"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("ul",{className:"list-inside text-sm",children:[a.jsxs("li",{children:[a.jsx("strong",{className:"text-brand",children:"list-inside:"})," ","Items are inside the content flow"]}),a.jsx("li",{children:"Second item with longer text"}),a.jsx("li",{children:"Third item here"})]})}),a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("ul",{className:"list-outside text-sm",children:[a.jsxs("li",{children:[a.jsx("strong",{className:"text-brand",children:"list-outside:"})," ","Items are outside the content flow"]}),a.jsx("li",{children:"Second item with longer text"}),a.jsx("li",{children:"Third item here"})]})})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"List Types"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("ul",{className:"list-disc text-sm",children:[a.jsxs("li",{children:[a.jsx("strong",{className:"text-brand",children:"list-disc:"})," ","Bulleted list"]}),a.jsx("li",{children:"Second item"}),a.jsx("li",{children:"Third item"})]})}),a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("ol",{className:"list-decimal text-sm",children:[a.jsxs("li",{children:[a.jsx("strong",{className:"text-brand",children:"list-decimal:"})," ","Numbered list"]}),a.jsx("li",{children:"Second item"}),a.jsx("li",{children:"Third item"})]})})]})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Text Alignment & Colors"}),a.jsx(ee,{children:a.jsx(re,{title:"Text Alignment & 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:"Control text positioning and semantic color utilities"}),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:"Text Alignment"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"text-left text-sm",children:[a.jsx("strong",{className:"text-brand",children:"text-left:"})," ","Left aligned text for standard layouts"]})}),a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"text-center text-sm",children:[a.jsx("strong",{className:"text-brand",children:"text-center:"})," ","Center aligned text for headings"]})}),a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsx("p",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"text-right text-sm",children:[a.jsx("strong",{className:"text-brand",children:"text-right:"})," ","Right aligned text for special layouts"]})})})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Text Colors"}),a.jsxs("div",{className:"grid grid-cols-2 gap-2",children:[a.jsx("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded text-center",children:a.jsx("span",{className:"text-brand text-sm block",children:"text-brand"})}),a.jsx("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded text-center",children:a.jsx("span",{className:"text-red-500 text-sm block",children:"text-red-500"})}),a.jsx("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded text-center",children:a.jsx("span",{className:"text-green-500 text-sm block",children:"text-green-500"})}),a.jsx("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded text-center",children:a.jsx("span",{className:"text-blue-500 text-sm block",children:"text-blue-500"})}),a.jsx("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded text-center",children:a.jsx("span",{className:"text-gray-600 text-sm block",children:"text-gray-600"})}),a.jsx("div",{className:"p-2 bg-white dark:bg-gray-800 border border-border rounded text-center",children:a.jsx("span",{className:"text-gray-900 text-sm block",children:"text-gray-900"})})]})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Text Decoration"}),a.jsx(ee,{children:a.jsx(re,{title:"Decoration Styles & Options",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:"Underline, overline, and strikethrough text decorations"}),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:"Decoration Types"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"underline text-lg",children:[a.jsx("strong",{className:"text-brand",children:"underline:"})," ","Underlined text"]})}),a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"overline text-lg",children:[a.jsx("strong",{className:"text-brand",children:"overline:"})," ","Overlined text"]})}),a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsx("p",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"line-through text-lg",children:[a.jsx("strong",{className:"text-brand",children:"line-through:"})," ","Strikethrough text"]})})})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Decoration Styles"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"underline decoration-solid text-lg",children:[a.jsx("strong",{className:"text-brand",children:"decoration-solid:"})," ","Solid underline"]})}),a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"underline decoration-dashed text-lg",children:[a.jsx("strong",{className:"text-brand",children:"decoration-dashed:"})," ","Dashed underline"]})}),a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"underline decoration-wavy text-lg",children:[a.jsx("strong",{className:"text-brand",children:"decoration-wavy:"})," ","Wavy underline"]})}),a.jsx("div",{className:"p-4 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"underline decoration-2 decoration-brand text-lg",children:[a.jsx("strong",{className:"text-brand",children:"decoration-2 decoration-brand:"})," ","Thick brand underline"]})})]})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Text Transform & Overflow"}),a.jsx(ee,{children:a.jsx(re,{title:"Case Transformation & Text Handling",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 case and handle overflow scenarios"}),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:"Text Transform"}),a.jsxs("div",{className:"space-y-2",children:[a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"uppercase text-sm text-brand",children:"uppercase:"}),a.jsx("span",{className:"uppercase ml-2",children:"hello world"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"lowercase text-sm text-brand",children:"lowercase:"}),a.jsx("span",{className:"lowercase ml-2",children:"HELLO WORLD"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"capitalize text-sm text-brand",children:"capitalize:"}),a.jsx("span",{className:"capitalize ml-2",children:"hello world"})]}),a.jsxs("div",{className:"p-3 bg-white dark:bg-gray-800 border border-border rounded",children:[a.jsx("span",{className:"normal-case text-sm text-brand",children:"normal-case:"}),a.jsx("span",{className:"normal-case ml-2",children:"HELLO WORLD"})]})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Text Overflow"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full max-w-xs h-12 p-3 bg-white dark:bg-gray-800 border border-border rounded overflow-hidden",children:a.jsxs("p",{className:"truncate text-sm",children:[a.jsx("strong",{className:"text-brand",children:"truncate:"})," This text will be truncated with ellipsis if it's too long"]})}),a.jsx("div",{className:"w-full max-w-xs h-12 p-3 bg-white dark:bg-gray-800 border border-border rounded overflow-hidden",children:a.jsxs("p",{className:"text-ellipsis text-sm overflow-hidden",children:[a.jsx("strong",{className:"text-brand",children:"text-ellipsis:"})," ","This text will show ellipsis at the end"]})})]})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Text Wrap & Indentation"}),a.jsx(ee,{children:a.jsx(re,{title:"Wrapping & Spacing Control",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 wrapping behavior and indentation"}),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:"Text Wrap"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full max-w-md p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"text-wrap text-sm",children:[a.jsx("strong",{className:"text-brand",children:"text-wrap:"})," ","This text will wrap normally at word boundaries and fill the available space."]})}),a.jsx("div",{className:"w-full max-w-md p-3 bg-white dark:bg-gray-800 border border-border rounded overflow-hidden",children:a.jsxs("p",{className:"text-nowrap text-sm",children:[a.jsx("strong",{className:"text-brand",children:"text-nowrap:"})," ","This text will not wrap and may overflow its container."]})})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Text Indent"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full max-w-md p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"indent-0 text-sm",children:[a.jsx("strong",{className:"text-brand",children:"indent-0:"})," No indentation for the first line of text."]})}),a.jsx("div",{className:"w-full max-w-md p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"indent-4 text-sm",children:[a.jsx("strong",{className:"text-brand",children:"indent-4:"})," ","First line indented by 1rem for paragraph formatting."]})}),a.jsx("div",{className:"w-full max-w-md p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"indent-8 text-sm",children:[a.jsx("strong",{className:"text-brand",children:"indent-8:"})," ","First line indented by 2rem for deeper nesting."]})})]})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Vertical Align & Whitespace"}),a.jsx(ee,{children:a.jsx(re,{title:"Alignment & Spacing Control",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 inline element alignment and whitespace handling"}),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:"Vertical Align"}),a.jsxs("div",{className:"space-y-3",children:[a.jsxs("div",{className:"h-16 p-3 bg-white dark:bg-gray-800 border border-border rounded flex items-center",children:[a.jsx("span",{className:"w-4 h-4 bg-brand rounded align-baseline mr-2"}),a.jsx("span",{className:"text-sm text-brand",children:"align-baseline:"}),a.jsx("span",{className:"ml-2",children:"Text aligned to baseline"})]}),a.jsxs("div",{className:"h-16 p-3 bg-white dark:bg-gray-800 border border-border rounded flex items-center",children:[a.jsx("span",{className:"w-4 h-4 bg-green-500 rounded align-middle mr-2"}),a.jsx("span",{className:"text-sm text-green-600",children:"align-middle:"}),a.jsx("span",{className:"ml-2",children:"Text aligned to middle"})]}),a.jsxs("div",{className:"h-16 p-3 bg-white dark:bg-gray-800 border border-border rounded flex items-center",children:[a.jsx("span",{className:"w-4 h-4 bg-blue-500 rounded align-top mr-2"}),a.jsx("span",{className:"text-sm text-blue-600",children:"align-top:"}),a.jsx("span",{className:"ml-2",children:"Text aligned to top"})]})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Whitespace"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full max-w-md p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"whitespace-normal text-sm",children:[a.jsx("strong",{className:"text-brand",children:"whitespace-normal:"})," ","Normal whitespace handling with wrapping."]})}),a.jsx("div",{className:"w-full max-w-md p-3 bg-white dark:bg-gray-800 border border-border rounded overflow-hidden",children:a.jsxs("p",{className:"whitespace-nowrap text-sm",children:[a.jsx("strong",{className:"text-brand",children:"whitespace-nowrap:"})," ","No wrapping, may overflow."]})}),a.jsx("div",{className:"w-full max-w-md p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"whitespace-pre text-sm",children:[a.jsx("strong",{className:"text-brand",children:"whitespace-pre:"})," ","Preserves whitespace and line breaks."]})})]})]})]})]})})})]}),a.jsxs("section",{className:"space-y-6",children:[a.jsx(O,{tag:"h3",className:"text-base font-semibold",children:"Word Break & Hyphens"}),a.jsx(ee,{children:a.jsx(re,{title:"Text Breaking & Hyphenation",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 words break across lines and hyphenation behavior"}),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:"Word Break"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full max-w-xs p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"break-normal text-sm",children:[a.jsx("strong",{className:"text-brand",children:"break-normal:"})," ","Normal word breaking at natural boundaries."]})}),a.jsx("div",{className:"w-full max-w-xs p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"break-words text-sm",children:[a.jsx("strong",{className:"text-brand",children:"break-words:"})," ","Verylongwordsthatwouldnormallyoverflow."]})})]})]}),a.jsxs("div",{className:"space-y-3",children:[a.jsx(O,{tag:"h4",className:"text-sm font-medium",children:"Hyphens"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:"w-full max-w-xs p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"hyphens-none text-sm",children:[a.jsx("strong",{className:"text-brand",children:"hyphens-none:"})," ","No hyphenation, words may overflow."]})}),a.jsx("div",{className:"w-full max-w-xs p-3 bg-white dark:bg-gray-800 border border-border rounded",children:a.jsxs("p",{className:"hyphens-auto text-sm",children:[a.jsx("strong",{className:"text-brand",children:"hyphens-auto:"})," ","Automatic hyphenation when appropriate."]})})]})]})]})]})})})]})]})]})}const uue=[{icon:a.jsx(z.Palette,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Apple HIG Compliant",description:"Components follow Apple Human Interface Guidelines for authentic macOS look and feel",iconBgClassName:"from-blue-500 to-indigo-500"},{icon:a.jsx(z.Paintbrush,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"CSS Custom Properties",description:"Fully tokenized with CSS variables for easy theming and runtime customization",iconBgClassName:"from-purple-500 to-pink-500"},{icon:a.jsx(z.Layers,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Multiple Themes",description:"Support for Sonoma and Tahoe design languages with distinct visual identities",iconBgClassName:"from-green-500 to-emerald-500"},{icon:a.jsx(z.Sparkles,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Materials & Effects",description:"Vibrancy, blur, translucency, and Liquid Glass effects via Tailwind v4",iconBgClassName:"from-cyan-500 to-blue-500"},{icon:a.jsx(z.Moon,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Dark Mode Native",description:"Full dark mode support matching macOS system appearance preferences",iconBgClassName:"from-gray-600 to-gray-800"},{icon:a.jsx(z.Puzzle,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),title:"Composable Components",description:"Windows, sidebars, toolbars, widgets, and controls ready to combine",iconBgClassName:"from-orange-500 to-red-500"}],fue=[{id:"sonoma",title:"macOS Sonoma",version:"14",description:"Spatial aurora backgrounds, vibrancy materials, segmented controls, traffic-light windows, widgets, and more.",icon:a.jsx(z.Monitor,{className:"w-10 h-10 text-white filter drop-shadow-lg"}),gradient:"linear-gradient(135deg, #007aff 0%, #5856d6 100%)",path:"/macos/sonoma",sections:[{label:"Colors",category:"Foundations"},{label:"Materials",category:"Foundations"},{label:"Typography",category:"Foundations"},{label:"Shapes & Spacing",category:"Foundations"},{label:"Window",category:"Containers"},{label:"Sidebar",category:"Containers"},{label:"Toolbar",category:"Containers"},{label:"Widget",category:"Containers"},{label:"Segmented Control",category:"Controls"},{label:"Search Bar",category:"Controls"},{label:"Command Palette",category:"Controls"},{label:"Notification Banner",category:"Feedback"},{label:"Popover",category:"Feedback"}]},{id:"tahoe",title:"macOS Tahoe",version:"26",description:"Liquid Glass materials, translucent surfaces, spatial depth, and the next generation of macOS design.",icon:a.jsx(z.Layers,{className:"w-10 h-10 text-white filter drop-shadow-lg"}),gradient:"linear-gradient(135deg, #30d158 0%, #00c7be 50%, #007aff 100%)",path:"/macos/tahoe",sections:[{label:"Liquid Glass",category:"Foundations"},{label:"Colors",category:"Foundations"},{label:"Materials",category:"Foundations"},{label:"Text Styles",category:"Foundations"},{label:"Backgrounds",category:"Foundations"},{label:"Window",category:"Components"},{label:"Search Bar",category:"Components"},{label:"Segmented Control",category:"Components"},{label:"Widget",category:"Components"},{label:"Popover",category:"Components"},{label:"Notification Banner",category:"Components"},{label:"Progress Bar",category:"Components"},{label:"Dialog",category:"Components"},{label:"Command Palette",category:"Components"},{label:"Dock",category:"Components"}]}],pue=[{icon:a.jsx(z.SwatchBook,{className:"w-5 h-5"}),title:"Foundations",description:"Colors, materials, typography, shapes, and spacing tokens",color:"blue"},{icon:a.jsx(z.LayoutGrid,{className:"w-5 h-5"}),title:"Containers",description:"Windows, sidebars, toolbars, and widget shells",color:"purple"},{icon:a.jsx(z.ToggleLeft,{className:"w-5 h-5"}),title:"Controls",description:"Segmented controls, search bars, command palettes",color:"cyan"},{icon:a.jsx(z.Bell,{className:"w-5 h-5"}),title:"Feedback",description:"Notifications, popovers, dialogs, and progress indicators",color:"orange"},{icon:a.jsx(z.Gem,{className:"w-5 h-5"}),title:"Liquid Glass",description:"Translucent surfaces with depth and spatial blur (Tahoe)",color:"green"},{icon:a.jsx(z.Navigation,{className:"w-5 h-5"}),title:"Navigation",description:"Dock, toolbar actions, and sidebar navigation patterns",color:"pink"}],mue=["Explore macOS Sonoma with vibrancy materials and spatial aurora effects","Try the new macOS Tahoe Liquid Glass components and translucent surfaces","Combine macOS components with tucu-ui theming for custom applications","Use CSS custom properties to adapt tokens to your brand colors","Build full desktop-like interfaces with windows, sidebars, and toolbars"];function hue(){const e=Ne.useNavigate();return a.jsxs("div",{className:"space-y-8 max-w-6xl sm:space-y-12 w-full mx-auto px-4 sm:px-6 lg:px-8 relative pt-8 lg:pt-12",children:[a.jsx(Oe,{title:"macOS Design System",description:"Apple HIG-compliant components inspired by macOS. Choose a theme to explore its components, tokens, and design patterns — all powered by CSS custom properties and Tailwind v4.",githubButton:!0,getStartedButton:!0,icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 rounded-[22%] flex items-center justify-center shadow-lg border border-white/20",style:{background:"linear-gradient(135deg, #007aff 0%, #5856d6 100%)"},children:a.jsx(z.Monitor,{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-2",children:"Why macOS Design System?"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Authentic Apple-inspired components with full theming support, dark mode, and modern CSS effects"})]}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:uue.map((t,r)=>a.jsx(cr,{layout:"horizontal",icon:t.icon,title:t.title,description:t.description,iconBgClassName:t.iconBgClassName},r))})]}),a.jsx("section",{className:"space-y-8",children:a.jsx(ee,{className:"overflow-hidden",children:a.jsx(re,{title:"Component Coverage",children:a.jsxs("div",{className:"w-full space-y-8",children:[a.jsxs(O,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-300 flex items-center gap-2",children:[a.jsx(z.CheckCircle,{className:"w-5 h-5 text-green-500"}),"28+ components across 2 themes covering foundations, containers, controls, and feedback patterns"]}),a.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:pue.map((t,r)=>a.jsx(Ha,{icon:t.icon,title:t.title,description:t.description,color:t.color},r))})]})})})}),a.jsxs("section",{className:"space-y-8",children:[a.jsxs("div",{className:"text-center",children:[a.jsx(O,{tag:"h2",className:"mb-2",children:"Choose a Theme"}),a.jsx(O,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"Each macOS version has its own design language, tokens, and component variants"})]}),a.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:fue.map(t=>a.jsx(ee,{children:a.jsxs("button",{onClick:()=>e(t.path),className:"w-full text-left p-6 sm:p-8 transition-all hover:scale-[1.01] active:scale-[0.99] group",children:[a.jsxs("div",{className:"flex items-start gap-5",children:[a.jsx("div",{className:"w-16 h-16 rounded-[22%] flex items-center justify-center shadow-lg border border-white/20 shrink-0",style:{background:t.gradient},children:t.icon}),a.jsxs("div",{className:"flex flex-col gap-2 min-w-0",children:[a.jsxs("div",{className:"flex items-baseline gap-2",children:[a.jsx(O,{tag:"h4",className:"text-lg font-semibold",children:t.title}),a.jsxs("span",{className:"text-xs font-medium text-gray-400 dark:text-gray-500",children:["v",t.version]})]}),a.jsx(O,{tag:"p",className:"text-sm text-gray-500 dark:text-gray-400 leading-relaxed",children:t.description}),a.jsx("div",{className:"flex flex-col gap-2 mt-2",children:Object.entries(t.sections.reduce((r,n)=>(r[n.category]||(r[n.category]=[]),r[n.category].push(n.label),r),{})).map(([r,n])=>a.jsxs("div",{className:"flex flex-wrap items-center gap-1.5",children:[a.jsxs("span",{className:"text-[10px] font-semibold text-gray-400 dark:text-gray-500 uppercase tracking-wider mr-1",children:[r,":"]}),n.map(s=>a.jsx("span",{className:"text-[10px] font-medium px-2 py-0.5 rounded-full bg-gray-100 dark:bg-gray-800 text-gray-500 dark:text-gray-400",children:s},s))]},r))})]})]}),a.jsxs("div",{className:"flex items-center justify-end mt-4 text-sm font-medium text-brand opacity-0 group-hover:opacity-100 transition-opacity",children:["Explore",a.jsx(z.ArrowRight,{className:"w-4 h-4 ml-1"})]})]})},t.id))})]}),a.jsx("section",{children:a.jsx(ee,{children:a.jsx(re,{title:"What's Next?",children:a.jsxs("div",{className:"space-y-4",children:[a.jsx(O,{tag:"h6",children:"Ready to build macOS-style interfaces? Start with a theme:"}),a.jsx("div",{className:"flex flex-wrap flex-row gap-3 pt-2",children:a.jsx("ul",{className:"space-y-2",children:mue.map((t,r)=>a.jsxs("li",{className:"flex items-center gap-3",children:[a.jsx(z.Check,{className:"w-5 h-5 text-green-500 shrink-0"}),a.jsx(O,{tag:"body",children:t})]},r))})}),a.jsxs("div",{className:"flex flex-wrap sm:flex-row gap-3 pt-2",children:[a.jsx(ye,{size:"medium",onClick:()=>e("/macos/sonoma"),children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(z.Monitor,{className:"w-4 h-4 mr-2"}),"Explore Sonoma"]})}),a.jsx(ye,{variant:"ghost",size:"medium",onClick:()=>e("/macos/tahoe"),children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(z.Layers,{className:"w-4 h-4 mr-2"}),"Explore Tahoe"]})}),a.jsx(ye,{variant:"ghost",size:"medium",children:a.jsx(Se,{to:"https://developer.apple.com/design/human-interface-guidelines",target:"_blank",children:a.jsxs("div",{className:"flex justify-center items-center",children:[a.jsx(z.ExternalLink,{className:"w-4 h-4 mr-2"}),"Apple HIG"]})})})]})]})})})})]})}const gue=[{id:"sonoma-colors",label:"Colors",category:"Foundations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SonomaColorsSection-BRLJ1nsS.js")))},{id:"sonoma-materials",label:"Materials",category:"Foundations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SonomaMaterialsSection-D5QvfZ-a.js")))},{id:"sonoma-typography",label:"Typography",category:"Foundations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SonomaTypographySection-CUcTN91T.js")))},{id:"sonoma-shapes",label:"Shapes & Spacing",category:"Foundations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SonomaShapesSection-Dp0FggJA.js")))},{id:"macos-sidebar",label:"MacSidebarCard",category:"Containers",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSSidebarSection-BK89_r52.js")))},{id:"macos-toolbar",label:"Toolbar",category:"Layouts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSToolbarSection-CATKLz6C.js")))},{id:"sonoma-layout-sidebar",label:"Layout Sidebar",category:"Layouts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SonomaLayoutSidebarSection-0QSWFkTs.js")))},{id:"sonoma-layout-content",label:"Layout Content",category:"Layouts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SonomaLayoutContentSection-C4ur21fK.js")))},{id:"macos-window",label:"Window",category:"Containers",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSWindowSection-BoHCg9F6.js")))},{id:"macos-widget",label:"Widget",category:"Containers",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSWidgetSection-3qzvChkc.js")))},{id:"macos-segmented-control",label:"Segmented Control",category:"Controls",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSSegmentedControlSection-BwUktsuc.js")))},{id:"macos-search-bar",label:"Search Bar",category:"Controls",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSSearchBarSection-BMbcOTEv.js")))},{id:"macos-command-palette",label:"Command Palette",category:"Controls",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSCommandPaletteSection-3jJQ4U0w.js")))},{id:"macos-notification-banner",label:"Notification Banner",category:"Feedback",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSNotificationBannerSection-DctjAwCv.js")))},{id:"macos-popover",label:"Popover",category:"Feedback",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSPopoverSection-7Q1LYLO1.js")))}];function xue(){const{applyMacOSTheme:e,layout:t}=we();return y.useEffect(()=>{t!=="macos"&&e()},[t]),a.jsx(Xt,{hideHeroInSubSections:!0,sections:gue,hero:a.jsx(Oe,{title:"macOS Sonoma",description:"Apple HIG-compliant components for macOS Sonoma 14. Spatial aurora backgrounds, vibrancy materials, segmented controls, traffic-light windows, widgets, and more — all powered by CSS custom properties and Tailwind v4.",githubButton:!0,getStartedButton:!0,icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 rounded-[22%] flex items-center justify-center shadow-lg border border-white/20",style:{background:"linear-gradient(135deg, #007aff 0%, #5856d6 100%)"},children:a.jsx(z.Monitor,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const bue=[{id:"tahoe-liquid-glass",label:"Liquid Glass",category:"Foundations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSTahoeSection-BSih7uvf.js")))},{id:"macos-colors",label:"Colors",category:"Foundations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSColorsSection-CdREot4P.js")))},{id:"macos-materials",label:"Materials",category:"Foundations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSMaterialsSection-DS1i23w7.js")))},{id:"macos-text-styles",label:"Text Styles",category:"Foundations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSTextStylesSection-BnhSklUV.js")))},{id:"macos-backgrounds",label:"Backgrounds",category:"Foundations",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/MacOSBackgroundsSection-VxUSMkbM.js")))},{id:"tahoe-dock",label:"Dock",category:"Layouts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeDockSection-BMvBO87k.js")))},{id:"tahoe-toolbar",label:"Toolbar",category:"Layouts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeToolbarSection-CiBO45zJ.js")))},{id:"tahoe-layout-sidebar",label:"Layout Sidebar",category:"Layouts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeLayoutSidebarSection-TxleKKuc.js")))},{id:"tahoe-layout-content",label:"Layout Content",category:"Layouts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeLayoutContentSection-C4Y7g9ah.js")))},{id:"tahoe-window",label:"Window",category:"Containers",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeWindowSection-CdvHTZrj.js")))},{id:"tahoe-widget",label:"Widget",category:"Containers",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeWidgetSection-Cnsa_IF4.js")))},{id:"tahoe-search-bar",label:"Search Bar",category:"Controls",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeSearchBarSection-BiKbZOj2.js")))},{id:"tahoe-segmented-control",label:"Segmented Control",category:"Controls",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeSegmentedControlSection-CHdD9yCN.js")))},{id:"tahoe-command-palette",label:"Command Palette",category:"Controls",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeCommandPaletteSection-B1t030RG.js")))},{id:"tahoe-progress-bar",label:"Progress Bar",category:"Controls",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeProgressBarSection-DbBQBSYJ.js")))},{id:"tahoe-dialog",label:"Dialog",category:"Feedback",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeDialogSection-Cv5a9eHs.js")))},{id:"tahoe-notification-banner",label:"Notification Banner",category:"Feedback",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoeNotificationBannerSection-BvY7PWKj.js")))},{id:"tahoe-popover",label:"Popover",category:"Feedback",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/TahoePopoverSection-CQN86mL6.js")))}];function vue(){const{applyMacOSTahoeTheme:e,layout:t}=we();return y.useEffect(()=>{t!=="macos-tahoe"&&t!=="macos-tahoe-dock"&&e()},[t]),a.jsx(Xt,{hideHeroInSubSections:!0,sections:bue,hero:a.jsx(Oe,{title:"macOS Tahoe",description:"Apple HIG-compliant components for macOS Tahoe 26. Liquid Glass materials, translucent surfaces, spatial depth, and the next generation of macOS design — all powered by CSS custom properties and Tailwind v4.",githubButton:!0,getStartedButton:!0,icon:a.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 rounded-[22%] flex items-center justify-center shadow-lg border border-white/20",style:{background:"linear-gradient(135deg, #30d158 0%, #00c7be 50%, #007aff 100%)"},children:a.jsx(z.Layers,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}const yue=[{id:"overview",label:"Overview",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/OverviewSection-z0j3HNDh.js")))},{id:"installation",label:"Installation & Setup",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/InstallationSection-C9o9wOGv.js")))},{id:"tools",label:"Tools",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ToolsSection-BkIVMrhG.js")))},{id:"resources",label:"Resources",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ResourcesSection-b_NwlrRw.js")))},{id:"prompts",label:"Prompts",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/PromptsSection-DQfhzbTs.js")))},{id:"client-config",label:"Client Configuration",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/ClientConfigSection-BzTtDL_p.js")))},{id:"deployment",label:"Self-Hosting & Deployment",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/DeploymentSection-LE_SiP9B.js")))},{id:"security",label:"Security",component:y.lazy(()=>Promise.resolve().then(()=>require("./documentation/SecuritySection-CssoZr5U.js")))}];function wue(){return a.jsx(Xt,{hideHeroInSubSections:!0,sections:yue,hero:a.jsx(Oe,{title:"MCP Server",description:"Model Context Protocol server for tucu-ui. Gives AI assistants access to the component catalog, code generation, design tokens, and best practices — enabling agents to produce correct, type-safe UI code on the first try.",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-violet-500 to-fuchsia-500 rounded-full flex items-center justify-center shadow-lg border border-violet-500/50",children:a.jsx(z.BrainCircuit,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})})})}function jue(e="spring",t=.5,r=60){return{enter:{y:0,opacity:1,transition:{type:e,duration:t}},exit:{y:r,opacity:0,transition:{type:e,duration:t}}}}const xo=()=>typeof window<"u",Cue={get:e=>{if(xo())try{const t=localStorage.getItem(e);if(t!==null)return t!==void 0?JSON?.parse(t||""):void 0}catch{console.error("localStorage get item cannot be retrieved")}},set:(e,t)=>{if(xo()){const r=JSON.stringify(t);try{localStorage.setItem(e,r)}catch(n){console.error(`localStorage set item cannot be added
           item: ${e} 
           value: ${r}`),console.error(n)}}},remove:e=>{xo()&&localStorage.removeItem(e)},clear:()=>{xo()&&localStorage.clear()}};exports.ACCESSIBILITY_DOCS_URL=rde;exports.AccessDeniedPage=R3;exports.Accessibility=Mde;exports.AccessibilityUtilities=Yde;exports.ActiveLink=Qr;exports.AdminHeader=sP;exports.AdminLayout=iP;exports.AdminRightArea=vg;exports.Alert=Fa;exports.AnchorLink=Se;exports.AppErrorPage=or;exports.AreaChart=vce;exports.ArrowLinkIcon=MA;exports.ArrowRight=AA;exports.ArrowUp=cu;exports.AuthProvider=_3;exports.AuthorCard=aD;exports.AutoPropsTable=$ce;exports.Avatar=Ni;exports.BLOCKCHAIN_DOCS_URL=tde;exports.BackgroundUtilities=Xde;exports.Badge=Ye;exports.BarChart=bce;exports.BasicTable=mn;exports.BasicUsageExampleCode=OP;exports.BasicUsageWithCustomRouterExampleCode=DP;exports.Bitcoin=K8;exports.BlockchainComponents=mde;exports.Bnb=Z8;exports.BookIcon=TA;exports.BordersUtilities=Jde;exports.Button=ye;exports.ButtonDrip=um;exports.CalendarIcon=Y8;exports.Card=sD;exports.CardContainer=ee;exports.CardTitle=re;exports.Cardano=X8;exports.Carousel=$0;exports.CarouselCards=Qne;exports.CarouselImage=eae;exports.ChartContainer=As;exports.ChartEmptyState=Os;exports.ChartTooltip=Ts;exports.ChartsComponents=xde;exports.Check=J8;exports.Checkbox=ys;exports.CheckmarkIcon=zA;exports.ChevronDown=Zn;exports.ChevronForward=Q8;exports.ChevronLeft=e7;exports.ChevronRight=am;exports.ClassicLayoutIcon=t7;exports.CleanLayout=Xp;exports.Close=ar;exports.CodeBlock=Pt;exports.CodeExamplePage=$de;exports.CoinCard=BD;exports.CoinInfoCard=WD;exports.CoinListBox=f9;exports.Collapse=jD;exports.CollapsibleMenu=Nce;exports.CollectionCard=FD;exports.CollectionSelectList=$D;exports.ColorCard=Ha;exports.Colors=Qde;exports.CompactGridIcon=BA;exports.CompassIcon=FA;exports.ComponentsIntroduction=hde;exports.ComposedChart=jce;exports.Controller=E7;exports.Copy=$A;exports.CurrencySwapIcons=HD;exports.DESIGN_SYSTEM_DOCS_URL=Yce;exports.DOCUMENTATION_URL=Hr;exports.DefaultErrorPage=lS;exports.DefiAppLogo=Mce;exports.DesignSystem=Cde;exports.Direction=wT;exports.DisabledPage=pS;exports.DiskIcon=HA;exports.DocumentIcon=r7;exports.Doge=n7;exports.DotsIcon=UA;exports.Drawer=Ui;exports.DrawerContainer=Ma;exports.DynamicSectionsPage=Xt;exports.EffectsUtilities=eue;exports.ErrorContainerExample=ym;exports.Ethereum=a7;exports.EthereumDark=WA;exports.ExchangeIcon=GA;exports.ExpandableSidebar=aP;exports.ExportIcon=KA;exports.ExternalLink=ZA;exports.EyeIcon=du;exports.EyeSlashIcon=uu;exports.FORM_SYSTEM_DOCS_URL=Jce;exports.Facebook=OA;exports.FallbackPage=H0;exports.FarmIcon=YA;exports.FeatureCard=cr;exports.FeaturesIntroduction=Ade;exports.FieldError=En;exports.FieldHelperText=Pn;exports.FileInputWithRef=V7;exports.FiltersUtilities=tue;exports.FlashIcon=XA;exports.FlexboxGridUtilities=rue;exports.Flow=JA;exports.ForbiddenPage=cS;exports.ForgetPasswordForm=zD;exports.Form=bs;exports.FormExample=u9;exports.FormExamplePage=Hde;exports.FormField=$e;exports.FormMethodsExample=km;exports.FormSystem=Wde;exports.GITHUB_URL=kg;exports.GasIcon=QA;exports.Github=DA;exports.GuideIcon=eT;exports.HOOKS_UTILITIES_DOCS_URL=ede;exports.Hamburger=ka;exports.Header=Cce;exports.HeroCard=Oe;exports.HistoryIcon=tT;exports.Home=TP;exports.HomeIcon=rT;exports.HooksUtilities=Ode;exports.HorizontalHeader=rP;exports.HorizontalLayout=nP;exports.HorizontalNavMenu=Z0;exports.HorizontalRightArea=tP;exports.ICONS_SYSTEM_DOCS_URL=Qce;exports.INTRODUCTION_DOCS_URL=EP;exports.IconUSFlag=nT;exports.IconsSystem=Lde;exports.Image=Rr;exports.InfoCard=TD;exports.InfoCircle=aT;exports.InfoIcon=sT;exports.Input=gt;exports.InputLabel=ZO;exports.InputSearcher=YO;exports.InputsComponents=vde;exports.Instagram=LA;exports.InteractivityUtilities=nue;exports.Introduction=Zde;exports.KeyValueRow=CD;exports.LAYOUT_OPTIONS=oe;exports.LAYOUT_SYSTEM_DOCS_URL=Zce;exports.LangSelector=aae;exports.LayoutSystem=kde;exports.LayoutUtilities=aue;exports.LazyComponentSection=fde;exports.LeftAlign=s7;exports.LevelIcon=iT;exports.LineChart=xce;exports.LinkIcon=oT;exports.ListContainer=yP;exports.ListItem=vP;exports.LivePriceFeed=Ep;exports.LivePricing=lT;exports.Loader=fm;exports.LockIcon=cT;exports.Logo=At;exports.LongArrowLeft=dT;exports.LongArrowRight=uT;exports.LongArrowUp=fT;exports.LoopIcon=pT;exports.MCPServerPage=wue;exports.MacOSCommandPalette=vne;exports.MacOSLayout=mP;exports.MacOSNotificationBanner=nS;exports.MacOSPopover=wne;exports.MacOSPopoverItem=jne;exports.MacOSSearchBar=mne;exports.MacOSSegmentedControl=fne;exports.MacOSShowcase=hue;exports.MacOSSonomaCleanLayout=uP;exports.MacOSSonomaLayout=oP;exports.MacOSSonomaLayoutContent=rS;exports.MacOSSonomaLayoutSidebar=Yd;exports.MacOSSonomaNavbarLayout=pP;exports.MacOSSonomaShowcase=xue;exports.MacOSSonomaToast=B0;exports.MacOSTahoeCleanLayout=dP;exports.MacOSTahoeCommandPalette=Gne;exports.MacOSTahoeDialog=Ine;exports.MacOSTahoeDialogButton=Lne;exports.MacOSTahoeDock=sS;exports.MacOSTahoeDockLayout=cP;exports.MacOSTahoeLayout=lP;exports.MacOSTahoeLayoutContent=z3;exports.MacOSTahoeLayoutSidebar=Jd;exports.MacOSTahoeNavbarLayout=fP;exports.MacOSTahoeNotificationBanner=oS;exports.MacOSTahoePopover=Yne;exports.MacOSTahoePopoverItem=Zne;exports.MacOSTahoeProgressBar=Fne;exports.MacOSTahoeSearchBar=qne;exports.MacOSTahoeSegmentedControl=Rne;exports.MacOSTahoeShowcase=vue;exports.MacOSTahoeToast=F0;exports.MacOSTahoeWidget=Tne;exports.MacOSTahoeWidgetHeader=Ane;exports.MacOSTahoeWindow=Pne;exports.MacOSToolbarSonoma=tS;exports.MacOSToolbarTahoe=iS;exports.MacOSWidget=cne;exports.MacOSWidgetHeader=dne;exports.MacOSWindow=ine;exports.MacSidebarCard=one;exports.MediaPlayIcon=mT;exports.MenuItem=al;exports.MfeAppRoutesProvider=xP;exports.MinimalLayoutIcon=ni;exports.Modal=eP;exports.ModernLayoutIcon=CT;exports.Moon=Vu;exports.MoreIcon=NT;exports.NFTGrid=ane;exports.NPM_PACKAGE_URL=SP;exports.NavOptions=ade;exports.NoRoutesPage=fS;exports.NormalGridIcon=kT;exports.NotFoundPage=U0;exports.NotificationCard=Ace;exports.OptionIcon=ST;exports.PRESET_COLORS=l7;exports.PRESET_LABEL_COLORS=o7;exports.Pagination=ND;exports.PanelActionCard=OD;exports.PanelCard=DD;exports.ParamTab=zce;exports.PieChart=yce;exports.PinCode=wm;exports.PlayIcon=ET;exports.PlaygroundButton=sde;exports.Plus=m7;exports.PlusCircle=PT;exports.PoolIcon=MT;exports.PowerIcon=AT;exports.PriceFeedSlider=nne;exports.ProfileIcon=TT;exports.Progressbar=Sce;exports.PropPlayground=ude;exports.QuestionIcon=OT;exports.QuestionSolidIcon=DT;exports.RadarChart=wce;exports.Radio=dl;exports.RadioGroup=jm;exports.RangeIcon=LT;exports.Refresh=IT;exports.ResetPinForm=RD;exports.RestoreDefaults=YE;exports.RetroLayoutIcon=VT;exports.RevealContent=HO;exports.RightAlign=h7;exports.RootLayout=hP;exports.RoutingSystem=Vde;exports.SONOMA_ACCENT_BUNDLES=u7;exports.SVGUtilities=sue;exports.SandClock=zT;exports.ScrollToTop=L7;exports.Scrollbar=Nr;exports.ScrollbarNative=kD;exports.SearchIcon=cm;exports.Select=vs;exports.ServerErrorPage=dS;exports.SettingsButton=gS;exports.SettingsDrawer=XE;exports.ShutdownIcon=RT;exports.Sidebar=Mp;exports.SidebarMenu=KE;exports.SignInForm=_D;exports.SignUpForm=qD;exports.SimpleFormExample=AP;exports.Skeleton=gr;exports.SpikeBarIcon=_T;exports.Spinner=Pce;exports.StandaloneAppRoutesProvider=bP;exports.Star=BT;exports.StarFill=qT;exports.Stepper=MD;exports.Sun=ol;exports.SwapIcon=FT;exports.Switch=qu;exports.SwitchMode=JE;exports.SwitchVariant=QE;exports.TAHOE_ACCENT_BUNDLES=c7;exports.TAILWIND_UTILITIES_DOCS_URL=nde;exports.THEME_STYLE_LAYOUTS=om;exports.THEMING_DOCS_URL=Xce;exports.TabGroup=wP;exports.TabItem=jP;exports.TabList=jg;exports.TabModal=ace;exports.TabPanel=Vce;exports.TabPanels=CP;exports.TabSelect=Cg;exports.TableOfContents=NP;exports.TablesUtilities=iue;exports.Tag=$T;exports.TagIcon=N2;exports.TailwindIntroduction=oue;exports.Telegram=IA;exports.Tether=g7;exports.Textarea=Cm;exports.ThemeBackground=Cr;exports.ThemeProvider=fce;exports.ThemingGuide=Ede;exports.Toast=ei;exports.ToggleBar=QO;exports.Tooltip=ll;exports.TopupButton=$O;exports.TradingBotIcon=HT;exports.TransactionInfo=sne;exports.TransformsUtilities=lue;exports.TransitionsAnimations=cue;exports.TrendArrowDownIcon=UT;exports.TrendArrowUpIcon=WT;exports.Tucu=GT;exports.TucuUiLogo=Pp;exports.Twitter=VA;exports.Typography=O;exports.TypographyUtilities=due;exports.UiComponents=wde;exports.UnknownErrorPage=nae;exports.Unlocked=KT;exports.Usdc=x7;exports.UserBlockedPage=uS;exports.Verified=b7;exports.VerifiedIcon=ZT;exports.VoteIcon=YT;exports.Warning=XT;exports.acceptedFileType=S2;exports.buildSonomaPresets=f7;exports.buildTahoePresets=d7;exports.colorPreset=He;exports.countryOptions=PP;exports.defaultAccentPreset=gu;exports.defaultBorderPreset=Lu;exports.defaultDarkAccentPreset=xu;exports.defaultDarkBgPreset=yu;exports.defaultDarkBorderPreset=Iu;exports.defaultDarkErrorPreset=Mu;exports.defaultDarkFgPreset=Du;exports.defaultDarkInfoPreset=Tu;exports.defaultDarkLightDarkPreset=Cu;exports.defaultDarkMutedPreset=vu;exports.defaultDarkPrimaryPreset=pu;exports.defaultDarkSecondaryPreset=hu;exports.defaultDarkSuccessPreset=ku;exports.defaultDarkWarningPreset=Eu;exports.defaultDirection=wo;exports.defaultErrorPreset=Pu;exports.defaultFgPreset=Ou;exports.defaultInfoPreset=Au;exports.defaultLang=yo;exports.defaultLayout=Oo;exports.defaultLightBgPreset=wu;exports.defaultLightDarkPreset=ju;exports.defaultLogo=ri;exports.defaultMode=lm;exports.defaultMutedPreset=bu;exports.defaultPrimaryPreset=fu;exports.defaultSecondaryPreset=mu;exports.defaultSuccessPreset=Nu;exports.defaultThemeVariant=im;exports.defaultValues=Bu;exports.defaultWarningPreset=Su;exports.developerOptions=Fde;exports.fadeInBottom=jue;exports.formValidations=Nm;exports.genderOptions=MP;exports.getBackgroundUrl=Sne;exports.getComponentNames=_ce;exports.getComponentProps=Rce;exports.hexToRGB=sae;exports.index=zP;exports.index$1=RP;exports.index$2=PA;exports.inputVariantClasses=y7;exports.isClient=xo;exports.langOptions=Pc;exports.layoutOptions=i7;exports.macosLightPresets=jt;exports.propsRegistry=Wi;exports.searchComponents=qce;exports.storage=Cue;exports.textareaVariantClasses=I7;exports.useAnchorScroll=rne;exports.useBreakpoint=Br;exports.useChartTheme=na;exports.useClickAway=Qk;exports.useCopyToClipboard=Xre;exports.useDirection=mS;exports.useDynamicSection=kP;exports.useElementSize=Jre;exports.useEventListener=eS;exports.useFormContext=xs;exports.useGridSwitcher=Qre;exports.useIsMobile=Yn;exports.useIsMounted=Zt;exports.useIsomorphicLayoutEffect=I3;exports.useLockBodyScroll=ene;exports.useMeasure=$u;exports.usePublicErrorRoutesConfig=yg;exports.useScrollableSlider=tne;exports.useTheme=we;exports.useThemeColor=hS;exports.useToastStore=ql;exports.useWindowScroll=q0;