tcce-design-system 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +204 -0
- package/dist/assets/brand/Logo_Total_Civil_Construction/Entrega_Logo_Total.ai +2795 -7
- package/dist/assets/brand/Logo_Total_Civil_Construction/Entrega_Logo_Total.pdf +2950 -10
- package/dist/assets/brand/Logo_Total_Civil_Construction/Entrega_Logo_Total_AW.png +0 -0
- package/dist/assets/brand/Logo_Total_Civil_Construction/Entrega_Logo_Total_CB.png +0 -0
- package/dist/assets/brand/Logo_Total_Civil_Construction/Entrega_Logo_Total_CBT.png +0 -0
- package/dist/assets/brand/Logo_Total_Civil_Construction/Entrega_Logo_Total_CC.png +0 -0
- package/dist/assets/brand/Logo_Total_Civil_Construction/Entrega_Logo_Total_M.png +0 -0
- package/dist/assets/brand/Logo_Total_Civil_Construction/Entrega_Logo_Total_NT.png +0 -0
- package/dist/assets/brand/Logo_Total_Civil_Construction_Optimize/Entrega_Logo_Total_AW.webp +0 -0
- package/dist/assets/brand/Logo_Total_Civil_Construction_Optimize/Entrega_Logo_Total_AW.webp:Zone.Identifier +0 -0
- package/dist/assets/brand/Logo_Total_Civil_Construction_Optimize/Entrega_Logo_Total_CB.webp +0 -0
- package/dist/assets/brand/Logo_Total_Civil_Construction_Optimize/Entrega_Logo_Total_CB.webp:Zone.Identifier +0 -0
- package/dist/assets/brand/Logo_Total_Civil_Construction_Optimize/Entrega_Logo_Total_CBT.webp +0 -0
- package/dist/assets/brand/Logo_Total_Civil_Construction_Optimize/Entrega_Logo_Total_CBT.webp:Zone.Identifier +0 -0
- package/dist/assets/brand/Logo_Total_Civil_Construction_Optimize/Entrega_Logo_Total_CC.webp +0 -0
- package/dist/assets/brand/Logo_Total_Civil_Construction_Optimize/Entrega_Logo_Total_CC.webp:Zone.Identifier +0 -0
- package/dist/assets/brand/Logo_Total_Civil_Construction_Optimize/Entrega_Logo_Total_M.webp +0 -0
- package/dist/assets/brand/Logo_Total_Civil_Construction_Optimize/Entrega_Logo_Total_M.webp:Zone.Identifier +0 -0
- package/dist/assets/brand/Logo_Total_Civil_Construction_Optimize/Entrega_Logo_Total_NT.webp +0 -0
- package/dist/assets/brand/Logo_Total_Civil_Construction_Optimize/Entrega_Logo_Total_NT.webp:Zone.Identifier +0 -0
- package/dist/assets/brand/favicon.svg +7 -0
- package/dist/assets/fonts/Dax-Bold/Dax-Bold.otf +0 -0
- package/dist/assets/fonts/Helvetica-Neue/HelveticaNeueBlack.otf +0 -0
- package/dist/assets/fonts/Helvetica-Neue/HelveticaNeueBlackItalic.otf +0 -0
- package/dist/assets/fonts/Helvetica-Neue/HelveticaNeueBold.otf +0 -0
- package/dist/assets/fonts/Helvetica-Neue/HelveticaNeueBoldItalic.otf +0 -0
- package/dist/assets/fonts/Helvetica-Neue/HelveticaNeueHeavy.otf +0 -0
- package/dist/assets/fonts/Helvetica-Neue/HelveticaNeueHeavyItalic.otf +0 -0
- package/dist/assets/fonts/Helvetica-Neue/HelveticaNeueItalic.ttf +0 -0
- package/dist/assets/fonts/Helvetica-Neue/HelveticaNeueLight.otf +0 -0
- package/dist/assets/fonts/Helvetica-Neue/HelveticaNeueLightItalic.otf +0 -0
- package/dist/assets/fonts/Helvetica-Neue/HelveticaNeueMedium.otf +0 -0
- package/dist/assets/fonts/Helvetica-Neue/HelveticaNeueMediumItalic.otf +0 -0
- package/dist/assets/fonts/Helvetica-Neue/HelveticaNeueRoman.otf +0 -0
- package/dist/assets/fonts/Helvetica-Neue/HelveticaNeueThin.otf +0 -0
- package/dist/assets/fonts/Helvetica-Neue/HelveticaNeueThinItalic.otf +0 -0
- package/dist/assets/fonts/Helvetica-Neue/HelveticaNeueUltraLight.otf +0 -0
- package/dist/assets/fonts/Helvetica-Neue/HelveticaNeueUltraLightItalic.otf +0 -0
- package/dist/assets/fonts/dax-regular/dax-regular.ttf +0 -0
- package/dist/tcce-design-system-components.css +1 -0
- package/dist/tcce-design-system-components.d.ts +1069 -0
- package/dist/tcce-design-system-components.js +10469 -0
- package/dist/tcce-design-system-components.umd.cjs +1655 -0
- package/package.json +74 -0
|
@@ -0,0 +1,1655 @@
|
|
|
1
|
+
(function(A,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("react"),require("react/jsx-runtime"),require("react-dom"),require("formik")):typeof define=="function"&&define.amd?define(["exports","react","react/jsx-runtime","react-dom","formik"],f):(A=typeof globalThis<"u"?globalThis:A||self,f(A["tcce-design-system-components"]={},A.React,A["react/jsx-runtime"],A.ReactDOM,A.Formik))})(this,(function(A,f,m,rs,Dc){"use strict";function Mc(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const sn=Mc(f);var me=function(){return me=Object.assign||function(t){for(var n,r=1,o=arguments.length;r<o;r++){n=arguments[r];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},me.apply(this,arguments)};function ft(e,t,n){if(n||arguments.length===2)for(var r=0,o=t.length,i;r<o;r++)(i||!(r in t))&&(i||(i=Array.prototype.slice.call(t,0,r)),i[r]=t[r]);return e.concat(i||Array.prototype.slice.call(t))}typeof SuppressedError=="function"&&SuppressedError;function $c(e){var t=Object.create(null);return function(n){return t[n]===void 0&&(t[n]=e(n)),t[n]}}var Vc=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Ic=$c(function(e){return Vc.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),X="-ms-",Ft="-moz-",U="-webkit-",os="comm",an="rule",Qn="decl",Lc="@import",ss="@keyframes",Nc="@layer",is=Math.abs,er=String.fromCharCode,tr=Object.assign;function Bc(e,t){return ie(e,0)^45?(((t<<2^ie(e,0))<<2^ie(e,1))<<2^ie(e,2))<<2^ie(e,3):0}function as(e){return e.trim()}function Oe(e,t){return(e=t.exec(e))?e[0]:e}function B(e,t,n){return e.replace(t,n)}function ln(e,t,n){return e.indexOf(t,n)}function ie(e,t){return e.charCodeAt(t)|0}function pt(e,t,n){return e.slice(t,n)}function Le(e){return e.length}function ls(e){return e.length}function jt(e,t){return t.push(e),e}function Oc(e,t){return e.map(t).join("")}function cs(e,t){return e.filter(function(n){return!Oe(n,t)})}var cn=1,mt=1,us=0,xe=0,te=0,gt="";function un(e,t,n,r,o,i,s,a){return{value:e,root:t,parent:n,type:r,props:o,children:i,line:cn,column:mt,length:s,return:"",siblings:a}}function He(e,t){return tr(un("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function yt(e){for(;e.root;)e=He(e.root,{children:[e]});jt(e,e.siblings)}function Fc(){return te}function jc(){return te=xe>0?ie(gt,--xe):0,mt--,te===10&&(mt=1,cn--),te}function Ae(){return te=xe<us?ie(gt,xe++):0,mt++,te===10&&(mt=1,cn++),te}function Ze(){return ie(gt,xe)}function dn(){return xe}function hn(e,t){return pt(gt,e,t)}function nr(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Rc(e){return cn=mt=1,us=Le(gt=e),xe=0,[]}function zc(e){return gt="",e}function rr(e){return as(hn(xe-1,or(e===91?e+2:e===40?e+1:e)))}function _c(e){for(;(te=Ze())&&te<33;)Ae();return nr(e)>2||nr(te)>3?"":" "}function Hc(e,t){for(;--t&&Ae()&&!(te<48||te>102||te>57&&te<65||te>70&&te<97););return hn(e,dn()+(t<6&&Ze()==32&&Ae()==32))}function or(e){for(;Ae();)switch(te){case e:return xe;case 34:case 39:e!==34&&e!==39&&or(te);break;case 40:e===41&&or(e);break;case 92:Ae();break}return xe}function Uc(e,t){for(;Ae()&&e+te!==57;)if(e+te===84&&Ze()===47)break;return"/*"+hn(t,xe-1)+"*"+er(e===47?e:Ae())}function Wc(e){for(;!nr(Ze());)Ae();return hn(e,xe)}function Kc(e){return zc(fn("",null,null,null,[""],e=Rc(e),0,[0],e))}function fn(e,t,n,r,o,i,s,a,l){for(var u=0,d=0,c=s,h=0,p=0,g=0,v=1,b=1,y=1,x=0,w="",E=o,T=i,S=r,C=w;b;)switch(g=x,x=Ae()){case 40:if(g!=108&&ie(C,c-1)==58){ln(C+=B(rr(x),"&","&\f"),"&\f",is(u?a[u-1]:0))!=-1&&(y=-1);break}case 34:case 39:case 91:C+=rr(x);break;case 9:case 10:case 13:case 32:C+=_c(g);break;case 92:C+=Hc(dn()-1,7);continue;case 47:switch(Ze()){case 42:case 47:jt(Yc(Uc(Ae(),dn()),t,n,l),l);break;default:C+="/"}break;case 123*v:a[u++]=Le(C)*y;case 125*v:case 59:case 0:switch(x){case 0:case 125:b=0;case 59+d:y==-1&&(C=B(C,/\f/g,"")),p>0&&Le(C)-c&&jt(p>32?hs(C+";",r,n,c-1,l):hs(B(C," ","")+";",r,n,c-2,l),l);break;case 59:C+=";";default:if(jt(S=ds(C,t,n,u,d,o,a,w,E=[],T=[],c,i),i),x===123)if(d===0)fn(C,t,S,S,E,i,c,a,T);else switch(h===99&&ie(C,3)===110?100:h){case 100:case 108:case 109:case 115:fn(e,S,S,r&&jt(ds(e,S,S,0,0,o,a,w,o,E=[],c,T),T),o,T,c,a,r?E:T);break;default:fn(C,S,S,S,[""],T,0,a,T)}}u=d=p=0,v=y=1,w=C="",c=s;break;case 58:c=1+Le(C),p=g;default:if(v<1){if(x==123)--v;else if(x==125&&v++==0&&jc()==125)continue}switch(C+=er(x),x*v){case 38:y=d>0?1:(C+="\f",-1);break;case 44:a[u++]=(Le(C)-1)*y,y=1;break;case 64:Ze()===45&&(C+=rr(Ae())),h=Ze(),d=c=Le(w=C+=Wc(dn())),x++;break;case 45:g===45&&Le(C)==2&&(v=0)}}return i}function ds(e,t,n,r,o,i,s,a,l,u,d,c){for(var h=o-1,p=o===0?i:[""],g=ls(p),v=0,b=0,y=0;v<r;++v)for(var x=0,w=pt(e,h+1,h=is(b=s[v])),E=e;x<g;++x)(E=as(b>0?p[x]+" "+w:B(w,/&\f/g,p[x])))&&(l[y++]=E);return un(e,t,n,o===0?an:a,l,u,d,c)}function Yc(e,t,n,r){return un(e,t,n,os,er(Fc()),pt(e,2,-2),0,r)}function hs(e,t,n,r,o){return un(e,t,n,Qn,pt(e,0,r),pt(e,r+1,-1),r,o)}function fs(e,t,n){switch(Bc(e,t)){case 5103:return U+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return U+e+e;case 4789:return Ft+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return U+e+Ft+e+X+e+e;case 5936:switch(ie(e,t+11)){case 114:return U+e+X+B(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return U+e+X+B(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return U+e+X+B(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return U+e+X+e+e;case 6165:return U+e+X+"flex-"+e+e;case 5187:return U+e+B(e,/(\w+).+(:[^]+)/,U+"box-$1$2"+X+"flex-$1$2")+e;case 5443:return U+e+X+"flex-item-"+B(e,/flex-|-self/g,"")+(Oe(e,/flex-|baseline/)?"":X+"grid-row-"+B(e,/flex-|-self/g,""))+e;case 4675:return U+e+X+"flex-line-pack"+B(e,/align-content|flex-|-self/g,"")+e;case 5548:return U+e+X+B(e,"shrink","negative")+e;case 5292:return U+e+X+B(e,"basis","preferred-size")+e;case 6060:return U+"box-"+B(e,"-grow","")+U+e+X+B(e,"grow","positive")+e;case 4554:return U+B(e,/([^-])(transform)/g,"$1"+U+"$2")+e;case 6187:return B(B(B(e,/(zoom-|grab)/,U+"$1"),/(image-set)/,U+"$1"),e,"")+e;case 5495:case 3959:return B(e,/(image-set\([^]*)/,U+"$1$`$1");case 4968:return B(B(e,/(.+:)(flex-)?(.*)/,U+"box-pack:$3"+X+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+U+e+e;case 4200:if(!Oe(e,/flex-|baseline/))return X+"grid-column-align"+pt(e,t)+e;break;case 2592:case 3360:return X+B(e,"template-","")+e;case 4384:case 3616:return n&&n.some(function(r,o){return t=o,Oe(r.props,/grid-\w+-end/)})?~ln(e+(n=n[t].value),"span",0)?e:X+B(e,"-start","")+e+X+"grid-row-span:"+(~ln(n,"span",0)?Oe(n,/\d+/):+Oe(n,/\d+/)-+Oe(e,/\d+/))+";":X+B(e,"-start","")+e;case 4896:case 4128:return n&&n.some(function(r){return Oe(r.props,/grid-\w+-start/)})?e:X+B(B(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return B(e,/(.+)-inline(.+)/,U+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(Le(e)-1-t>6)switch(ie(e,t+1)){case 109:if(ie(e,t+4)!==45)break;case 102:return B(e,/(.+:)(.+)-([^]+)/,"$1"+U+"$2-$3$1"+Ft+(ie(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~ln(e,"stretch",0)?fs(B(e,"stretch","fill-available"),t,n)+e:e}break;case 5152:case 5920:return B(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(r,o,i,s,a,l,u){return X+o+":"+i+u+(s?X+o+"-span:"+(a?l:+l-+i)+u:"")+e});case 4949:if(ie(e,t+6)===121)return B(e,":",":"+U)+e;break;case 6444:switch(ie(e,ie(e,14)===45?18:11)){case 120:return B(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+U+(ie(e,14)===45?"inline-":"")+"box$3$1"+U+"$2$3$1"+X+"$2box$3")+e;case 100:return B(e,":",":"+X)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return B(e,"scroll-","scroll-snap-")+e}return e}function pn(e,t){for(var n="",r=0;r<e.length;r++)n+=t(e[r],r,e,t)||"";return n}function Gc(e,t,n,r){switch(e.type){case Nc:if(e.children.length)break;case Lc:case Qn:return e.return=e.return||e.value;case os:return"";case ss:return e.return=e.value+"{"+pn(e.children,r)+"}";case an:if(!Le(e.value=e.props.join(",")))return""}return Le(n=pn(e.children,r))?e.return=e.value+"{"+n+"}":""}function Xc(e){var t=ls(e);return function(n,r,o,i){for(var s="",a=0;a<t;a++)s+=e[a](n,r,o,i)||"";return s}}function qc(e){return function(t){t.root||(t=t.return)&&e(t)}}function Zc(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case Qn:e.return=fs(e.value,e.length,n);return;case ss:return pn([He(e,{value:B(e.value,"@","@"+U)})],r);case an:if(e.length)return Oc(n=e.props,function(o){switch(Oe(o,r=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":yt(He(e,{props:[B(o,/:(read-\w+)/,":"+Ft+"$1")]})),yt(He(e,{props:[o]})),tr(e,{props:cs(n,r)});break;case"::placeholder":yt(He(e,{props:[B(o,/:(plac\w+)/,":"+U+"input-$1")]})),yt(He(e,{props:[B(o,/:(plac\w+)/,":"+Ft+"$1")]})),yt(He(e,{props:[B(o,/:(plac\w+)/,X+"input-$1")]})),yt(He(e,{props:[o]})),tr(e,{props:cs(n,r)});break}return""})}}var Jc={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Je=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",ps="active",ms="data-styled-version",mn="6.1.19",sr=`/*!sc*/
|
|
2
|
+
`,gn=typeof window<"u"&&typeof document<"u",Qc=!!(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==""?process.env.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&process.env.REACT_APP_SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.SC_DISABLE_SPEEDY!==void 0&&process.env.SC_DISABLE_SPEEDY!==""?process.env.SC_DISABLE_SPEEDY!=="false"&&process.env.SC_DISABLE_SPEEDY:process.env.NODE_ENV!=="production"),gs=/invalid hook call/i,yn=new Set,eu=function(e,t){if(process.env.NODE_ENV!=="production"){var n=t?' with the id of "'.concat(t,'"'):"",r="The component ".concat(e).concat(n,` has been created dynamically.
|
|
3
|
+
`)+`You may see this warning because you've called styled inside another component.
|
|
4
|
+
To resolve this only create new StyledComponents outside of any render method and function component.
|
|
5
|
+
See https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.
|
|
6
|
+
`,o=console.error;try{var i=!0;console.error=function(s){for(var a=[],l=1;l<arguments.length;l++)a[l-1]=arguments[l];gs.test(s)?(i=!1,yn.delete(r)):o.apply(void 0,ft([s],a,!1))},f.useRef(),i&&!yn.has(r)&&(console.warn(r),yn.add(r))}catch(s){gs.test(s.message)&&yn.delete(r)}finally{console.error=o}}},vn=Object.freeze([]),vt=Object.freeze({});function tu(e,t,n){return n===void 0&&(n=vt),e.theme!==n.theme&&e.theme||t||n.theme}var ir=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),nu=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,ru=/(^-|-$)/g;function ys(e){return e.replace(nu,"-").replace(ru,"")}var ou=/(a)(d)/gi,bn=52,vs=function(e){return String.fromCharCode(e+(e>25?39:97))};function ar(e){var t,n="";for(t=Math.abs(e);t>bn;t=t/bn|0)n=vs(t%bn)+n;return(vs(t%bn)+n).replace(ou,"$1-$2")}var lr,bs=5381,Qe=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},ws=function(e){return Qe(bs,e)};function su(e){return ar(ws(e)>>>0)}function xs(e){return process.env.NODE_ENV!=="production"&&typeof e=="string"&&e||e.displayName||e.name||"Component"}function cr(e){return typeof e=="string"&&(process.env.NODE_ENV==="production"||e.charAt(0)===e.charAt(0).toLowerCase())}var Ss=typeof Symbol=="function"&&Symbol.for,Ts=Ss?Symbol.for("react.memo"):60115,iu=Ss?Symbol.for("react.forward_ref"):60112,au={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},lu={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},Cs={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},cu=((lr={})[iu]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},lr[Ts]=Cs,lr);function ks(e){return("type"in(t=e)&&t.type.$$typeof)===Ts?Cs:"$$typeof"in e?cu[e.$$typeof]:au;var t}var uu=Object.defineProperty,du=Object.getOwnPropertyNames,Ps=Object.getOwnPropertySymbols,hu=Object.getOwnPropertyDescriptor,fu=Object.getPrototypeOf,Es=Object.prototype;function As(e,t,n){if(typeof t!="string"){if(Es){var r=fu(t);r&&r!==Es&&As(e,r,n)}var o=du(t);Ps&&(o=o.concat(Ps(t)));for(var i=ks(e),s=ks(t),a=0;a<o.length;++a){var l=o[a];if(!(l in lu||n&&n[l]||s&&l in s||i&&l in i)){var u=hu(t,l);try{uu(e,l,u)}catch{}}}}return e}function bt(e){return typeof e=="function"}function ur(e){return typeof e=="object"&&"styledComponentId"in e}function et(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function Ds(e,t){if(e.length===0)return"";for(var n=e[0],r=1;r<e.length;r++)n+=e[r];return n}function wt(e){return e!==null&&typeof e=="object"&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function dr(e,t,n){if(n===void 0&&(n=!1),!n&&!wt(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var r=0;r<t.length;r++)e[r]=dr(e[r],t[r]);else if(wt(t))for(var r in t)e[r]=dr(e[r],t[r]);return e}function hr(e,t){Object.defineProperty(e,"toString",{value:t})}var pu=process.env.NODE_ENV!=="production"?{1:`Cannot create styled-component for component: %s.
|
|
7
|
+
|
|
8
|
+
`,2:`Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
|
|
9
|
+
|
|
10
|
+
- Are you trying to reuse it across renders?
|
|
11
|
+
- Are you accidentally calling collectStyles twice?
|
|
12
|
+
|
|
13
|
+
`,3:`Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
|
|
14
|
+
|
|
15
|
+
`,4:`The \`StyleSheetManager\` expects a valid target or sheet prop!
|
|
16
|
+
|
|
17
|
+
- Does this error occur on the client and is your target falsy?
|
|
18
|
+
- Does this error occur on the server and is the sheet falsy?
|
|
19
|
+
|
|
20
|
+
`,5:`The clone method cannot be used on the client!
|
|
21
|
+
|
|
22
|
+
- Are you running in a client-like environment on the server?
|
|
23
|
+
- Are you trying to run SSR on the client?
|
|
24
|
+
|
|
25
|
+
`,6:`Trying to insert a new style tag, but the given Node is unmounted!
|
|
26
|
+
|
|
27
|
+
- Are you using a custom target that isn't mounted?
|
|
28
|
+
- Does your document not have a valid head element?
|
|
29
|
+
- Have you accidentally removed a style tag manually?
|
|
30
|
+
|
|
31
|
+
`,7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:`ThemeProvider: Please make your "theme" prop an object.
|
|
32
|
+
|
|
33
|
+
`,9:"Missing document `<head>`\n\n",10:`Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021
|
|
34
|
+
|
|
35
|
+
`,11:`_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.
|
|
36
|
+
|
|
37
|
+
`,12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:`%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.
|
|
38
|
+
|
|
39
|
+
`,14:`ThemeProvider: "theme" prop is required.
|
|
40
|
+
|
|
41
|
+
`,15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:`Reached the limit of how many styled components may be created at group %s.
|
|
42
|
+
You may only create up to 1,073,741,824 components. If you're creating components dynamically,
|
|
43
|
+
as for instance in your render method then you may be running into this limitation.
|
|
44
|
+
|
|
45
|
+
`,17:`CSSStyleSheet could not be found on HTMLStyleElement.
|
|
46
|
+
Has styled-components' style tag been unmounted or altered by another script?
|
|
47
|
+
`,18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function mu(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],r=[],o=1,i=e.length;o<i;o+=1)r.push(e[o]);return r.forEach(function(s){n=n.replace(/%[a-z]/,s)}),n}function xt(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];return process.env.NODE_ENV==="production"?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(mu.apply(void 0,ft([pu[e]],t,!1)).trim())}var gu=(function(){function e(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}return e.prototype.indexOfGroup=function(t){for(var n=0,r=0;r<t;r++)n+=this.groupSizes[r];return n},e.prototype.insertRules=function(t,n){if(t>=this.groupSizes.length){for(var r=this.groupSizes,o=r.length,i=o;t>=i;)if((i<<=1)<0)throw xt(16,"".concat(t));this.groupSizes=new Uint32Array(i),this.groupSizes.set(r),this.length=i;for(var s=o;s<i;s++)this.groupSizes[s]=0}for(var a=this.indexOfGroup(t+1),l=(s=0,n.length);s<l;s++)this.tag.insertRule(a,n[s])&&(this.groupSizes[t]++,a++)},e.prototype.clearGroup=function(t){if(t<this.length){var n=this.groupSizes[t],r=this.indexOfGroup(t),o=r+n;this.groupSizes[t]=0;for(var i=r;i<o;i++)this.tag.deleteRule(r)}},e.prototype.getGroup=function(t){var n="";if(t>=this.length||this.groupSizes[t]===0)return n;for(var r=this.groupSizes[t],o=this.indexOfGroup(t),i=o+r,s=o;s<i;s++)n+="".concat(this.tag.getRule(s)).concat(sr);return n},e})(),yu=1<<30,wn=new Map,xn=new Map,Sn=1,Tn=function(e){if(wn.has(e))return wn.get(e);for(;xn.has(Sn);)Sn++;var t=Sn++;if(process.env.NODE_ENV!=="production"&&((0|t)<0||t>yu))throw xt(16,"".concat(t));return wn.set(e,t),xn.set(t,e),t},vu=function(e,t){Sn=t+1,wn.set(e,t),xn.set(t,e)},bu="style[".concat(Je,"][").concat(ms,'="').concat(mn,'"]'),wu=new RegExp("^".concat(Je,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),xu=function(e,t,n){for(var r,o=n.split(","),i=0,s=o.length;i<s;i++)(r=o[i])&&e.registerName(t,r)},Su=function(e,t){for(var n,r=((n=t.textContent)!==null&&n!==void 0?n:"").split(sr),o=[],i=0,s=r.length;i<s;i++){var a=r[i].trim();if(a){var l=a.match(wu);if(l){var u=0|parseInt(l[1],10),d=l[2];u!==0&&(vu(d,u),xu(e,d,l[3]),e.getTag().insertRules(u,o)),o.length=0}else o.push(a)}}},Ms=function(e){for(var t=document.querySelectorAll(bu),n=0,r=t.length;n<r;n++){var o=t[n];o&&o.getAttribute(Je)!==ps&&(Su(e,o),o.parentNode&&o.parentNode.removeChild(o))}};function Tu(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null}var $s=function(e){var t=document.head,n=e||t,r=document.createElement("style"),o=(function(a){var l=Array.from(a.querySelectorAll("style[".concat(Je,"]")));return l[l.length-1]})(n),i=o!==void 0?o.nextSibling:null;r.setAttribute(Je,ps),r.setAttribute(ms,mn);var s=Tu();return s&&r.setAttribute("nonce",s),n.insertBefore(r,i),r},Cu=(function(){function e(t){this.element=$s(t),this.element.appendChild(document.createTextNode("")),this.sheet=(function(n){if(n.sheet)return n.sheet;for(var r=document.styleSheets,o=0,i=r.length;o<i;o++){var s=r[o];if(s.ownerNode===n)return s}throw xt(17)})(this.element),this.length=0}return e.prototype.insertRule=function(t,n){try{return this.sheet.insertRule(n,t),this.length++,!0}catch{return!1}},e.prototype.deleteRule=function(t){this.sheet.deleteRule(t),this.length--},e.prototype.getRule=function(t){var n=this.sheet.cssRules[t];return n&&n.cssText?n.cssText:""},e})(),ku=(function(){function e(t){this.element=$s(t),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(t,n){if(t<=this.length&&t>=0){var r=document.createTextNode(n);return this.element.insertBefore(r,this.nodes[t]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(t){this.element.removeChild(this.nodes[t]),this.length--},e.prototype.getRule=function(t){return t<this.length?this.nodes[t].textContent:""},e})(),Pu=(function(){function e(t){this.rules=[],this.length=0}return e.prototype.insertRule=function(t,n){return t<=this.length&&(this.rules.splice(t,0,n),this.length++,!0)},e.prototype.deleteRule=function(t){this.rules.splice(t,1),this.length--},e.prototype.getRule=function(t){return t<this.length?this.rules[t]:""},e})(),Vs=gn,Eu={isServer:!gn,useCSSOMInjection:!Qc},Is=(function(){function e(t,n,r){t===void 0&&(t=vt),n===void 0&&(n={});var o=this;this.options=me(me({},Eu),t),this.gs=n,this.names=new Map(r),this.server=!!t.isServer,!this.server&&gn&&Vs&&(Vs=!1,Ms(this)),hr(this,function(){return(function(i){for(var s=i.getTag(),a=s.length,l="",u=function(c){var h=(function(y){return xn.get(y)})(c);if(h===void 0)return"continue";var p=i.names.get(h),g=s.getGroup(c);if(p===void 0||!p.size||g.length===0)return"continue";var v="".concat(Je,".g").concat(c,'[id="').concat(h,'"]'),b="";p!==void 0&&p.forEach(function(y){y.length>0&&(b+="".concat(y,","))}),l+="".concat(g).concat(v,'{content:"').concat(b,'"}').concat(sr)},d=0;d<a;d++)u(d);return l})(o)})}return e.registerId=function(t){return Tn(t)},e.prototype.rehydrate=function(){!this.server&&gn&&Ms(this)},e.prototype.reconstructWithOptions=function(t,n){return n===void 0&&(n=!0),new e(me(me({},this.options),t),this.gs,n&&this.names||void 0)},e.prototype.allocateGSInstance=function(t){return this.gs[t]=(this.gs[t]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(t=(function(n){var r=n.useCSSOMInjection,o=n.target;return n.isServer?new Pu(o):r?new Cu(o):new ku(o)})(this.options),new gu(t)));var t},e.prototype.hasNameForId=function(t,n){return this.names.has(t)&&this.names.get(t).has(n)},e.prototype.registerName=function(t,n){if(Tn(t),this.names.has(t))this.names.get(t).add(n);else{var r=new Set;r.add(n),this.names.set(t,r)}},e.prototype.insertRules=function(t,n,r){this.registerName(t,n),this.getTag().insertRules(Tn(t),r)},e.prototype.clearNames=function(t){this.names.has(t)&&this.names.get(t).clear()},e.prototype.clearRules=function(t){this.getTag().clearGroup(Tn(t)),this.clearNames(t)},e.prototype.clearTag=function(){this.tag=void 0},e})(),Au=/&/g,Du=/^\s*\/\/.*$/gm;function Ls(e,t){return e.map(function(n){return n.type==="rule"&&(n.value="".concat(t," ").concat(n.value),n.value=n.value.replaceAll(",",",".concat(t," ")),n.props=n.props.map(function(r){return"".concat(t," ").concat(r)})),Array.isArray(n.children)&&n.type!=="@keyframes"&&(n.children=Ls(n.children,t)),n})}function Mu(e){var t,n,r,o=vt,i=o.options,s=i===void 0?vt:i,a=o.plugins,l=a===void 0?vn:a,u=function(h,p,g){return g.startsWith(n)&&g.endsWith(n)&&g.replaceAll(n,"").length>0?".".concat(t):h},d=l.slice();d.push(function(h){h.type===an&&h.value.includes("&")&&(h.props[0]=h.props[0].replace(Au,n).replace(r,u))}),s.prefix&&d.push(Zc),d.push(Gc);var c=function(h,p,g,v){p===void 0&&(p=""),g===void 0&&(g=""),v===void 0&&(v="&"),t=v,n=p,r=new RegExp("\\".concat(n,"\\b"),"g");var b=h.replace(Du,""),y=Kc(g||p?"".concat(g," ").concat(p," { ").concat(b," }"):b);s.namespace&&(y=Ls(y,s.namespace));var x=[];return pn(y,Xc(d.concat(qc(function(w){return x.push(w)})))),x};return c.hash=l.length?l.reduce(function(h,p){return p.name||xt(15),Qe(h,p.name)},bs).toString():"",c}var $u=new Is,fr=Mu(),Ns=f.createContext({shouldForwardProp:void 0,styleSheet:$u,stylis:fr});Ns.Consumer,f.createContext(void 0);function Bs(){return f.useContext(Ns)}var Os=(function(){function e(t,n){var r=this;this.inject=function(o,i){i===void 0&&(i=fr);var s=r.name+i.hash;o.hasNameForId(r.id,s)||o.insertRules(r.id,s,i(r.rules,s,"@keyframes"))},this.name=t,this.id="sc-keyframes-".concat(t),this.rules=n,hr(this,function(){throw xt(12,String(r.name))})}return e.prototype.getName=function(t){return t===void 0&&(t=fr),this.name+t.hash},e})(),Vu=function(e){return e>="A"&&e<="Z"};function Fs(e){for(var t="",n=0;n<e.length;n++){var r=e[n];if(n===1&&r==="-"&&e[0]==="-")return e;Vu(r)?t+="-"+r.toLowerCase():t+=r}return t.startsWith("ms-")?"-"+t:t}var js=function(e){return e==null||e===!1||e===""},Rs=function(e){var t,n,r=[];for(var o in e){var i=e[o];e.hasOwnProperty(o)&&!js(i)&&(Array.isArray(i)&&i.isCss||bt(i)?r.push("".concat(Fs(o),":"),i,";"):wt(i)?r.push.apply(r,ft(ft(["".concat(o," {")],Rs(i),!1),["}"],!1)):r.push("".concat(Fs(o),": ").concat((t=o,(n=i)==null||typeof n=="boolean"||n===""?"":typeof n!="number"||n===0||t in Jc||t.startsWith("--")?String(n).trim():"".concat(n,"px")),";")))}return r};function tt(e,t,n,r){if(js(e))return[];if(ur(e))return[".".concat(e.styledComponentId)];if(bt(e)){if(!bt(i=e)||i.prototype&&i.prototype.isReactComponent||!t)return[e];var o=e(t);return process.env.NODE_ENV==="production"||typeof o!="object"||Array.isArray(o)||o instanceof Os||wt(o)||o===null||console.error("".concat(xs(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),tt(o,t,n,r)}var i;return e instanceof Os?n?(e.inject(n,r),[e.getName(r)]):[e]:wt(e)?Rs(e):Array.isArray(e)?Array.prototype.concat.apply(vn,e.map(function(s){return tt(s,t,n,r)})):[e.toString()]}function Iu(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(bt(n)&&!ur(n))return!1}return!0}var Lu=ws(mn),Nu=(function(){function e(t,n,r){this.rules=t,this.staticRulesId="",this.isStatic=process.env.NODE_ENV==="production"&&(r===void 0||r.isStatic)&&Iu(t),this.componentId=n,this.baseHash=Qe(Lu,n),this.baseStyle=r,Is.registerId(n)}return e.prototype.generateAndInjectStyles=function(t,n,r){var o=this.baseStyle?this.baseStyle.generateAndInjectStyles(t,n,r):"";if(this.isStatic&&!r.hash)if(this.staticRulesId&&n.hasNameForId(this.componentId,this.staticRulesId))o=et(o,this.staticRulesId);else{var i=Ds(tt(this.rules,t,n,r)),s=ar(Qe(this.baseHash,i)>>>0);if(!n.hasNameForId(this.componentId,s)){var a=r(i,".".concat(s),void 0,this.componentId);n.insertRules(this.componentId,s,a)}o=et(o,s),this.staticRulesId=s}else{for(var l=Qe(this.baseHash,r.hash),u="",d=0;d<this.rules.length;d++){var c=this.rules[d];if(typeof c=="string")u+=c,process.env.NODE_ENV!=="production"&&(l=Qe(l,c));else if(c){var h=Ds(tt(c,t,n,r));l=Qe(l,h+d),u+=h}}if(u){var p=ar(l>>>0);n.hasNameForId(this.componentId,p)||n.insertRules(this.componentId,p,r(u,".".concat(p),void 0,this.componentId)),o=et(o,p)}}return o},e})(),zs=f.createContext(void 0);zs.Consumer;var pr={},_s=new Set;function Bu(e,t,n){var r=ur(e),o=e,i=!cr(e),s=t.attrs,a=s===void 0?vn:s,l=t.componentId,u=l===void 0?(function(E,T){var S=typeof E!="string"?"sc":ys(E);pr[S]=(pr[S]||0)+1;var C="".concat(S,"-").concat(su(mn+S+pr[S]));return T?"".concat(T,"-").concat(C):C})(t.displayName,t.parentComponentId):l,d=t.displayName,c=d===void 0?(function(E){return cr(E)?"styled.".concat(E):"Styled(".concat(xs(E),")")})(e):d,h=t.displayName&&t.componentId?"".concat(ys(t.displayName),"-").concat(t.componentId):t.componentId||u,p=r&&o.attrs?o.attrs.concat(a).filter(Boolean):a,g=t.shouldForwardProp;if(r&&o.shouldForwardProp){var v=o.shouldForwardProp;if(t.shouldForwardProp){var b=t.shouldForwardProp;g=function(E,T){return v(E,T)&&b(E,T)}}else g=v}var y=new Nu(n,h,r?o.componentStyle:void 0);function x(E,T){return(function(S,C,D){var I=S.attrs,_=S.componentStyle,M=S.defaultProps,K=S.foldedComponentIds,W=S.styledComponentId,Pe=S.target,re=f.useContext(zs),F=Bs(),L=S.shouldForwardProp||F.shouldForwardProp;process.env.NODE_ENV!=="production"&&f.useDebugValue(W);var R=tu(C,re,M)||vt,V=(function(Y,ae,$e){for(var H,ve=me(me({},ae),{className:void 0,theme:$e}),Xe=0;Xe<Y.length;Xe+=1){var ze=bt(H=Y[Xe])?H(ve):H;for(var pe in ze)ve[pe]=pe==="className"?et(ve[pe],ze[pe]):pe==="style"?me(me({},ve[pe]),ze[pe]):ze[pe]}return ae.className&&(ve.className=et(ve.className,ae.className)),ve})(I,C,R),j=V.as||Pe,oe={};for(var se in V)V[se]===void 0||se[0]==="$"||se==="as"||se==="theme"&&V.theme===R||(se==="forwardedAs"?oe.as=V.forwardedAs:L&&!L(se,j)||(oe[se]=V[se],L||process.env.NODE_ENV!=="development"||Ic(se)||_s.has(se)||!ir.has(j)||(_s.add(se),console.warn('styled-components: it looks like an unknown prop "'.concat(se,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var O=(function(Y,ae){var $e=Bs(),H=Y.generateAndInjectStyles(ae,$e.styleSheet,$e.stylis);return process.env.NODE_ENV!=="production"&&f.useDebugValue(H),H})(_,V);process.env.NODE_ENV!=="production"&&S.warnTooManyClasses&&S.warnTooManyClasses(O);var q=et(K,W);return O&&(q+=" "+O),V.className&&(q+=" "+V.className),oe[cr(j)&&!ir.has(j)?"class":"className"]=q,D&&(oe.ref=D),f.createElement(j,oe)})(w,E,T)}x.displayName=c;var w=f.forwardRef(x);return w.attrs=p,w.componentStyle=y,w.displayName=c,w.shouldForwardProp=g,w.foldedComponentIds=r?et(o.foldedComponentIds,o.styledComponentId):"",w.styledComponentId=h,w.target=r?o.target:e,Object.defineProperty(w,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(E){this._foldedDefaultProps=r?(function(T){for(var S=[],C=1;C<arguments.length;C++)S[C-1]=arguments[C];for(var D=0,I=S;D<I.length;D++)dr(T,I[D],!0);return T})({},o.defaultProps,E):E}}),process.env.NODE_ENV!=="production"&&(eu(c,h),w.warnTooManyClasses=(function(E,T){var S={},C=!1;return function(D){if(!C&&(S[D]=!0,Object.keys(S).length>=200)){var I=T?' with the id of "'.concat(T,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(E).concat(I,`.
|
|
48
|
+
`)+`Consider using the attrs method, together with a style object for frequently changed styles.
|
|
49
|
+
Example:
|
|
50
|
+
const Component = styled.div.attrs(props => ({
|
|
51
|
+
style: {
|
|
52
|
+
background: props.background,
|
|
53
|
+
},
|
|
54
|
+
}))\`width: 100%;\`
|
|
55
|
+
|
|
56
|
+
<Component />`),C=!0,S={}}}})(c,h)),hr(w,function(){return".".concat(w.styledComponentId)}),i&&As(w,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),w}function Hs(e,t){for(var n=[e[0]],r=0,o=t.length;r<o;r+=1)n.push(t[r],e[r+1]);return n}var Us=function(e){return Object.assign(e,{isCss:!0})};function P(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];if(bt(e)||wt(e))return Us(tt(Hs(vn,ft([e],t,!0))));var r=e;return t.length===0&&r.length===1&&typeof r[0]=="string"?tt(r):Us(tt(Hs(r,t)))}function mr(e,t,n){if(n===void 0&&(n=vt),!t)throw xt(1,t);var r=function(o){for(var i=[],s=1;s<arguments.length;s++)i[s-1]=arguments[s];return e(t,n,P.apply(void 0,ft([o],i,!1)))};return r.attrs=function(o){return mr(e,t,me(me({},n),{attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)}))},r.withConfig=function(o){return mr(e,t,me(me({},n),o))},r}var Ws=function(e){return mr(Bu,e)},k=Ws;ir.forEach(function(e){k[e]=Ws(e)}),process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn(`It looks like you've imported 'styled-components' on React Native.
|
|
57
|
+
Perhaps you're looking to import 'styled-components/native'?
|
|
58
|
+
Read more about this at https://www.styled-components.com/docs/basics#react-native`);var Cn="__sc-".concat(Je,"__");process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&typeof window<"u"&&(window[Cn]||(window[Cn]=0),window[Cn]===1&&console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
|
|
59
|
+
|
|
60
|
+
See https://s-c.sh/2BAXzed for more info.`),window[Cn]+=1);const Ks={80:P`
|
|
61
|
+
font-family: 'Dax', serif;
|
|
62
|
+
font-size: 5rem;
|
|
63
|
+
font-style: normal;
|
|
64
|
+
font-weight: 700;
|
|
65
|
+
line-height: 163.184%;
|
|
66
|
+
`,60:P`
|
|
67
|
+
font-family: 'Dax', serif;
|
|
68
|
+
font-size: 3.75rem;
|
|
69
|
+
font-style: normal;
|
|
70
|
+
font-weight: 700;
|
|
71
|
+
line-height: 161.76%;
|
|
72
|
+
`,40:P`
|
|
73
|
+
font-family: 'Dax', serif;
|
|
74
|
+
font-size: 2.5rem;
|
|
75
|
+
font-style: normal;
|
|
76
|
+
font-weight: 700;
|
|
77
|
+
line-height: 161.76%;
|
|
78
|
+
`,30:P`
|
|
79
|
+
font-family: 'Dax', serif;
|
|
80
|
+
font-size: 1.875rem;
|
|
81
|
+
font-style: normal;
|
|
82
|
+
font-weight: 700;
|
|
83
|
+
line-height: 161.76%;
|
|
84
|
+
`,24:P`
|
|
85
|
+
font-family: 'Dax', serif;
|
|
86
|
+
font-size: 1.5rem;
|
|
87
|
+
font-style: normal;
|
|
88
|
+
font-weight: 700;
|
|
89
|
+
line-height: 163.184%;
|
|
90
|
+
`,20:P`
|
|
91
|
+
font-family: 'Dax', serif;
|
|
92
|
+
font-size: 1.25rem;
|
|
93
|
+
font-style: normal;
|
|
94
|
+
font-weight: 700;
|
|
95
|
+
line-height: 161.76%;
|
|
96
|
+
`,16:P`
|
|
97
|
+
font-family: 'Dax', serif;
|
|
98
|
+
font-size: 1rem;
|
|
99
|
+
font-style: normal;
|
|
100
|
+
font-weight: 700;
|
|
101
|
+
line-height: 161.76%;
|
|
102
|
+
`},Ou={80:P`
|
|
103
|
+
font-family: 'Dax', serif;
|
|
104
|
+
font-size: 5rem;
|
|
105
|
+
font-style: normal;
|
|
106
|
+
font-weight: 400;
|
|
107
|
+
line-height: 163.184%;
|
|
108
|
+
`,60:P`
|
|
109
|
+
font-family: 'Dax', serif;
|
|
110
|
+
font-size: 3.75em;
|
|
111
|
+
font-style: normal;
|
|
112
|
+
font-weight: 400;
|
|
113
|
+
line-height: 161.76%;
|
|
114
|
+
`,40:P`
|
|
115
|
+
font-family: 'Dax', serif;
|
|
116
|
+
font-size: 2.5rem;
|
|
117
|
+
font-style: normal;
|
|
118
|
+
font-weight: 400;
|
|
119
|
+
line-height: 161.76%;
|
|
120
|
+
`,30:P`
|
|
121
|
+
font-family: 'Dax', serif;
|
|
122
|
+
font-size: 1.875rem;
|
|
123
|
+
font-style: normal;
|
|
124
|
+
font-weight: 400;
|
|
125
|
+
line-height: 161.76%;
|
|
126
|
+
`,24:P`
|
|
127
|
+
font-family: 'Dax', serif;
|
|
128
|
+
font-size: 1.5rem;
|
|
129
|
+
font-style: normal;
|
|
130
|
+
font-weight: 400;
|
|
131
|
+
line-height: 163.184%;
|
|
132
|
+
`,20:P`
|
|
133
|
+
font-family: 'Dax', serif;
|
|
134
|
+
font-size: 1.25rem;
|
|
135
|
+
font-style: normal;
|
|
136
|
+
font-weight: 400;
|
|
137
|
+
line-height: 161.76%;
|
|
138
|
+
`,16:P`
|
|
139
|
+
font-family: 'Dax', serif;
|
|
140
|
+
font-size: 1rem;
|
|
141
|
+
font-style: normal;
|
|
142
|
+
font-weight: 400;
|
|
143
|
+
line-height: 161.76%;
|
|
144
|
+
`},z={80:P`
|
|
145
|
+
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
146
|
+
font-size: 5rem;
|
|
147
|
+
font-style: normal;
|
|
148
|
+
font-weight: 400;
|
|
149
|
+
line-height: 155.962%;
|
|
150
|
+
`,60:P`
|
|
151
|
+
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
152
|
+
font-size: 3.75rem;
|
|
153
|
+
font-style: normal;
|
|
154
|
+
font-weight: 400;
|
|
155
|
+
line-height: 176.782%;
|
|
156
|
+
`,40:P`
|
|
157
|
+
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
158
|
+
font-size: 2.5rem;
|
|
159
|
+
font-style: normal;
|
|
160
|
+
font-weight: 400;
|
|
161
|
+
line-height: 176.782%;
|
|
162
|
+
`,30:P`
|
|
163
|
+
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
164
|
+
font-size: 1.875rem;
|
|
165
|
+
font-style: normal;
|
|
166
|
+
font-weight: 400;
|
|
167
|
+
line-height: 176.782%;
|
|
168
|
+
`,24:P`
|
|
169
|
+
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
170
|
+
font-size: 1.5rem;
|
|
171
|
+
font-style: normal;
|
|
172
|
+
font-weight: 400;
|
|
173
|
+
line-height: 176.782%;
|
|
174
|
+
`,20:P`
|
|
175
|
+
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
176
|
+
font-size: 1.25rem;
|
|
177
|
+
font-style: normal;
|
|
178
|
+
font-weight: 400;
|
|
179
|
+
line-height: 155.962%;
|
|
180
|
+
`,18:P`
|
|
181
|
+
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
182
|
+
font-size: 1.125rem;
|
|
183
|
+
font-style: normal;
|
|
184
|
+
font-weight: 400;
|
|
185
|
+
line-height: 150.782%;
|
|
186
|
+
`,16:P`
|
|
187
|
+
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
188
|
+
font-size: 1rem;
|
|
189
|
+
font-style: normal;
|
|
190
|
+
font-weight: 400;
|
|
191
|
+
line-height: 140%;
|
|
192
|
+
`,14:P`
|
|
193
|
+
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
194
|
+
font-size: 0.875rem;
|
|
195
|
+
font-style: normal;
|
|
196
|
+
font-weight: 400;
|
|
197
|
+
line-height: 140%;
|
|
198
|
+
`,12:P`
|
|
199
|
+
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
200
|
+
font-size: 0.875rem;
|
|
201
|
+
font-style: normal;
|
|
202
|
+
font-weight: 400;
|
|
203
|
+
line-height: 133%;
|
|
204
|
+
`},kn=k.h1`
|
|
205
|
+
${({size:e=24})=>Ks[e]}
|
|
206
|
+
margin: 0;
|
|
207
|
+
color: ${({color:e})=>e||"var(--color-main-blue-primary)"};
|
|
208
|
+
`,Fu=k.h2`
|
|
209
|
+
${({size:e=24})=>Ou[e]}
|
|
210
|
+
margin: 0;
|
|
211
|
+
color: ${({color:e})=>e||"var(--color-main-blue-primary)"};
|
|
212
|
+
`,Pn=k.span`
|
|
213
|
+
${({size:e=16})=>z[e]}
|
|
214
|
+
margin: 0;
|
|
215
|
+
color: ${({color:e})=>e||"var(--color-main-blue-primary)"};
|
|
216
|
+
`,ju=k.span`
|
|
217
|
+
display: inline-flex;
|
|
218
|
+
align-items: center;
|
|
219
|
+
justify-content: center;
|
|
220
|
+
color: ${({$color:e})=>e};
|
|
221
|
+
|
|
222
|
+
&:focus-visible {
|
|
223
|
+
outline: none;
|
|
224
|
+
box-shadow: var(--shadow-hover-black-card);
|
|
225
|
+
}
|
|
226
|
+
`,Ys={tn:"1rem",sm:"1.5rem",md:"2rem",lg:"3rem"},G=({component:e,size:t="1.5rem",color:n="currentColor",className:r,iconProps:o={}})=>{const i=typeof t=="string"&&t in Ys?Ys[t]:t;return m.jsx(ju,{$color:n,className:r,children:typeof e=="function"?m.jsx(e,{size:i,...o}):e})},gr=f.createContext({});function yr(e){const t=f.useRef(null);return t.current===null&&(t.current=e()),t.current}const vr=typeof window<"u",Gs=vr?f.useLayoutEffect:f.useEffect,En=f.createContext(null);function br(e,t){e.indexOf(t)===-1&&e.push(t)}function wr(e,t){const n=e.indexOf(t);n>-1&&e.splice(n,1)}const Fe=(e,t,n)=>n>t?t:n<e?e:n;function xr(e,t){return t?`${e}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}`:e}let St=()=>{},je=()=>{};process.env.NODE_ENV!=="production"&&(St=(e,t,n)=>{!e&&typeof console<"u"&&console.warn(xr(t,n))},je=(e,t,n)=>{if(!e)throw new Error(xr(t,n))});const Re={},Xs=e=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);function qs(e){return typeof e=="object"&&e!==null}const Zs=e=>/^0[^.\s]+$/u.test(e);function Sr(e){let t;return()=>(t===void 0&&(t=e()),t)}const Se=e=>e,Ru=(e,t)=>n=>t(e(n)),Rt=(...e)=>e.reduce(Ru),zt=(e,t,n)=>{const r=t-e;return r===0?1:(n-e)/r};class Tr{constructor(){this.subscriptions=[]}add(t){return br(this.subscriptions,t),()=>wr(this.subscriptions,t)}notify(t,n,r){const o=this.subscriptions.length;if(o)if(o===1)this.subscriptions[0](t,n,r);else for(let i=0;i<o;i++){const s=this.subscriptions[i];s&&s(t,n,r)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}}const De=e=>e*1e3,Te=e=>e/1e3;function Js(e,t){return t?e*(1e3/t):0}const Qs=new Set;function Cr(e,t,n){e||Qs.has(t)||(console.warn(xr(t,n)),Qs.add(t))}const ei=(e,t,n)=>(((1-3*n+3*t)*e+(3*n-6*t))*e+3*t)*e,zu=1e-7,_u=12;function Hu(e,t,n,r,o){let i,s,a=0;do s=t+(n-t)/2,i=ei(s,r,o)-e,i>0?n=s:t=s;while(Math.abs(i)>zu&&++a<_u);return s}function _t(e,t,n,r){if(e===t&&n===r)return Se;const o=i=>Hu(i,0,1,e,n);return i=>i===0||i===1?i:ei(o(i),t,r)}const ti=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,ni=e=>t=>1-e(1-t),ri=_t(.33,1.53,.69,.99),kr=ni(ri),oi=ti(kr),si=e=>(e*=2)<1?.5*kr(e):.5*(2-Math.pow(2,-10*(e-1))),Pr=e=>1-Math.sin(Math.acos(e)),ii=ni(Pr),ai=ti(Pr),Uu=_t(.42,0,1,1),Wu=_t(0,0,.58,1),li=_t(.42,0,.58,1),Ku=e=>Array.isArray(e)&&typeof e[0]!="number",ci=e=>Array.isArray(e)&&typeof e[0]=="number",ui={linear:Se,easeIn:Uu,easeInOut:li,easeOut:Wu,circIn:Pr,circInOut:ai,circOut:ii,backIn:kr,backInOut:oi,backOut:ri,anticipate:si},Yu=e=>typeof e=="string",di=e=>{if(ci(e)){je(e.length===4,"Cubic bezier arrays must contain four numerical values.","cubic-bezier-length");const[t,n,r,o]=e;return _t(t,n,r,o)}else if(Yu(e))return je(ui[e]!==void 0,`Invalid easing type '${e}'`,"invalid-easing-type"),ui[e];return e},An=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function Gu(e,t){let n=new Set,r=new Set,o=!1,i=!1;const s=new WeakSet;let a={delta:0,timestamp:0,isProcessing:!1};function l(d){s.has(d)&&(u.schedule(d),e()),d(a)}const u={schedule:(d,c=!1,h=!1)=>{const g=h&&o?n:r;return c&&s.add(d),g.has(d)||g.add(d),d},cancel:d=>{r.delete(d),s.delete(d)},process:d=>{if(a=d,o){i=!0;return}o=!0,[n,r]=[r,n],n.forEach(l),n.clear(),o=!1,i&&(i=!1,u.process(d))}};return u}const Xu=40;function hi(e,t){let n=!1,r=!0;const o={delta:0,timestamp:0,isProcessing:!1},i=()=>n=!0,s=An.reduce((w,E)=>(w[E]=Gu(i),w),{}),{setup:a,read:l,resolveKeyframes:u,preUpdate:d,update:c,preRender:h,render:p,postRender:g}=s,v=()=>{const w=Re.useManualTiming?o.timestamp:performance.now();n=!1,Re.useManualTiming||(o.delta=r?1e3/60:Math.max(Math.min(w-o.timestamp,Xu),1)),o.timestamp=w,o.isProcessing=!0,a.process(o),l.process(o),u.process(o),d.process(o),c.process(o),h.process(o),p.process(o),g.process(o),o.isProcessing=!1,n&&t&&(r=!1,e(v))},b=()=>{n=!0,r=!0,o.isProcessing||e(v)};return{schedule:An.reduce((w,E)=>{const T=s[E];return w[E]=(S,C=!1,D=!1)=>(n||b(),T.schedule(S,C,D)),w},{}),cancel:w=>{for(let E=0;E<An.length;E++)s[An[E]].cancel(w)},state:o,steps:s}}const{schedule:Z,cancel:Ue,state:ce,steps:Er}=hi(typeof requestAnimationFrame<"u"?requestAnimationFrame:Se,!0);let Dn;function qu(){Dn=void 0}const ge={now:()=>(Dn===void 0&&ge.set(ce.isProcessing||Re.useManualTiming?ce.timestamp:performance.now()),Dn),set:e=>{Dn=e,queueMicrotask(qu)}},fi=e=>t=>typeof t=="string"&&t.startsWith(e),Ar=fi("--"),Zu=fi("var(--"),Dr=e=>Zu(e)?Ju.test(e.split("/*")[0].trim()):!1,Ju=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,Tt={test:e=>typeof e=="number",parse:parseFloat,transform:e=>e},Ht={...Tt,transform:e=>Fe(0,1,e)},Mn={...Tt,default:1},Ut=e=>Math.round(e*1e5)/1e5,Mr=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function Qu(e){return e==null}const ed=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,$r=(e,t)=>n=>!!(typeof n=="string"&&ed.test(n)&&n.startsWith(e)||t&&!Qu(n)&&Object.prototype.hasOwnProperty.call(n,t)),pi=(e,t,n)=>r=>{if(typeof r!="string")return r;const[o,i,s,a]=r.match(Mr);return{[e]:parseFloat(o),[t]:parseFloat(i),[n]:parseFloat(s),alpha:a!==void 0?parseFloat(a):1}},td=e=>Fe(0,255,e),Vr={...Tt,transform:e=>Math.round(td(e))},nt={test:$r("rgb","red"),parse:pi("red","green","blue"),transform:({red:e,green:t,blue:n,alpha:r=1})=>"rgba("+Vr.transform(e)+", "+Vr.transform(t)+", "+Vr.transform(n)+", "+Ut(Ht.transform(r))+")"};function nd(e){let t="",n="",r="",o="";return e.length>5?(t=e.substring(1,3),n=e.substring(3,5),r=e.substring(5,7),o=e.substring(7,9)):(t=e.substring(1,2),n=e.substring(2,3),r=e.substring(3,4),o=e.substring(4,5),t+=t,n+=n,r+=r,o+=o),{red:parseInt(t,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:o?parseInt(o,16)/255:1}}const Ir={test:$r("#"),parse:nd,transform:nt.transform},Wt=e=>({test:t=>typeof t=="string"&&t.endsWith(e)&&t.split(" ").length===1,parse:parseFloat,transform:t=>`${t}${e}`}),We=Wt("deg"),Ne=Wt("%"),$=Wt("px"),rd=Wt("vh"),od=Wt("vw"),mi={...Ne,parse:e=>Ne.parse(e)/100,transform:e=>Ne.transform(e*100)},Ct={test:$r("hsl","hue"),parse:pi("hue","saturation","lightness"),transform:({hue:e,saturation:t,lightness:n,alpha:r=1})=>"hsla("+Math.round(e)+", "+Ne.transform(Ut(t))+", "+Ne.transform(Ut(n))+", "+Ut(Ht.transform(r))+")"},ne={test:e=>nt.test(e)||Ir.test(e)||Ct.test(e),parse:e=>nt.test(e)?nt.parse(e):Ct.test(e)?Ct.parse(e):Ir.parse(e),transform:e=>typeof e=="string"?e:e.hasOwnProperty("red")?nt.transform(e):Ct.transform(e),getAnimatableNone:e=>{const t=ne.parse(e);return t.alpha=0,ne.transform(t)}},sd=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function id(e){return isNaN(e)&&typeof e=="string"&&(e.match(Mr)?.length||0)+(e.match(sd)?.length||0)>0}const gi="number",yi="color",ad="var",ld="var(",vi="${}",cd=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function Kt(e){const t=e.toString(),n=[],r={color:[],number:[],var:[]},o=[];let i=0;const a=t.replace(cd,l=>(ne.test(l)?(r.color.push(i),o.push(yi),n.push(ne.parse(l))):l.startsWith(ld)?(r.var.push(i),o.push(ad),n.push(l)):(r.number.push(i),o.push(gi),n.push(parseFloat(l))),++i,vi)).split(vi);return{values:n,split:a,indexes:r,types:o}}function bi(e){return Kt(e).values}function wi(e){const{split:t,types:n}=Kt(e),r=t.length;return o=>{let i="";for(let s=0;s<r;s++)if(i+=t[s],o[s]!==void 0){const a=n[s];a===gi?i+=Ut(o[s]):a===yi?i+=ne.transform(o[s]):i+=o[s]}return i}}const ud=e=>typeof e=="number"?0:ne.test(e)?ne.getAnimatableNone(e):e;function dd(e){const t=bi(e);return wi(e)(t.map(ud))}const Ke={test:id,parse:bi,createTransformer:wi,getAnimatableNone:dd};function Lr(e,t,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+(t-e)*6*n:n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function hd({hue:e,saturation:t,lightness:n,alpha:r}){e/=360,t/=100,n/=100;let o=0,i=0,s=0;if(!t)o=i=s=n;else{const a=n<.5?n*(1+t):n+t-n*t,l=2*n-a;o=Lr(l,a,e+1/3),i=Lr(l,a,e),s=Lr(l,a,e-1/3)}return{red:Math.round(o*255),green:Math.round(i*255),blue:Math.round(s*255),alpha:r}}function $n(e,t){return n=>n>0?t:e}const J=(e,t,n)=>e+(t-e)*n,Nr=(e,t,n)=>{const r=e*e,o=n*(t*t-r)+r;return o<0?0:Math.sqrt(o)},fd=[Ir,nt,Ct],pd=e=>fd.find(t=>t.test(e));function xi(e){const t=pd(e);if(St(!!t,`'${e}' is not an animatable color. Use the equivalent color code instead.`,"color-not-animatable"),!t)return!1;let n=t.parse(e);return t===Ct&&(n=hd(n)),n}const Si=(e,t)=>{const n=xi(e),r=xi(t);if(!n||!r)return $n(e,t);const o={...n};return i=>(o.red=Nr(n.red,r.red,i),o.green=Nr(n.green,r.green,i),o.blue=Nr(n.blue,r.blue,i),o.alpha=J(n.alpha,r.alpha,i),nt.transform(o))},Br=new Set(["none","hidden"]);function md(e,t){return Br.has(e)?n=>n<=0?e:t:n=>n>=1?t:e}function gd(e,t){return n=>J(e,t,n)}function Or(e){return typeof e=="number"?gd:typeof e=="string"?Dr(e)?$n:ne.test(e)?Si:bd:Array.isArray(e)?Ti:typeof e=="object"?ne.test(e)?Si:yd:$n}function Ti(e,t){const n=[...e],r=n.length,o=e.map((i,s)=>Or(i)(i,t[s]));return i=>{for(let s=0;s<r;s++)n[s]=o[s](i);return n}}function yd(e,t){const n={...e,...t},r={};for(const o in n)e[o]!==void 0&&t[o]!==void 0&&(r[o]=Or(e[o])(e[o],t[o]));return o=>{for(const i in r)n[i]=r[i](o);return n}}function vd(e,t){const n=[],r={color:0,var:0,number:0};for(let o=0;o<t.values.length;o++){const i=t.types[o],s=e.indexes[i][r[i]],a=e.values[s]??0;n[o]=a,r[i]++}return n}const bd=(e,t)=>{const n=Ke.createTransformer(t),r=Kt(e),o=Kt(t);return r.indexes.var.length===o.indexes.var.length&&r.indexes.color.length===o.indexes.color.length&&r.indexes.number.length>=o.indexes.number.length?Br.has(e)&&!o.values.length||Br.has(t)&&!r.values.length?md(e,t):Rt(Ti(vd(r,o),o.values),n):(St(!0,`Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`,"complex-values-different"),$n(e,t))};function Ci(e,t,n){return typeof e=="number"&&typeof t=="number"&&typeof n=="number"?J(e,t,n):Or(e)(e,t)}const wd=e=>{const t=({timestamp:n})=>e(n);return{start:(n=!0)=>Z.update(t,n),stop:()=>Ue(t),now:()=>ce.isProcessing?ce.timestamp:ge.now()}},ki=(e,t,n=10)=>{let r="";const o=Math.max(Math.round(t/n),2);for(let i=0;i<o;i++)r+=Math.round(e(i/(o-1))*1e4)/1e4+", ";return`linear(${r.substring(0,r.length-2)})`},Vn=2e4;function Fr(e){let t=0;const n=50;let r=e.next(t);for(;!r.done&&t<Vn;)t+=n,r=e.next(t);return t>=Vn?1/0:t}function xd(e,t=100,n){const r=n({...e,keyframes:[0,t]}),o=Math.min(Fr(r),Vn);return{type:"keyframes",ease:i=>r.next(o*i).value/t,duration:Te(o)}}const Sd=5;function Pi(e,t,n){const r=Math.max(t-Sd,0);return Js(n-e(r),t-r)}const Q={stiffness:100,damping:10,mass:1,velocity:0,duration:800,bounce:.3,visualDuration:.3,restSpeed:{granular:.01,default:2},restDelta:{granular:.005,default:.5},minDuration:.01,maxDuration:10,minDamping:.05,maxDamping:1},jr=.001;function Td({duration:e=Q.duration,bounce:t=Q.bounce,velocity:n=Q.velocity,mass:r=Q.mass}){let o,i;St(e<=De(Q.maxDuration),"Spring duration must be 10 seconds or less","spring-duration-limit");let s=1-t;s=Fe(Q.minDamping,Q.maxDamping,s),e=Fe(Q.minDuration,Q.maxDuration,Te(e)),s<1?(o=u=>{const d=u*s,c=d*e,h=d-n,p=Rr(u,s),g=Math.exp(-c);return jr-h/p*g},i=u=>{const c=u*s*e,h=c*n+n,p=Math.pow(s,2)*Math.pow(u,2)*e,g=Math.exp(-c),v=Rr(Math.pow(u,2),s);return(-o(u)+jr>0?-1:1)*((h-p)*g)/v}):(o=u=>{const d=Math.exp(-u*e),c=(u-n)*e+1;return-jr+d*c},i=u=>{const d=Math.exp(-u*e),c=(n-u)*(e*e);return d*c});const a=5/e,l=kd(o,i,a);if(e=De(e),isNaN(l))return{stiffness:Q.stiffness,damping:Q.damping,duration:e};{const u=Math.pow(l,2)*r;return{stiffness:u,damping:s*2*Math.sqrt(r*u),duration:e}}}const Cd=12;function kd(e,t,n){let r=n;for(let o=1;o<Cd;o++)r=r-e(r)/t(r);return r}function Rr(e,t){return e*Math.sqrt(1-t*t)}const Pd=["duration","bounce"],Ed=["stiffness","damping","mass"];function Ei(e,t){return t.some(n=>e[n]!==void 0)}function Ad(e){let t={velocity:Q.velocity,stiffness:Q.stiffness,damping:Q.damping,mass:Q.mass,isResolvedFromDuration:!1,...e};if(!Ei(e,Ed)&&Ei(e,Pd))if(e.visualDuration){const n=e.visualDuration,r=2*Math.PI/(n*1.2),o=r*r,i=2*Fe(.05,1,1-(e.bounce||0))*Math.sqrt(o);t={...t,mass:Q.mass,stiffness:o,damping:i}}else{const n=Td(e);t={...t,...n,mass:Q.mass},t.isResolvedFromDuration=!0}return t}function In(e=Q.visualDuration,t=Q.bounce){const n=typeof e!="object"?{visualDuration:e,keyframes:[0,1],bounce:t}:e;let{restSpeed:r,restDelta:o}=n;const i=n.keyframes[0],s=n.keyframes[n.keyframes.length-1],a={done:!1,value:i},{stiffness:l,damping:u,mass:d,duration:c,velocity:h,isResolvedFromDuration:p}=Ad({...n,velocity:-Te(n.velocity||0)}),g=h||0,v=u/(2*Math.sqrt(l*d)),b=s-i,y=Te(Math.sqrt(l/d)),x=Math.abs(b)<5;r||(r=x?Q.restSpeed.granular:Q.restSpeed.default),o||(o=x?Q.restDelta.granular:Q.restDelta.default);let w;if(v<1){const T=Rr(y,v);w=S=>{const C=Math.exp(-v*y*S);return s-C*((g+v*y*b)/T*Math.sin(T*S)+b*Math.cos(T*S))}}else if(v===1)w=T=>s-Math.exp(-y*T)*(b+(g+y*b)*T);else{const T=y*Math.sqrt(v*v-1);w=S=>{const C=Math.exp(-v*y*S),D=Math.min(T*S,300);return s-C*((g+v*y*b)*Math.sinh(D)+T*b*Math.cosh(D))/T}}const E={calculatedDuration:p&&c||null,next:T=>{const S=w(T);if(p)a.done=T>=c;else{let C=T===0?g:0;v<1&&(C=T===0?De(g):Pi(w,T,S));const D=Math.abs(C)<=r,I=Math.abs(s-S)<=o;a.done=D&&I}return a.value=a.done?s:S,a},toString:()=>{const T=Math.min(Fr(E),Vn),S=ki(C=>E.next(T*C).value,T,30);return T+"ms "+S},toTransition:()=>{}};return E}In.applyToOptions=e=>{const t=xd(e,100,In);return e.ease=t.ease,e.duration=De(t.duration),e.type="keyframes",e};function zr({keyframes:e,velocity:t=0,power:n=.8,timeConstant:r=325,bounceDamping:o=10,bounceStiffness:i=500,modifyTarget:s,min:a,max:l,restDelta:u=.5,restSpeed:d}){const c=e[0],h={done:!1,value:c},p=D=>a!==void 0&&D<a||l!==void 0&&D>l,g=D=>a===void 0?l:l===void 0||Math.abs(a-D)<Math.abs(l-D)?a:l;let v=n*t;const b=c+v,y=s===void 0?b:s(b);y!==b&&(v=y-c);const x=D=>-v*Math.exp(-D/r),w=D=>y+x(D),E=D=>{const I=x(D),_=w(D);h.done=Math.abs(I)<=u,h.value=h.done?y:_};let T,S;const C=D=>{p(h.value)&&(T=D,S=In({keyframes:[h.value,g(h.value)],velocity:Pi(w,D,h.value),damping:o,stiffness:i,restDelta:u,restSpeed:d}))};return C(0),{calculatedDuration:null,next:D=>{let I=!1;return!S&&T===void 0&&(I=!0,E(D),C(D)),T!==void 0&&D>=T?S.next(D-T):(!I&&E(D),h)}}}function Dd(e,t,n){const r=[],o=n||Re.mix||Ci,i=e.length-1;for(let s=0;s<i;s++){let a=o(e[s],e[s+1]);if(t){const l=Array.isArray(t)?t[s]||Se:t;a=Rt(l,a)}r.push(a)}return r}function Md(e,t,{clamp:n=!0,ease:r,mixer:o}={}){const i=e.length;if(je(i===t.length,"Both input and output ranges must be the same length","range-length"),i===1)return()=>t[0];if(i===2&&t[0]===t[1])return()=>t[1];const s=e[0]===e[1];e[0]>e[i-1]&&(e=[...e].reverse(),t=[...t].reverse());const a=Dd(t,r,o),l=a.length,u=d=>{if(s&&d<e[0])return t[0];let c=0;if(l>1)for(;c<e.length-2&&!(d<e[c+1]);c++);const h=zt(e[c],e[c+1],d);return a[c](h)};return n?d=>u(Fe(e[0],e[i-1],d)):u}function $d(e,t){const n=e[e.length-1];for(let r=1;r<=t;r++){const o=zt(0,t,r);e.push(J(n,1,o))}}function Vd(e){const t=[0];return $d(t,e.length-1),t}function Id(e,t){return e.map(n=>n*t)}function Ld(e,t){return e.map(()=>t||li).splice(0,e.length-1)}function kt({duration:e=300,keyframes:t,times:n,ease:r="easeInOut"}){const o=Ku(r)?r.map(di):di(r),i={done:!1,value:t[0]},s=Id(n&&n.length===t.length?n:Vd(t),e),a=Md(s,t,{ease:Array.isArray(o)?o:Ld(t,o)});return{calculatedDuration:e,next:l=>(i.value=a(l),i.done=l>=e,i)}}const Nd=e=>e!==null;function _r(e,{repeat:t,repeatType:n="loop"},r,o=1){const i=e.filter(Nd),a=o<0||t&&n!=="loop"&&t%2===1?0:i.length-1;return!a||r===void 0?i[a]:r}const Bd={decay:zr,inertia:zr,tween:kt,keyframes:kt,spring:In};function Ai(e){typeof e.type=="string"&&(e.type=Bd[e.type])}class Hr{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(t=>{this.resolve=t})}notifyFinished(){this.resolve()}then(t,n){return this.finished.then(t,n)}}const Od=e=>e/100;class Ur extends Hr{constructor(t){super(),this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.stop=()=>{const{motionValue:n}=this.options;n&&n.updatedAt!==ge.now()&&this.tick(ge.now()),this.isStopped=!0,this.state!=="idle"&&(this.teardown(),this.options.onStop?.())},this.options=t,this.initAnimation(),this.play(),t.autoplay===!1&&this.pause()}initAnimation(){const{options:t}=this;Ai(t);const{type:n=kt,repeat:r=0,repeatDelay:o=0,repeatType:i,velocity:s=0}=t;let{keyframes:a}=t;const l=n||kt;process.env.NODE_ENV!=="production"&&l!==kt&&je(a.length<=2,`Only two keyframes currently supported with spring and inertia animations. Trying to animate ${a}`,"spring-two-frames"),l!==kt&&typeof a[0]!="number"&&(this.mixKeyframes=Rt(Od,Ci(a[0],a[1])),a=[0,100]);const u=l({...t,keyframes:a});i==="mirror"&&(this.mirroredGenerator=l({...t,keyframes:[...a].reverse(),velocity:-s})),u.calculatedDuration===null&&(u.calculatedDuration=Fr(u));const{calculatedDuration:d}=u;this.calculatedDuration=d,this.resolvedDuration=d+o,this.totalDuration=this.resolvedDuration*(r+1)-o,this.generator=u}updateTime(t){const n=Math.round(t-this.startTime)*this.playbackSpeed;this.holdTime!==null?this.currentTime=this.holdTime:this.currentTime=n}tick(t,n=!1){const{generator:r,totalDuration:o,mixKeyframes:i,mirroredGenerator:s,resolvedDuration:a,calculatedDuration:l}=this;if(this.startTime===null)return r.next(0);const{delay:u=0,keyframes:d,repeat:c,repeatType:h,repeatDelay:p,type:g,onUpdate:v,finalKeyframe:b}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,t):this.speed<0&&(this.startTime=Math.min(t-o/this.speed,this.startTime)),n?this.currentTime=t:this.updateTime(t);const y=this.currentTime-u*(this.playbackSpeed>=0?1:-1),x=this.playbackSpeed>=0?y<0:y>o;this.currentTime=Math.max(y,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=o);let w=this.currentTime,E=r;if(c){const D=Math.min(this.currentTime,o)/a;let I=Math.floor(D),_=D%1;!_&&D>=1&&(_=1),_===1&&I--,I=Math.min(I,c+1),!!(I%2)&&(h==="reverse"?(_=1-_,p&&(_-=p/a)):h==="mirror"&&(E=s)),w=Fe(0,1,_)*a}const T=x?{done:!1,value:d[0]}:E.next(w);i&&(T.value=i(T.value));let{done:S}=T;!x&&l!==null&&(S=this.playbackSpeed>=0?this.currentTime>=o:this.currentTime<=0);const C=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&S);return C&&g!==zr&&(T.value=_r(d,this.options,b,this.speed)),v&&v(T.value),C&&this.finish(),T}then(t,n){return this.finished.then(t,n)}get duration(){return Te(this.calculatedDuration)}get iterationDuration(){const{delay:t=0}=this.options||{};return this.duration+Te(t)}get time(){return Te(this.currentTime)}set time(t){t=De(t),this.currentTime=t,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=t:this.driver&&(this.startTime=this.driver.now()-t/this.playbackSpeed),this.driver?.start(!1)}get speed(){return this.playbackSpeed}set speed(t){this.updateTime(ge.now());const n=this.playbackSpeed!==t;this.playbackSpeed=t,n&&(this.time=Te(this.currentTime))}play(){if(this.isStopped)return;const{driver:t=wd,startTime:n}=this.options;this.driver||(this.driver=t(o=>this.tick(o))),this.options.onPlay?.();const r=this.driver.now();this.state==="finished"?(this.updateFinished(),this.startTime=r):this.holdTime!==null?this.startTime=r-this.holdTime:this.startTime||(this.startTime=n??r),this.state==="finished"&&this.speed<0&&(this.startTime+=this.calculatedDuration),this.holdTime=null,this.state="running",this.driver.start()}pause(){this.state="paused",this.updateTime(ge.now()),this.holdTime=this.currentTime}complete(){this.state!=="running"&&this.play(),this.state="finished",this.holdTime=null}finish(){this.notifyFinished(),this.teardown(),this.state="finished",this.options.onComplete?.()}cancel(){this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),this.options.onCancel?.()}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(t){return this.startTime=0,this.tick(t,!0)}attachTimeline(t){return this.options.allowFlatten&&(this.options.type="keyframes",this.options.ease="linear",this.initAnimation()),this.driver?.stop(),t.observe(this)}}function Fd(e){for(let t=1;t<e.length;t++)e[t]??(e[t]=e[t-1])}const rt=e=>e*180/Math.PI,Wr=e=>{const t=rt(Math.atan2(e[1],e[0]));return Kr(t)},jd={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:e=>(Math.abs(e[0])+Math.abs(e[3]))/2,rotate:Wr,rotateZ:Wr,skewX:e=>rt(Math.atan(e[1])),skewY:e=>rt(Math.atan(e[2])),skew:e=>(Math.abs(e[1])+Math.abs(e[2]))/2},Kr=e=>(e=e%360,e<0&&(e+=360),e),Di=Wr,Mi=e=>Math.sqrt(e[0]*e[0]+e[1]*e[1]),$i=e=>Math.sqrt(e[4]*e[4]+e[5]*e[5]),Rd={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:Mi,scaleY:$i,scale:e=>(Mi(e)+$i(e))/2,rotateX:e=>Kr(rt(Math.atan2(e[6],e[5]))),rotateY:e=>Kr(rt(Math.atan2(-e[2],e[0]))),rotateZ:Di,rotate:Di,skewX:e=>rt(Math.atan(e[4])),skewY:e=>rt(Math.atan(e[1])),skew:e=>(Math.abs(e[1])+Math.abs(e[4]))/2};function Yr(e){return e.includes("scale")?1:0}function Gr(e,t){if(!e||e==="none")return Yr(t);const n=e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);let r,o;if(n)r=Rd,o=n;else{const a=e.match(/^matrix\(([-\d.e\s,]+)\)$/u);r=jd,o=a}if(!o)return Yr(t);const i=r[t],s=o[1].split(",").map(_d);return typeof i=="function"?i(s):s[i]}const zd=(e,t)=>{const{transform:n="none"}=getComputedStyle(e);return Gr(n,t)};function _d(e){return parseFloat(e.trim())}const Pt=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],Et=new Set(Pt),Vi=e=>e===Tt||e===$,Hd=new Set(["x","y","z"]),Ud=Pt.filter(e=>!Hd.has(e));function Wd(e){const t=[];return Ud.forEach(n=>{const r=e.getValue(n);r!==void 0&&(t.push([n,r.get()]),r.set(n.startsWith("scale")?1:0))}),t}const ot={width:({x:e},{paddingLeft:t="0",paddingRight:n="0"})=>e.max-e.min-parseFloat(t)-parseFloat(n),height:({y:e},{paddingTop:t="0",paddingBottom:n="0"})=>e.max-e.min-parseFloat(t)-parseFloat(n),top:(e,{top:t})=>parseFloat(t),left:(e,{left:t})=>parseFloat(t),bottom:({y:e},{top:t})=>parseFloat(t)+(e.max-e.min),right:({x:e},{left:t})=>parseFloat(t)+(e.max-e.min),x:(e,{transform:t})=>Gr(t,"x"),y:(e,{transform:t})=>Gr(t,"y")};ot.translateX=ot.x,ot.translateY=ot.y;const st=new Set;let Xr=!1,qr=!1,Zr=!1;function Ii(){if(qr){const e=Array.from(st).filter(r=>r.needsMeasurement),t=new Set(e.map(r=>r.element)),n=new Map;t.forEach(r=>{const o=Wd(r);o.length&&(n.set(r,o),r.render())}),e.forEach(r=>r.measureInitialState()),t.forEach(r=>{r.render();const o=n.get(r);o&&o.forEach(([i,s])=>{r.getValue(i)?.set(s)})}),e.forEach(r=>r.measureEndState()),e.forEach(r=>{r.suspendedScrollY!==void 0&&window.scrollTo(0,r.suspendedScrollY)})}qr=!1,Xr=!1,st.forEach(e=>e.complete(Zr)),st.clear()}function Li(){st.forEach(e=>{e.readKeyframes(),e.needsMeasurement&&(qr=!0)})}function Kd(){Zr=!0,Li(),Ii(),Zr=!1}class Jr{constructor(t,n,r,o,i,s=!1){this.state="pending",this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...t],this.onComplete=n,this.name=r,this.motionValue=o,this.element=i,this.isAsync=s}scheduleResolve(){this.state="scheduled",this.isAsync?(st.add(this),Xr||(Xr=!0,Z.read(Li),Z.resolveKeyframes(Ii))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:t,name:n,element:r,motionValue:o}=this;if(t[0]===null){const i=o?.get(),s=t[t.length-1];if(i!==void 0)t[0]=i;else if(r&&n){const a=r.readValue(n,s);a!=null&&(t[0]=a)}t[0]===void 0&&(t[0]=s),o&&i===void 0&&o.set(t[0])}Fd(t)}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(t=!1){this.state="complete",this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,t),st.delete(this)}cancel(){this.state==="scheduled"&&(st.delete(this),this.state="pending")}resume(){this.state==="pending"&&this.scheduleResolve()}}const Yd=e=>e.startsWith("--");function Gd(e,t,n){Yd(t)?e.style.setProperty(t,n):e.style[t]=n}const Xd=Sr(()=>window.ScrollTimeline!==void 0),qd={};function Zd(e,t){const n=Sr(e);return()=>qd[t]??n()}const Ni=Zd(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch{return!1}return!0},"linearEasing"),Yt=([e,t,n,r])=>`cubic-bezier(${e}, ${t}, ${n}, ${r})`,Bi={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:Yt([0,.65,.55,1]),circOut:Yt([.55,0,1,.45]),backIn:Yt([.31,.01,.66,-.59]),backOut:Yt([.33,1.53,.69,.99])};function Oi(e,t){if(e)return typeof e=="function"?Ni()?ki(e,t):"ease-out":ci(e)?Yt(e):Array.isArray(e)?e.map(n=>Oi(n,t)||Bi.easeOut):Bi[e]}function Jd(e,t,n,{delay:r=0,duration:o=300,repeat:i=0,repeatType:s="loop",ease:a="easeOut",times:l}={},u=void 0){const d={[t]:n};l&&(d.offset=l);const c=Oi(a,o);Array.isArray(c)&&(d.easing=c);const h={delay:r,duration:o,easing:Array.isArray(c)?"linear":c,fill:"both",iterations:i+1,direction:s==="reverse"?"alternate":"normal"};return u&&(h.pseudoElement=u),e.animate(d,h)}function Fi(e){return typeof e=="function"&&"applyToOptions"in e}function Qd({type:e,...t}){return Fi(e)&&Ni()?e.applyToOptions(t):(t.duration??(t.duration=300),t.ease??(t.ease="easeOut"),t)}class eh extends Hr{constructor(t){if(super(),this.finishedTime=null,this.isStopped=!1,!t)return;const{element:n,name:r,keyframes:o,pseudoElement:i,allowFlatten:s=!1,finalKeyframe:a,onComplete:l}=t;this.isPseudoElement=!!i,this.allowFlatten=s,this.options=t,je(typeof t.type!="string",`Mini animate() doesn't support "type" as a string.`,"mini-spring");const u=Qd(t);this.animation=Jd(n,r,o,u,i),u.autoplay===!1&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!i){const d=_r(o,this.options,a,this.speed);this.updateMotionValue?this.updateMotionValue(d):Gd(n,r,d),this.animation.cancel()}l?.(),this.notifyFinished()}}play(){this.isStopped||(this.animation.play(),this.state==="finished"&&this.updateFinished())}pause(){this.animation.pause()}complete(){this.animation.finish?.()}cancel(){try{this.animation.cancel()}catch{}}stop(){if(this.isStopped)return;this.isStopped=!0;const{state:t}=this;t==="idle"||t==="finished"||(this.updateMotionValue?this.updateMotionValue():this.commitStyles(),this.isPseudoElement||this.cancel())}commitStyles(){this.isPseudoElement||this.animation.commitStyles?.()}get duration(){const t=this.animation.effect?.getComputedTiming?.().duration||0;return Te(Number(t))}get iterationDuration(){const{delay:t=0}=this.options||{};return this.duration+Te(t)}get time(){return Te(Number(this.animation.currentTime)||0)}set time(t){this.finishedTime=null,this.animation.currentTime=De(t)}get speed(){return this.animation.playbackRate}set speed(t){t<0&&(this.finishedTime=null),this.animation.playbackRate=t}get state(){return this.finishedTime!==null?"finished":this.animation.playState}get startTime(){return Number(this.animation.startTime)}set startTime(t){this.animation.startTime=t}attachTimeline({timeline:t,observe:n}){return this.allowFlatten&&this.animation.effect?.updateTiming({easing:"linear"}),this.animation.onfinish=null,t&&Xd()?(this.animation.timeline=t,Se):n(this)}}const ji={anticipate:si,backInOut:oi,circInOut:ai};function th(e){return e in ji}function nh(e){typeof e.ease=="string"&&th(e.ease)&&(e.ease=ji[e.ease])}const Ri=10;class rh extends eh{constructor(t){nh(t),Ai(t),super(t),t.startTime&&(this.startTime=t.startTime),this.options=t}updateMotionValue(t){const{motionValue:n,onUpdate:r,onComplete:o,element:i,...s}=this.options;if(!n)return;if(t!==void 0){n.set(t);return}const a=new Ur({...s,autoplay:!1}),l=De(this.finishedTime??this.time);n.setWithVelocity(a.sample(l-Ri).value,a.sample(l).value,Ri),a.stop()}}const zi=(e,t)=>t==="zIndex"?!1:!!(typeof e=="number"||Array.isArray(e)||typeof e=="string"&&(Ke.test(e)||e==="0")&&!e.startsWith("url("));function oh(e){const t=e[0];if(e.length===1)return!0;for(let n=0;n<e.length;n++)if(e[n]!==t)return!0}function sh(e,t,n,r){const o=e[0];if(o===null)return!1;if(t==="display"||t==="visibility")return!0;const i=e[e.length-1],s=zi(o,t),a=zi(i,t);return St(s===a,`You are trying to animate ${t} from "${o}" to "${i}". "${s?i:o}" is not an animatable value.`,"value-not-animatable"),!s||!a?!1:oh(e)||(n==="spring"||Fi(n))&&r}function Qr(e){e.duration=0,e.type="keyframes"}const ih=new Set(["opacity","clipPath","filter","transform"]),ah=Sr(()=>Object.hasOwnProperty.call(Element.prototype,"animate"));function lh(e){const{motionValue:t,name:n,repeatDelay:r,repeatType:o,damping:i,type:s}=e;if(!(t?.owner?.current instanceof HTMLElement))return!1;const{onUpdate:l,transformTemplate:u}=t.owner.getProps();return ah()&&n&&ih.has(n)&&(n!=="transform"||!u)&&!l&&!r&&o!=="mirror"&&i!==0&&s!=="inertia"}const ch=40;class uh extends Hr{constructor({autoplay:t=!0,delay:n=0,type:r="keyframes",repeat:o=0,repeatDelay:i=0,repeatType:s="loop",keyframes:a,name:l,motionValue:u,element:d,...c}){super(),this.stop=()=>{this._animation&&(this._animation.stop(),this.stopTimeline?.()),this.keyframeResolver?.cancel()},this.createdAt=ge.now();const h={autoplay:t,delay:n,type:r,repeat:o,repeatDelay:i,repeatType:s,name:l,motionValue:u,element:d,...c},p=d?.KeyframeResolver||Jr;this.keyframeResolver=new p(a,(g,v,b)=>this.onKeyframesResolved(g,v,h,!b),l,u,d),this.keyframeResolver?.scheduleResolve()}onKeyframesResolved(t,n,r,o){this.keyframeResolver=void 0;const{name:i,type:s,velocity:a,delay:l,isHandoff:u,onUpdate:d}=r;this.resolvedAt=ge.now(),sh(t,i,s,a)||((Re.instantAnimations||!l)&&d?.(_r(t,r,n)),t[0]=t[t.length-1],Qr(r),r.repeat=0);const h={startTime:o?this.resolvedAt?this.resolvedAt-this.createdAt>ch?this.resolvedAt:this.createdAt:this.createdAt:void 0,finalKeyframe:n,...r,keyframes:t},p=!u&&lh(h)?new rh({...h,element:h.motionValue.owner.current}):new Ur(h);p.finished.then(()=>this.notifyFinished()).catch(Se),this.pendingTimeline&&(this.stopTimeline=p.attachTimeline(this.pendingTimeline),this.pendingTimeline=void 0),this._animation=p}get finished(){return this._animation?this.animation.finished:this._finished}then(t,n){return this.finished.finally(t).then(()=>{})}get animation(){return this._animation||(this.keyframeResolver?.resume(),Kd()),this._animation}get duration(){return this.animation.duration}get iterationDuration(){return this.animation.iterationDuration}get time(){return this.animation.time}set time(t){this.animation.time=t}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(t){this.animation.speed=t}get startTime(){return this.animation.startTime}attachTimeline(t){return this._animation?this.stopTimeline=this.animation.attachTimeline(t):this.pendingTimeline=t,()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){this._animation&&this.animation.cancel(),this.keyframeResolver?.cancel()}}const dh=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function hh(e){const t=dh.exec(e);if(!t)return[,];const[,n,r,o]=t;return[`--${n??r}`,o]}const fh=4;function _i(e,t,n=1){je(n<=fh,`Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`,"max-css-var-depth");const[r,o]=hh(e);if(!r)return;const i=window.getComputedStyle(t).getPropertyValue(r);if(i){const s=i.trim();return Xs(s)?parseFloat(s):s}return Dr(o)?_i(o,t,n+1):o}function eo(e,t){return e?.[t]??e?.default??e}const Hi=new Set(["width","height","top","left","right","bottom",...Pt]),ph={test:e=>e==="auto",parse:e=>e},Ui=e=>t=>t.test(e),Wi=[Tt,$,Ne,We,od,rd,ph],Ki=e=>Wi.find(Ui(e));function mh(e){return typeof e=="number"?e===0:e!==null?e==="none"||e==="0"||Zs(e):!0}const gh=new Set(["brightness","contrast","saturate","opacity"]);function yh(e){const[t,n]=e.slice(0,-1).split("(");if(t==="drop-shadow")return e;const[r]=n.match(Mr)||[];if(!r)return e;const o=n.replace(r,"");let i=gh.has(t)?1:0;return r!==n&&(i*=100),t+"("+i+o+")"}const vh=/\b([a-z-]*)\(.*?\)/gu,to={...Ke,getAnimatableNone:e=>{const t=e.match(vh);return t?t.map(yh).join(" "):e}},Yi={...Tt,transform:Math.round},no={borderWidth:$,borderTopWidth:$,borderRightWidth:$,borderBottomWidth:$,borderLeftWidth:$,borderRadius:$,radius:$,borderTopLeftRadius:$,borderTopRightRadius:$,borderBottomRightRadius:$,borderBottomLeftRadius:$,width:$,maxWidth:$,height:$,maxHeight:$,top:$,right:$,bottom:$,left:$,padding:$,paddingTop:$,paddingRight:$,paddingBottom:$,paddingLeft:$,margin:$,marginTop:$,marginRight:$,marginBottom:$,marginLeft:$,backgroundPositionX:$,backgroundPositionY:$,...{rotate:We,rotateX:We,rotateY:We,rotateZ:We,scale:Mn,scaleX:Mn,scaleY:Mn,scaleZ:Mn,skew:We,skewX:We,skewY:We,distance:$,translateX:$,translateY:$,translateZ:$,x:$,y:$,z:$,perspective:$,transformPerspective:$,opacity:Ht,originX:mi,originY:mi,originZ:$},zIndex:Yi,fillOpacity:Ht,strokeOpacity:Ht,numOctaves:Yi},bh={...no,color:ne,backgroundColor:ne,outlineColor:ne,fill:ne,stroke:ne,borderColor:ne,borderTopColor:ne,borderRightColor:ne,borderBottomColor:ne,borderLeftColor:ne,filter:to,WebkitFilter:to},Gi=e=>bh[e];function Xi(e,t){let n=Gi(e);return n!==to&&(n=Ke),n.getAnimatableNone?n.getAnimatableNone(t):void 0}const wh=new Set(["auto","none","0"]);function xh(e,t,n){let r=0,o;for(;r<e.length&&!o;){const i=e[r];typeof i=="string"&&!wh.has(i)&&Kt(i).values.length&&(o=e[r]),r++}if(o&&n)for(const i of t)e[i]=Xi(n,o)}class Sh extends Jr{constructor(t,n,r,o,i){super(t,n,r,o,i,!0)}readKeyframes(){const{unresolvedKeyframes:t,element:n,name:r}=this;if(!n||!n.current)return;super.readKeyframes();for(let l=0;l<t.length;l++){let u=t[l];if(typeof u=="string"&&(u=u.trim(),Dr(u))){const d=_i(u,n.current);d!==void 0&&(t[l]=d),l===t.length-1&&(this.finalKeyframe=u)}}if(this.resolveNoneKeyframes(),!Hi.has(r)||t.length!==2)return;const[o,i]=t,s=Ki(o),a=Ki(i);if(s!==a)if(Vi(s)&&Vi(a))for(let l=0;l<t.length;l++){const u=t[l];typeof u=="string"&&(t[l]=parseFloat(u))}else ot[r]&&(this.needsMeasurement=!0)}resolveNoneKeyframes(){const{unresolvedKeyframes:t,name:n}=this,r=[];for(let o=0;o<t.length;o++)(t[o]===null||mh(t[o]))&&r.push(o);r.length&&xh(t,r,n)}measureInitialState(){const{element:t,unresolvedKeyframes:n,name:r}=this;if(!t||!t.current)return;r==="height"&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=ot[r](t.measureViewportBox(),window.getComputedStyle(t.current)),n[0]=this.measuredOrigin;const o=n[n.length-1];o!==void 0&&t.getValue(r,o).jump(o,!1)}measureEndState(){const{element:t,name:n,unresolvedKeyframes:r}=this;if(!t||!t.current)return;const o=t.getValue(n);o&&o.jump(this.measuredOrigin,!1);const i=r.length-1,s=r[i];r[i]=ot[n](t.measureViewportBox(),window.getComputedStyle(t.current)),s!==null&&this.finalKeyframe===void 0&&(this.finalKeyframe=s),this.removedTransforms?.length&&this.removedTransforms.forEach(([a,l])=>{t.getValue(a).set(l)}),this.resolveNoneKeyframes()}}function Th(e,t,n){if(e instanceof EventTarget)return[e];if(typeof e=="string"){let r=document;const o=n?.[e]??r.querySelectorAll(e);return o?Array.from(o):[]}return Array.from(e)}const qi=(e,t)=>t&&typeof e=="number"?t.transform(e):e;function Zi(e){return qs(e)&&"offsetHeight"in e}const Ji=30,Ch=e=>!isNaN(parseFloat(e));class kh{constructor(t,n={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=r=>{const o=ge.now();if(this.updatedAt!==o&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(r),this.current!==this.prev&&(this.events.change?.notify(this.current),this.dependents))for(const i of this.dependents)i.dirty()},this.hasAnimated=!1,this.setCurrent(t),this.owner=n.owner}setCurrent(t){this.current=t,this.updatedAt=ge.now(),this.canTrackVelocity===null&&t!==void 0&&(this.canTrackVelocity=Ch(this.current))}setPrevFrameValue(t=this.current){this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt}onChange(t){return process.env.NODE_ENV!=="production"&&Cr(!1,'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'),this.on("change",t)}on(t,n){this.events[t]||(this.events[t]=new Tr);const r=this.events[t].add(n);return t==="change"?()=>{r(),Z.read(()=>{this.events.change.getSize()||this.stop()})}:r}clearListeners(){for(const t in this.events)this.events[t].clear()}attach(t,n){this.passiveEffect=t,this.stopPassiveEffect=n}set(t){this.passiveEffect?this.passiveEffect(t,this.updateAndNotify):this.updateAndNotify(t)}setWithVelocity(t,n,r){this.set(n),this.prev=void 0,this.prevFrameValue=t,this.prevUpdatedAt=this.updatedAt-r}jump(t,n=!0){this.updateAndNotify(t),this.prev=t,this.prevUpdatedAt=this.prevFrameValue=void 0,n&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){this.events.change?.notify(this.current)}addDependent(t){this.dependents||(this.dependents=new Set),this.dependents.add(t)}removeDependent(t){this.dependents&&this.dependents.delete(t)}get(){return this.current}getPrevious(){return this.prev}getVelocity(){const t=ge.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||t-this.updatedAt>Ji)return 0;const n=Math.min(this.updatedAt-this.prevUpdatedAt,Ji);return Js(parseFloat(this.current)-parseFloat(this.prevFrameValue),n)}start(t){return this.stop(),new Promise(n=>{this.hasAnimated=!0,this.animation=t(n),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.dependents?.clear(),this.events.destroy?.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function At(e,t){return new kh(e,t)}const{schedule:ro}=hi(queueMicrotask,!1),Me={x:!1,y:!1};function Qi(){return Me.x||Me.y}function Ph(e){return e==="x"||e==="y"?Me[e]?null:(Me[e]=!0,()=>{Me[e]=!1}):Me.x||Me.y?null:(Me.x=Me.y=!0,()=>{Me.x=Me.y=!1})}function ea(e,t){const n=Th(e),r=new AbortController,o={passive:!0,...t,signal:r.signal};return[n,o,()=>r.abort()]}function ta(e){return!(e.pointerType==="touch"||Qi())}function Eh(e,t,n={}){const[r,o,i]=ea(e,n),s=a=>{if(!ta(a))return;const{target:l}=a,u=t(l,a);if(typeof u!="function"||!l)return;const d=c=>{ta(c)&&(u(c),l.removeEventListener("pointerleave",d))};l.addEventListener("pointerleave",d,o)};return r.forEach(a=>{a.addEventListener("pointerenter",s,o)}),i}const na=(e,t)=>t?e===t?!0:na(e,t.parentElement):!1,oo=e=>e.pointerType==="mouse"?typeof e.button!="number"||e.button<=0:e.isPrimary!==!1,Ah=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);function Dh(e){return Ah.has(e.tagName)||e.tabIndex!==-1}const Ln=new WeakSet;function ra(e){return t=>{t.key==="Enter"&&e(t)}}function so(e,t){e.dispatchEvent(new PointerEvent("pointer"+t,{isPrimary:!0,bubbles:!0}))}const Mh=(e,t)=>{const n=e.currentTarget;if(!n)return;const r=ra(()=>{if(Ln.has(n))return;so(n,"down");const o=ra(()=>{so(n,"up")}),i=()=>so(n,"cancel");n.addEventListener("keyup",o,t),n.addEventListener("blur",i,t)});n.addEventListener("keydown",r,t),n.addEventListener("blur",()=>n.removeEventListener("keydown",r),t)};function oa(e){return oo(e)&&!Qi()}function $h(e,t,n={}){const[r,o,i]=ea(e,n),s=a=>{const l=a.currentTarget;if(!oa(a))return;Ln.add(l);const u=t(l,a),d=(p,g)=>{window.removeEventListener("pointerup",c),window.removeEventListener("pointercancel",h),Ln.has(l)&&Ln.delete(l),oa(p)&&typeof u=="function"&&u(p,{success:g})},c=p=>{d(p,l===window||l===document||n.useGlobalTarget||na(l,p.target))},h=p=>{d(p,!1)};window.addEventListener("pointerup",c,o),window.addEventListener("pointercancel",h,o)};return r.forEach(a=>{(n.useGlobalTarget?window:a).addEventListener("pointerdown",s,o),Zi(a)&&(a.addEventListener("focus",u=>Mh(u,o)),!Dh(a)&&!a.hasAttribute("tabindex")&&(a.tabIndex=0))}),i}function sa(e){return qs(e)&&"ownerSVGElement"in e}function Vh(e){return sa(e)&&e.tagName==="svg"}const de=e=>!!(e&&e.getVelocity),Ih=[...Wi,ne,Ke],Lh=e=>Ih.find(Ui(e)),io=f.createContext({transformPagePoint:e=>e,isStatic:!1,reducedMotion:"never"});function ia(e,t){if(typeof e=="function")return e(t);e!=null&&(e.current=t)}function Nh(...e){return t=>{let n=!1;const r=e.map(o=>{const i=ia(o,t);return!n&&typeof i=="function"&&(n=!0),i});if(n)return()=>{for(let o=0;o<r.length;o++){const i=r[o];typeof i=="function"?i():ia(e[o],null)}}}}function Bh(...e){return sn.useCallback(Nh(...e),e)}class Oh extends sn.Component{getSnapshotBeforeUpdate(t){const n=this.props.childRef.current;if(n&&t.isPresent&&!this.props.isPresent){const r=n.offsetParent,o=Zi(r)&&r.offsetWidth||0,i=this.props.sizeRef.current;i.height=n.offsetHeight||0,i.width=n.offsetWidth||0,i.top=n.offsetTop,i.left=n.offsetLeft,i.right=o-i.width-i.left}return null}componentDidUpdate(){}render(){return this.props.children}}function Fh({children:e,isPresent:t,anchorX:n,root:r}){const o=f.useId(),i=f.useRef(null),s=f.useRef({width:0,height:0,top:0,left:0,right:0}),{nonce:a}=f.useContext(io),l=Bh(i,e?.ref);return f.useInsertionEffect(()=>{const{width:u,height:d,top:c,left:h,right:p}=s.current;if(t||!i.current||!u||!d)return;const g=n==="left"?`left: ${h}`:`right: ${p}`;i.current.dataset.motionPopId=o;const v=document.createElement("style");a&&(v.nonce=a);const b=r??document.head;return b.appendChild(v),v.sheet&&v.sheet.insertRule(`
|
|
227
|
+
[data-motion-pop-id="${o}"] {
|
|
228
|
+
position: absolute !important;
|
|
229
|
+
width: ${u}px !important;
|
|
230
|
+
height: ${d}px !important;
|
|
231
|
+
${g}px !important;
|
|
232
|
+
top: ${c}px !important;
|
|
233
|
+
}
|
|
234
|
+
`),()=>{b.contains(v)&&b.removeChild(v)}},[t]),m.jsx(Oh,{isPresent:t,childRef:i,sizeRef:s,children:sn.cloneElement(e,{ref:l})})}const jh=({children:e,initial:t,isPresent:n,onExitComplete:r,custom:o,presenceAffectsLayout:i,mode:s,anchorX:a,root:l})=>{const u=yr(Rh),d=f.useId();let c=!0,h=f.useMemo(()=>(c=!1,{id:d,initial:t,isPresent:n,custom:o,onExitComplete:p=>{u.set(p,!0);for(const g of u.values())if(!g)return;r&&r()},register:p=>(u.set(p,!1),()=>u.delete(p))}),[n,u,r]);return i&&c&&(h={...h}),f.useMemo(()=>{u.forEach((p,g)=>u.set(g,!1))},[n]),sn.useEffect(()=>{!n&&!u.size&&r&&r()},[n]),s==="popLayout"&&(e=m.jsx(Fh,{isPresent:n,anchorX:a,root:l,children:e})),m.jsx(En.Provider,{value:h,children:e})};function Rh(){return new Map}function aa(e=!0){const t=f.useContext(En);if(t===null)return[!0,null];const{isPresent:n,onExitComplete:r,register:o}=t,i=f.useId();f.useEffect(()=>{if(e)return o(i)},[e]);const s=f.useCallback(()=>e&&r&&r(i),[i,r,e]);return!n&&r?[!1,s]:[!0]}const Nn=e=>e.key||"";function la(e){const t=[];return f.Children.forEach(e,n=>{f.isValidElement(n)&&t.push(n)}),t}const Bn=({children:e,custom:t,initial:n=!0,onExitComplete:r,presenceAffectsLayout:o=!0,mode:i="sync",propagate:s=!1,anchorX:a="left",root:l})=>{const[u,d]=aa(s),c=f.useMemo(()=>la(e),[e]),h=s&&!u?[]:c.map(Nn),p=f.useRef(!0),g=f.useRef(c),v=yr(()=>new Map),[b,y]=f.useState(c),[x,w]=f.useState(c);Gs(()=>{p.current=!1,g.current=c;for(let S=0;S<x.length;S++){const C=Nn(x[S]);h.includes(C)?v.delete(C):v.get(C)!==!0&&v.set(C,!1)}},[x,h.length,h.join("-")]);const E=[];if(c!==b){let S=[...c];for(let C=0;C<x.length;C++){const D=x[C],I=Nn(D);h.includes(I)||(S.splice(C,0,D),E.push(D))}return i==="wait"&&E.length&&(S=E),w(la(S)),y(c),null}process.env.NODE_ENV!=="production"&&i==="wait"&&x.length>1&&console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);const{forceRender:T}=f.useContext(gr);return m.jsx(m.Fragment,{children:x.map(S=>{const C=Nn(S),D=s&&!u?!1:c===x||h.includes(C),I=()=>{if(v.has(C))v.set(C,!0);else return;let _=!0;v.forEach(M=>{M||(_=!1)}),_&&(T?.(),w(g.current),s&&d?.(),r&&r())};return m.jsx(jh,{isPresent:D,initial:!p.current||n?void 0:!1,custom:t,presenceAffectsLayout:o,mode:i,root:l,onExitComplete:D?void 0:I,anchorX:a,children:S},C)})})},ca=f.createContext({strict:!1}),ua={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},Dt={};for(const e in ua)Dt[e]={isEnabled:t=>ua[e].some(n=>!!t[n])};function zh(e){for(const t in e)Dt[t]={...Dt[t],...e[t]}}const _h=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","ignoreStrict","viewport"]);function On(e){return e.startsWith("while")||e.startsWith("drag")&&e!=="draggable"||e.startsWith("layout")||e.startsWith("onTap")||e.startsWith("onPan")||e.startsWith("onLayout")||_h.has(e)}let da=e=>!On(e);function Hh(e){typeof e=="function"&&(da=t=>t.startsWith("on")?!On(t):e(t))}try{Hh(require("@emotion/is-prop-valid").default)}catch{}function Uh(e,t,n){const r={};for(const o in e)o==="values"&&typeof e.values=="object"||(da(o)||n===!0&&On(o)||!t&&!On(o)||e.draggable&&o.startsWith("onDrag"))&&(r[o]=e[o]);return r}const Fn=f.createContext({});function jn(e){return e!==null&&typeof e=="object"&&typeof e.start=="function"}function Gt(e){return typeof e=="string"||Array.isArray(e)}const ao=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],lo=["initial",...ao];function Rn(e){return jn(e.animate)||lo.some(t=>Gt(e[t]))}function ha(e){return!!(Rn(e)||e.variants)}function Wh(e,t){if(Rn(e)){const{initial:n,animate:r}=e;return{initial:n===!1||Gt(n)?n:void 0,animate:Gt(r)?r:void 0}}return e.inherit!==!1?t:{}}function Kh(e){const{initial:t,animate:n}=Wh(e,f.useContext(Fn));return f.useMemo(()=>({initial:t,animate:n}),[fa(t),fa(n)])}function fa(e){return Array.isArray(e)?e.join(" "):e}const Xt={};function Yh(e){for(const t in e)Xt[t]=e[t],Ar(t)&&(Xt[t].isCSSVariable=!0)}function pa(e,{layout:t,layoutId:n}){return Et.has(e)||e.startsWith("origin")||(t||n!==void 0)&&(!!Xt[e]||e==="opacity")}const Gh={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},Xh=Pt.length;function qh(e,t,n){let r="",o=!0;for(let i=0;i<Xh;i++){const s=Pt[i],a=e[s];if(a===void 0)continue;let l=!0;if(typeof a=="number"?l=a===(s.startsWith("scale")?1:0):l=parseFloat(a)===0,!l||n){const u=qi(a,no[s]);if(!l){o=!1;const d=Gh[s]||s;r+=`${d}(${u}) `}n&&(t[s]=u)}}return r=r.trim(),n?r=n(t,o?"":r):o&&(r="none"),r}function co(e,t,n){const{style:r,vars:o,transformOrigin:i}=e;let s=!1,a=!1;for(const l in t){const u=t[l];if(Et.has(l)){s=!0;continue}else if(Ar(l)){o[l]=u;continue}else{const d=qi(u,no[l]);l.startsWith("origin")?(a=!0,i[l]=d):r[l]=d}}if(t.transform||(s||n?r.transform=qh(t,e.transform,n):r.transform&&(r.transform="none")),a){const{originX:l="50%",originY:u="50%",originZ:d=0}=i;r.transformOrigin=`${l} ${u} ${d}`}}const uo=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function ma(e,t,n){for(const r in t)!de(t[r])&&!pa(r,n)&&(e[r]=t[r])}function Zh({transformTemplate:e},t){return f.useMemo(()=>{const n=uo();return co(n,t,e),Object.assign({},n.vars,n.style)},[t])}function Jh(e,t){const n=e.style||{},r={};return ma(r,n,e),Object.assign(r,Zh(e,t)),r}function Qh(e,t){const n={},r=Jh(e,t);return e.drag&&e.dragListener!==!1&&(n.draggable=!1,r.userSelect=r.WebkitUserSelect=r.WebkitTouchCallout="none",r.touchAction=e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(n.tabIndex=0),n.style=r,n}const ef={offset:"stroke-dashoffset",array:"stroke-dasharray"},tf={offset:"strokeDashoffset",array:"strokeDasharray"};function nf(e,t,n=1,r=0,o=!0){e.pathLength=1;const i=o?ef:tf;e[i.offset]=$.transform(-r);const s=$.transform(t),a=$.transform(n);e[i.array]=`${s} ${a}`}function ga(e,{attrX:t,attrY:n,attrScale:r,pathLength:o,pathSpacing:i=1,pathOffset:s=0,...a},l,u,d){if(co(e,a,u),l){e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox);return}e.attrs=e.style,e.style={};const{attrs:c,style:h}=e;c.transform&&(h.transform=c.transform,delete c.transform),(h.transform||c.transformOrigin)&&(h.transformOrigin=c.transformOrigin??"50% 50%",delete c.transformOrigin),h.transform&&(h.transformBox=d?.transformBox??"fill-box",delete c.transformBox),t!==void 0&&(c.x=t),n!==void 0&&(c.y=n),r!==void 0&&(c.scale=r),o!==void 0&&nf(c,o,i,s,!1)}const ya=()=>({...uo(),attrs:{}}),va=e=>typeof e=="string"&&e.toLowerCase()==="svg";function rf(e,t,n,r){const o=f.useMemo(()=>{const i=ya();return ga(i,t,va(r),e.transformTemplate,e.style),{...i.attrs,style:{...i.style}}},[t]);if(e.style){const i={};ma(i,e.style,e),o.style={...i,...o.style}}return o}const of=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function ho(e){return typeof e!="string"||e.includes("-")?!1:!!(of.indexOf(e)>-1||/[A-Z]/u.test(e))}function sf(e,t,n,{latestValues:r},o,i=!1){const a=(ho(e)?rf:Qh)(t,r,o,e),l=Uh(t,typeof e=="string",i),u=e!==f.Fragment?{...l,...a,ref:n}:{},{children:d}=t,c=f.useMemo(()=>de(d)?d.get():d,[d]);return f.createElement(e,{...u,children:c})}function ba(e){const t=[{},{}];return e?.values.forEach((n,r)=>{t[0][r]=n.get(),t[1][r]=n.getVelocity()}),t}function fo(e,t,n,r){if(typeof t=="function"){const[o,i]=ba(r);t=t(n!==void 0?n:e.custom,o,i)}if(typeof t=="string"&&(t=e.variants&&e.variants[t]),typeof t=="function"){const[o,i]=ba(r);t=t(n!==void 0?n:e.custom,o,i)}return t}function zn(e){return de(e)?e.get():e}function af({scrapeMotionValuesFromProps:e,createRenderState:t},n,r,o){return{latestValues:lf(n,r,o,e),renderState:t()}}function lf(e,t,n,r){const o={},i=r(e,{});for(const h in i)o[h]=zn(i[h]);let{initial:s,animate:a}=e;const l=Rn(e),u=ha(e);t&&u&&!l&&e.inherit!==!1&&(s===void 0&&(s=t.initial),a===void 0&&(a=t.animate));let d=n?n.initial===!1:!1;d=d||s===!1;const c=d?a:s;if(c&&typeof c!="boolean"&&!jn(c)){const h=Array.isArray(c)?c:[c];for(let p=0;p<h.length;p++){const g=fo(e,h[p]);if(g){const{transitionEnd:v,transition:b,...y}=g;for(const x in y){let w=y[x];if(Array.isArray(w)){const E=d?w.length-1:0;w=w[E]}w!==null&&(o[x]=w)}for(const x in v)o[x]=v[x]}}}return o}const wa=e=>(t,n)=>{const r=f.useContext(Fn),o=f.useContext(En),i=()=>af(e,t,r,o);return n?i():yr(i)};function po(e,t,n){const{style:r}=e,o={};for(const i in r)(de(r[i])||t.style&&de(t.style[i])||pa(i,e)||n?.getValue(i)?.liveStyle!==void 0)&&(o[i]=r[i]);return o}const cf=wa({scrapeMotionValuesFromProps:po,createRenderState:uo});function xa(e,t,n){const r=po(e,t,n);for(const o in e)if(de(e[o])||de(t[o])){const i=Pt.indexOf(o)!==-1?"attr"+o.charAt(0).toUpperCase()+o.substring(1):o;r[i]=e[o]}return r}const uf=wa({scrapeMotionValuesFromProps:xa,createRenderState:ya}),df=Symbol.for("motionComponentSymbol");function Mt(e){return e&&typeof e=="object"&&Object.prototype.hasOwnProperty.call(e,"current")}function hf(e,t,n){return f.useCallback(r=>{r&&e.onMount&&e.onMount(r),t&&(r?t.mount(r):t.unmount()),n&&(typeof n=="function"?n(r):Mt(n)&&(n.current=r))},[t])}const mo=e=>e.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),Sa="data-"+mo("framerAppearId"),Ta=f.createContext({});function ff(e,t,n,r,o){const{visualElement:i}=f.useContext(Fn),s=f.useContext(ca),a=f.useContext(En),l=f.useContext(io).reducedMotion,u=f.useRef(null);r=r||s.renderer,!u.current&&r&&(u.current=r(e,{visualState:t,parent:i,props:n,presenceContext:a,blockInitialAnimation:a?a.initial===!1:!1,reducedMotionConfig:l}));const d=u.current,c=f.useContext(Ta);d&&!d.projection&&o&&(d.type==="html"||d.type==="svg")&&pf(u.current,n,o,c);const h=f.useRef(!1);f.useInsertionEffect(()=>{d&&h.current&&d.update(n,a)});const p=n[Sa],g=f.useRef(!!p&&!window.MotionHandoffIsComplete?.(p)&&window.MotionHasOptimisedAnimation?.(p));return Gs(()=>{d&&(h.current=!0,window.MotionIsMounted=!0,d.updateFeatures(),d.scheduleRenderMicrotask(),g.current&&d.animationState&&d.animationState.animateChanges())}),f.useEffect(()=>{d&&(!g.current&&d.animationState&&d.animationState.animateChanges(),g.current&&(queueMicrotask(()=>{window.MotionHandoffMarkAsComplete?.(p)}),g.current=!1),d.enteringChildren=void 0)}),d}function pf(e,t,n,r){const{layoutId:o,layout:i,drag:s,dragConstraints:a,layoutScroll:l,layoutRoot:u,layoutCrossfade:d}=t;e.projection=new n(e.latestValues,t["data-framer-portal-id"]?void 0:Ca(e.parent)),e.projection.setOptions({layoutId:o,layout:i,alwaysMeasureLayout:!!s||a&&Mt(a),visualElement:e,animationType:typeof i=="string"?i:"both",initialPromotionConfig:r,crossfade:d,layoutScroll:l,layoutRoot:u})}function Ca(e){if(e)return e.options.allowProjection!==!1?e.projection:Ca(e.parent)}function go(e,{forwardMotionProps:t=!1}={},n,r){n&&zh(n);const o=ho(e)?uf:cf;function i(a,l){let u;const d={...f.useContext(io),...a,layoutId:mf(a)},{isStatic:c}=d,h=Kh(a),p=o(a,c);if(!c&&vr){gf(d,n);const g=yf(d);u=g.MeasureLayout,h.visualElement=ff(e,p,d,r,g.ProjectionNode)}return m.jsxs(Fn.Provider,{value:h,children:[u&&h.visualElement?m.jsx(u,{visualElement:h.visualElement,...d}):null,sf(e,a,hf(p,h.visualElement,l),p,c,t)]})}i.displayName=`motion.${typeof e=="string"?e:`create(${e.displayName??e.name??""})`}`;const s=f.forwardRef(i);return s[df]=e,s}function mf({layoutId:e}){const t=f.useContext(gr).id;return t&&e!==void 0?t+"-"+e:e}function gf(e,t){const n=f.useContext(ca).strict;if(process.env.NODE_ENV!=="production"&&t&&n){const r="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";e.ignoreStrict?St(!1,r,"lazy-strict-mode"):je(!1,r,"lazy-strict-mode")}}function yf(e){const{drag:t,layout:n}=Dt;if(!t&&!n)return{};const r={...t,...n};return{MeasureLayout:t?.isEnabled(e)||n?.isEnabled(e)?r.MeasureLayout:void 0,ProjectionNode:r.ProjectionNode}}function vf(e,t){if(typeof Proxy>"u")return go;const n=new Map,r=(i,s)=>go(i,s,e,t),o=(i,s)=>(process.env.NODE_ENV!=="production"&&Cr(!1,"motion() is deprecated. Use motion.create() instead."),r(i,s));return new Proxy(o,{get:(i,s)=>s==="create"?r:(n.has(s)||n.set(s,go(s,void 0,e,t)),n.get(s))})}function ka({top:e,left:t,right:n,bottom:r}){return{x:{min:t,max:n},y:{min:e,max:r}}}function bf({x:e,y:t}){return{top:t.min,right:e.max,bottom:t.max,left:e.min}}function wf(e,t){if(!t)return e;const n=t({x:e.left,y:e.top}),r=t({x:e.right,y:e.bottom});return{top:n.y,left:n.x,bottom:r.y,right:r.x}}function yo(e){return e===void 0||e===1}function vo({scale:e,scaleX:t,scaleY:n}){return!yo(e)||!yo(t)||!yo(n)}function it(e){return vo(e)||Pa(e)||e.z||e.rotate||e.rotateX||e.rotateY||e.skewX||e.skewY}function Pa(e){return Ea(e.x)||Ea(e.y)}function Ea(e){return e&&e!=="0%"}function _n(e,t,n){const r=e-n,o=t*r;return n+o}function Aa(e,t,n,r,o){return o!==void 0&&(e=_n(e,o,r)),_n(e,n,r)+t}function bo(e,t=0,n=1,r,o){e.min=Aa(e.min,t,n,r,o),e.max=Aa(e.max,t,n,r,o)}function Da(e,{x:t,y:n}){bo(e.x,t.translate,t.scale,t.originPoint),bo(e.y,n.translate,n.scale,n.originPoint)}const Ma=.999999999999,$a=1.0000000000001;function xf(e,t,n,r=!1){const o=n.length;if(!o)return;t.x=t.y=1;let i,s;for(let a=0;a<o;a++){i=n[a],s=i.projectionDelta;const{visualElement:l}=i.options;l&&l.props.style&&l.props.style.display==="contents"||(r&&i.options.layoutScroll&&i.scroll&&i!==i.root&&Vt(e,{x:-i.scroll.offset.x,y:-i.scroll.offset.y}),s&&(t.x*=s.x.scale,t.y*=s.y.scale,Da(e,s)),r&&it(i.latestValues)&&Vt(e,i.latestValues))}t.x<$a&&t.x>Ma&&(t.x=1),t.y<$a&&t.y>Ma&&(t.y=1)}function $t(e,t){e.min=e.min+t,e.max=e.max+t}function Va(e,t,n,r,o=.5){const i=J(e.min,e.max,o);bo(e,t,n,i,r)}function Vt(e,t){Va(e.x,t.x,t.scaleX,t.scale,t.originX),Va(e.y,t.y,t.scaleY,t.scale,t.originY)}function Ia(e,t){return ka(wf(e.getBoundingClientRect(),t))}function Sf(e,t,n){const r=Ia(e,n),{scroll:o}=t;return o&&($t(r.x,o.offset.x),$t(r.y,o.offset.y)),r}const La=()=>({translate:0,scale:1,origin:0,originPoint:0}),It=()=>({x:La(),y:La()}),Na=()=>({min:0,max:0}),ee=()=>({x:Na(),y:Na()}),wo={current:null},Ba={current:!1};function Tf(){if(Ba.current=!0,!!vr)if(window.matchMedia){const e=window.matchMedia("(prefers-reduced-motion)"),t=()=>wo.current=e.matches;e.addEventListener("change",t),t()}else wo.current=!1}const Cf=new WeakMap;function kf(e,t,n){for(const r in t){const o=t[r],i=n[r];if(de(o))e.addValue(r,o);else if(de(i))e.addValue(r,At(o,{owner:e}));else if(i!==o)if(e.hasValue(r)){const s=e.getValue(r);s.liveStyle===!0?s.jump(o):s.hasAnimated||s.set(o)}else{const s=e.getStaticValue(r);e.addValue(r,At(s!==void 0?s:o,{owner:e}))}}for(const r in n)t[r]===void 0&&e.removeValue(r);return t}const Oa=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class Pf{scrapeMotionValuesFromProps(t,n,r){return{}}constructor({parent:t,props:n,presenceContext:r,reducedMotionConfig:o,blockInitialAnimation:i,visualState:s},a={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.KeyframeResolver=Jr,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify("Update",this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.renderScheduledAt=0,this.scheduleRender=()=>{const h=ge.now();this.renderScheduledAt<h&&(this.renderScheduledAt=h,Z.render(this.render,!1,!0))};const{latestValues:l,renderState:u}=s;this.latestValues=l,this.baseTarget={...l},this.initialValues=n.initial?{...l}:{},this.renderState=u,this.parent=t,this.props=n,this.presenceContext=r,this.depth=t?t.depth+1:0,this.reducedMotionConfig=o,this.options=a,this.blockInitialAnimation=!!i,this.isControllingVariants=Rn(n),this.isVariantNode=ha(n),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(t&&t.current);const{willChange:d,...c}=this.scrapeMotionValuesFromProps(n,{},this);for(const h in c){const p=c[h];l[h]!==void 0&&de(p)&&p.set(l[h])}}mount(t){this.current=t,Cf.set(t,this),this.projection&&!this.projection.instance&&this.projection.mount(t),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((n,r)=>this.bindToMotionValue(r,n)),Ba.current||Tf(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:wo.current,process.env.NODE_ENV!=="production"&&Cr(this.shouldReduceMotion!==!0,"You have Reduced Motion enabled on your device. Animations may not appear as expected.","reduced-motion-disabled"),this.parent?.addChild(this),this.update(this.props,this.presenceContext)}unmount(){this.projection&&this.projection.unmount(),Ue(this.notifyUpdate),Ue(this.render),this.valueSubscriptions.forEach(t=>t()),this.valueSubscriptions.clear(),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent?.removeChild(this);for(const t in this.events)this.events[t].clear();for(const t in this.features){const n=this.features[t];n&&(n.unmount(),n.isMounted=!1)}this.current=null}addChild(t){this.children.add(t),this.enteringChildren??(this.enteringChildren=new Set),this.enteringChildren.add(t)}removeChild(t){this.children.delete(t),this.enteringChildren&&this.enteringChildren.delete(t)}bindToMotionValue(t,n){this.valueSubscriptions.has(t)&&this.valueSubscriptions.get(t)();const r=Et.has(t);r&&this.onBindTransform&&this.onBindTransform();const o=n.on("change",s=>{this.latestValues[t]=s,this.props.onUpdate&&Z.preRender(this.notifyUpdate),r&&this.projection&&(this.projection.isTransformDirty=!0),this.scheduleRender()});let i;window.MotionCheckAppearSync&&(i=window.MotionCheckAppearSync(this,t,n)),this.valueSubscriptions.set(t,()=>{o(),i&&i(),n.owner&&n.stop()})}sortNodePosition(t){return!this.current||!this.sortInstanceNodePosition||this.type!==t.type?0:this.sortInstanceNodePosition(this.current,t.current)}updateFeatures(){let t="animation";for(t in Dt){const n=Dt[t];if(!n)continue;const{isEnabled:r,Feature:o}=n;if(!this.features[t]&&o&&r(this.props)&&(this.features[t]=new o(this)),this.features[t]){const i=this.features[t];i.isMounted?i.update():(i.mount(),i.isMounted=!0)}}}triggerBuild(){this.build(this.renderState,this.latestValues,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):ee()}getStaticValue(t){return this.latestValues[t]}setStaticValue(t,n){this.latestValues[t]=n}update(t,n){(t.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=t,this.prevPresenceContext=this.presenceContext,this.presenceContext=n;for(let r=0;r<Oa.length;r++){const o=Oa[r];this.propEventSubscriptions[o]&&(this.propEventSubscriptions[o](),delete this.propEventSubscriptions[o]);const i="on"+o,s=t[i];s&&(this.propEventSubscriptions[o]=this.on(o,s))}this.prevMotionValues=kf(this,this.scrapeMotionValuesFromProps(t,this.prevProps,this),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(t){return this.props.variants?this.props.variants[t]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}addVariantChild(t){const n=this.getClosestVariantNode();if(n)return n.variantChildren&&n.variantChildren.add(t),()=>n.variantChildren.delete(t)}addValue(t,n){const r=this.values.get(t);n!==r&&(r&&this.removeValue(t),this.bindToMotionValue(t,n),this.values.set(t,n),this.latestValues[t]=n.get())}removeValue(t){this.values.delete(t);const n=this.valueSubscriptions.get(t);n&&(n(),this.valueSubscriptions.delete(t)),delete this.latestValues[t],this.removeValueFromRenderState(t,this.renderState)}hasValue(t){return this.values.has(t)}getValue(t,n){if(this.props.values&&this.props.values[t])return this.props.values[t];let r=this.values.get(t);return r===void 0&&n!==void 0&&(r=At(n===null?void 0:n,{owner:this}),this.addValue(t,r)),r}readValue(t,n){let r=this.latestValues[t]!==void 0||!this.current?this.latestValues[t]:this.getBaseTargetFromProps(this.props,t)??this.readValueFromInstance(this.current,t,this.options);return r!=null&&(typeof r=="string"&&(Xs(r)||Zs(r))?r=parseFloat(r):!Lh(r)&&Ke.test(n)&&(r=Xi(t,n)),this.setBaseTarget(t,de(r)?r.get():r)),de(r)?r.get():r}setBaseTarget(t,n){this.baseTarget[t]=n}getBaseTarget(t){const{initial:n}=this.props;let r;if(typeof n=="string"||typeof n=="object"){const i=fo(this.props,n,this.presenceContext?.custom);i&&(r=i[t])}if(n&&r!==void 0)return r;const o=this.getBaseTargetFromProps(this.props,t);return o!==void 0&&!de(o)?o:this.initialValues[t]!==void 0&&r===void 0?void 0:this.baseTarget[t]}on(t,n){return this.events[t]||(this.events[t]=new Tr),this.events[t].add(n)}notify(t,...n){this.events[t]&&this.events[t].notify(...n)}scheduleRenderMicrotask(){ro.render(this.render)}}class Fa extends Pf{constructor(){super(...arguments),this.KeyframeResolver=Sh}sortInstanceNodePosition(t,n){return t.compareDocumentPosition(n)&2?1:-1}getBaseTargetFromProps(t,n){return t.style?t.style[n]:void 0}removeValueFromRenderState(t,{vars:n,style:r}){delete n[t],delete r[t]}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;de(t)&&(this.childSubscription=t.on("change",n=>{this.current&&(this.current.textContent=`${n}`)}))}}function ja(e,{style:t,vars:n},r,o){const i=e.style;let s;for(s in t)i[s]=t[s];o?.applyProjectionStyles(i,r);for(s in n)i.setProperty(s,n[s])}function Ef(e){return window.getComputedStyle(e)}class Af extends Fa{constructor(){super(...arguments),this.type="html",this.renderInstance=ja}readValueFromInstance(t,n){if(Et.has(n))return this.projection?.isProjecting?Yr(n):zd(t,n);{const r=Ef(t),o=(Ar(n)?r.getPropertyValue(n):r[n])||0;return typeof o=="string"?o.trim():o}}measureInstanceViewportBox(t,{transformPagePoint:n}){return Ia(t,n)}build(t,n,r){co(t,n,r.transformTemplate)}scrapeMotionValuesFromProps(t,n,r){return po(t,n,r)}}const Ra=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);function Df(e,t,n,r){ja(e,t,void 0,r);for(const o in t.attrs)e.setAttribute(Ra.has(o)?o:mo(o),t.attrs[o])}class Mf extends Fa{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1,this.measureInstanceViewportBox=ee}getBaseTargetFromProps(t,n){return t[n]}readValueFromInstance(t,n){if(Et.has(n)){const r=Gi(n);return r&&r.default||0}return n=Ra.has(n)?n:mo(n),t.getAttribute(n)}scrapeMotionValuesFromProps(t,n,r){return xa(t,n,r)}build(t,n,r){ga(t,n,this.isSVGTag,r.transformTemplate,r.style)}renderInstance(t,n,r,o){Df(t,n,r,o)}mount(t){this.isSVGTag=va(t.tagName),super.mount(t)}}const $f=(e,t)=>ho(e)?new Mf(t):new Af(t,{allowProjection:e!==f.Fragment});function Lt(e,t,n){const r=e.getProps();return fo(r,t,n!==void 0?n:r.custom,e)}const xo=e=>Array.isArray(e);function Vf(e,t,n){e.hasValue(t)?e.getValue(t).set(n):e.addValue(t,At(n))}function If(e){return xo(e)?e[e.length-1]||0:e}function Lf(e,t){const n=Lt(e,t);let{transitionEnd:r={},transition:o={},...i}=n||{};i={...i,...r};for(const s in i){const a=If(i[s]);Vf(e,s,a)}}function Nf(e){return!!(de(e)&&e.add)}function So(e,t){const n=e.getValue("willChange");if(Nf(n))return n.add(t);if(!n&&Re.WillChange){const r=new Re.WillChange("auto");e.addValue("willChange",r),r.add(t)}}function za(e){return e.props[Sa]}const Bf=e=>e!==null;function Of(e,{repeat:t,repeatType:n="loop"},r){const o=e.filter(Bf),i=t&&n!=="loop"&&t%2===1?0:o.length-1;return o[i]}const Ff={type:"spring",stiffness:500,damping:25,restSpeed:10},jf=e=>({type:"spring",stiffness:550,damping:e===0?2*Math.sqrt(550):30,restSpeed:10}),Rf={type:"keyframes",duration:.8},zf={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},_f=(e,{keyframes:t})=>t.length>2?Rf:Et.has(e)?e.startsWith("scale")?jf(t[1]):Ff:zf;function Hf({when:e,delay:t,delayChildren:n,staggerChildren:r,staggerDirection:o,repeat:i,repeatType:s,repeatDelay:a,from:l,elapsed:u,...d}){return!!Object.keys(d).length}const To=(e,t,n,r={},o,i)=>s=>{const a=eo(r,e)||{},l=a.delay||r.delay||0;let{elapsed:u=0}=r;u=u-De(l);const d={keyframes:Array.isArray(n)?n:[null,n],ease:"easeOut",velocity:t.getVelocity(),...a,delay:-u,onUpdate:h=>{t.set(h),a.onUpdate&&a.onUpdate(h)},onComplete:()=>{s(),a.onComplete&&a.onComplete()},name:e,motionValue:t,element:i?void 0:o};Hf(a)||Object.assign(d,_f(e,d)),d.duration&&(d.duration=De(d.duration)),d.repeatDelay&&(d.repeatDelay=De(d.repeatDelay)),d.from!==void 0&&(d.keyframes[0]=d.from);let c=!1;if((d.type===!1||d.duration===0&&!d.repeatDelay)&&(Qr(d),d.delay===0&&(c=!0)),(Re.instantAnimations||Re.skipAnimations)&&(c=!0,Qr(d),d.delay=0),d.allowFlatten=!a.type&&!a.ease,c&&!i&&t.get()!==void 0){const h=Of(d.keyframes,a);if(h!==void 0){Z.update(()=>{d.onUpdate(h),d.onComplete()});return}}return a.isSync?new Ur(d):new uh(d)};function Uf({protectedKeys:e,needsAnimating:t},n){const r=e.hasOwnProperty(n)&&t[n]!==!0;return t[n]=!1,r}function _a(e,t,{delay:n=0,transitionOverride:r,type:o}={}){let{transition:i=e.getDefaultTransition(),transitionEnd:s,...a}=t;r&&(i=r);const l=[],u=o&&e.animationState&&e.animationState.getState()[o];for(const d in a){const c=e.getValue(d,e.latestValues[d]??null),h=a[d];if(h===void 0||u&&Uf(u,d))continue;const p={delay:n,...eo(i||{},d)},g=c.get();if(g!==void 0&&!c.isAnimating&&!Array.isArray(h)&&h===g&&!p.velocity)continue;let v=!1;if(window.MotionHandoffAnimation){const y=za(e);if(y){const x=window.MotionHandoffAnimation(y,d,Z);x!==null&&(p.startTime=x,v=!0)}}So(e,d),c.start(To(d,c,h,e.shouldReduceMotion&&Hi.has(d)?{type:!1}:p,e,v));const b=c.animation;b&&l.push(b)}return s&&Promise.all(l).then(()=>{Z.update(()=>{s&&Lf(e,s)})}),l}function Ha(e,t,n,r=0,o=1){const i=Array.from(e).sort((u,d)=>u.sortNodePosition(d)).indexOf(t),s=e.size,a=(s-1)*r;return typeof n=="function"?n(i,s):o===1?i*r:a-i*r}function Co(e,t,n={}){const r=Lt(e,t,n.type==="exit"?e.presenceContext?.custom:void 0);let{transition:o=e.getDefaultTransition()||{}}=r||{};n.transitionOverride&&(o=n.transitionOverride);const i=r?()=>Promise.all(_a(e,r,n)):()=>Promise.resolve(),s=e.variantChildren&&e.variantChildren.size?(l=0)=>{const{delayChildren:u=0,staggerChildren:d,staggerDirection:c}=o;return Wf(e,t,l,u,d,c,n)}:()=>Promise.resolve(),{when:a}=o;if(a){const[l,u]=a==="beforeChildren"?[i,s]:[s,i];return l().then(()=>u())}else return Promise.all([i(),s(n.delay)])}function Wf(e,t,n=0,r=0,o=0,i=1,s){const a=[];for(const l of e.variantChildren)l.notify("AnimationStart",t),a.push(Co(l,t,{...s,delay:n+(typeof r=="function"?0:r)+Ha(e.variantChildren,l,r,o,i)}).then(()=>l.notify("AnimationComplete",t)));return Promise.all(a)}function Kf(e,t,n={}){e.notify("AnimationStart",t);let r;if(Array.isArray(t)){const o=t.map(i=>Co(e,i,n));r=Promise.all(o)}else if(typeof t=="string")r=Co(e,t,n);else{const o=typeof t=="function"?Lt(e,t,n.custom):t;r=Promise.all(_a(e,o,n))}return r.then(()=>{e.notify("AnimationComplete",t)})}function Ua(e,t){if(!Array.isArray(t))return!1;const n=t.length;if(n!==e.length)return!1;for(let r=0;r<n;r++)if(t[r]!==e[r])return!1;return!0}const Yf=lo.length;function Wa(e){if(!e)return;if(!e.isControllingVariants){const n=e.parent?Wa(e.parent)||{}:{};return e.props.initial!==void 0&&(n.initial=e.props.initial),n}const t={};for(let n=0;n<Yf;n++){const r=lo[n],o=e.props[r];(Gt(o)||o===!1)&&(t[r]=o)}return t}const Gf=[...ao].reverse(),Xf=ao.length;function qf(e){return t=>Promise.all(t.map(({animation:n,options:r})=>Kf(e,n,r)))}function Zf(e){let t=qf(e),n=Ka(),r=!0;const o=l=>(u,d)=>{const c=Lt(e,d,l==="exit"?e.presenceContext?.custom:void 0);if(c){const{transition:h,transitionEnd:p,...g}=c;u={...u,...g,...p}}return u};function i(l){t=l(e)}function s(l){const{props:u}=e,d=Wa(e.parent)||{},c=[],h=new Set;let p={},g=1/0;for(let b=0;b<Xf;b++){const y=Gf[b],x=n[y],w=u[y]!==void 0?u[y]:d[y],E=Gt(w),T=y===l?x.isActive:null;T===!1&&(g=b);let S=w===d[y]&&w!==u[y]&&E;if(S&&r&&e.manuallyAnimateOnMount&&(S=!1),x.protectedKeys={...p},!x.isActive&&T===null||!w&&!x.prevProp||jn(w)||typeof w=="boolean")continue;const C=Jf(x.prevProp,w);let D=C||y===l&&x.isActive&&!S&&E||b>g&&E,I=!1;const _=Array.isArray(w)?w:[w];let M=_.reduce(o(y),{});T===!1&&(M={});const{prevResolvedValues:K={}}=x,W={...K,...M},Pe=L=>{D=!0,h.has(L)&&(I=!0,h.delete(L)),x.needsAnimating[L]=!0;const R=e.getValue(L);R&&(R.liveStyle=!1)};for(const L in W){const R=M[L],V=K[L];if(p.hasOwnProperty(L))continue;let j=!1;xo(R)&&xo(V)?j=!Ua(R,V):j=R!==V,j?R!=null?Pe(L):h.add(L):R!==void 0&&h.has(L)?Pe(L):x.protectedKeys[L]=!0}x.prevProp=w,x.prevResolvedValues=M,x.isActive&&(p={...p,...M}),r&&e.blockInitialAnimation&&(D=!1);const re=S&&C;D&&(!re||I)&&c.push(..._.map(L=>{const R={type:y};if(typeof L=="string"&&r&&!re&&e.manuallyAnimateOnMount&&e.parent){const{parent:V}=e,j=Lt(V,L);if(V.enteringChildren&&j){const{delayChildren:oe}=j.transition||{};R.delay=Ha(V.enteringChildren,e,oe)}}return{animation:L,options:R}}))}if(h.size){const b={};if(typeof u.initial!="boolean"){const y=Lt(e,Array.isArray(u.initial)?u.initial[0]:u.initial);y&&y.transition&&(b.transition=y.transition)}h.forEach(y=>{const x=e.getBaseTarget(y),w=e.getValue(y);w&&(w.liveStyle=!0),b[y]=x??null}),c.push({animation:b})}let v=!!c.length;return r&&(u.initial===!1||u.initial===u.animate)&&!e.manuallyAnimateOnMount&&(v=!1),r=!1,v?t(c):Promise.resolve()}function a(l,u){if(n[l].isActive===u)return Promise.resolve();e.variantChildren?.forEach(c=>c.animationState?.setActive(l,u)),n[l].isActive=u;const d=s(l);for(const c in n)n[c].protectedKeys={};return d}return{animateChanges:s,setActive:a,setAnimateFunction:i,getState:()=>n,reset:()=>{n=Ka(),r=!0}}}function Jf(e,t){return typeof t=="string"?t!==e:Array.isArray(t)?!Ua(t,e):!1}function at(e=!1){return{isActive:e,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function Ka(){return{animate:at(!0),whileInView:at(),whileHover:at(),whileTap:at(),whileDrag:at(),whileFocus:at(),exit:at()}}class Ye{constructor(t){this.isMounted=!1,this.node=t}update(){}}class Qf extends Ye{constructor(t){super(t),t.animationState||(t.animationState=Zf(t))}updateAnimationControlsSubscription(){const{animate:t}=this.node.getProps();jn(t)&&(this.unmountControls=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:t}=this.node.getProps(),{animate:n}=this.node.prevProps||{};t!==n&&this.updateAnimationControlsSubscription()}unmount(){this.node.animationState.reset(),this.unmountControls?.()}}let ep=0;class tp extends Ye{constructor(){super(...arguments),this.id=ep++}update(){if(!this.node.presenceContext)return;const{isPresent:t,onExitComplete:n}=this.node.presenceContext,{isPresent:r}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===r)return;const o=this.node.animationState.setActive("exit",!t);n&&!t&&o.then(()=>{n(this.id)})}mount(){const{register:t,onExitComplete:n}=this.node.presenceContext||{};n&&n(this.id),t&&(this.unmount=t(this.id))}unmount(){}}const np={animation:{Feature:Qf},exit:{Feature:tp}};function qt(e,t,n,r={passive:!0}){return e.addEventListener(t,n,r),()=>e.removeEventListener(t,n)}function Zt(e){return{point:{x:e.pageX,y:e.pageY}}}const rp=e=>t=>oo(t)&&e(t,Zt(t));function Jt(e,t,n,r){return qt(e,t,rp(n),r)}const Ya=1e-4,op=1-Ya,sp=1+Ya,Ga=.01,ip=0-Ga,ap=0+Ga;function fe(e){return e.max-e.min}function lp(e,t,n){return Math.abs(e-t)<=n}function Xa(e,t,n,r=.5){e.origin=r,e.originPoint=J(t.min,t.max,e.origin),e.scale=fe(n)/fe(t),e.translate=J(n.min,n.max,e.origin)-e.originPoint,(e.scale>=op&&e.scale<=sp||isNaN(e.scale))&&(e.scale=1),(e.translate>=ip&&e.translate<=ap||isNaN(e.translate))&&(e.translate=0)}function Qt(e,t,n,r){Xa(e.x,t.x,n.x,r?r.originX:void 0),Xa(e.y,t.y,n.y,r?r.originY:void 0)}function qa(e,t,n){e.min=n.min+t.min,e.max=e.min+fe(t)}function cp(e,t,n){qa(e.x,t.x,n.x),qa(e.y,t.y,n.y)}function Za(e,t,n){e.min=t.min-n.min,e.max=e.min+fe(t)}function en(e,t,n){Za(e.x,t.x,n.x),Za(e.y,t.y,n.y)}function Ce(e){return[e("x"),e("y")]}const Ja=({current:e})=>e?e.ownerDocument.defaultView:null,Qa=(e,t)=>Math.abs(e-t);function up(e,t){const n=Qa(e.x,t.x),r=Qa(e.y,t.y);return Math.sqrt(n**2+r**2)}class el{constructor(t,n,{transformPagePoint:r,contextWindow:o=window,dragSnapToOrigin:i=!1,distanceThreshold:s=3}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const h=Po(this.lastMoveEventInfo,this.history),p=this.startEvent!==null,g=up(h.offset,{x:0,y:0})>=this.distanceThreshold;if(!p&&!g)return;const{point:v}=h,{timestamp:b}=ce;this.history.push({...v,timestamp:b});const{onStart:y,onMove:x}=this.handlers;p||(y&&y(this.lastMoveEvent,h),this.startEvent=this.lastMoveEvent),x&&x(this.lastMoveEvent,h)},this.handlePointerMove=(h,p)=>{this.lastMoveEvent=h,this.lastMoveEventInfo=ko(p,this.transformPagePoint),Z.update(this.updatePoint,!0)},this.handlePointerUp=(h,p)=>{this.end();const{onEnd:g,onSessionEnd:v,resumeAnimation:b}=this.handlers;if(this.dragSnapToOrigin&&b&&b(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const y=Po(h.type==="pointercancel"?this.lastMoveEventInfo:ko(p,this.transformPagePoint),this.history);this.startEvent&&g&&g(h,y),v&&v(h,y)},!oo(t))return;this.dragSnapToOrigin=i,this.handlers=n,this.transformPagePoint=r,this.distanceThreshold=s,this.contextWindow=o||window;const a=Zt(t),l=ko(a,this.transformPagePoint),{point:u}=l,{timestamp:d}=ce;this.history=[{...u,timestamp:d}];const{onSessionStart:c}=n;c&&c(t,Po(l,this.history)),this.removeListeners=Rt(Jt(this.contextWindow,"pointermove",this.handlePointerMove),Jt(this.contextWindow,"pointerup",this.handlePointerUp),Jt(this.contextWindow,"pointercancel",this.handlePointerUp))}updateHandlers(t){this.handlers=t}end(){this.removeListeners&&this.removeListeners(),Ue(this.updatePoint)}}function ko(e,t){return t?{point:t(e.point)}:e}function tl(e,t){return{x:e.x-t.x,y:e.y-t.y}}function Po({point:e},t){return{point:e,delta:tl(e,nl(t)),offset:tl(e,dp(t)),velocity:hp(t,.1)}}function dp(e){return e[0]}function nl(e){return e[e.length-1]}function hp(e,t){if(e.length<2)return{x:0,y:0};let n=e.length-1,r=null;const o=nl(e);for(;n>=0&&(r=e[n],!(o.timestamp-r.timestamp>De(t)));)n--;if(!r)return{x:0,y:0};const i=Te(o.timestamp-r.timestamp);if(i===0)return{x:0,y:0};const s={x:(o.x-r.x)/i,y:(o.y-r.y)/i};return s.x===1/0&&(s.x=0),s.y===1/0&&(s.y=0),s}function fp(e,{min:t,max:n},r){return t!==void 0&&e<t?e=r?J(t,e,r.min):Math.max(e,t):n!==void 0&&e>n&&(e=r?J(n,e,r.max):Math.min(e,n)),e}function rl(e,t,n){return{min:t!==void 0?e.min+t:void 0,max:n!==void 0?e.max+n-(e.max-e.min):void 0}}function pp(e,{top:t,left:n,bottom:r,right:o}){return{x:rl(e.x,n,o),y:rl(e.y,t,r)}}function ol(e,t){let n=t.min-e.min,r=t.max-e.max;return t.max-t.min<e.max-e.min&&([n,r]=[r,n]),{min:n,max:r}}function mp(e,t){return{x:ol(e.x,t.x),y:ol(e.y,t.y)}}function gp(e,t){let n=.5;const r=fe(e),o=fe(t);return o>r?n=zt(t.min,t.max-r,e.min):r>o&&(n=zt(e.min,e.max-o,t.min)),Fe(0,1,n)}function yp(e,t){const n={};return t.min!==void 0&&(n.min=t.min-e.min),t.max!==void 0&&(n.max=t.max-e.min),n}const Eo=.35;function vp(e=Eo){return e===!1?e=0:e===!0&&(e=Eo),{x:sl(e,"left","right"),y:sl(e,"top","bottom")}}function sl(e,t,n){return{min:il(e,t),max:il(e,n)}}function il(e,t){return typeof e=="number"?e:e[t]||0}const bp=new WeakMap;class wp{constructor(t){this.openDragLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=ee(),this.latestPointerEvent=null,this.latestPanInfo=null,this.visualElement=t}start(t,{snapToCursor:n=!1,distanceThreshold:r}={}){const{presenceContext:o}=this.visualElement;if(o&&o.isPresent===!1)return;const i=c=>{const{dragSnapToOrigin:h}=this.getProps();h?this.pauseAnimation():this.stopAnimation(),n&&this.snapToCursor(Zt(c).point)},s=(c,h)=>{const{drag:p,dragPropagation:g,onDragStart:v}=this.getProps();if(p&&!g&&(this.openDragLock&&this.openDragLock(),this.openDragLock=Ph(p),!this.openDragLock))return;this.latestPointerEvent=c,this.latestPanInfo=h,this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),Ce(y=>{let x=this.getAxisMotionValue(y).get()||0;if(Ne.test(x)){const{projection:w}=this.visualElement;if(w&&w.layout){const E=w.layout.layoutBox[y];E&&(x=fe(E)*(parseFloat(x)/100))}}this.originPoint[y]=x}),v&&Z.postRender(()=>v(c,h)),So(this.visualElement,"transform");const{animationState:b}=this.visualElement;b&&b.setActive("whileDrag",!0)},a=(c,h)=>{this.latestPointerEvent=c,this.latestPanInfo=h;const{dragPropagation:p,dragDirectionLock:g,onDirectionLock:v,onDrag:b}=this.getProps();if(!p&&!this.openDragLock)return;const{offset:y}=h;if(g&&this.currentDirection===null){this.currentDirection=xp(y),this.currentDirection!==null&&v&&v(this.currentDirection);return}this.updateAxis("x",h.point,y),this.updateAxis("y",h.point,y),this.visualElement.render(),b&&b(c,h)},l=(c,h)=>{this.latestPointerEvent=c,this.latestPanInfo=h,this.stop(c,h),this.latestPointerEvent=null,this.latestPanInfo=null},u=()=>Ce(c=>this.getAnimationState(c)==="paused"&&this.getAxisMotionValue(c).animation?.play()),{dragSnapToOrigin:d}=this.getProps();this.panSession=new el(t,{onSessionStart:i,onStart:s,onMove:a,onSessionEnd:l,resumeAnimation:u},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:d,distanceThreshold:r,contextWindow:Ja(this.visualElement)})}stop(t,n){const r=t||this.latestPointerEvent,o=n||this.latestPanInfo,i=this.isDragging;if(this.cancel(),!i||!o||!r)return;const{velocity:s}=o;this.startAnimation(s);const{onDragEnd:a}=this.getProps();a&&Z.postRender(()=>a(r,o))}cancel(){this.isDragging=!1;const{projection:t,animationState:n}=this.visualElement;t&&(t.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:r}=this.getProps();!r&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),n&&n.setActive("whileDrag",!1)}updateAxis(t,n,r){const{drag:o}=this.getProps();if(!r||!Hn(t,o,this.currentDirection))return;const i=this.getAxisMotionValue(t);let s=this.originPoint[t]+r[t];this.constraints&&this.constraints[t]&&(s=fp(s,this.constraints[t],this.elastic[t])),i.set(s)}resolveConstraints(){const{dragConstraints:t,dragElastic:n}=this.getProps(),r=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):this.visualElement.projection?.layout,o=this.constraints;t&&Mt(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):t&&r?this.constraints=pp(r.layoutBox,t):this.constraints=!1,this.elastic=vp(n),o!==this.constraints&&r&&this.constraints&&!this.hasMutatedConstraints&&Ce(i=>{this.constraints!==!1&&this.getAxisMotionValue(i)&&(this.constraints[i]=yp(r.layoutBox[i],this.constraints[i]))})}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:n}=this.getProps();if(!t||!Mt(t))return!1;const r=t.current;je(r!==null,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.","drag-constraints-ref");const{projection:o}=this.visualElement;if(!o||!o.layout)return!1;const i=Sf(r,o.root,this.visualElement.getTransformPagePoint());let s=mp(o.layout.layoutBox,i);if(n){const a=n(bf(s));this.hasMutatedConstraints=!!a,a&&(s=ka(a))}return s}startAnimation(t){const{drag:n,dragMomentum:r,dragElastic:o,dragTransition:i,dragSnapToOrigin:s,onDragTransitionEnd:a}=this.getProps(),l=this.constraints||{},u=Ce(d=>{if(!Hn(d,n,this.currentDirection))return;let c=l&&l[d]||{};s&&(c={min:0,max:0});const h=o?200:1e6,p=o?40:1e7,g={type:"inertia",velocity:r?t[d]:0,bounceStiffness:h,bounceDamping:p,timeConstant:750,restDelta:1,restSpeed:10,...i,...c};return this.startAxisValueAnimation(d,g)});return Promise.all(u).then(a)}startAxisValueAnimation(t,n){const r=this.getAxisMotionValue(t);return So(this.visualElement,t),r.start(To(t,r,0,n,this.visualElement,!1))}stopAnimation(){Ce(t=>this.getAxisMotionValue(t).stop())}pauseAnimation(){Ce(t=>this.getAxisMotionValue(t).animation?.pause())}getAnimationState(t){return this.getAxisMotionValue(t).animation?.state}getAxisMotionValue(t){const n=`_drag${t.toUpperCase()}`,r=this.visualElement.getProps(),o=r[n];return o||this.visualElement.getValue(t,(r.initial?r.initial[t]:void 0)||0)}snapToCursor(t){Ce(n=>{const{drag:r}=this.getProps();if(!Hn(n,r,this.currentDirection))return;const{projection:o}=this.visualElement,i=this.getAxisMotionValue(n);if(o&&o.layout){const{min:s,max:a}=o.layout.layoutBox[n];i.set(t[n]-J(s,a,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:t,dragConstraints:n}=this.getProps(),{projection:r}=this.visualElement;if(!Mt(n)||!r||!this.constraints)return;this.stopAnimation();const o={x:0,y:0};Ce(s=>{const a=this.getAxisMotionValue(s);if(a&&this.constraints!==!1){const l=a.get();o[s]=gp({min:l,max:l},this.constraints[s])}});const{transformTemplate:i}=this.visualElement.getProps();this.visualElement.current.style.transform=i?i({},""):"none",r.root&&r.root.updateScroll(),r.updateLayout(),this.resolveConstraints(),Ce(s=>{if(!Hn(s,t,null))return;const a=this.getAxisMotionValue(s),{min:l,max:u}=this.constraints[s];a.set(J(l,u,o[s]))})}addListeners(){if(!this.visualElement.current)return;bp.set(this.visualElement,this);const t=this.visualElement.current,n=Jt(t,"pointerdown",l=>{const{drag:u,dragListener:d=!0}=this.getProps();u&&d&&this.start(l)}),r=()=>{const{dragConstraints:l}=this.getProps();Mt(l)&&l.current&&(this.constraints=this.resolveRefConstraints())},{projection:o}=this.visualElement,i=o.addEventListener("measure",r);o&&!o.layout&&(o.root&&o.root.updateScroll(),o.updateLayout()),Z.read(r);const s=qt(window,"resize",()=>this.scalePositionWithinConstraints()),a=o.addEventListener("didUpdate",(({delta:l,hasLayoutChanged:u})=>{this.isDragging&&u&&(Ce(d=>{const c=this.getAxisMotionValue(d);c&&(this.originPoint[d]+=l[d].translate,c.set(c.get()+l[d].translate))}),this.visualElement.render())}));return()=>{s(),n(),i(),a&&a()}}getProps(){const t=this.visualElement.getProps(),{drag:n=!1,dragDirectionLock:r=!1,dragPropagation:o=!1,dragConstraints:i=!1,dragElastic:s=Eo,dragMomentum:a=!0}=t;return{...t,drag:n,dragDirectionLock:r,dragPropagation:o,dragConstraints:i,dragElastic:s,dragMomentum:a}}}function Hn(e,t,n){return(t===!0||t===e)&&(n===null||n===e)}function xp(e,t=10){let n=null;return Math.abs(e.y)>t?n="y":Math.abs(e.x)>t&&(n="x"),n}class Sp extends Ye{constructor(t){super(t),this.removeGroupControls=Se,this.removeListeners=Se,this.controls=new wp(t)}mount(){const{dragControls:t}=this.node.getProps();t&&(this.removeGroupControls=t.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||Se}unmount(){this.removeGroupControls(),this.removeListeners()}}const al=e=>(t,n)=>{e&&Z.postRender(()=>e(t,n))};class Tp extends Ye{constructor(){super(...arguments),this.removePointerDownListener=Se}onPointerDown(t){this.session=new el(t,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:Ja(this.node)})}createPanHandlers(){const{onPanSessionStart:t,onPanStart:n,onPan:r,onPanEnd:o}=this.node.getProps();return{onSessionStart:al(t),onStart:al(n),onMove:r,onEnd:(i,s)=>{delete this.session,o&&Z.postRender(()=>o(i,s))}}}mount(){this.removePointerDownListener=Jt(this.node.current,"pointerdown",t=>this.onPointerDown(t))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}const Un={hasAnimatedSinceResize:!0,hasEverUpdated:!1};function ll(e,t){return t.max===t.min?0:e/(t.max-t.min)*100}const tn={correct:(e,t)=>{if(!t.target)return e;if(typeof e=="string")if($.test(e))e=parseFloat(e);else return e;const n=ll(e,t.target.x),r=ll(e,t.target.y);return`${n}% ${r}%`}},Cp={correct:(e,{treeScale:t,projectionDelta:n})=>{const r=e,o=Ke.parse(e);if(o.length>5)return r;const i=Ke.createTransformer(e),s=typeof o[0]!="number"?1:0,a=n.x.scale*t.x,l=n.y.scale*t.y;o[0+s]/=a,o[1+s]/=l;const u=J(a,l,.5);return typeof o[2+s]=="number"&&(o[2+s]/=u),typeof o[3+s]=="number"&&(o[3+s]/=u),i(o)}};let Ao=!1;class kp extends f.Component{componentDidMount(){const{visualElement:t,layoutGroup:n,switchLayoutGroup:r,layoutId:o}=this.props,{projection:i}=t;Yh(Pp),i&&(n.group&&n.group.add(i),r&&r.register&&o&&r.register(i),Ao&&i.root.didUpdate(),i.addEventListener("animationComplete",()=>{this.safeToRemove()}),i.setOptions({...i.options,onExitComplete:()=>this.safeToRemove()})),Un.hasEverUpdated=!0}getSnapshotBeforeUpdate(t){const{layoutDependency:n,visualElement:r,drag:o,isPresent:i}=this.props,{projection:s}=r;return s&&(s.isPresent=i,Ao=!0,o||t.layoutDependency!==n||n===void 0||t.isPresent!==i?s.willUpdate():this.safeToRemove(),t.isPresent!==i&&(i?s.promote():s.relegate()||Z.postRender(()=>{const a=s.getStack();(!a||!a.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:t}=this.props.visualElement;t&&(t.root.didUpdate(),ro.postRender(()=>{!t.currentAnimation&&t.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:t,layoutGroup:n,switchLayoutGroup:r}=this.props,{projection:o}=t;Ao=!0,o&&(o.scheduleCheckAfterUnmount(),n&&n.group&&n.group.remove(o),r&&r.deregister&&r.deregister(o))}safeToRemove(){const{safeToRemove:t}=this.props;t&&t()}render(){return null}}function cl(e){const[t,n]=aa(),r=f.useContext(gr);return m.jsx(kp,{...e,layoutGroup:r,switchLayoutGroup:f.useContext(Ta),isPresent:t,safeToRemove:n})}const Pp={borderRadius:{...tn,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:tn,borderTopRightRadius:tn,borderBottomLeftRadius:tn,borderBottomRightRadius:tn,boxShadow:Cp};function Ep(e,t,n){const r=de(e)?e:At(e);return r.start(To("",r,t,n)),r.animation}const Ap=(e,t)=>e.depth-t.depth;class Dp{constructor(){this.children=[],this.isDirty=!1}add(t){br(this.children,t),this.isDirty=!0}remove(t){wr(this.children,t),this.isDirty=!0}forEach(t){this.isDirty&&this.children.sort(Ap),this.isDirty=!1,this.children.forEach(t)}}function Mp(e,t){const n=ge.now(),r=({timestamp:o})=>{const i=o-n;i>=t&&(Ue(r),e(i-t))};return Z.setup(r,!0),()=>Ue(r)}const ul=["TopLeft","TopRight","BottomLeft","BottomRight"],$p=ul.length,dl=e=>typeof e=="string"?parseFloat(e):e,hl=e=>typeof e=="number"||$.test(e);function Vp(e,t,n,r,o,i){o?(e.opacity=J(0,n.opacity??1,Ip(r)),e.opacityExit=J(t.opacity??1,0,Lp(r))):i&&(e.opacity=J(t.opacity??1,n.opacity??1,r));for(let s=0;s<$p;s++){const a=`border${ul[s]}Radius`;let l=fl(t,a),u=fl(n,a);if(l===void 0&&u===void 0)continue;l||(l=0),u||(u=0),l===0||u===0||hl(l)===hl(u)?(e[a]=Math.max(J(dl(l),dl(u),r),0),(Ne.test(u)||Ne.test(l))&&(e[a]+="%")):e[a]=u}(t.rotate||n.rotate)&&(e.rotate=J(t.rotate||0,n.rotate||0,r))}function fl(e,t){return e[t]!==void 0?e[t]:e.borderRadius}const Ip=pl(0,.5,ii),Lp=pl(.5,.95,Se);function pl(e,t,n){return r=>r<e?0:r>t?1:n(zt(e,t,r))}function ml(e,t){e.min=t.min,e.max=t.max}function ke(e,t){ml(e.x,t.x),ml(e.y,t.y)}function gl(e,t){e.translate=t.translate,e.scale=t.scale,e.originPoint=t.originPoint,e.origin=t.origin}function yl(e,t,n,r,o){return e-=t,e=_n(e,1/n,r),o!==void 0&&(e=_n(e,1/o,r)),e}function Np(e,t=0,n=1,r=.5,o,i=e,s=e){if(Ne.test(t)&&(t=parseFloat(t),t=J(s.min,s.max,t/100)-s.min),typeof t!="number")return;let a=J(i.min,i.max,r);e===i&&(a-=t),e.min=yl(e.min,t,n,a,o),e.max=yl(e.max,t,n,a,o)}function vl(e,t,[n,r,o],i,s){Np(e,t[n],t[r],t[o],t.scale,i,s)}const Bp=["x","scaleX","originX"],Op=["y","scaleY","originY"];function bl(e,t,n,r){vl(e.x,t,Bp,n?n.x:void 0,r?r.x:void 0),vl(e.y,t,Op,n?n.y:void 0,r?r.y:void 0)}function wl(e){return e.translate===0&&e.scale===1}function xl(e){return wl(e.x)&&wl(e.y)}function Sl(e,t){return e.min===t.min&&e.max===t.max}function Fp(e,t){return Sl(e.x,t.x)&&Sl(e.y,t.y)}function Tl(e,t){return Math.round(e.min)===Math.round(t.min)&&Math.round(e.max)===Math.round(t.max)}function Cl(e,t){return Tl(e.x,t.x)&&Tl(e.y,t.y)}function kl(e){return fe(e.x)/fe(e.y)}function Pl(e,t){return e.translate===t.translate&&e.scale===t.scale&&e.originPoint===t.originPoint}class jp{constructor(){this.members=[]}add(t){br(this.members,t),t.scheduleRender()}remove(t){if(wr(this.members,t),t===this.prevLead&&(this.prevLead=void 0),t===this.lead){const n=this.members[this.members.length-1];n&&this.promote(n)}}relegate(t){const n=this.members.findIndex(o=>t===o);if(n===0)return!1;let r;for(let o=n;o>=0;o--){const i=this.members[o];if(i.isPresent!==!1){r=i;break}}return r?(this.promote(r),!0):!1}promote(t,n){const r=this.lead;if(t!==r&&(this.prevLead=r,this.lead=t,t.show(),r)){r.instance&&r.scheduleRender(),t.scheduleRender(),t.resumeFrom=r,n&&(t.resumeFrom.preserveOpacity=!0),r.snapshot&&(t.snapshot=r.snapshot,t.snapshot.latestValues=r.animationValues||r.latestValues),t.root&&t.root.isUpdating&&(t.isLayoutDirty=!0);const{crossfade:o}=t.options;o===!1&&r.hide()}}exitAnimationComplete(){this.members.forEach(t=>{const{options:n,resumingFrom:r}=t;n.onExitComplete&&n.onExitComplete(),r&&r.options.onExitComplete&&r.options.onExitComplete()})}scheduleRender(){this.members.forEach(t=>{t.instance&&t.scheduleRender(!1)})}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function Rp(e,t,n){let r="";const o=e.x.translate/t.x,i=e.y.translate/t.y,s=n?.z||0;if((o||i||s)&&(r=`translate3d(${o}px, ${i}px, ${s}px) `),(t.x!==1||t.y!==1)&&(r+=`scale(${1/t.x}, ${1/t.y}) `),n){const{transformPerspective:u,rotate:d,rotateX:c,rotateY:h,skewX:p,skewY:g}=n;u&&(r=`perspective(${u}px) ${r}`),d&&(r+=`rotate(${d}deg) `),c&&(r+=`rotateX(${c}deg) `),h&&(r+=`rotateY(${h}deg) `),p&&(r+=`skewX(${p}deg) `),g&&(r+=`skewY(${g}deg) `)}const a=e.x.scale*t.x,l=e.y.scale*t.y;return(a!==1||l!==1)&&(r+=`scale(${a}, ${l})`),r||"none"}const Do=["","X","Y","Z"],zp=1e3;let _p=0;function Mo(e,t,n,r){const{latestValues:o}=t;o[e]&&(n[e]=o[e],t.setStaticValue(e,0),r&&(r[e]=0))}function El(e){if(e.hasCheckedOptimisedAppear=!0,e.root===e)return;const{visualElement:t}=e.options;if(!t)return;const n=za(t);if(window.MotionHasOptimisedAnimation(n,"transform")){const{layout:o,layoutId:i}=e.options;window.MotionCancelOptimisedAnimation(n,"transform",Z,!(o||i))}const{parent:r}=e;r&&!r.hasCheckedOptimisedAppear&&El(r)}function Al({attachResizeListener:e,defaultParent:t,measureScroll:n,checkIsScrollRoot:r,resetTransform:o}){return class{constructor(s={},a=t?.()){this.id=_p++,this.animationId=0,this.animationCommitId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.hasCheckedOptimisedAppear=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.updateScheduled=!1,this.scheduleUpdate=()=>this.update(),this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,this.nodes.forEach(Wp),this.nodes.forEach(Xp),this.nodes.forEach(qp),this.nodes.forEach(Kp)},this.resolvedRelativeTargetAt=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=s,this.root=a?a.root||a:this,this.path=a?[...a.path,a]:[],this.parent=a,this.depth=a?a.depth+1:0;for(let l=0;l<this.path.length;l++)this.path[l].shouldResetTransform=!0;this.root===this&&(this.nodes=new Dp)}addEventListener(s,a){return this.eventHandlers.has(s)||this.eventHandlers.set(s,new Tr),this.eventHandlers.get(s).add(a)}notifyListeners(s,...a){const l=this.eventHandlers.get(s);l&&l.notify(...a)}hasListeners(s){return this.eventHandlers.has(s)}mount(s){if(this.instance)return;this.isSVG=sa(s)&&!Vh(s),this.instance=s;const{layoutId:a,layout:l,visualElement:u}=this.options;if(u&&!u.current&&u.mount(s),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),this.root.hasTreeAnimated&&(l||a)&&(this.isLayoutDirty=!0),e){let d,c=0;const h=()=>this.root.updateBlockedByResize=!1;Z.read(()=>{c=window.innerWidth}),e(s,()=>{const p=window.innerWidth;p!==c&&(c=p,this.root.updateBlockedByResize=!0,d&&d(),d=Mp(h,250),Un.hasAnimatedSinceResize&&(Un.hasAnimatedSinceResize=!1,this.nodes.forEach($l)))})}a&&this.root.registerSharedNode(a,this),this.options.animate!==!1&&u&&(a||l)&&this.addEventListener("didUpdate",({delta:d,hasLayoutChanged:c,hasRelativeLayoutChanged:h,layout:p})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}const g=this.options.transition||u.getDefaultTransition()||tm,{onLayoutAnimationStart:v,onLayoutAnimationComplete:b}=u.getProps(),y=!this.targetLayout||!Cl(this.targetLayout,p),x=!c&&h;if(this.options.layoutRoot||this.resumeFrom||x||c&&(y||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0);const w={...eo(g,"layout"),onPlay:v,onComplete:b};(u.shouldReduceMotion||this.options.layoutRoot)&&(w.delay=0,w.type=!1),this.startAnimation(w),this.setAnimationOrigin(d,x)}else c||$l(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=p})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const s=this.getStack();s&&s.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,this.eventHandlers.clear(),Ue(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){this.isUpdateBlocked()||(this.isUpdating=!0,this.nodes&&this.nodes.forEach(Zp),this.animationId++)}getTransformTemplate(){const{visualElement:s}=this.options;return s&&s.getProps().transformTemplate}willUpdate(s=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear&&El(this),!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let d=0;d<this.path.length;d++){const c=this.path[d];c.shouldResetTransform=!0,c.updateScroll("snapshot"),c.options.layoutRoot&&c.willUpdate(!1)}const{layoutId:a,layout:l}=this.options;if(a===void 0&&!l)return;const u=this.getTransformTemplate();this.prevTransformTemplateValue=u?u(this.latestValues,""):void 0,this.updateSnapshot(),s&&this.notifyListeners("willUpdate")}update(){if(this.updateScheduled=!1,this.isUpdateBlocked()){this.unblockUpdate(),this.clearAllSnapshots(),this.nodes.forEach(Dl);return}if(this.animationId<=this.animationCommitId){this.nodes.forEach(Ml);return}this.animationCommitId=this.animationId,this.isUpdating?(this.isUpdating=!1,this.nodes.forEach(Gp),this.nodes.forEach(Hp),this.nodes.forEach(Up)):this.nodes.forEach(Ml),this.clearAllSnapshots();const a=ge.now();ce.delta=Fe(0,1e3/60,a-ce.timestamp),ce.timestamp=a,ce.isProcessing=!0,Er.update.process(ce),Er.preRender.process(ce),Er.render.process(ce),ce.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,ro.read(this.scheduleUpdate))}clearAllSnapshots(){this.nodes.forEach(Yp),this.sharedNodes.forEach(Jp)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,Z.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){Z.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure(),this.snapshot&&!fe(this.snapshot.measuredBox.x)&&!fe(this.snapshot.measuredBox.y)&&(this.snapshot=void 0))}updateLayout(){if(!this.instance||(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead())&&!this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let l=0;l<this.path.length;l++)this.path[l].updateScroll();const s=this.layout;this.layout=this.measure(!1),this.layoutCorrected=ee(),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);const{visualElement:a}=this.options;a&&a.notify("LayoutMeasure",this.layout.layoutBox,s?s.layoutBox:void 0)}updateScroll(s="measure"){let a=!!(this.options.layoutScroll&&this.instance);if(this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===s&&(a=!1),a&&this.instance){const l=r(this.instance);this.scroll={animationId:this.root.animationId,phase:s,isRoot:l,offset:n(this.instance),wasRoot:this.scroll?this.scroll.isRoot:l}}}resetTransform(){if(!o)return;const s=this.isLayoutDirty||this.shouldResetTransform||this.options.alwaysMeasureLayout,a=this.projectionDelta&&!xl(this.projectionDelta),l=this.getTransformTemplate(),u=l?l(this.latestValues,""):void 0,d=u!==this.prevTransformTemplateValue;s&&this.instance&&(a||it(this.latestValues)||d)&&(o(this.instance,u),this.shouldResetTransform=!1,this.scheduleRender())}measure(s=!0){const a=this.measurePageBox();let l=this.removeElementScroll(a);return s&&(l=this.removeTransform(l)),nm(l),{animationId:this.root.animationId,measuredBox:a,layoutBox:l,latestValues:{},source:this.id}}measurePageBox(){const{visualElement:s}=this.options;if(!s)return ee();const a=s.measureViewportBox();if(!(this.scroll?.wasRoot||this.path.some(rm))){const{scroll:u}=this.root;u&&($t(a.x,u.offset.x),$t(a.y,u.offset.y))}return a}removeElementScroll(s){const a=ee();if(ke(a,s),this.scroll?.wasRoot)return a;for(let l=0;l<this.path.length;l++){const u=this.path[l],{scroll:d,options:c}=u;u!==this.root&&d&&c.layoutScroll&&(d.wasRoot&&ke(a,s),$t(a.x,d.offset.x),$t(a.y,d.offset.y))}return a}applyTransform(s,a=!1){const l=ee();ke(l,s);for(let u=0;u<this.path.length;u++){const d=this.path[u];!a&&d.options.layoutScroll&&d.scroll&&d!==d.root&&Vt(l,{x:-d.scroll.offset.x,y:-d.scroll.offset.y}),it(d.latestValues)&&Vt(l,d.latestValues)}return it(this.latestValues)&&Vt(l,this.latestValues),l}removeTransform(s){const a=ee();ke(a,s);for(let l=0;l<this.path.length;l++){const u=this.path[l];if(!u.instance||!it(u.latestValues))continue;vo(u.latestValues)&&u.updateSnapshot();const d=ee(),c=u.measurePageBox();ke(d,c),bl(a,u.latestValues,u.snapshot?u.snapshot.layoutBox:void 0,d)}return it(this.latestValues)&&bl(a,this.latestValues),a}setTargetDelta(s){this.targetDelta=s,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(s){this.options={...this.options,...s,crossfade:s.crossfade!==void 0?s.crossfade:!0}}clearMeasurements(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1}forceRelativeParentToResolveTarget(){this.relativeParent&&this.relativeParent.resolvedRelativeTargetAt!==ce.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(s=!1){const a=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=a.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=a.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=a.isSharedProjectionDirty);const l=!!this.resumingFrom||this!==a;if(!(s||l&&this.isSharedProjectionDirty||this.isProjectionDirty||this.parent?.isProjectionDirty||this.attemptToResolveRelativeTarget||this.root.updateBlockedByResize))return;const{layout:d,layoutId:c}=this.options;if(!(!this.layout||!(d||c))){if(this.resolvedRelativeTargetAt=ce.timestamp,!this.targetDelta&&!this.relativeTarget){const h=this.getClosestProjectingParent();h&&h.layout&&this.animationProgress!==1?(this.relativeParent=h,this.forceRelativeParentToResolveTarget(),this.relativeTarget=ee(),this.relativeTargetOrigin=ee(),en(this.relativeTargetOrigin,this.layout.layoutBox,h.layout.layoutBox),ke(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}if(!(!this.relativeTarget&&!this.targetDelta)&&(this.target||(this.target=ee(),this.targetWithTransforms=ee()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),cp(this.target,this.relativeTarget,this.relativeParent.target)):this.targetDelta?(this.resumingFrom?this.target=this.applyTransform(this.layout.layoutBox):ke(this.target,this.layout.layoutBox),Da(this.target,this.targetDelta)):ke(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget)){this.attemptToResolveRelativeTarget=!1;const h=this.getClosestProjectingParent();h&&!!h.resumingFrom==!!this.resumingFrom&&!h.options.layoutScroll&&h.target&&this.animationProgress!==1?(this.relativeParent=h,this.forceRelativeParentToResolveTarget(),this.relativeTarget=ee(),this.relativeTargetOrigin=ee(),en(this.relativeTargetOrigin,this.target,h.target),ke(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}}}getClosestProjectingParent(){if(!(!this.parent||vo(this.parent.latestValues)||Pa(this.parent.latestValues)))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return!!((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}calcProjection(){const s=this.getLead(),a=!!this.resumingFrom||this!==s;let l=!0;if((this.isProjectionDirty||this.parent?.isProjectionDirty)&&(l=!1),a&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(l=!1),this.resolvedRelativeTargetAt===ce.timestamp&&(l=!1),l)return;const{layout:u,layoutId:d}=this.options;if(this.isTreeAnimating=!!(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!(u||d))return;ke(this.layoutCorrected,this.layout.layoutBox);const c=this.treeScale.x,h=this.treeScale.y;xf(this.layoutCorrected,this.treeScale,this.path,a),s.layout&&!s.target&&(this.treeScale.x!==1||this.treeScale.y!==1)&&(s.target=s.layout.layoutBox,s.targetWithTransforms=ee());const{target:p}=s;if(!p){this.prevProjectionDelta&&(this.createProjectionDeltas(),this.scheduleRender());return}!this.projectionDelta||!this.prevProjectionDelta?this.createProjectionDeltas():(gl(this.prevProjectionDelta.x,this.projectionDelta.x),gl(this.prevProjectionDelta.y,this.projectionDelta.y)),Qt(this.projectionDelta,this.layoutCorrected,p,this.latestValues),(this.treeScale.x!==c||this.treeScale.y!==h||!Pl(this.projectionDelta.x,this.prevProjectionDelta.x)||!Pl(this.projectionDelta.y,this.prevProjectionDelta.y))&&(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",p))}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(s=!0){if(this.options.visualElement?.scheduleRender(),s){const a=this.getStack();a&&a.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}createProjectionDeltas(){this.prevProjectionDelta=It(),this.projectionDelta=It(),this.projectionDeltaWithTransform=It()}setAnimationOrigin(s,a=!1){const l=this.snapshot,u=l?l.latestValues:{},d={...this.latestValues},c=It();(!this.relativeParent||!this.relativeParent.options.layoutRoot)&&(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!a;const h=ee(),p=l?l.source:void 0,g=this.layout?this.layout.source:void 0,v=p!==g,b=this.getStack(),y=!b||b.members.length<=1,x=!!(v&&!y&&this.options.crossfade===!0&&!this.path.some(em));this.animationProgress=0;let w;this.mixTargetDelta=E=>{const T=E/1e3;Vl(c.x,s.x,T),Vl(c.y,s.y,T),this.setTargetDelta(c),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(en(h,this.layout.layoutBox,this.relativeParent.layout.layoutBox),Qp(this.relativeTarget,this.relativeTargetOrigin,h,T),w&&Fp(this.relativeTarget,w)&&(this.isProjectionDirty=!1),w||(w=ee()),ke(w,this.relativeTarget)),v&&(this.animationValues=d,Vp(d,u,this.latestValues,T,x,y)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=T},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(s){this.notifyListeners("animationStart"),this.currentAnimation?.stop(),this.resumingFrom?.currentAnimation?.stop(),this.pendingAnimation&&(Ue(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=Z.update(()=>{Un.hasAnimatedSinceResize=!0,this.motionValue||(this.motionValue=At(0)),this.currentAnimation=Ep(this.motionValue,[0,1e3],{...s,velocity:0,isSync:!0,onUpdate:a=>{this.mixTargetDelta(a),s.onUpdate&&s.onUpdate(a)},onStop:()=>{},onComplete:()=>{s.onComplete&&s.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const s=this.getStack();s&&s.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(zp),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const s=this.getLead();let{targetWithTransforms:a,target:l,layout:u,latestValues:d}=s;if(!(!a||!l||!u)){if(this!==s&&this.layout&&u&&Ol(this.options.animationType,this.layout.layoutBox,u.layoutBox)){l=this.target||ee();const c=fe(this.layout.layoutBox.x);l.x.min=s.target.x.min,l.x.max=l.x.min+c;const h=fe(this.layout.layoutBox.y);l.y.min=s.target.y.min,l.y.max=l.y.min+h}ke(a,l),Vt(a,d),Qt(this.projectionDeltaWithTransform,this.layoutCorrected,a,d)}}registerSharedNode(s,a){this.sharedNodes.has(s)||this.sharedNodes.set(s,new jp),this.sharedNodes.get(s).add(a);const u=a.options.initialPromotionConfig;a.promote({transition:u?u.transition:void 0,preserveFollowOpacity:u&&u.shouldPreserveFollowOpacity?u.shouldPreserveFollowOpacity(a):void 0})}isLead(){const s=this.getStack();return s?s.lead===this:!0}getLead(){const{layoutId:s}=this.options;return s?this.getStack()?.lead||this:this}getPrevLead(){const{layoutId:s}=this.options;return s?this.getStack()?.prevLead:void 0}getStack(){const{layoutId:s}=this.options;if(s)return this.root.sharedNodes.get(s)}promote({needsReset:s,transition:a,preserveFollowOpacity:l}={}){const u=this.getStack();u&&u.promote(this,l),s&&(this.projectionDelta=void 0,this.needsReset=!0),a&&this.setOptions({transition:a})}relegate(){const s=this.getStack();return s?s.relegate(this):!1}resetSkewAndRotation(){const{visualElement:s}=this.options;if(!s)return;let a=!1;const{latestValues:l}=s;if((l.z||l.rotate||l.rotateX||l.rotateY||l.rotateZ||l.skewX||l.skewY)&&(a=!0),!a)return;const u={};l.z&&Mo("z",s,u,this.animationValues);for(let d=0;d<Do.length;d++)Mo(`rotate${Do[d]}`,s,u,this.animationValues),Mo(`skew${Do[d]}`,s,u,this.animationValues);s.render();for(const d in u)s.setStaticValue(d,u[d]),this.animationValues&&(this.animationValues[d]=u[d]);s.scheduleRender()}applyProjectionStyles(s,a){if(!this.instance||this.isSVG)return;if(!this.isVisible){s.visibility="hidden";return}const l=this.getTransformTemplate();if(this.needsReset){this.needsReset=!1,s.visibility="",s.opacity="",s.pointerEvents=zn(a?.pointerEvents)||"",s.transform=l?l(this.latestValues,""):"none";return}const u=this.getLead();if(!this.projectionDelta||!this.layout||!u.target){this.options.layoutId&&(s.opacity=this.latestValues.opacity!==void 0?this.latestValues.opacity:1,s.pointerEvents=zn(a?.pointerEvents)||""),this.hasProjected&&!it(this.latestValues)&&(s.transform=l?l({},""):"none",this.hasProjected=!1);return}s.visibility="";const d=u.animationValues||u.latestValues;this.applyTransformsToTarget();let c=Rp(this.projectionDeltaWithTransform,this.treeScale,d);l&&(c=l(d,c)),s.transform=c;const{x:h,y:p}=this.projectionDelta;s.transformOrigin=`${h.origin*100}% ${p.origin*100}% 0`,u.animationValues?s.opacity=u===this?d.opacity??this.latestValues.opacity??1:this.preserveOpacity?this.latestValues.opacity:d.opacityExit:s.opacity=u===this?d.opacity!==void 0?d.opacity:"":d.opacityExit!==void 0?d.opacityExit:0;for(const g in Xt){if(d[g]===void 0)continue;const{correct:v,applyTo:b,isCSSVariable:y}=Xt[g],x=c==="none"?d[g]:v(d[g],u);if(b){const w=b.length;for(let E=0;E<w;E++)s[b[E]]=x}else y?this.options.visualElement.renderState.vars[g]=x:s[g]=x}this.options.layoutId&&(s.pointerEvents=u===this?zn(a?.pointerEvents)||"":"none")}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(s=>s.currentAnimation?.stop()),this.root.nodes.forEach(Dl),this.root.sharedNodes.clear()}}}function Hp(e){e.updateLayout()}function Up(e){const t=e.resumeFrom?.snapshot||e.snapshot;if(e.isLead()&&e.layout&&t&&e.hasListeners("didUpdate")){const{layoutBox:n,measuredBox:r}=e.layout,{animationType:o}=e.options,i=t.source!==e.layout.source;o==="size"?Ce(d=>{const c=i?t.measuredBox[d]:t.layoutBox[d],h=fe(c);c.min=n[d].min,c.max=c.min+h}):Ol(o,t.layoutBox,n)&&Ce(d=>{const c=i?t.measuredBox[d]:t.layoutBox[d],h=fe(n[d]);c.max=c.min+h,e.relativeTarget&&!e.currentAnimation&&(e.isProjectionDirty=!0,e.relativeTarget[d].max=e.relativeTarget[d].min+h)});const s=It();Qt(s,n,t.layoutBox);const a=It();i?Qt(a,e.applyTransform(r,!0),t.measuredBox):Qt(a,n,t.layoutBox);const l=!xl(s);let u=!1;if(!e.resumeFrom){const d=e.getClosestProjectingParent();if(d&&!d.resumeFrom){const{snapshot:c,layout:h}=d;if(c&&h){const p=ee();en(p,t.layoutBox,c.layoutBox);const g=ee();en(g,n,h.layoutBox),Cl(p,g)||(u=!0),d.options.layoutRoot&&(e.relativeTarget=g,e.relativeTargetOrigin=p,e.relativeParent=d)}}}e.notifyListeners("didUpdate",{layout:n,snapshot:t,delta:a,layoutDelta:s,hasLayoutChanged:l,hasRelativeLayoutChanged:u})}else if(e.isLead()){const{onExitComplete:n}=e.options;n&&n()}e.options.transition=void 0}function Wp(e){e.parent&&(e.isProjecting()||(e.isProjectionDirty=e.parent.isProjectionDirty),e.isSharedProjectionDirty||(e.isSharedProjectionDirty=!!(e.isProjectionDirty||e.parent.isProjectionDirty||e.parent.isSharedProjectionDirty)),e.isTransformDirty||(e.isTransformDirty=e.parent.isTransformDirty))}function Kp(e){e.isProjectionDirty=e.isSharedProjectionDirty=e.isTransformDirty=!1}function Yp(e){e.clearSnapshot()}function Dl(e){e.clearMeasurements()}function Ml(e){e.isLayoutDirty=!1}function Gp(e){const{visualElement:t}=e.options;t&&t.getProps().onBeforeLayoutMeasure&&t.notify("BeforeLayoutMeasure"),e.resetTransform()}function $l(e){e.finishAnimation(),e.targetDelta=e.relativeTarget=e.target=void 0,e.isProjectionDirty=!0}function Xp(e){e.resolveTargetDelta()}function qp(e){e.calcProjection()}function Zp(e){e.resetSkewAndRotation()}function Jp(e){e.removeLeadSnapshot()}function Vl(e,t,n){e.translate=J(t.translate,0,n),e.scale=J(t.scale,1,n),e.origin=t.origin,e.originPoint=t.originPoint}function Il(e,t,n,r){e.min=J(t.min,n.min,r),e.max=J(t.max,n.max,r)}function Qp(e,t,n,r){Il(e.x,t.x,n.x,r),Il(e.y,t.y,n.y,r)}function em(e){return e.animationValues&&e.animationValues.opacityExit!==void 0}const tm={duration:.45,ease:[.4,0,.1,1]},Ll=e=>typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(e),Nl=Ll("applewebkit/")&&!Ll("chrome/")?Math.round:Se;function Bl(e){e.min=Nl(e.min),e.max=Nl(e.max)}function nm(e){Bl(e.x),Bl(e.y)}function Ol(e,t,n){return e==="position"||e==="preserve-aspect"&&!lp(kl(t),kl(n),.2)}function rm(e){return e!==e.root&&e.scroll?.wasRoot}const om=Al({attachResizeListener:(e,t)=>qt(e,"resize",t),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),$o={current:void 0},Fl=Al({measureScroll:e=>({x:e.scrollLeft,y:e.scrollTop}),defaultParent:()=>{if(!$o.current){const e=new om({});e.mount(window),e.setOptions({layoutScroll:!0}),$o.current=e}return $o.current},resetTransform:(e,t)=>{e.style.transform=t!==void 0?t:"none"},checkIsScrollRoot:e=>window.getComputedStyle(e).position==="fixed"}),sm={pan:{Feature:Tp},drag:{Feature:Sp,ProjectionNode:Fl,MeasureLayout:cl}};function jl(e,t,n){const{props:r}=e;e.animationState&&r.whileHover&&e.animationState.setActive("whileHover",n==="Start");const o="onHover"+n,i=r[o];i&&Z.postRender(()=>i(t,Zt(t)))}class im extends Ye{mount(){const{current:t}=this.node;t&&(this.unmount=Eh(t,(n,r)=>(jl(this.node,r,"Start"),o=>jl(this.node,o,"End"))))}unmount(){}}class am extends Ye{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{t=!0}!t||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=Rt(qt(this.node.current,"focus",()=>this.onFocus()),qt(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}function Rl(e,t,n){const{props:r}=e;if(e.current instanceof HTMLButtonElement&&e.current.disabled)return;e.animationState&&r.whileTap&&e.animationState.setActive("whileTap",n==="Start");const o="onTap"+(n==="End"?"":n),i=r[o];i&&Z.postRender(()=>i(t,Zt(t)))}class lm extends Ye{mount(){const{current:t}=this.node;t&&(this.unmount=$h(t,(n,r)=>(Rl(this.node,r,"Start"),(o,{success:i})=>Rl(this.node,o,i?"End":"Cancel")),{useGlobalTarget:this.node.props.globalTapTarget}))}unmount(){}}const Vo=new WeakMap,Io=new WeakMap,cm=e=>{const t=Vo.get(e.target);t&&t(e)},um=e=>{e.forEach(cm)};function dm({root:e,...t}){const n=e||document;Io.has(n)||Io.set(n,{});const r=Io.get(n),o=JSON.stringify(t);return r[o]||(r[o]=new IntersectionObserver(um,{root:e,...t})),r[o]}function hm(e,t,n){const r=dm(t);return Vo.set(e,n),r.observe(e),()=>{Vo.delete(e),r.unobserve(e)}}const fm={some:0,all:1};class pm extends Ye{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:t={}}=this.node.getProps(),{root:n,margin:r,amount:o="some",once:i}=t,s={root:n?n.current:void 0,rootMargin:r,threshold:typeof o=="number"?o:fm[o]},a=l=>{const{isIntersecting:u}=l;if(this.isInView===u||(this.isInView=u,i&&!u&&this.hasEnteredView))return;u&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",u);const{onViewportEnter:d,onViewportLeave:c}=this.node.getProps(),h=u?d:c;h&&h(l)};return hm(this.node.current,s,a)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:t,prevProps:n}=this.node;["amount","margin","root"].some(mm(t,n))&&this.startObserver()}unmount(){}}function mm({viewport:e={}},{viewport:t={}}={}){return n=>e[n]!==t[n]}const gm={...np,...{inView:{Feature:pm},tap:{Feature:lm},focus:{Feature:am},hover:{Feature:im}},...sm,...{layout:{ProjectionNode:Fl,MeasureLayout:cl}}},lt=vf(gm,$f),ym={sm:P`
|
|
235
|
+
width: 1.25rem;
|
|
236
|
+
height: 1.25rem;
|
|
237
|
+
`,md:P`
|
|
238
|
+
width: 1.75rem;
|
|
239
|
+
height: 1.75rem;
|
|
240
|
+
`,lg:P`
|
|
241
|
+
width: 3rem;
|
|
242
|
+
height: 3rem;
|
|
243
|
+
`,xl:P`
|
|
244
|
+
width: 4rem;
|
|
245
|
+
height: 4rem;
|
|
246
|
+
`},zl={primary:P`
|
|
247
|
+
color: var(--color-main-blue-primary);
|
|
248
|
+
`,orange:P`
|
|
249
|
+
color: var(--color-main-orange-primary);
|
|
250
|
+
`,white:P`
|
|
251
|
+
color: var(--color-main-white);
|
|
252
|
+
`,gray:P`
|
|
253
|
+
color: var(--color-main-grey);
|
|
254
|
+
`},vm=k.div`
|
|
255
|
+
position: relative;
|
|
256
|
+
display: block;
|
|
257
|
+
${({$size:e="md"})=>ym[e]}
|
|
258
|
+
${({$color:e="primary"})=>zl[e]}
|
|
259
|
+
user-select: none;
|
|
260
|
+
`,bm=k.div`
|
|
261
|
+
display: flex;
|
|
262
|
+
flex-direction: column;
|
|
263
|
+
align-items: center;
|
|
264
|
+
gap: 0.5rem;
|
|
265
|
+
padding: 2.5px 2.5px 2.5px 0px;
|
|
266
|
+
`,wm=k.div`
|
|
267
|
+
display: flex;
|
|
268
|
+
align-items: center;
|
|
269
|
+
justify-content: center;
|
|
270
|
+
min-height: 12.5rem;
|
|
271
|
+
width: 100%;
|
|
272
|
+
`,xm=k(lt.p)`
|
|
273
|
+
${z[16]}
|
|
274
|
+
${({$color:e="primary"})=>zl[e]}
|
|
275
|
+
margin: 0;
|
|
276
|
+
`,Wn=({size:e="md",color:t="primary",centered:n=!0,message:r,title:o,variant:i="rotate"})=>{const s=m.jsxs(bm,{children:[m.jsxs(vm,{$size:e,$color:t,$variant:i,children:[m.jsx(lt.svg,{width:"100%",height:"100%",viewBox:"0 0 50 50",style:{position:"absolute",top:0,left:0,zIndex:1,padding:"2.1px 2.5px 2.5px 0px"},animate:i==="rotate"?{rotate:[0,360]}:{scale:[1,.7,1]},transition:i==="rotate"?{repeat:1/0,duration:2,ease:"linear"}:{repeat:1/0,duration:2,ease:"easeInOut"},children:m.jsx("g",{transform:"scale(0.15) translate(-10, -1)",children:m.jsx("path",{fill:"currentColor",d:`M67.251411,286.749390
|
|
277
|
+
C42.999393,262.534088 27.711603,233.886490 21.140957,200.638245
|
|
278
|
+
C20.527918,197.536194 19.462318,196.344513 16.327942,196.535400
|
|
279
|
+
C12.711285,196.755646 9.070918,196.586609 4.251685,196.586609
|
|
280
|
+
C19.322153,168.738571 33.952221,141.704315 49.116634,113.682678
|
|
281
|
+
C64.235954,141.612656 78.833565,168.578873 93.908447,196.426758
|
|
282
|
+
C87.866776,196.426758 82.658516,196.426758 77.325577,196.426758
|
|
283
|
+
C85.232460,234.921478 123.925285,277.225311 178.933075,279.192719
|
|
284
|
+
C235.221680,281.205994 283.208466,242.542862 292.799011,187.509933
|
|
285
|
+
C302.126556,133.986282 269.828094,80.603485 218.135574,63.877277
|
|
286
|
+
C164.703934,46.588337 104.072327,71.370583 80.391907,129.314926
|
|
287
|
+
C72.897575,118.331955 65.656891,107.720695 58.038605,96.556068
|
|
288
|
+
C47.621204,103.552185 37.297256,110.485535 26.973309,117.418884
|
|
289
|
+
C46.211082,62.712753 82.779099,25.932369 138.202881,9.672956
|
|
290
|
+
C231.681030,-17.750278 329.482361,42.974667 346.823608,138.519577
|
|
291
|
+
C363.551025,230.682480 301.903687,318.479523 209.509521,332.564972
|
|
292
|
+
C155.049683,340.867371 107.495514,325.072021 67.251411,286.749390
|
|
293
|
+
z`})})}),o&&m.jsx("title",{children:o})]}),r&&m.jsx(xm,{$color:t,animate:{opacity:[1,.5,1]},transition:{repeat:1/0,duration:2,ease:"easeInOut"},children:r})]});return n?m.jsx(wm,{children:s}):s},Sm=k.div`
|
|
294
|
+
position: fixed;
|
|
295
|
+
inset: 0;
|
|
296
|
+
background-color: rgba(255, 255, 255, 0.8);
|
|
297
|
+
backdrop-filter: blur(0.25rem);
|
|
298
|
+
display: flex;
|
|
299
|
+
align-items: center;
|
|
300
|
+
justify-content: center;
|
|
301
|
+
z-index: 50;
|
|
302
|
+
`,Tm=k.div`
|
|
303
|
+
background-color: var(--color-main-white);
|
|
304
|
+
border-radius: var(--border-radius-card);
|
|
305
|
+
box-shadow: var(--shadow-black-card);
|
|
306
|
+
padding: 2rem;
|
|
307
|
+
display: flex;
|
|
308
|
+
flex-direction: column;
|
|
309
|
+
align-items: center;
|
|
310
|
+
gap: 1rem;
|
|
311
|
+
width: 90%;
|
|
312
|
+
max-width: 24rem;
|
|
313
|
+
`,Cm=k.h2`
|
|
314
|
+
${Ks[30]}
|
|
315
|
+
color: var(--color-main-blue-primary);
|
|
316
|
+
margin: 0;
|
|
317
|
+
`,km=({message:e="Loading...",color:t="primary",variant:n="rotate"})=>m.jsxs(Sm,{role:"status","aria-live":"polite",children:[m.jsx(Tm,{children:m.jsx(Wn,{size:"xl",color:t,centered:!1,title:e,variant:n})}),m.jsx(Cm,{children:e})]}),Pm=k.div`
|
|
318
|
+
display: flex;
|
|
319
|
+
flex-direction: column;
|
|
320
|
+
align-items: center;
|
|
321
|
+
justify-content: center;
|
|
322
|
+
padding: 3rem 1rem;
|
|
323
|
+
`,Em=({message:e,color:t="primary",variant:n="rotate"})=>m.jsx(Pm,{role:"status","aria-live":"polite",children:m.jsx(Wn,{size:"lg",color:t,centered:!1,message:e,title:e,variant:n})}),_l=({color:e="white",variant:t="rotate"})=>m.jsx(Wn,{size:"sm",color:e,centered:!1,variant:t}),Am={primary:P`
|
|
324
|
+
background-color: var(--color-main-blue-primary);
|
|
325
|
+
color: var(--color-main-white);
|
|
326
|
+
|
|
327
|
+
&:hover {
|
|
328
|
+
background-color: var(--color-purple-600);
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
&:active {
|
|
332
|
+
background-color: var(--color-purple-400);
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
&:focus-visible {
|
|
336
|
+
outline-color: var(--color-main-blue-primary);
|
|
337
|
+
}
|
|
338
|
+
`,secondary:P`
|
|
339
|
+
background-color: var(--color-main-orange-primary);
|
|
340
|
+
color: var(--color-main-white);
|
|
341
|
+
|
|
342
|
+
&:hover,
|
|
343
|
+
&:focus-visible {
|
|
344
|
+
box-shadow: var(--shadow-hover-orange-button);
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
&:focus-visible {
|
|
348
|
+
outline-color: var(--color-main-orange-primary);
|
|
349
|
+
}
|
|
350
|
+
`,cancel:P`
|
|
351
|
+
background-color: var(--color-main-warning-state);
|
|
352
|
+
color: var(--color-main-white);
|
|
353
|
+
|
|
354
|
+
&:hover,
|
|
355
|
+
&:focus-visible {
|
|
356
|
+
box-shadow: var(--shadow-hover-black-button);
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
&:focus-visible {
|
|
360
|
+
outline-color: var(--color-main-warning-state);
|
|
361
|
+
}
|
|
362
|
+
`},Dm=P`
|
|
363
|
+
background-color: var(--color-main-grey);
|
|
364
|
+
color: var(--color-dark-200);
|
|
365
|
+
cursor: not-allowed;
|
|
366
|
+
box-shadow: none;
|
|
367
|
+
`,Mm={sm:P`
|
|
368
|
+
padding: 0.375rem 0.75rem;
|
|
369
|
+
min-height: 2.75rem;
|
|
370
|
+
${z[12]}
|
|
371
|
+
`,md:P`
|
|
372
|
+
padding: 0.625rem 1.25rem;
|
|
373
|
+
min-height: 3.175rem;
|
|
374
|
+
${z[16]}
|
|
375
|
+
`,lg:P`
|
|
376
|
+
padding: 0.75rem 1.5rem;
|
|
377
|
+
min-height: 3.5rem;
|
|
378
|
+
${z[20]}
|
|
379
|
+
`},$m=k.button`
|
|
380
|
+
borden: none;
|
|
381
|
+
border-radius: var(--border-radius-button);
|
|
382
|
+
transition:
|
|
383
|
+
outline 0.3s ease-out,
|
|
384
|
+
box-shadow 0.3s ease-out,
|
|
385
|
+
background-color 0.3s ease-out;
|
|
386
|
+
cursor: pointer;
|
|
387
|
+
display: inline-flex;
|
|
388
|
+
align-items: center;
|
|
389
|
+
justify-content: center;
|
|
390
|
+
gap: 0.5rem;
|
|
391
|
+
outline: 2px solid transparent;
|
|
392
|
+
outline-offset: 2px;
|
|
393
|
+
|
|
394
|
+
${({$variant:e})=>Am[e]}
|
|
395
|
+
${({$size:e})=>Mm[e]}
|
|
396
|
+
|
|
397
|
+
&:disabled {
|
|
398
|
+
${Dm}
|
|
399
|
+
}
|
|
400
|
+
`,Lo=({children:e,variant:t="primary",size:n="md",isLoading:r,disabled:o,leftIcon:i,rightIcon:s,iconSize:a="md",iconColor:l="currentColor",...u})=>m.jsxs($m,{$variant:t,$size:n,disabled:o||r,"aria-busy":r,...u,children:[i&&m.jsx(G,{color:l,size:a,component:i}),r?"Loading...":e,s&&m.jsx(G,{color:l,size:a,component:s})]});function Vm(e){if(typeof document>"u")return;let t=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}const Im=e=>{switch(e){case"success":return Bm;case"info":return Fm;case"warning":return Om;case"error":return jm;default:return null}},Lm=Array(12).fill(0),Nm=({visible:e,className:t})=>f.createElement("div",{className:["sonner-loading-wrapper",t].filter(Boolean).join(" "),"data-visible":e},f.createElement("div",{className:"sonner-spinner"},Lm.map((n,r)=>f.createElement("div",{className:"sonner-loading-bar",key:`spinner-bar-${r}`})))),Bm=f.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},f.createElement("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z",clipRule:"evenodd"})),Om=f.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",height:"20",width:"20"},f.createElement("path",{fillRule:"evenodd",d:"M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z",clipRule:"evenodd"})),Fm=f.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},f.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z",clipRule:"evenodd"})),jm=f.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",height:"20",width:"20"},f.createElement("path",{fillRule:"evenodd",d:"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z",clipRule:"evenodd"})),Rm=f.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"},f.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),f.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),zm=()=>{const[e,t]=f.useState(document.hidden);return f.useEffect(()=>{const n=()=>{t(document.hidden)};return document.addEventListener("visibilitychange",n),()=>window.removeEventListener("visibilitychange",n)},[]),e};let No=1;class _m{constructor(){this.subscribe=t=>(this.subscribers.push(t),()=>{const n=this.subscribers.indexOf(t);this.subscribers.splice(n,1)}),this.publish=t=>{this.subscribers.forEach(n=>n(t))},this.addToast=t=>{this.publish(t),this.toasts=[...this.toasts,t]},this.create=t=>{var n;const{message:r,...o}=t,i=typeof t?.id=="number"||((n=t.id)==null?void 0:n.length)>0?t.id:No++,s=this.toasts.find(l=>l.id===i),a=t.dismissible===void 0?!0:t.dismissible;return this.dismissedToasts.has(i)&&this.dismissedToasts.delete(i),s?this.toasts=this.toasts.map(l=>l.id===i?(this.publish({...l,...t,id:i,title:r}),{...l,...t,id:i,dismissible:a,title:r}):l):this.addToast({title:r,...o,dismissible:a,id:i}),i},this.dismiss=t=>(t?(this.dismissedToasts.add(t),requestAnimationFrame(()=>this.subscribers.forEach(n=>n({id:t,dismiss:!0})))):this.toasts.forEach(n=>{this.subscribers.forEach(r=>r({id:n.id,dismiss:!0}))}),t),this.message=(t,n)=>this.create({...n,message:t}),this.error=(t,n)=>this.create({...n,message:t,type:"error"}),this.success=(t,n)=>this.create({...n,type:"success",message:t}),this.info=(t,n)=>this.create({...n,type:"info",message:t}),this.warning=(t,n)=>this.create({...n,type:"warning",message:t}),this.loading=(t,n)=>this.create({...n,type:"loading",message:t}),this.promise=(t,n)=>{if(!n)return;let r;n.loading!==void 0&&(r=this.create({...n,promise:t,type:"loading",message:n.loading,description:typeof n.description!="function"?n.description:void 0}));const o=Promise.resolve(t instanceof Function?t():t);let i=r!==void 0,s;const a=o.then(async u=>{if(s=["resolve",u],f.isValidElement(u))i=!1,this.create({id:r,type:"default",message:u});else if(Um(u)&&!u.ok){i=!1;const c=typeof n.error=="function"?await n.error(`HTTP error! status: ${u.status}`):n.error,h=typeof n.description=="function"?await n.description(`HTTP error! status: ${u.status}`):n.description,g=typeof c=="object"&&!f.isValidElement(c)?c:{message:c};this.create({id:r,type:"error",description:h,...g})}else if(u instanceof Error){i=!1;const c=typeof n.error=="function"?await n.error(u):n.error,h=typeof n.description=="function"?await n.description(u):n.description,g=typeof c=="object"&&!f.isValidElement(c)?c:{message:c};this.create({id:r,type:"error",description:h,...g})}else if(n.success!==void 0){i=!1;const c=typeof n.success=="function"?await n.success(u):n.success,h=typeof n.description=="function"?await n.description(u):n.description,g=typeof c=="object"&&!f.isValidElement(c)?c:{message:c};this.create({id:r,type:"success",description:h,...g})}}).catch(async u=>{if(s=["reject",u],n.error!==void 0){i=!1;const d=typeof n.error=="function"?await n.error(u):n.error,c=typeof n.description=="function"?await n.description(u):n.description,p=typeof d=="object"&&!f.isValidElement(d)?d:{message:d};this.create({id:r,type:"error",description:c,...p})}}).finally(()=>{i&&(this.dismiss(r),r=void 0),n.finally==null||n.finally.call(n)}),l=()=>new Promise((u,d)=>a.then(()=>s[0]==="reject"?d(s[1]):u(s[1])).catch(d));return typeof r!="string"&&typeof r!="number"?{unwrap:l}:Object.assign(r,{unwrap:l})},this.custom=(t,n)=>{const r=n?.id||No++;return this.create({jsx:t(r),id:r,...n}),r},this.getActiveToasts=()=>this.toasts.filter(t=>!this.dismissedToasts.has(t.id)),this.subscribers=[],this.toasts=[],this.dismissedToasts=new Set}}const ye=new _m,Hm=(e,t)=>{const n=t?.id||No++;return ye.addToast({title:e,...t,id:n}),n},Um=e=>e&&typeof e=="object"&&"ok"in e&&typeof e.ok=="boolean"&&"status"in e&&typeof e.status=="number",Wm=Hm,Km=()=>ye.toasts,Ym=()=>ye.getActiveToasts();Object.assign(Wm,{success:ye.success,info:ye.info,warning:ye.warning,error:ye.error,custom:ye.custom,message:ye.message,promise:ye.promise,dismiss:ye.dismiss,loading:ye.loading},{getHistory:Km,getToasts:Ym}),Vm("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;--toast-icon-margin-end:4px;--toast-svg-margin-start:-1px;--toast-svg-margin-end:0px;--toast-button-margin-start:auto;--toast-button-margin-end:0;--toast-close-button-start:0;--toast-close-button-end:unset;--toast-close-button-transform:translate(-35%, -35%)}[data-sonner-toaster][dir=rtl],html[dir=rtl]{--toast-icon-margin-start:4px;--toast-icon-margin-end:-3px;--toast-svg-margin-start:0px;--toast-svg-margin-end:-1px;--toast-button-margin-start:0;--toast-button-margin-end:auto;--toast-close-button-start:unset;--toast-close-button-end:0;--toast-close-button-transform:translate(35%, -35%)}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1:hsl(0, 0%, 99%);--gray2:hsl(0, 0%, 97.3%);--gray3:hsl(0, 0%, 95.1%);--gray4:hsl(0, 0%, 93%);--gray5:hsl(0, 0%, 90.9%);--gray6:hsl(0, 0%, 88.7%);--gray7:hsl(0, 0%, 85.8%);--gray8:hsl(0, 0%, 78%);--gray9:hsl(0, 0%, 56.1%);--gray10:hsl(0, 0%, 52.3%);--gray11:hsl(0, 0%, 43.5%);--gray12:hsl(0, 0%, 9%);--border-radius:8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:0;z-index:999999999;transition:transform .4s ease}@media (hover:none) and (pointer:coarse){[data-sonner-toaster][data-lifted=true]{transform:none}}[data-sonner-toaster][data-x-position=right]{right:var(--offset-right)}[data-sonner-toaster][data-x-position=left]{left:var(--offset-left)}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translateX(-50%)}[data-sonner-toaster][data-y-position=top]{top:var(--offset-top)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--offset-bottom)}[data-sonner-toast]{--y:translateY(100%);--lift-amount:calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:0;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px rgba(0,0,0,.1);width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-y-position=top]{top:0;--y:translateY(-100%);--lift:1;--lift-amount:calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y:translateY(100%);--lift:-1;--lift-amount:calc(var(--lift) * var(--gap))}[data-sonner-toast][data-styled=true] [data-description]{font-weight:400;line-height:1.4;color:#3f3f3f}[data-rich-colors=true][data-sonner-toast][data-styled=true] [data-description]{color:inherit}[data-sonner-toaster][data-sonner-theme=dark] [data-description]{color:#e8e8e8}[data-sonner-toast][data-styled=true] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast][data-styled=true] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast][data-styled=true] [data-icon]>*{flex-shrink:0}[data-sonner-toast][data-styled=true] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast][data-styled=true] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;font-weight:500;cursor:pointer;outline:0;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast][data-styled=true] [data-button]:focus-visible{box-shadow:0 0 0 2px rgba(0,0,0,.4)}[data-sonner-toast][data-styled=true] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast][data-styled=true] [data-cancel]{color:var(--normal-text);background:rgba(0,0,0,.08)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-styled=true] [data-cancel]{background:rgba(255,255,255,.3)}[data-sonner-toast][data-styled=true] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);background:var(--normal-bg);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast][data-styled=true] [data-close-button]:focus-visible{box-shadow:0 4px 12px rgba(0,0,0,.1),0 0 0 2px rgba(0,0,0,.2)}[data-sonner-toast][data-styled=true] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast][data-styled=true]:hover [data-close-button]:hover{background:var(--gray2);border-color:var(--gray5)}[data-sonner-toast][data-swiping=true]::before{content:'';position:absolute;left:-100%;right:-100%;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]::before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]::before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]::before{content:'';position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast][data-expanded=true]::after{content:'';position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y:translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale:var(--toasts-before) * 0.05 + 1;--y:translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-x-position=right]{right:0}[data-sonner-toast][data-x-position=left]{left:0}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y:translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y:translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y:translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]::before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y,0)) translateX(var(--swipe-amount-x,0));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{from{transform:var(--y) translateX(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translateX(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{from{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width:600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-sonner-theme=light]{--normal-bg:#fff;--normal-border:var(--gray4);--normal-text:var(--gray12);--success-bg:hsl(143, 85%, 96%);--success-border:hsl(145, 92%, 87%);--success-text:hsl(140, 100%, 27%);--info-bg:hsl(208, 100%, 97%);--info-border:hsl(221, 91%, 93%);--info-text:hsl(210, 92%, 45%);--warning-bg:hsl(49, 100%, 97%);--warning-border:hsl(49, 91%, 84%);--warning-text:hsl(31, 92%, 45%);--error-bg:hsl(359, 100%, 97%);--error-border:hsl(359, 100%, 94%);--error-text:hsl(360, 100%, 45%)}[data-sonner-toaster][data-sonner-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg:#000;--normal-border:hsl(0, 0%, 20%);--normal-text:var(--gray1)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg:#fff;--normal-border:var(--gray3);--normal-text:var(--gray12)}[data-sonner-toaster][data-sonner-theme=dark]{--normal-bg:#000;--normal-bg-hover:hsl(0, 0%, 12%);--normal-border:hsl(0, 0%, 20%);--normal-border-hover:hsl(0, 0%, 25%);--normal-text:var(--gray1);--success-bg:hsl(150, 100%, 6%);--success-border:hsl(147, 100%, 12%);--success-text:hsl(150, 86%, 65%);--info-bg:hsl(215, 100%, 6%);--info-border:hsl(223, 43%, 17%);--info-text:hsl(216, 87%, 65%);--warning-bg:hsl(64, 100%, 6%);--warning-border:hsl(60, 100%, 9%);--warning-text:hsl(46, 87%, 65%);--error-bg:hsl(358, 76%, 10%);--error-border:hsl(357, 89%, 16%);--error-text:hsl(358, 100%, 81%)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-sonner-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size:16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:first-child{animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}100%{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}100%{opacity:.15}}@media (prefers-reduced-motion){.sonner-loading-bar,[data-sonner-toast],[data-sonner-toast]>*{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}");function Kn(e){return e.label!==void 0}const Gm=3,Xm="24px",qm="16px",Hl=4e3,Zm=356,Jm=14,Qm=45,eg=200;function Be(...e){return e.filter(Boolean).join(" ")}function tg(e){const[t,n]=e.split("-"),r=[];return t&&r.push(t),n&&r.push(n),r}const ng=e=>{var t,n,r,o,i,s,a,l,u;const{invert:d,toast:c,unstyled:h,interacting:p,setHeights:g,visibleToasts:v,heights:b,index:y,toasts:x,expanded:w,removeToast:E,defaultRichColors:T,closeButton:S,style:C,cancelButtonStyle:D,actionButtonStyle:I,className:_="",descriptionClassName:M="",duration:K,position:W,gap:Pe,expandByDefault:re,classNames:F,icons:L,closeButtonAriaLabel:R="Close toast"}=e,[V,j]=f.useState(null),[oe,se]=f.useState(null),[O,q]=f.useState(!1),[Y,ae]=f.useState(!1),[$e,H]=f.useState(!1),[ve,Xe]=f.useState(!1),[ze,pe]=f.useState(!1),[Cy,es]=f.useState(0),[ky,wc]=f.useState(0),on=f.useRef(c.duration||K||Hl),xc=f.useRef(null),_e=f.useRef(null),Py=y===0,Ey=y+1<=v,be=c.type,Nt=c.dismissible!==!1,Ay=c.className||"",Dy=c.descriptionClassName||"",qn=f.useMemo(()=>b.findIndex(N=>N.toastId===c.id)||0,[b,c.id]),My=f.useMemo(()=>{var N;return(N=c.closeButton)!=null?N:S},[c.closeButton,S]),Sc=f.useMemo(()=>c.duration||K||Hl,[c.duration,K]),ts=f.useRef(0),Bt=f.useRef(0),Tc=f.useRef(0),Ot=f.useRef(null),[$y,Vy]=W.split("-"),Cc=f.useMemo(()=>b.reduce((N,le,he)=>he>=qn?N:N+le.height,0),[b,qn]),kc=zm(),Iy=c.invert||d,ns=be==="loading";Bt.current=f.useMemo(()=>qn*Pe+Cc,[qn,Cc]),f.useEffect(()=>{on.current=Sc},[Sc]),f.useEffect(()=>{q(!0)},[]),f.useEffect(()=>{const N=_e.current;if(N){const le=N.getBoundingClientRect().height;return wc(le),g(he=>[{toastId:c.id,height:le,position:c.position},...he]),()=>g(he=>he.filter(we=>we.toastId!==c.id))}},[g,c.id]),f.useLayoutEffect(()=>{if(!O)return;const N=_e.current,le=N.style.height;N.style.height="auto";const he=N.getBoundingClientRect().height;N.style.height=le,wc(he),g(we=>we.find(ue=>ue.toastId===c.id)?we.map(ue=>ue.toastId===c.id?{...ue,height:he}:ue):[{toastId:c.id,height:he,position:c.position},...we])},[O,c.title,c.description,g,c.id,c.jsx,c.action,c.cancel]);const qe=f.useCallback(()=>{ae(!0),es(Bt.current),g(N=>N.filter(le=>le.toastId!==c.id)),setTimeout(()=>{E(c)},eg)},[c,E,g,Bt]);f.useEffect(()=>{if(c.promise&&be==="loading"||c.duration===1/0||c.type==="loading")return;let N;return w||p||kc?(()=>{if(Tc.current<ts.current){const we=new Date().getTime()-ts.current;on.current=on.current-we}Tc.current=new Date().getTime()})():(()=>{on.current!==1/0&&(ts.current=new Date().getTime(),N=setTimeout(()=>{c.onAutoClose==null||c.onAutoClose.call(c,c),qe()},on.current))})(),()=>clearTimeout(N)},[w,p,c,be,kc,qe]),f.useEffect(()=>{c.delete&&(qe(),c.onDismiss==null||c.onDismiss.call(c,c))},[qe,c.delete]);function Ly(){var N;if(L?.loading){var le;return f.createElement("div",{className:Be(F?.loader,c==null||(le=c.classNames)==null?void 0:le.loader,"sonner-loader"),"data-visible":be==="loading"},L.loading)}return f.createElement(Nm,{className:Be(F?.loader,c==null||(N=c.classNames)==null?void 0:N.loader),visible:be==="loading"})}const Ny=c.icon||L?.[be]||Im(be);var Pc,Ec;return f.createElement("li",{tabIndex:0,ref:_e,className:Be(_,Ay,F?.toast,c==null||(t=c.classNames)==null?void 0:t.toast,F?.default,F?.[be],c==null||(n=c.classNames)==null?void 0:n[be]),"data-sonner-toast":"","data-rich-colors":(Pc=c.richColors)!=null?Pc:T,"data-styled":!(c.jsx||c.unstyled||h),"data-mounted":O,"data-promise":!!c.promise,"data-swiped":ze,"data-removed":Y,"data-visible":Ey,"data-y-position":$y,"data-x-position":Vy,"data-index":y,"data-front":Py,"data-swiping":$e,"data-dismissible":Nt,"data-type":be,"data-invert":Iy,"data-swipe-out":ve,"data-swipe-direction":oe,"data-expanded":!!(w||re&&O),"data-testid":c.testId,style:{"--index":y,"--toasts-before":y,"--z-index":x.length-y,"--offset":`${Y?Cy:Bt.current}px`,"--initial-height":re?"auto":`${ky}px`,...C,...c.style},onDragEnd:()=>{H(!1),j(null),Ot.current=null},onPointerDown:N=>{N.button!==2&&(ns||!Nt||(xc.current=new Date,es(Bt.current),N.target.setPointerCapture(N.pointerId),N.target.tagName!=="BUTTON"&&(H(!0),Ot.current={x:N.clientX,y:N.clientY})))},onPointerUp:()=>{var N,le,he;if(ve||!Nt)return;Ot.current=null;const we=Number(((N=_e.current)==null?void 0:N.style.getPropertyValue("--swipe-amount-x").replace("px",""))||0),Zn=Number(((le=_e.current)==null?void 0:le.style.getPropertyValue("--swipe-amount-y").replace("px",""))||0),ue=new Date().getTime()-((he=xc.current)==null?void 0:he.getTime()),Ee=V==="x"?we:Zn,Jn=Math.abs(Ee)/ue;if(Math.abs(Ee)>=Qm||Jn>.11){es(Bt.current),c.onDismiss==null||c.onDismiss.call(c,c),se(V==="x"?we>0?"right":"left":Zn>0?"down":"up"),qe(),Xe(!0);return}else{var Ve,Ie;(Ve=_e.current)==null||Ve.style.setProperty("--swipe-amount-x","0px"),(Ie=_e.current)==null||Ie.style.setProperty("--swipe-amount-y","0px")}pe(!1),H(!1),j(null)},onPointerMove:N=>{var le,he,we;if(!Ot.current||!Nt||((le=window.getSelection())==null?void 0:le.toString().length)>0)return;const ue=N.clientY-Ot.current.y,Ee=N.clientX-Ot.current.x;var Jn;const Ve=(Jn=e.swipeDirections)!=null?Jn:tg(W);!V&&(Math.abs(Ee)>1||Math.abs(ue)>1)&&j(Math.abs(Ee)>Math.abs(ue)?"x":"y");let Ie={x:0,y:0};const Ac=ht=>1/(1.5+Math.abs(ht)/20);if(V==="y"){if(Ve.includes("top")||Ve.includes("bottom"))if(Ve.includes("top")&&ue<0||Ve.includes("bottom")&&ue>0)Ie.y=ue;else{const ht=ue*Ac(ue);Ie.y=Math.abs(ht)<Math.abs(ue)?ht:ue}}else if(V==="x"&&(Ve.includes("left")||Ve.includes("right")))if(Ve.includes("left")&&Ee<0||Ve.includes("right")&&Ee>0)Ie.x=Ee;else{const ht=Ee*Ac(Ee);Ie.x=Math.abs(ht)<Math.abs(Ee)?ht:Ee}(Math.abs(Ie.x)>0||Math.abs(Ie.y)>0)&&pe(!0),(he=_e.current)==null||he.style.setProperty("--swipe-amount-x",`${Ie.x}px`),(we=_e.current)==null||we.style.setProperty("--swipe-amount-y",`${Ie.y}px`)}},My&&!c.jsx&&be!=="loading"?f.createElement("button",{"aria-label":R,"data-disabled":ns,"data-close-button":!0,onClick:ns||!Nt?()=>{}:()=>{qe(),c.onDismiss==null||c.onDismiss.call(c,c)},className:Be(F?.closeButton,c==null||(r=c.classNames)==null?void 0:r.closeButton)},(Ec=L?.close)!=null?Ec:Rm):null,(be||c.icon||c.promise)&&c.icon!==null&&(L?.[be]!==null||c.icon)?f.createElement("div",{"data-icon":"",className:Be(F?.icon,c==null||(o=c.classNames)==null?void 0:o.icon)},c.promise||c.type==="loading"&&!c.icon?c.icon||Ly():null,c.type!=="loading"?Ny:null):null,f.createElement("div",{"data-content":"",className:Be(F?.content,c==null||(i=c.classNames)==null?void 0:i.content)},f.createElement("div",{"data-title":"",className:Be(F?.title,c==null||(s=c.classNames)==null?void 0:s.title)},c.jsx?c.jsx:typeof c.title=="function"?c.title():c.title),c.description?f.createElement("div",{"data-description":"",className:Be(M,Dy,F?.description,c==null||(a=c.classNames)==null?void 0:a.description)},typeof c.description=="function"?c.description():c.description):null),f.isValidElement(c.cancel)?c.cancel:c.cancel&&Kn(c.cancel)?f.createElement("button",{"data-button":!0,"data-cancel":!0,style:c.cancelButtonStyle||D,onClick:N=>{Kn(c.cancel)&&Nt&&(c.cancel.onClick==null||c.cancel.onClick.call(c.cancel,N),qe())},className:Be(F?.cancelButton,c==null||(l=c.classNames)==null?void 0:l.cancelButton)},c.cancel.label):null,f.isValidElement(c.action)?c.action:c.action&&Kn(c.action)?f.createElement("button",{"data-button":!0,"data-action":!0,style:c.actionButtonStyle||I,onClick:N=>{Kn(c.action)&&(c.action.onClick==null||c.action.onClick.call(c.action,N),!N.defaultPrevented&&qe())},className:Be(F?.actionButton,c==null||(u=c.classNames)==null?void 0:u.actionButton)},c.action.label):null)};function Ul(){if(typeof window>"u"||typeof document>"u")return"ltr";const e=document.documentElement.getAttribute("dir");return e==="auto"||!e?window.getComputedStyle(document.documentElement).direction:e}function rg(e,t){const n={};return[e,t].forEach((r,o)=>{const i=o===1,s=i?"--mobile-offset":"--offset",a=i?qm:Xm;function l(u){["top","right","bottom","left"].forEach(d=>{n[`${s}-${d}`]=typeof u=="number"?`${u}px`:u})}typeof r=="number"||typeof r=="string"?l(r):typeof r=="object"?["top","right","bottom","left"].forEach(u=>{r[u]===void 0?n[`${s}-${u}`]=a:n[`${s}-${u}`]=typeof r[u]=="number"?`${r[u]}px`:r[u]}):l(a)}),n}const og=f.forwardRef(function(t,n){const{id:r,invert:o,position:i="bottom-right",hotkey:s=["altKey","KeyT"],expand:a,closeButton:l,className:u,offset:d,mobileOffset:c,theme:h="light",richColors:p,duration:g,style:v,visibleToasts:b=Gm,toastOptions:y,dir:x=Ul(),gap:w=Jm,icons:E,containerAriaLabel:T="Notifications"}=t,[S,C]=f.useState([]),D=f.useMemo(()=>r?S.filter(O=>O.toasterId===r):S.filter(O=>!O.toasterId),[S,r]),I=f.useMemo(()=>Array.from(new Set([i].concat(D.filter(O=>O.position).map(O=>O.position)))),[D,i]),[_,M]=f.useState([]),[K,W]=f.useState(!1),[Pe,re]=f.useState(!1),[F,L]=f.useState(h!=="system"?h:typeof window<"u"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),R=f.useRef(null),V=s.join("+").replace(/Key/g,"").replace(/Digit/g,""),j=f.useRef(null),oe=f.useRef(!1),se=f.useCallback(O=>{C(q=>{var Y;return(Y=q.find(ae=>ae.id===O.id))!=null&&Y.delete||ye.dismiss(O.id),q.filter(({id:ae})=>ae!==O.id)})},[]);return f.useEffect(()=>ye.subscribe(O=>{if(O.dismiss){requestAnimationFrame(()=>{C(q=>q.map(Y=>Y.id===O.id?{...Y,delete:!0}:Y))});return}setTimeout(()=>{rs.flushSync(()=>{C(q=>{const Y=q.findIndex(ae=>ae.id===O.id);return Y!==-1?[...q.slice(0,Y),{...q[Y],...O},...q.slice(Y+1)]:[O,...q]})})})}),[S]),f.useEffect(()=>{if(h!=="system"){L(h);return}if(h==="system"&&(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches?L("dark"):L("light")),typeof window>"u")return;const O=window.matchMedia("(prefers-color-scheme: dark)");try{O.addEventListener("change",({matches:q})=>{L(q?"dark":"light")})}catch{O.addListener(({matches:Y})=>{try{L(Y?"dark":"light")}catch(ae){console.error(ae)}})}},[h]),f.useEffect(()=>{S.length<=1&&W(!1)},[S]),f.useEffect(()=>{const O=q=>{var Y;if(s.every(H=>q[H]||q.code===H)){var $e;W(!0),($e=R.current)==null||$e.focus()}q.code==="Escape"&&(document.activeElement===R.current||(Y=R.current)!=null&&Y.contains(document.activeElement))&&W(!1)};return document.addEventListener("keydown",O),()=>document.removeEventListener("keydown",O)},[s]),f.useEffect(()=>{if(R.current)return()=>{j.current&&(j.current.focus({preventScroll:!0}),j.current=null,oe.current=!1)}},[R.current]),f.createElement("section",{ref:n,"aria-label":`${T} ${V}`,tabIndex:-1,"aria-live":"polite","aria-relevant":"additions text","aria-atomic":"false",suppressHydrationWarning:!0},I.map((O,q)=>{var Y;const[ae,$e]=O.split("-");return D.length?f.createElement("ol",{key:O,dir:x==="auto"?Ul():x,tabIndex:-1,ref:R,className:u,"data-sonner-toaster":!0,"data-sonner-theme":F,"data-y-position":ae,"data-x-position":$e,style:{"--front-toast-height":`${((Y=_[0])==null?void 0:Y.height)||0}px`,"--width":`${Zm}px`,"--gap":`${w}px`,...v,...rg(d,c)},onBlur:H=>{oe.current&&!H.currentTarget.contains(H.relatedTarget)&&(oe.current=!1,j.current&&(j.current.focus({preventScroll:!0}),j.current=null))},onFocus:H=>{H.target instanceof HTMLElement&&H.target.dataset.dismissible==="false"||oe.current||(oe.current=!0,j.current=H.relatedTarget)},onMouseEnter:()=>W(!0),onMouseMove:()=>W(!0),onMouseLeave:()=>{Pe||W(!1)},onDragEnd:()=>W(!1),onPointerDown:H=>{H.target instanceof HTMLElement&&H.target.dataset.dismissible==="false"||re(!0)},onPointerUp:()=>re(!1)},D.filter(H=>!H.position&&q===0||H.position===O).map((H,ve)=>{var Xe,ze;return f.createElement(ng,{key:H.id,icons:E,index:ve,toast:H,defaultRichColors:p,duration:(Xe=y?.duration)!=null?Xe:g,className:y?.className,descriptionClassName:y?.descriptionClassName,invert:o,visibleToasts:b,closeButton:(ze=y?.closeButton)!=null?ze:l,interacting:Pe,position:O,style:y?.style,unstyled:y?.unstyled,classNames:y?.classNames,cancelButtonStyle:y?.cancelButtonStyle,actionButtonStyle:y?.actionButtonStyle,closeButtonAriaLabel:y?.closeButtonAriaLabel,removeToast:se,toasts:D.filter(pe=>pe.position==H.position),heights:_.filter(pe=>pe.position==H.position),setHeights:M,expandByDefault:a,gap:w,expanded:K,swipeDirections:t.swipeDirections})})):null}))}),sg=()=>m.jsx(og,{position:"bottom-center",theme:"light",richColors:!0,visibleToasts:3,closeButton:!0,duration:3e3,mobileOffset:{bottom:"16px"},toastOptions:{className:"my-toast"},icons:{loading:m.jsx(_l,{color:"orange"})}}),ig={elevated:P`
|
|
401
|
+
background-color: var(--color-main-white);
|
|
402
|
+
box-shadow: var(--shadow-black-card);
|
|
403
|
+
border: none;
|
|
404
|
+
|
|
405
|
+
&:hover {
|
|
406
|
+
box-shadow: var(--shadow-hover-black-card);
|
|
407
|
+
background-color: var(--color-main-alternative-secondary);
|
|
408
|
+
}
|
|
409
|
+
`,flat:P`
|
|
410
|
+
background-color: var(--color-main-white);
|
|
411
|
+
box-shadow: none;
|
|
412
|
+
border: none;
|
|
413
|
+
|
|
414
|
+
&:hover {
|
|
415
|
+
background-color: var(--color-main-alternative-secondary);
|
|
416
|
+
}
|
|
417
|
+
`,info:P`
|
|
418
|
+
background-color: var(--color-main-white);
|
|
419
|
+
box-shadow: none;
|
|
420
|
+
|
|
421
|
+
&:hover {
|
|
422
|
+
box-shadow: none;
|
|
423
|
+
}
|
|
424
|
+
|
|
425
|
+
&:active {
|
|
426
|
+
border: none;
|
|
427
|
+
}
|
|
428
|
+
`},ag={sm:P`
|
|
429
|
+
padding: 0.75rem;
|
|
430
|
+
gap: 0.5rem;
|
|
431
|
+
`,md:P`
|
|
432
|
+
padding: 1rem;
|
|
433
|
+
gap: 0.5rem;
|
|
434
|
+
`,lg:P`
|
|
435
|
+
padding: 1.25rem;
|
|
436
|
+
gap: 0.5rem;
|
|
437
|
+
`},lg=P`
|
|
438
|
+
transition:
|
|
439
|
+
box-shadow 0.3s ease-out,
|
|
440
|
+
background-color 0.3s ease-out,
|
|
441
|
+
outline-color 0.3s ease-out;
|
|
442
|
+
border-bottom: 2px solid transparent;
|
|
443
|
+
|
|
444
|
+
&:hover {
|
|
445
|
+
cursor: pointer;
|
|
446
|
+
box-shadow: var(--shadow-hover-black-card);
|
|
447
|
+
background-color: var(--color-main-alternative-secondary);
|
|
448
|
+
}
|
|
449
|
+
|
|
450
|
+
&:active {
|
|
451
|
+
border-bottom: 2px solid var(--color-main-blue-primary);
|
|
452
|
+
}
|
|
453
|
+
|
|
454
|
+
&:focus-visible {
|
|
455
|
+
outline-color: var(--color-main-blue-primary);
|
|
456
|
+
}
|
|
457
|
+
`,cg=P`
|
|
458
|
+
opacity: 0.6;
|
|
459
|
+
cursor: not-allowed;
|
|
460
|
+
pointer-events: none;
|
|
461
|
+
|
|
462
|
+
&:hover {
|
|
463
|
+
transform: none;
|
|
464
|
+
box-shadow: inherit;
|
|
465
|
+
}
|
|
466
|
+
`,ug=k.div`
|
|
467
|
+
display: flex;
|
|
468
|
+
flex-direction: column;
|
|
469
|
+
border-radius: var(--border-radius-card);
|
|
470
|
+
width: 100%;
|
|
471
|
+
height: 100%;
|
|
472
|
+
outline: 2px solid transparent;
|
|
473
|
+
outline-offset: -1px;
|
|
474
|
+
${({$variant:e})=>ig[e]}
|
|
475
|
+
${({$clickable:e})=>e&&lg}
|
|
476
|
+
${({$disabled:e})=>e&&cg}
|
|
477
|
+
${({$size:e})=>ag[e]}
|
|
478
|
+
`,dg=({variant:e="elevated",size:t="md",disabled:n=!1,onClick:r=void 0,children:o,...i})=>{const s=a=>{n||r&&r(a)};return m.jsx(ug,{$variant:e,$size:t,$disabled:n,$clickable:!!r,onClick:s,role:r?"button":void 0,tabIndex:r&&!n?0:void 0,onKeyDown:r&&!n?a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),s(a))}:void 0,...i,children:o})},hg=k.div`
|
|
479
|
+
display: flex;
|
|
480
|
+
align-items: center;
|
|
481
|
+
align-self: stretch;
|
|
482
|
+
gap: 0.5rem;
|
|
483
|
+
`,fg=({children:e,...t})=>m.jsx(hg,{...t,children:e}),pg=k.div`
|
|
484
|
+
flex: 1;
|
|
485
|
+
display: flex;
|
|
486
|
+
flex-direction: column;
|
|
487
|
+
`,mg=({children:e,...t})=>m.jsx(pg,{...t,children:e}),gg=k.div`
|
|
488
|
+
display: flex;
|
|
489
|
+
align-items: center;
|
|
490
|
+
align-self: stretch;
|
|
491
|
+
gap: 0.5rem;
|
|
492
|
+
`,yg=({children:e,...t})=>m.jsx(gg,{...t,children:e}),vg={sm:P`
|
|
493
|
+
${z[12]}
|
|
494
|
+
`,md:P`
|
|
495
|
+
${z[16]}
|
|
496
|
+
`,lg:P`
|
|
497
|
+
${z[18]}
|
|
498
|
+
`},bg=k.div`
|
|
499
|
+
color: var(--color-main-warning-state);
|
|
500
|
+
${({$size:e})=>vg[e]}
|
|
501
|
+
font-weight: 400;
|
|
502
|
+
margin-top: 0.25rem;
|
|
503
|
+
display: flex;
|
|
504
|
+
align-items: flex-start;
|
|
505
|
+
gap: 0.25rem;
|
|
506
|
+
`,Bo=({children:e,className:t,size:n="md",...r})=>m.jsx(bg,{className:t,$size:n,...r,children:e}),wg={sm:P`
|
|
507
|
+
${z[16]}
|
|
508
|
+
`,md:P`
|
|
509
|
+
${z[24]}
|
|
510
|
+
`,lg:P`
|
|
511
|
+
${z[30]}
|
|
512
|
+
`},xg=k.label`
|
|
513
|
+
color: var(--color-main-blue-primary);
|
|
514
|
+
${({$size:e})=>wg[e]}
|
|
515
|
+
${({$disabled:e})=>e&&Sg}
|
|
516
|
+
cursor: ${({$disabled:e,$htmlFor:t})=>e||!t?"default":"pointer"};
|
|
517
|
+
`,Sg=P`
|
|
518
|
+
cursor: not-allowed;
|
|
519
|
+
opacity: 0.6;
|
|
520
|
+
`,Yn=({children:e,htmlFor:t,className:n,required:r,disabled:o=!1,size:i="md",...s})=>m.jsxs(xg,{className:n,htmlFor:t,$htmlFor:t,$size:i,$disabled:o,...s,children:[e,r&&m.jsx("span",{style:{color:"var(--color-main-warning-state)"},children:"*"})]}),Wl=["text","email","password","number","tel","url","date","datetime-local","time","search","textarea","select","checkbox","radio","pin"],Tg=e=>e.map(t=>({name:t.name||"",label:t.label||"",type:Wl.includes(t.type)?t.type:"text",placeholder:t.placeholder,required:t.required||!1,disabled:t.disabled||!1,options:t.options||[],validation:t.validation,checkboxLabel:t.checkboxLabel,radioName:t.radioName,pinLength:t.pinLength||6,pinType:t.pinType||"number",rows:t.rows||4})),Cg=e=>e.map(t=>({value:t.value,label:t.label})),kg={text:(e,t,n)=>({name:e,label:t,type:"text",...n}),email:(e,t,n)=>({name:e,label:t,type:"email",required:!0,...n}),password:(e,t,n)=>({name:e,label:t,type:"password",required:!0,validation:{pattern:"^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)[a-zA-Z\\d@$!%*?&]{8,}$",custom:r=>{if(r&&r.length<8)return"Password must be at least 8 characters long"}},...n}),select:(e,t,n,r)=>({name:e,label:t,type:"select",options:n,required:!0,...r}),checkbox:(e,t,n)=>({name:e,label:t,type:"checkbox",checkboxLabel:t,...n}),radio:(e,t,n,r)=>({name:e,label:t,type:"radio",options:n,radioName:e,required:!0,...r}),pin:(e,t,n=6,r)=>({name:e,label:t,type:"pin",pinLength:n,pinType:"number",required:!0,validation:{custom:o=>{if(o&&o.length!==n)return`${t} must be ${n} digits long`}},...r})},Pg=(e,t,n,r,o,i,s,a)=>{const{field:l,...u}=t,d={...l,...u,size:u.size,hasError:u.hasError,disabled:u.disabled,placeholder:u.placeholder,className:u.className};switch(e){case"textarea":return{component:"textarea",props:{...d,rows:s?.rows||4}};case"select":return{component:"select",props:{...d,options:n?.options||[],onOptionSelect:n?.onOptionSelect,placeholder:t.placeholder||"Selecciona una opción"}};case"checkbox":return{component:"checkbox",props:{...d,label:r?.checkboxLabel||r?.label,checked:t.field.value||r?.checked||!1}};case"radio":return{component:"radio",props:{...d,options:o?.options||[],radioName:o?.radioName||t.name,onRadioChange:o?.onRadioChange}};case"pin":return{component:"pin",props:{...d,length:i?.pinLength||6,type:i?.pinType||"number",onComplete:i?.onPinComplete}};case"password":return{component:"password",props:{...d,type:"password"}};case"search":return{component:"search",props:{...d,onSearch:a?.onSearch}};default:return{component:"base",props:{...d,type:t.type||e||"text"}}}},ct=P`
|
|
521
|
+
display: flex;
|
|
522
|
+
justify-content: space-between;
|
|
523
|
+
align-items: center;
|
|
524
|
+
gap: 0.625rem;
|
|
525
|
+
width: 100%;
|
|
526
|
+
flex-shrink: 0;
|
|
527
|
+
outline: 2px solid transparent;
|
|
528
|
+
color: var(--color-main-blue-primary);
|
|
529
|
+
border: var(--border-input);
|
|
530
|
+
border-radius: var(--border-radius-article);
|
|
531
|
+
transition:
|
|
532
|
+
background-color 0.3s ease-out,
|
|
533
|
+
outline-color 0.3s ease-out;
|
|
534
|
+
background-color: var(--color-main-white);
|
|
535
|
+
position: relative;
|
|
536
|
+
outline: 2px solid transparent;
|
|
537
|
+
outline-offset: -1px;
|
|
538
|
+
|
|
539
|
+
&:hover:not(:focus-within) {
|
|
540
|
+
background-color: var(--color-main-alternative-secondary);
|
|
541
|
+
}
|
|
542
|
+
|
|
543
|
+
&:focus-within {
|
|
544
|
+
border: var(--border-input-focus);
|
|
545
|
+
outline-color: var(--color-main-blue-primary);
|
|
546
|
+
}
|
|
547
|
+
|
|
548
|
+
&:disabled {
|
|
549
|
+
cursor: not-allowed;
|
|
550
|
+
}
|
|
551
|
+
`,Gn=P`
|
|
552
|
+
width: 100%;
|
|
553
|
+
border: none;
|
|
554
|
+
outline: none;
|
|
555
|
+
background: transparent;
|
|
556
|
+
color: inherit;
|
|
557
|
+
font-size: inherit;
|
|
558
|
+
line-height: inherit;
|
|
559
|
+
|
|
560
|
+
&:disabled {
|
|
561
|
+
cursor: not-allowed;
|
|
562
|
+
opacity: 0.6;
|
|
563
|
+
}
|
|
564
|
+
|
|
565
|
+
&::placeholder {
|
|
566
|
+
color: var(--color-dark-200);
|
|
567
|
+
}
|
|
568
|
+
`,ut=P`
|
|
569
|
+
border: var(--border-input-error) !important;
|
|
570
|
+
|
|
571
|
+
&:focus-within {
|
|
572
|
+
border: 1px solid var(--color-main-warning-state) !important;
|
|
573
|
+
outline: none;
|
|
574
|
+
}
|
|
575
|
+
`,Ge=P`
|
|
576
|
+
border: var(--border-input-disabled) !important;
|
|
577
|
+
cursor: not-allowed;
|
|
578
|
+
opacity: 0.6;
|
|
579
|
+
`,Kl=P`
|
|
580
|
+
border: none;
|
|
581
|
+
border-top: 0;
|
|
582
|
+
border-right: 0;
|
|
583
|
+
border-left: 0;
|
|
584
|
+
border-bottom: var(--border-input);
|
|
585
|
+
border-radius: 0;
|
|
586
|
+
background-color: transparent;
|
|
587
|
+
outline: none;
|
|
588
|
+
|
|
589
|
+
transition:
|
|
590
|
+
border-bottom-color 0.3s ease-out,
|
|
591
|
+
background-color 0.3s ease-out;
|
|
592
|
+
|
|
593
|
+
&:hover:not(:focus-within) {
|
|
594
|
+
background-color: var(--color-main-alternative-secondary);
|
|
595
|
+
}
|
|
596
|
+
|
|
597
|
+
&:focus-within {
|
|
598
|
+
border: none;
|
|
599
|
+
border-top: 0;
|
|
600
|
+
border-right: 0;
|
|
601
|
+
border-left: 0;
|
|
602
|
+
border-bottom: var(--border-input-focus);
|
|
603
|
+
outline: none;
|
|
604
|
+
}
|
|
605
|
+
`,nn={sm:P`
|
|
606
|
+
padding: 0.5rem 1rem;
|
|
607
|
+
height: 2.5rem;
|
|
608
|
+
${z[18]}
|
|
609
|
+
`,md:P`
|
|
610
|
+
padding: 0.5rem 1rem;
|
|
611
|
+
height: 2.75rem;
|
|
612
|
+
${z[20]}
|
|
613
|
+
`,lg:P`
|
|
614
|
+
padding: 0.5rem 1rem;
|
|
615
|
+
height: 3rem;
|
|
616
|
+
${z[20]}
|
|
617
|
+
`},rn=P`
|
|
618
|
+
display: flex;
|
|
619
|
+
align-items: center;
|
|
620
|
+
justify-content: center;
|
|
621
|
+
flex-shrink: 0;
|
|
622
|
+
user-select: none;
|
|
623
|
+
`,Eg=k.div`
|
|
624
|
+
${ct}
|
|
625
|
+
${({$size:e})=>nn[e]}
|
|
626
|
+
${({$hasError:e})=>e&&ut}
|
|
627
|
+
${({$disabled:e})=>e&&Ge}
|
|
628
|
+
${({$isFlushed:e})=>e&&Kl}
|
|
629
|
+
`,Ag=k.input`
|
|
630
|
+
${Gn}
|
|
631
|
+
`,Oo=f.forwardRef(({size:e="md",hasError:t=!1,disabled:n=!1,type:r="text",flushed:o=!1,leftIcon:i,rightIcon:s,iconSize:a="md",iconColor:l="currentColor",className:u,...d},c)=>m.jsxs(Eg,{$size:e,$hasError:t,className:u,$isFlushed:o,children:[i&&m.jsx(G,{component:i,size:a,color:n?"var(--color-dark-200)":l}),m.jsx(Ag,{ref:c,type:r,$hasError:t,disabled:n,...d}),s&&m.jsx(G,{component:s,size:a,color:n?"var(--color-dark-200)":l})]}));Oo.displayName="BaseInput";const Dg=({color:e="currentColor",size:t=24,className:n,...r})=>f.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:e,...r,className:"remixicon "+(n||"")},f.createElement("path",{d:"M13.0001 16.1716L18.3641 10.8076L19.7783 12.2218L12.0001 20L4.22192 12.2218L5.63614 10.8076L11.0001 16.1716V4H13.0001V16.1716Z"})),Mg=({color:e="currentColor",size:t=24,className:n,...r})=>f.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:e,...r,className:"remixicon "+(n||"")},f.createElement("path",{d:"M13.1717 12.0007L8.22192 7.05093L9.63614 5.63672L16.0001 12.0007L9.63614 18.3646L8.22192 16.9504L13.1717 12.0007Z"})),$g=({color:e="currentColor",size:t=24,className:n,...r})=>f.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:e,...r,className:"remixicon "+(n||"")},f.createElement("path",{d:"M11.9999 10.8284L7.0502 15.7782L5.63599 14.364L11.9999 8L18.3639 14.364L16.9497 15.7782L11.9999 10.8284Z"})),Vg=({color:e="currentColor",size:t=24,className:n,...r})=>f.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:e,...r,className:"remixicon "+(n||"")},f.createElement("path",{d:"M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z"})),Ig=({color:e="currentColor",size:t=24,className:n,...r})=>f.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:e,...r,className:"remixicon "+(n||"")},f.createElement("path",{d:"M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z"})),Lg=({color:e="currentColor",size:t=24,className:n,...r})=>f.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:e,...r,className:"remixicon "+(n||"")},f.createElement("path",{d:"M12.0003 3C17.3924 3 21.8784 6.87976 22.8189 12C21.8784 17.1202 17.3924 21 12.0003 21C6.60812 21 2.12215 17.1202 1.18164 12C2.12215 6.87976 6.60812 3 12.0003 3ZM12.0003 19C16.2359 19 19.8603 16.052 20.7777 12C19.8603 7.94803 16.2359 5 12.0003 5C7.7646 5 4.14022 7.94803 3.22278 12C4.14022 16.052 7.7646 19 12.0003 19ZM12.0003 16.5C9.51498 16.5 7.50026 14.4853 7.50026 12C7.50026 9.51472 9.51498 7.5 12.0003 7.5C14.4855 7.5 16.5003 9.51472 16.5003 12C16.5003 14.4853 14.4855 16.5 12.0003 16.5ZM12.0003 14.5C13.381 14.5 14.5003 13.3807 14.5003 12C14.5003 10.6193 13.381 9.5 12.0003 9.5C10.6196 9.5 9.50026 10.6193 9.50026 12C9.50026 13.3807 10.6196 14.5 12.0003 14.5Z"})),Ng=({color:e="currentColor",size:t=24,className:n,...r})=>f.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:e,...r,className:"remixicon "+(n||"")},f.createElement("path",{d:"M17.8827 19.2968C16.1814 20.3755 14.1638 21.0002 12.0003 21.0002C6.60812 21.0002 2.12215 17.1204 1.18164 12.0002C1.61832 9.62282 2.81932 7.5129 4.52047 5.93457L1.39366 2.80777L2.80788 1.39355L22.6069 21.1925L21.1927 22.6068L17.8827 19.2968ZM5.9356 7.3497C4.60673 8.56015 3.6378 10.1672 3.22278 12.0002C4.14022 16.0521 7.7646 19.0002 12.0003 19.0002C13.5997 19.0002 15.112 18.5798 16.4243 17.8384L14.396 15.8101C13.7023 16.2472 12.8808 16.5002 12.0003 16.5002C9.51498 16.5002 7.50026 14.4854 7.50026 12.0002C7.50026 11.1196 7.75317 10.2981 8.19031 9.60442L5.9356 7.3497ZM12.9139 14.328L9.67246 11.0866C9.5613 11.3696 9.50026 11.6777 9.50026 12.0002C9.50026 13.3809 10.6196 14.5002 12.0003 14.5002C12.3227 14.5002 12.6309 14.4391 12.9139 14.328ZM20.8068 16.5925L19.376 15.1617C20.0319 14.2268 20.5154 13.1586 20.7777 12.0002C19.8603 7.94818 16.2359 5.00016 12.0003 5.00016C11.1544 5.00016 10.3329 5.11773 9.55249 5.33818L7.97446 3.76015C9.22127 3.26959 10.5793 3.00016 12.0003 3.00016C17.3924 3.00016 21.8784 6.87992 22.8189 12.0002C22.5067 13.6998 21.8038 15.2628 20.8068 16.5925ZM11.7229 7.50857C11.8146 7.50299 11.9071 7.50016 12.0003 7.50016C14.4855 7.50016 16.5003 9.51488 16.5003 12.0002C16.5003 12.0933 16.4974 12.1858 16.4919 12.2775L11.7229 7.50857Z"})),Yl=({color:e="currentColor",size:t=24,className:n,...r})=>f.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:e,...r,className:"remixicon "+(n||"")},f.createElement("path",{d:"M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z"})),Bg=({color:e="currentColor",size:t=24,className:n,...r})=>f.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:e,...r,className:"remixicon "+(n||"")},f.createElement("path",{d:"M20 17H22V19H2V17H4V10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10V17ZM9 21H15V23H9V21Z"})),Og=({color:e="currentColor",size:t=24,className:n,...r})=>f.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:e,...r,className:"remixicon "+(n||"")},f.createElement("path",{d:"M20 17H22V19H2V17H4V10C4 5.58172 7.58172 2 12 2C16.4183 2 20 5.58172 20 10V17ZM18 17V10C18 6.68629 15.3137 4 12 4C8.68629 4 6 6.68629 6 10V17H18ZM9 21H15V23H9V21Z"})),Gl=({color:e="currentColor",size:t=24,className:n,...r})=>f.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:t,height:t,fill:e,...r,className:"remixicon "+(n||"")},f.createElement("path",{d:"M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z"})),Fg=k.div`
|
|
632
|
+
${ct}
|
|
633
|
+
${({$size:e})=>nn[e??"md"]}
|
|
634
|
+
${({$hasError:e})=>e&&ut}
|
|
635
|
+
${({$disabled:e})=>e&&Ge}
|
|
636
|
+
position: relative;
|
|
637
|
+
`,jg=k.input`
|
|
638
|
+
${Gn}
|
|
639
|
+
`,Rg=k.span`
|
|
640
|
+
${rn}
|
|
641
|
+
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
642
|
+
`,Xl=({size:e="md",leftIcon:t,iconSize:n="sm",iconColor:r="currentColor",placeholder:o="Contraseña...",hasError:i=!1,disabled:s=!1,className:a,...l})=>{const[u,d]=f.useState(!1),c=()=>d(h=>!h);return m.jsxs(Fg,{$size:e,$hasError:i,$disabled:s,className:a,children:[t&&m.jsx(G,{component:t,size:n,color:s?"var(--color-dark-200)":r}),m.jsx(jg,{type:u?"text":"password",placeholder:o,disabled:s,...l}),m.jsx(Rg,{$disabled:s,onClick:s?void 0:c,children:m.jsx(G,{component:u?Ng:Lg,size:n,color:s?"var(--color-dark-200)":r})})]})},ql=e=>{const t=e.findIndex(n=>!n.disabled);return t!==-1?t:0},zg=e=>{const t=e.map((n,r)=>({...n,index:r})).reverse().find(n=>!n.disabled)?.index;return t!==void 0?t:e.length-1},_g=(e,t,n)=>{let r=e;do r=(r+t+n.length)%n.length;while(n[r]?.disabled&&r!==e);return r},Hg=(e,t)=>({target:{value:String(e),name:t},currentTarget:{value:String(e),name:t}}),Ug=(e,t)=>{if(t>=0&&e.current){const n=e.current.children[t];n&&n.scrollIntoView({block:"nearest",behavior:"smooth"})}},Wg=(e,t)=>{if(typeof e=="string"||typeof e=="number"){const n=t.findIndex(r=>r.value===e);if(n!==-1&&!t[n].disabled)return n}return ql(t)},Kg=k.div`
|
|
643
|
+
position: relative;
|
|
644
|
+
width: 100%;
|
|
645
|
+
`,Yg=k.div`
|
|
646
|
+
${rn}
|
|
647
|
+
position: absolute;
|
|
648
|
+
right: 1rem;
|
|
649
|
+
top: 50%;
|
|
650
|
+
transform: translateY(-50%) rotate(${({$open:e})=>e?"180deg":"0deg"});
|
|
651
|
+
pointer-events: none;
|
|
652
|
+
transition: transform 0.3s ease-out;
|
|
653
|
+
`,Gg=k.button`
|
|
654
|
+
${ct}
|
|
655
|
+
${({$size:e})=>nn[e]}
|
|
656
|
+
${({$hasError:e})=>e&&ut}
|
|
657
|
+
${({$disabled:e})=>e&&Ge}
|
|
658
|
+
|
|
659
|
+
width: 100%;
|
|
660
|
+
text-align: left;
|
|
661
|
+
appearance: none;
|
|
662
|
+
cursor: pointer;
|
|
663
|
+
padding-right: 2.5rem;
|
|
664
|
+
|
|
665
|
+
color: ${({$hasValue:e})=>e?"var(--color-main-blue-primary)":"var(--color-dark-200)"};
|
|
666
|
+
|
|
667
|
+
transition:
|
|
668
|
+
background-color 0.3s ease-out,
|
|
669
|
+
border-color 0.3s ease-out,
|
|
670
|
+
transform 0.3s ease-out;
|
|
671
|
+
|
|
672
|
+
&:hover {
|
|
673
|
+
background-color: var(--color-main-alternative-secondary);
|
|
674
|
+
}
|
|
675
|
+
`,Xg=k(lt.ul)`
|
|
676
|
+
position: absolute;
|
|
677
|
+
z-index: 50;
|
|
678
|
+
left: 0;
|
|
679
|
+
right: 0;
|
|
680
|
+
margin-top: 0.25rem;
|
|
681
|
+
max-height: 16rem;
|
|
682
|
+
overflow: hidden;
|
|
683
|
+
|
|
684
|
+
background-color: var(--color-main-white);
|
|
685
|
+
border: var(--border-input);
|
|
686
|
+
border-radius: var(--border-radius-article);
|
|
687
|
+
box-shadow: var(--shadow-black-card);
|
|
688
|
+
|
|
689
|
+
padding: 0.25rem;
|
|
690
|
+
list-style: none;
|
|
691
|
+
transform-origin: top;
|
|
692
|
+
|
|
693
|
+
&:focus-visible {
|
|
694
|
+
border: var(--border-input-focus);
|
|
695
|
+
outline: none;
|
|
696
|
+
}
|
|
697
|
+
`,qg=k.div`
|
|
698
|
+
max-height: 15rem;
|
|
699
|
+
overflow-y: auto;
|
|
700
|
+
outline: none;
|
|
701
|
+
`,Zg=k.li`
|
|
702
|
+
display: flex;
|
|
703
|
+
align-items: center;
|
|
704
|
+
gap: 0.5rem;
|
|
705
|
+
|
|
706
|
+
padding: 0.5rem 1rem;
|
|
707
|
+
border-radius: 0.5rem;
|
|
708
|
+
cursor: ${({$disabled:e})=>e?"not-allowed":"pointer"};
|
|
709
|
+
user-select: none;
|
|
710
|
+
|
|
711
|
+
${({$size:e})=>Jg[e??"md"]}
|
|
712
|
+
|
|
713
|
+
background-color: ${({$active:e})=>e?"var(--color-main-alternative-secondary)":"transparent"};
|
|
714
|
+
color: ${({$disabled:e})=>e?"var(--color-dark-200)":"var(--color-main-blue-primary)"};
|
|
715
|
+
`,Jg={sm:P`
|
|
716
|
+
${z[16]}
|
|
717
|
+
`,md:P`
|
|
718
|
+
${z[18]}
|
|
719
|
+
`,lg:P`
|
|
720
|
+
${z[18]}
|
|
721
|
+
`},Fo=f.forwardRef(({size:e="md",hasError:t=!1,disabled:n=!1,options:r=[],placeholder:o,onOptionSelect:i,onChange:s,value:a,name:l,className:u,inputClassName:d,optionsClassName:c,optionClassName:h},p)=>{const g=f.useRef(null),v=f.useRef(null),b=f.useRef(null),y=f.useRef(null),x=f.useId(),[w,E]=f.useState(!1),[T,S]=f.useState(-1),C=r.find(M=>M.value===a);f.useEffect(()=>{w&&v.current&&(v.current.focus(),S(Wg(a,r)))},[w,r,a]),f.useEffect(()=>{Ug(b,T)},[T]),f.useEffect(()=>{if(!w)return;const M=K=>{g.current&&(g.current.contains(K.target)||E(!1))};return document.addEventListener("mousedown",M),()=>document.removeEventListener("mousedown",M)},[w]),f.useEffect(()=>{w||requestAnimationFrame(()=>{p?.current?.focus?.(),y.current?.focus()})},[w,p]);const D=M=>{M.disabled||(i?.(M),s&&s(Hg(M.value,l)),E(!1),S(-1))},I=M=>{n||(M.key==="ArrowDown"||M.key==="ArrowUp"?(M.preventDefault(),E(!0)):(M.key==="Enter"||M.key===" ")&&(M.preventDefault(),E(K=>!K)))},_=M=>{if(M.key==="Escape"){M.preventDefault(),E(!1),S(-1);return}if(M.key==="ArrowDown"||M.key==="ArrowUp"){M.preventDefault();const K=M.key==="ArrowDown"?1:-1;S(_g(T,K,r))}else if(M.key==="Enter"){M.preventDefault();const K=r[T];K&&!K.disabled&&D(K)}else M.key==="Home"?(M.preventDefault(),S(ql(r))):M.key==="End"&&(M.preventDefault(),S(zg(r)))};return m.jsxs(Kg,{ref:g,className:u,children:[l&&m.jsx("input",{type:"hidden",name:l,value:C?.value??""}),m.jsx(Gg,{type:"button",$size:e,$hasError:t,$hasValue:!!C,$disabled:n,disabled:n,className:d,ref:M=>{y.current=M,typeof p=="function"?p(M):p&&"current"in p&&(p.current=M)},onClick:()=>!n&&E(M=>!M),onKeyDown:I,"aria-haspopup":"listbox","aria-expanded":w,"aria-controls":`${x}-listbox`,"aria-invalid":t||void 0,title:C?.label??o??"Select an option",children:C?.label??o??""}),m.jsx(Yg,{$size:e,$disabled:n,$open:w,children:m.jsx(G,{component:$g,size:e==="sm"||e==="md"?"sm":"md",color:n?"var(--color-dark-200)":"var(--color-main-blue-primary)"})}),m.jsx(Bn,{children:w&&m.jsx(Xg,{ref:v,className:"custom-scrollbar",id:`${x}-listbox`,role:"listbox",tabIndex:0,"aria-activedescendant":T>=0?`${x}-option-${T}`:void 0,initial:{opacity:0,height:0,scaleY:.8},animate:{opacity:1,height:"auto",scaleY:1},exit:{opacity:0,height:0,scaleY:.8},transition:{duration:.25,ease:[.4,0,.2,1]},onKeyDown:_,children:m.jsx(qg,{ref:b,className:c,children:r.map((M,K)=>{const W=K===T;return m.jsx(Zg,{id:`${x}-option-${K}`,className:h,role:"option",$size:e,"aria-selected":a===M.value,$active:W,$disabled:M.disabled,onMouseEnter:()=>{!M.disabled&&w&&S(K)},onClick:()=>D(M),children:M.label},M.value)})})})})]})});Fo.displayName="SelectInput";const Qg=k.textarea`
|
|
722
|
+
${ct}
|
|
723
|
+
${({$size:e})=>e0[e]}
|
|
724
|
+
${({$hasError:e})=>e&&ut}
|
|
725
|
+
${({$disabled:e})=>e&&Ge}
|
|
726
|
+
${z[20]}
|
|
727
|
+
|
|
728
|
+
resize: ${({$resize:e})=>e};
|
|
729
|
+
|
|
730
|
+
${({$autoResize:e})=>e&&`
|
|
731
|
+
overflow: auto;
|
|
732
|
+
resize: none;
|
|
733
|
+
`}
|
|
734
|
+
|
|
735
|
+
&::placeholder {
|
|
736
|
+
color: var(--color-dark-200);
|
|
737
|
+
opacity: 1;
|
|
738
|
+
}
|
|
739
|
+
`,e0={sm:`
|
|
740
|
+
${z[20]}
|
|
741
|
+
height: 6rem;
|
|
742
|
+
max-height: 12rem;
|
|
743
|
+
padding: 1rem 1.25rem;
|
|
744
|
+
`,md:`
|
|
745
|
+
${z[24]}
|
|
746
|
+
height: 8rem;
|
|
747
|
+
max-height: 16rem;
|
|
748
|
+
padding: 1rem 1.25rem;
|
|
749
|
+
`,lg:`
|
|
750
|
+
${z[24]}
|
|
751
|
+
height:12rem;
|
|
752
|
+
max-height: 20rem;
|
|
753
|
+
padding: 1rem 1.25rem;
|
|
754
|
+
`},jo=f.forwardRef(({size:e="md",hasError:t=!1,disabled:n=!1,resize:r="vertical",autoResize:o=!1,minRows:i=3,maxRows:s,className:a,onChange:l,...u},d)=>{const c=h=>{if(o){const p=h.target;p.style.height="auto";const g=p.scrollHeight,v=i*24,b=s?s*24:g;g>b?(p.style.height=`${b}px`,p.style.overflowY="scroll"):(p.style.height=`${Math.max(g,v)}px`,p.style.overflowY="hidden")}l?.(h)};return m.jsx(Qg,{ref:d,$size:e,$hasError:t,$disabled:n,$resize:r,$autoResize:o,disabled:n,rows:i,className:a,onChange:c,...u})});jo.displayName="TextAreaInput";const t0=k.div`
|
|
755
|
+
${ct}
|
|
756
|
+
${({$size:e})=>nn[e??"md"]}
|
|
757
|
+
`,n0=k.input`
|
|
758
|
+
${Gn}
|
|
759
|
+
`,Zl=({size:e="md",leftIcon:t,rightIcon:n=Gl,iconSize:r="sm",iconColor:o="currentColor",placeholder:i="Buscar...",onSearch:s,className:a})=>{const l=u=>{s?.(u.target.value)};return m.jsxs(t0,{$size:e,className:a,children:[t&&m.jsx(G,{component:t,size:r,color:o}),m.jsx(n0,{placeholder:i,onChange:l}),n?m.jsx(G,{component:n,size:r,color:o}):m.jsx(G,{component:Gl,size:r,color:o})]})},r0=k.div`
|
|
760
|
+
position: relative;
|
|
761
|
+
`,o0=k.input`
|
|
762
|
+
position: absolute;
|
|
763
|
+
height: 1.5rem;
|
|
764
|
+
width: 1.5rem;
|
|
765
|
+
inset: 0;
|
|
766
|
+
cursor: pointer;
|
|
767
|
+
opacity: 0;
|
|
768
|
+
transition: all 0.3s ease-out;
|
|
769
|
+
|
|
770
|
+
&:disabled {
|
|
771
|
+
cursor: not-allowed;
|
|
772
|
+
}
|
|
773
|
+
|
|
774
|
+
&:focus-visible + div {
|
|
775
|
+
outline-color: var(--color-main-orange-primary);
|
|
776
|
+
outline-offset: 2px;
|
|
777
|
+
}
|
|
778
|
+
`,s0=k.div`
|
|
779
|
+
height: 1.5rem;
|
|
780
|
+
width: 1.5rem;
|
|
781
|
+
border: 2px solid;
|
|
782
|
+
border-radius: 0.25rem;
|
|
783
|
+
display: flex;
|
|
784
|
+
align-items: center;
|
|
785
|
+
justify-content: center;
|
|
786
|
+
transition: all 0.3s ease-out;
|
|
787
|
+
cursor: pointer;
|
|
788
|
+
outline: 2px solid transparent;
|
|
789
|
+
outline-offset: 2px;
|
|
790
|
+
border: 2px solid var(--color-main-input-borders);
|
|
791
|
+
background-color: white;
|
|
792
|
+
|
|
793
|
+
&:hover {
|
|
794
|
+
border-color: var(--color-main-orange-primary);
|
|
795
|
+
}
|
|
796
|
+
|
|
797
|
+
${({$hasError:e})=>e&&ut}
|
|
798
|
+
${({$disabled:e})=>e&&Ge}
|
|
799
|
+
${({$checked:e})=>e&&i0}
|
|
800
|
+
`,i0=P`
|
|
801
|
+
background-color: var(--color-main-orange-primary);
|
|
802
|
+
border-color: var(--color-main-orange-primary);
|
|
803
|
+
`,a0=k.svg`
|
|
804
|
+
height: 1.5rem;
|
|
805
|
+
width: 1.5rem;
|
|
806
|
+
color: ${({$disabled:e})=>e?"var(--color-dark-200)":"white"};
|
|
807
|
+
fill: none;
|
|
808
|
+
stroke: currentColor;
|
|
809
|
+
`,l0=k.span`
|
|
810
|
+
display: block;
|
|
811
|
+
width: 60%;
|
|
812
|
+
height: 2px;
|
|
813
|
+
background-color: white;
|
|
814
|
+
border-radius: 1px;
|
|
815
|
+
`,Ro=f.forwardRef(({hasError:e=!1,indeterminate:t=!1,checked:n,disabled:r=!1,onChange:o,className:i,checkboxClassName:s,...a},l)=>{const u=f.useId(),d=a.id??u,c=!!n,{size:h,...p}=a,g=f.useRef(null),v=f.useCallback(b=>{if(g.current=b,!!l)if(typeof l=="function")try{l(b)}catch{}else l.current=b},[l]);return f.useEffect(()=>{g.current&&(g.current.indeterminate=!!t)},[t]),m.jsxs(r0,{className:i,children:[m.jsx(o0,{ref:v,type:"checkbox",checked:c||!1,disabled:r,onChange:o,id:d,name:p.name,"aria-invalid":e||void 0,"aria-disabled":r||void 0,"aria-checked":t?"mixed":c?"true":"false",...p}),m.jsxs(s0,{$checked:!!c||!!t,$hasError:e,$disabled:r,className:s,children:[c&&!t&&m.jsx(a0,{$disabled:r,viewBox:"0 0 24 24",children:m.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:3,d:"M5 13l4 4L19 7"})}),t&&m.jsx(l0,{})]})]})});Ro.displayName="CheckboxInput";const Jl=({children:e,size:t="md",disabled:n=!1,htmlFor:r,onLabelClick:o,className:i,onClick:s,...a})=>{const l=u=>{n||(o&&o(),s&&s(u))};return m.jsx(Yn,{size:t,disabled:n,htmlFor:r,onClick:l,className:i,...a,children:e})},c0=k.section`
|
|
816
|
+
display: flex;
|
|
817
|
+
align-items: center;
|
|
818
|
+
justify-content: center;
|
|
819
|
+
gap: 1rem;
|
|
820
|
+
`,Xn=f.forwardRef(({size:e="md",label:t,hasError:n=!1,indeterminate:r=!1,checked:o,disabled:i=!1,onChange:s,onLabelClick:a,className:l,checkboxClassName:u,labelClassName:d,...c},h)=>{const p=f.useId(),g=c.id??p;return m.jsxs(c0,{className:l,children:[m.jsx(Ro,{ref:h,size:e,hasError:n,indeterminate:r,checked:o,disabled:i,onChange:s,checkboxClassName:u,id:g,...c}),t&&m.jsx(Jl,{size:e,disabled:i,htmlFor:g,onLabelClick:a,className:d,children:t})]})});Xn.displayName="Checkbox";const u0=k.div`
|
|
821
|
+
position: relative;
|
|
822
|
+
display: inline-block;
|
|
823
|
+
`,d0=k.input`
|
|
824
|
+
${ct}
|
|
825
|
+
text-align: center;
|
|
826
|
+
padding: 0;
|
|
827
|
+
|
|
828
|
+
&::-webkit-outer-spin-button,
|
|
829
|
+
&::-webkit-inner-spin-button {
|
|
830
|
+
-webkit-appearance: none;
|
|
831
|
+
margin: 0;
|
|
832
|
+
}
|
|
833
|
+
|
|
834
|
+
&[type='number'] {
|
|
835
|
+
-moz-appearance: textfield;
|
|
836
|
+
}
|
|
837
|
+
${({$size:e})=>f0[e]}
|
|
838
|
+
${({$variant:e})=>e&&h0[e??"outlined"]}
|
|
839
|
+
${({$hasError:e})=>e&&ut}
|
|
840
|
+
${({$disabled:e})=>e&&Ge}
|
|
841
|
+
|
|
842
|
+
&:focus {
|
|
843
|
+
border: 2px solid var(--color-main-blue-primary);
|
|
844
|
+
}
|
|
845
|
+
`,h0={outlined:`
|
|
846
|
+
background-color: var(--color-main-white);
|
|
847
|
+
border: 2px solid var(--color-main-input-borders);
|
|
848
|
+
|
|
849
|
+
&:hover:not(:focus) {
|
|
850
|
+
border-color: var(--color-main-blue-primary);
|
|
851
|
+
}
|
|
852
|
+
`,filled:`
|
|
853
|
+
background-color: var(--color-main-alternative-secondary);
|
|
854
|
+
border: 2px solid transparent;
|
|
855
|
+
|
|
856
|
+
&:hover:not(:focus) {
|
|
857
|
+
background-color: var(--color-main-alternative-secondary);
|
|
858
|
+
}
|
|
859
|
+
|
|
860
|
+
&:focus {
|
|
861
|
+
background-color: var(--color-main-white);
|
|
862
|
+
border: 2px solid var(--color-main-blue-primary);
|
|
863
|
+
}
|
|
864
|
+
`},f0={sm:`
|
|
865
|
+
padding: 0.375rem;
|
|
866
|
+
width: 2.5rem;
|
|
867
|
+
height: 2.5rem;
|
|
868
|
+
${z[24]}
|
|
869
|
+
`,md:`
|
|
870
|
+
padding: 0.625rem;
|
|
871
|
+
width: 3rem;
|
|
872
|
+
height: 3.5rem;
|
|
873
|
+
${z[30]}
|
|
874
|
+
`,lg:`
|
|
875
|
+
padding: 0.75rem;
|
|
876
|
+
width: 3.5rem;
|
|
877
|
+
height: 4rem;
|
|
878
|
+
${z[40]}
|
|
879
|
+
`},zo=f.forwardRef(({size:e="md",hasError:t=!1,variant:n="outlined",disabled:r=!1,className:o,maxLength:i=1,type:s="text",...a},l)=>{const u=f.useId(),d=a.id??u;return m.jsx(u0,{children:m.jsx(d0,{ref:l,$size:e,$hasError:t,$disabled:r,$variant:n,className:o,maxLength:i,type:s,disabled:r,id:d,"aria-invalid":t||void 0,"aria-disabled":r||void 0,...a})})});zo.displayName="PinInput";const Ql=(e,t,n,r,o,i,s="text",a,l)=>{const u=e.target.value;if(u.length>1)return;const d=i??o.length;if(s==="number"&&u&&!/^\d$/.test(u))return;const c=[...n];c[t]=u,r(c);const h=c.join("");a?.(h),u&&t<i-1&&o[t+1].current?.focus(),c.every(p=>p!=="")&&c.length>=d&&l?.(h)},ec=(e,t,n,r,o,i)=>{if(e.key==="Backspace"&&!n[t]&&t>0){if(n[t]){if(o){r[t-1].current?.focus();const s=[...n];s[t-1]="",o(s),i?.(s.join(""))}return}if(t>0&&(r[t-1].current?.focus(),o)){const s=[...n];s[t-1]="",o(s),i?.(s.join(""))}}e.key==="ArrowLeft"&&t>0&&r[t-1]?.current?.focus(),e.key==="ArrowRight"&&t<r.length-1&&r[t+1]?.current?.focus()},tc=(e,t,n,r,o,i,s="text",a,l)=>{e.preventDefault();const u=e.clipboardData.getData("text");if(!u)return;const d=i??o.length,c=[...n];for(let v=0;v<u.length;v++){const b=t+v;if(b>=d)break;const y=u[v];s==="number"&&!/^\d$/.test(y)||(c[b]=y)}r(c),a?.(c.join(""));const h=c.findIndex(v=>v===""),p=h!==-1?Math.min(Math.max(h,t),d-1):d-1;o[p].current?.focus();const g=c.join("");c.every(v=>v!=="")&&c.length>=d&&l?.(g)},nc=e=>Array(e).fill(null).map(()=>f.createRef()),p0=(e,t,n="text")=>!(e.length!==t||n==="number"&&!/^\d+$/.test(e)),m0=k.div`
|
|
880
|
+
display: flex;
|
|
881
|
+
gap: 8px;
|
|
882
|
+
align-items: center;
|
|
883
|
+
`,_o=({length:e=6,size:t="md",variant:n="outlined",hasError:r=!1,type:o="number",onChange:i,onComplete:s,className:a,pinInputClassName:l})=>{const[u,d]=f.useState(Array(e).fill("")),c=f.useMemo(()=>nc(e),[e]);return m.jsx(m0,{className:a,children:Array.from({length:e},(h,p)=>m.jsx(zo,{className:l,size:t,variant:n,hasError:r,value:u[p],onChange:g=>Ql(g,p,u,d,c,e,o,i,s),onKeyDown:g=>ec(g,p,u,c,d,i),onPaste:g=>tc(g,p,u,d,c,e,o,i,s),ref:c[p]},p))})};_o.displayName="PinInputGroup";const g0=k.div`
|
|
884
|
+
position: relative;
|
|
885
|
+
`,y0=k.input`
|
|
886
|
+
position: absolute;
|
|
887
|
+
height: 1.5rem;
|
|
888
|
+
width: 1.5rem;
|
|
889
|
+
inset: 0;
|
|
890
|
+
cursor: pointer;
|
|
891
|
+
opacity: 0;
|
|
892
|
+
border: 2px solid transparent;
|
|
893
|
+
|
|
894
|
+
&:disabled {
|
|
895
|
+
cursor: not-allowed;
|
|
896
|
+
}
|
|
897
|
+
|
|
898
|
+
&:focus-visible + div {
|
|
899
|
+
outline-color: var(--color-main-orange-primary);
|
|
900
|
+
outline-offset: 2px;
|
|
901
|
+
}
|
|
902
|
+
`,v0=P`
|
|
903
|
+
border-color: var(--color-main-orange-primary);
|
|
904
|
+
`,b0=k.div`
|
|
905
|
+
height: 1.5rem;
|
|
906
|
+
width: 1.5rem;
|
|
907
|
+
border: 2px solid var(--color-main-input-borders);
|
|
908
|
+
border-radius: 100%;
|
|
909
|
+
display: flex;
|
|
910
|
+
align-items: center;
|
|
911
|
+
justify-content: center;
|
|
912
|
+
transition: all 0.3s ease-out;
|
|
913
|
+
cursor: pointer;
|
|
914
|
+
background-color: white;
|
|
915
|
+
outline: 2px solid transparent;
|
|
916
|
+
outline-offset: 2px;
|
|
917
|
+
|
|
918
|
+
&:hover {
|
|
919
|
+
border-color: var(--color-main-orange-primary);
|
|
920
|
+
}
|
|
921
|
+
|
|
922
|
+
${({$hasError:e})=>e&&`
|
|
923
|
+
border-color: var(--color-main-warning-state);
|
|
924
|
+
`}
|
|
925
|
+
${({$disabled:e})=>e&&`
|
|
926
|
+
${Ge}
|
|
927
|
+
border: 2px solid var(--color-dark-200) !important;
|
|
928
|
+
`}
|
|
929
|
+
${({$checked:e})=>e&&v0}
|
|
930
|
+
`,w0=k.span`
|
|
931
|
+
display: block;
|
|
932
|
+
height: 0.625rem;
|
|
933
|
+
width: 0.625rem;
|
|
934
|
+
border-radius: 100%;
|
|
935
|
+
transition: all 0.3s ease-out;
|
|
936
|
+
background-color: ${({$disabled:e})=>e?"var(--color-dark-200)":"var(--color-main-orange-primary)"};
|
|
937
|
+
opacity: ${({$checked:e})=>e?1:0};
|
|
938
|
+
transform: ${({$checked:e})=>e?"scale(1)":"scale(0.6)"};
|
|
939
|
+
`,Ho=f.forwardRef(({hasError:e=!1,checked:t,disabled:n=!1,onChange:r,className:o,dotClassName:i,...s},a)=>{const l=f.useId(),u=s.id??l,d=!!t,{size:c,...h}=s;return m.jsxs(g0,{className:o,children:[m.jsx(y0,{ref:a,type:"radio",id:u,checked:d||!1,disabled:n,onChange:r,"aria-invalid":e||void 0,"aria-disabled":n||void 0,"aria-checked":d?"true":"false",...h}),m.jsx(b0,{$checked:!!d,$hasError:e,$disabled:n,className:i,children:m.jsx(w0,{$disabled:n,$checked:d})})]})});Ho.displayName="RadioInputDot";const Uo=({children:e,htmlFor:t,className:n,disabled:r=!1,size:o="md",...i})=>m.jsx(Yn,{className:n,htmlFor:t,size:o,disabled:r,...i,children:e});Uo.displayName="RadioInputLabel";const x0=k.section`
|
|
940
|
+
display: flex;
|
|
941
|
+
align-items: center;
|
|
942
|
+
justify-content: center;
|
|
943
|
+
gap: 1rem;
|
|
944
|
+
`,Wo=f.forwardRef(({size:e="md",label:t,hasError:n=!1,checked:r,disabled:o=!1,onChange:i,className:s,dotClassName:a,labelClassName:l,...u},d)=>{const c=f.useId(),h=u.id??c;return m.jsxs(x0,{className:s,children:[m.jsx(Ho,{ref:d,size:e,hasError:n,checked:r,disabled:o,onChange:i,dotClassName:a,id:h,...u}),t&&m.jsx(Uo,{size:e,disabled:o,htmlFor:h,className:l,children:t})]})});Wo.displayName="RadioInput";const rc=k.div`
|
|
945
|
+
display: flex;
|
|
946
|
+
flex-direction: column;
|
|
947
|
+
gap: 0.5rem;
|
|
948
|
+
width: 100%;
|
|
949
|
+
`,S0=k.div`
|
|
950
|
+
display: flex;
|
|
951
|
+
flex-direction: column;
|
|
952
|
+
gap: 0.75rem;
|
|
953
|
+
`,T0=({id:e,name:t,label:n,type:r="text",size:o="md",placeholder:i,disabled:s=!1,required:a=!1,options:l=[],checkboxLabel:u,radioName:d,pinLength:c=6,pinType:h="number",className:p,inputClassName:g,labelClassName:v,messageErrorClassName:b,leftIcon:y,rightIcon:x,iconSize:w,iconColor:E,onOptionSelect:T,onRadioChange:S,onPinComplete:C,onChange:D,...I})=>{const[_,M,K]=Dc.useField(t),W=!!(M.touched&&M.error),Pe=W?M.error:void 0,re=e?.toString?.()||t,F={required:a||void 0,"aria-required":a||void 0,"aria-invalid":W||void 0,"aria-describedby":W?`${re}-error`:void 0},L=V=>{if(D)return D(V);_.onChange(V)};let R;switch(r){case"textarea":{const V=j=>{D?D(j):_.onChange(j)};R=m.jsx(jo,{id:re,name:t,className:g,hasError:W,disabled:s,size:o,placeholder:i,onChange:V,...I,...F});break}case"select":{R=m.jsx(Fo,{id:re,name:t,className:g,hasError:W,disabled:s,size:o,value:_.value??"",onChange:V=>{_.onChange(V);const j=l.find(oe=>String(oe.value)===V.target.value);j&&T?.(j)},options:l,placeholder:i||"Selecciona una opción",...I,...F});break}case"checkbox":{R=m.jsx(Xn,{id:re,name:t,className:g,hasError:W,disabled:s,size:o,checked:!!_.value,label:u,onChange:V=>{K.setValue(V.target.checked)},...I,...F});break}case"radio":{const V=l;R=m.jsx(S0,{children:V.map(j=>m.jsx(Wo,{name:d||t,value:j.value,label:j.label,size:o,hasError:W,disabled:s,checked:_.value===j.value,onChange:oe=>{const se=oe.target.value,O=typeof j.value=="number"?Number(se):se;K.setValue(O),S?.(oe)},...F},j.value))});break}case"pin":{R=m.jsx(_o,{length:c,type:h,size:o,hasError:W,onChange:V=>K.setValue(V),onComplete:V=>{K.setValue(V),C?.(V)},...I,...F});break}case"password":{const{rightIcon:V,...j}=I;R=m.jsx(Xl,{id:re,name:t,className:g,hasError:W,disabled:s,size:o,placeholder:i,leftIcon:y,iconSize:w,iconColor:E,onChange:L,...j,...F});break}case"search":{R=m.jsx(Zl,{className:g,size:o,placeholder:i,leftIcon:y,rightIcon:x,iconSize:w,iconColor:E,onSearch:I.onSearch,...F});break}default:R=m.jsx(Oo,{id:re,name:t,className:g,hasError:W,disabled:s,size:o,placeholder:i,type:["text","email","number","tel","url","date","date","datetime-local","time"].includes(r)?r:"text",leftIcon:y,rightIcon:x,iconSize:w,iconColor:E,value:_.value??"",onChange:L,...I,...F})}return r==="checkbox"?m.jsxs(rc,{className:p,children:[R,W&&m.jsx(Bo,{id:`${re}-error`,size:o,className:b,children:Pe})]}):m.jsxs(rc,{className:p,children:[n&&m.jsx(Yn,{htmlFor:re,size:o,required:a,disabled:s,className:v,children:n}),R,W&&m.jsx(Bo,{id:`${re}-error`,size:o,className:b,children:Pe})]})},C0={initial:{opacity:0,scale:.95},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.95},transition:{duration:.2,ease:"easeInOut"},layout:!1},oc={initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:{duration:.3,ease:"easeInOut"}},k0={initial:{height:0,opacity:0,y:-6},animate:{height:"auto",opacity:1,y:0},exit:{height:0,opacity:0,y:-6},transition:{duration:.2,ease:"easeInOut"}},P0=k(lt.div)`
|
|
954
|
+
position: fixed;
|
|
955
|
+
inset: 0;
|
|
956
|
+
z-index: 50;
|
|
957
|
+
display: flex;
|
|
958
|
+
align-items: center;
|
|
959
|
+
justify-content: center;
|
|
960
|
+
padding: 1rem;
|
|
961
|
+
background-color: rgba(0, 0, 0, 0.5);
|
|
962
|
+
backdrop-filter: blur(2px);
|
|
963
|
+
|
|
964
|
+
@media (max-width: 768px) {
|
|
965
|
+
padding: 0.5rem;
|
|
966
|
+
}
|
|
967
|
+
`,E0=k(lt.div)`
|
|
968
|
+
position: relative;
|
|
969
|
+
display: flex;
|
|
970
|
+
flex-direction: column;
|
|
971
|
+
background-color: var(--color-main-white);
|
|
972
|
+
border-radius: var(--border-radius-article);
|
|
973
|
+
box-shadow: var(--shadow-black-card);
|
|
974
|
+
max-height: 90vh;
|
|
975
|
+
width: 100%;
|
|
976
|
+
overflow: hidden;
|
|
977
|
+
padding: 0.875rem;
|
|
978
|
+
|
|
979
|
+
${({$size:e})=>{switch(e){case"sm":return"max-width: 400px;";case"md":return"max-width: 500px;";case"lg":return"max-width: 700px;";default:return"max-width: 500px;"}}}
|
|
980
|
+
|
|
981
|
+
${({$fullScreen:e})=>e&&`
|
|
982
|
+
@media (max-width: 768px) {
|
|
983
|
+
max-width: 100%;
|
|
984
|
+
max-height: 100vh;
|
|
985
|
+
border-radius: 0;
|
|
986
|
+
margin: 0;
|
|
987
|
+
}
|
|
988
|
+
`}
|
|
989
|
+
|
|
990
|
+
&:focus-visible {
|
|
991
|
+
outline: none;
|
|
992
|
+
box-shadow: var(--shadow-hover-black-card);
|
|
993
|
+
}
|
|
994
|
+
`,A0=k.button`
|
|
995
|
+
position: absolute;
|
|
996
|
+
top: 1rem;
|
|
997
|
+
right: 1rem;
|
|
998
|
+
background: none;
|
|
999
|
+
border: none;
|
|
1000
|
+
cursor: pointer;
|
|
1001
|
+
padding: 0.5rem;
|
|
1002
|
+
z-index: 10;
|
|
1003
|
+
transition: transform 0.2s ease-in-out;
|
|
1004
|
+
|
|
1005
|
+
&:hover {
|
|
1006
|
+
transform: scale(1.1);
|
|
1007
|
+
}
|
|
1008
|
+
|
|
1009
|
+
&:focus-visible {
|
|
1010
|
+
transform: scale(1.1);
|
|
1011
|
+
outline: none;
|
|
1012
|
+
}
|
|
1013
|
+
`,sc=({isOpen:e,onClose:t,children:n,className:r,closeOnBackdropClick:o=!0,showCloseButton:i=!1,size:s="md",fullScreen:a=!1,closeOnEsc:l=!0,ariaLabel:u,ariaLabelledBy:d,ariaDescribedBy:c})=>{const h=f.useRef(null),p=f.useRef(null),g=b=>{o&&b.target===b.currentTarget&&t()};f.useEffect(()=>{const b=y=>{l&&y.key==="Escape"&&t()};return e?(document.addEventListener("keydown",b),document.body.style.overflow="hidden"):document.body.style.overflow="",()=>{document.removeEventListener("keydown",b),document.body.style.overflow=""}},[e,t,l]),f.useEffect(()=>{if(!e)return;p.current=document.activeElement;const b=h.current,y=()=>{b&&(b.hasAttribute("tabindex")||b.setAttribute("tabindex","-1"),b.focus())},x=window.setTimeout(y,0);function w(T){const S=["a[href]","area[href]","button:not([disabled])",'input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","iframe","object","embed",'[tabindex]:not([tabindex="-1"])','[contenteditable="true"]'];return Array.from(T.querySelectorAll(S.join(","))).filter(C=>!!(C.offsetWidth||C.offsetHeight||C.getClientRects().length))}const E=T=>{if(T.key!=="Tab"||!b)return;const S=w(b);if(S.length===0){T.preventDefault(),b.focus();return}const C=S[0],D=S[S.length-1],I=document.activeElement;!T.shiftKey&&I===D?(T.preventDefault(),C.focus()):T.shiftKey&&I===C&&(T.preventDefault(),D.focus())};return document.addEventListener("keydown",E),()=>{window.clearTimeout(x),document.removeEventListener("keydown",E),p.current&&p.current.focus()}},[e]);const v=m.jsx(Bn,{children:e&&m.jsx(P0,{...oc,onClick:g,children:m.jsxs(E0,{...C0,ref:h,$size:s,$fullScreen:a,className:r,onClick:b=>b.stopPropagation(),role:"dialog","aria-modal":"true","aria-label":u,"aria-labelledby":u?void 0:d,"aria-describedby":c,children:[i&&m.jsx(A0,{className:`${rn} cursor-pointer`,onClick:t,"aria-label":"Close dialog",children:m.jsx(G,{component:Vg,size:"sm"})}),n]})})});return typeof document>"u"?v:rs.createPortal(v,document.body)},D0=k.div`
|
|
1014
|
+
display: flex;
|
|
1015
|
+
align-items: center;
|
|
1016
|
+
justify-content: space-between;
|
|
1017
|
+
width: 100%;
|
|
1018
|
+
|
|
1019
|
+
${({$variant:e})=>e==="compact"?`
|
|
1020
|
+
padding: 1rem 1.5rem;
|
|
1021
|
+
gap: 0.75rem;
|
|
1022
|
+
`:`
|
|
1023
|
+
padding: 1.5rem 1.5rem 1rem 1.5rem;
|
|
1024
|
+
gap: 1rem;
|
|
1025
|
+
`}
|
|
1026
|
+
|
|
1027
|
+
${({$showDivider:e})=>e&&`
|
|
1028
|
+
border-bottom: 1px solid var(--color-main-light-borders);
|
|
1029
|
+
margin-bottom: 0;
|
|
1030
|
+
`}
|
|
1031
|
+
|
|
1032
|
+
color: var(--color-main-blue-primary);
|
|
1033
|
+
|
|
1034
|
+
& > * {
|
|
1035
|
+
margin: 0;
|
|
1036
|
+
}
|
|
1037
|
+
|
|
1038
|
+
& > :first-child {
|
|
1039
|
+
flex: 1;
|
|
1040
|
+
}
|
|
1041
|
+
|
|
1042
|
+
& > :last-child:not(:first-child) {
|
|
1043
|
+
flex-shrink: 0;
|
|
1044
|
+
margin-left: auto;
|
|
1045
|
+
}
|
|
1046
|
+
`,ic=({showDivider:e=!1,variant:t="default",children:n,className:r,...o})=>m.jsx(D0,{$showDivider:e,$variant:t,className:r,...o,children:n}),M0=k.div`
|
|
1047
|
+
position: relative;
|
|
1048
|
+
display: flex;
|
|
1049
|
+
flex-direction: column;
|
|
1050
|
+
gap: 0.75rem;
|
|
1051
|
+
overflow: auto;
|
|
1052
|
+
max-height: inherit;
|
|
1053
|
+
|
|
1054
|
+
${({$padded:e})=>e?"padding: 1rem 1.5rem;":"padding: 0 1.5rem;"}
|
|
1055
|
+
|
|
1056
|
+
${({$showTopDivider:e})=>e&&"border-top: 1px solid var(--color-main-light-borders);"}
|
|
1057
|
+
|
|
1058
|
+
${({$showBottomDivider:e})=>e&&"border-bottom: 1px solid var(--color-main-light-borders);"}
|
|
1059
|
+
`,ac=({children:e,padded:t=!0,showTopDivider:n=!1,showBottomDivider:r=!1,className:o,...i})=>m.jsx(M0,{$padded:t,$showTopDivider:n,$showBottomDivider:r,className:o,...i,children:e}),$0=k.div`
|
|
1060
|
+
display: flex;
|
|
1061
|
+
align-items: center;
|
|
1062
|
+
width: 100%;
|
|
1063
|
+
gap: ${({$gap:e})=>`${e/16}rem`};
|
|
1064
|
+
padding: 1rem 1.5rem 1.5rem 1.5rem;
|
|
1065
|
+
|
|
1066
|
+
${({$align:e})=>e==="start"?"justify-content: flex-start;":e==="center"?"justify-content: center;":e==="space-between"?"justify-content: space-between;":"justify-content: flex-end;"}
|
|
1067
|
+
|
|
1068
|
+
${({$showDivider:e})=>e&&"border-top: 1px solid var(--color-main-light-borders);"}
|
|
1069
|
+
|
|
1070
|
+
${({$sticky:e})=>e&&`
|
|
1071
|
+
position: sticky;
|
|
1072
|
+
bottom: 0;
|
|
1073
|
+
background: var(--color-main-white);
|
|
1074
|
+
`}
|
|
1075
|
+
`,lc=({align:e="end",showDivider:t=!1,gap:n=8,sticky:r=!1,children:o,className:i,...s})=>m.jsx($0,{$align:e,$showDivider:t,$gap:n,$sticky:r,className:i,...s,children:o}),V0=({isOpen:e,onAccept:t,onCancel:n,title:r,subtitle:o,content:i,bodyFooter:s,confirmationLabel:a="I have read and agree to the Terms and Conditions",acceptLabel:l="Accept",cancelLabel:u="Cancel",size:d="md",fullScreen:c=!1,showCloseButton:h=!0,closeOnBackdropClick:p=!1,containerClassName:g,headerClassName:v,bodyClassName:b,footerClassName:y,initiallyConfirmed:x=!1,onConfirmChange:w})=>{const[E,T]=f.useState(x);f.useEffect(()=>{e||T(x)},[e,x]);const S=C=>{T(C),w?.(C)};return m.jsxs(sc,{isOpen:e,onClose:n,size:d,fullScreen:c,showCloseButton:h,closeOnBackdropClick:p,ariaLabelledBy:"tac-title",ariaDescribedBy:"tac-subtitle",className:`${g} !h-fit !max-w-[60rem]`,children:[m.jsx(ic,{showDivider:!0,className:v,children:m.jsx(kn,{id:"tac-title",size:20,children:r})}),m.jsxs(ac,{padded:!0,showBottomDivider:!0,className:b,children:[o&&m.jsx(Pn,{id:"tac-subtitle",size:16,children:o}),i,s]}),m.jsxs(lc,{showDivider:!0,align:"space-between",className:y,children:[m.jsx(Xn,{label:a,checked:E,onChange:C=>S(C.target.checked)}),m.jsxs("div",{style:{display:"flex",gap:"0.5rem"},children:[m.jsx(Lo,{variant:"secondary",onClick:n,children:u}),m.jsx(Lo,{variant:"primary",onClick:t,disabled:!E,children:l})]})]})]})},Ko=f.createContext(void 0),cc=({children:e})=>{const[t,n]=f.useState(!1),[r,o]=f.useState(!1);return m.jsx(Ko.Provider,{value:{isCollapsed:t,setIsCollapsed:n,isMobileOpen:r,setIsMobileOpen:o},children:e})},uc=()=>{const e=f.useContext(Ko);if(!e)throw new Error("useSidebar must be used within a SidebarProvider");return e},Yo=(e=[],t=[])=>!t||t.length===0?!1:t.includes("all")?!0:t.some(n=>e.includes(n)),I0=k.button`
|
|
1076
|
+
width: 100%;
|
|
1077
|
+
display: flex;
|
|
1078
|
+
align-items: center;
|
|
1079
|
+
justify-content: space-between;
|
|
1080
|
+
outline: 2px solid transparent;
|
|
1081
|
+
|
|
1082
|
+
// Level-based padding
|
|
1083
|
+
padding: ${({$level:e})=>e===0?"0.75rem 0.875rem":"0.55rem 0.75rem"};
|
|
1084
|
+
|
|
1085
|
+
// Indentation for nested levels
|
|
1086
|
+
padding-left: ${({$level:e})=>e>0?`${.75+e*1.15}rem`:"0.875rem"};
|
|
1087
|
+
|
|
1088
|
+
// Background and border styles based on state
|
|
1089
|
+
background: ${({$active:e,$expanded:t,$level:n})=>e?n>0?"var(--color-light-200)":"var(--color-light-300)":t&&n===0?"var(--color-light-200)":"transparent"};
|
|
1090
|
+
|
|
1091
|
+
border: none;
|
|
1092
|
+
cursor: pointer;
|
|
1093
|
+
transition:
|
|
1094
|
+
background-color 0.3s ease-out,
|
|
1095
|
+
outline 0.3s ease-out;
|
|
1096
|
+
|
|
1097
|
+
border-left: 3px solid
|
|
1098
|
+
${({$active:e,$expanded:t})=>e||t?"var(--color-main-blue-primary)":"transparent"};
|
|
1099
|
+
|
|
1100
|
+
&:hover {
|
|
1101
|
+
background-color: ${({$level:e})=>e>0?"var(--color-light-200)":"var(--color-light-300)"};
|
|
1102
|
+
}
|
|
1103
|
+
|
|
1104
|
+
&:focus-visible {
|
|
1105
|
+
outline-color: var(--color-main-blue-primary);
|
|
1106
|
+
outline-offset: -2px;
|
|
1107
|
+
}
|
|
1108
|
+
|
|
1109
|
+
${({$collapsed:e})=>e?"justify-content: center;":""}
|
|
1110
|
+
`,L0=k.span`
|
|
1111
|
+
display: inline-flex;
|
|
1112
|
+
align-items: center;
|
|
1113
|
+
gap: 0.75rem;
|
|
1114
|
+
min-width: 0;
|
|
1115
|
+
`,N0=k(Pn)`
|
|
1116
|
+
font-weight: ${({$level:e})=>e===0?600:500};
|
|
1117
|
+
color: var(--color-main-blue-primary);
|
|
1118
|
+
white-space: nowrap;
|
|
1119
|
+
overflow: hidden;
|
|
1120
|
+
text-overflow: ellipsis;
|
|
1121
|
+
`,B0=k(lt.div)`
|
|
1122
|
+
background-color: transparent;
|
|
1123
|
+
overflow: hidden;
|
|
1124
|
+
will-change: height, opacity, transform;
|
|
1125
|
+
`,O0=k.div`
|
|
1126
|
+
width: 100%;
|
|
1127
|
+
${({$level:e})=>e>0?"border-top: 1px solid var(--color-light-200);":""}
|
|
1128
|
+
`,F0=k.span`
|
|
1129
|
+
width: 0.625rem;
|
|
1130
|
+
height: 0.125rem;
|
|
1131
|
+
background: var(--color-main-blue-primary);
|
|
1132
|
+
border-radius: 1px;
|
|
1133
|
+
flex: 0 0 auto;
|
|
1134
|
+
`,j0=k.div`
|
|
1135
|
+
${rn}
|
|
1136
|
+
transform: rotate(${({$open:e})=>e?"90deg":"0deg"});
|
|
1137
|
+
pointer-events: none;
|
|
1138
|
+
transition: transform 0.3s ease-out;
|
|
1139
|
+
`,dc=({item:e,userRoles:t,level:n=0,onNavigate:r,activePath:o})=>{const[i,s]=f.useState(!1),{isCollapsed:a}=uc(),l=f.useMemo(()=>(e.children||[]).filter(p=>Yo(t,p.permissions)),[e.children,t]);if(!f.useMemo(()=>Yo(t,e.permissions),[t,e.permissions]))return null;const d=l.length>0,c=!!(e.path&&o&&o.startsWith(e.path)),h=()=>{d?s(p=>!p):e.path&&r(e.path)};return m.jsxs(O0,{$level:n,children:[m.jsxs(I0,{onClick:h,$level:n,$collapsed:a,$active:c,$expanded:i&&d,title:a?e.label:"",children:[m.jsxs(L0,{children:[n>0&&!a&&m.jsx(F0,{}),e.icon&&m.jsx(G,{component:e.icon,size:n===0?"md":"sm",color:"var(--color-main-blue-primary)"}),!a&&m.jsx(N0,{$level:n,size:n===0?16:n===1?14:12,color:"var(--color-dark-700, #374151)",children:e.label})]}),!a&&d&&m.jsx(j0,{$disabled:a,$open:i,children:m.jsx(G,{component:Mg,size:"sm",color:"var(--color-main-blue-primary)"})})]}),m.jsx(Bn,{initial:!1,children:!a&&i&&d&&m.jsx(B0,{$level:n+1,...k0,children:l.map(p=>m.jsx(dc,{item:p,userRoles:t,level:n+1,onNavigate:r,activePath:o},p.id))})})]})},R0=k(lt.div)`
|
|
1140
|
+
position: fixed;
|
|
1141
|
+
inset: 0;
|
|
1142
|
+
background: rgba(0, 0, 0, 0.5);
|
|
1143
|
+
z-index: 40;
|
|
1144
|
+
display: none;
|
|
1145
|
+
@media (max-width: 767px) {
|
|
1146
|
+
display: block;
|
|
1147
|
+
}
|
|
1148
|
+
`,z0=k.aside`
|
|
1149
|
+
position: fixed;
|
|
1150
|
+
left: 0;
|
|
1151
|
+
top: 0;
|
|
1152
|
+
height: 100%;
|
|
1153
|
+
background: var(--color-main-white);
|
|
1154
|
+
border-top-right-radius: var(--border-radius-article);
|
|
1155
|
+
border-bottom-right-radius: var(--border-radius-article);
|
|
1156
|
+
border-right: 1px solid var(--color-main-light-borders);
|
|
1157
|
+
z-index: 50;
|
|
1158
|
+
box-shadow: var(--shadow-black-button);
|
|
1159
|
+
width: ${({$collapsed:e})=>e?"5rem":"16rem"};
|
|
1160
|
+
transform: translateX(${({$open:e})=>e?"0":"-100%"});
|
|
1161
|
+
transition:
|
|
1162
|
+
width 0.3s ease-out,
|
|
1163
|
+
transform 0.3s ease-out;
|
|
1164
|
+
@media (min-width: 768px) {
|
|
1165
|
+
transform: translateX(0);
|
|
1166
|
+
}
|
|
1167
|
+
`,_0=k.div`
|
|
1168
|
+
display: flex;
|
|
1169
|
+
align-items: center;
|
|
1170
|
+
justify-content: space-between;
|
|
1171
|
+
gap: 0.875rem;
|
|
1172
|
+
padding: 1rem;
|
|
1173
|
+
|
|
1174
|
+
${({$collapsed:e})=>e?"flex-direction: column":""};
|
|
1175
|
+
`,H0=k.div`
|
|
1176
|
+
display: flex;
|
|
1177
|
+
align-items: center;
|
|
1178
|
+
gap: 0.5rem;
|
|
1179
|
+
`,U0=k.img`
|
|
1180
|
+
display: block;
|
|
1181
|
+
height: 4.375rem;
|
|
1182
|
+
width: auto;
|
|
1183
|
+
object-fit: contain;
|
|
1184
|
+
`,W0=k.nav`
|
|
1185
|
+
display: flex;
|
|
1186
|
+
flex-direction: column;
|
|
1187
|
+
justify-content: flex-start;
|
|
1188
|
+
align-items: stretch;
|
|
1189
|
+
flex: 1;
|
|
1190
|
+
overflow-y: auto;
|
|
1191
|
+
padding: 0.25rem 0;
|
|
1192
|
+
`,K0=k.button`
|
|
1193
|
+
display: flex;
|
|
1194
|
+
align-items: center;
|
|
1195
|
+
justify-content: center;
|
|
1196
|
+
padding: 0.25rem;
|
|
1197
|
+
border: none;
|
|
1198
|
+
background: transparent;
|
|
1199
|
+
border-radius: var(--border-radius-outline);
|
|
1200
|
+
cursor: pointer;
|
|
1201
|
+
outline: 2px solid transparent;
|
|
1202
|
+
outline-offset: 0px;
|
|
1203
|
+
transition:
|
|
1204
|
+
transform 0.3s ease-out,
|
|
1205
|
+
outline 0.3s ease-out;
|
|
1206
|
+
|
|
1207
|
+
&:hover {
|
|
1208
|
+
transform: scale(1.05);
|
|
1209
|
+
}
|
|
1210
|
+
|
|
1211
|
+
&:focus {
|
|
1212
|
+
outline-color: var(--color-main-blue-primary);
|
|
1213
|
+
}
|
|
1214
|
+
|
|
1215
|
+
@media (max-width: 767px) {
|
|
1216
|
+
display: none;
|
|
1217
|
+
}
|
|
1218
|
+
`,Y0=k.button`
|
|
1219
|
+
position: fixed;
|
|
1220
|
+
top: 0.5rem;
|
|
1221
|
+
left: 1rem;
|
|
1222
|
+
padding: 0.5rem;
|
|
1223
|
+
z-index: 50;
|
|
1224
|
+
border: none;
|
|
1225
|
+
display: ${({$hidden:e})=>e?"none":"flex"};
|
|
1226
|
+
@media (min-width: 768px) {
|
|
1227
|
+
display: none;
|
|
1228
|
+
}
|
|
1229
|
+
`,Go=({navigationConfig:e,userRoles:t=[],onNavigate:n=()=>{},activePath:r,logoImgSrc:o,logoImgCollapse:i})=>{const{isCollapsed:s,setIsCollapsed:a,isMobileOpen:l,setIsMobileOpen:u}=uc(),d=c=>{n(c),typeof window<"u"&&window.innerWidth<768&&u(!1)};return m.jsxs(m.Fragment,{children:[m.jsx(Bn,{children:l&&m.jsx(R0,{...oc,onClick:()=>u(!1)})}),m.jsxs(z0,{$collapsed:l?!1:s,$open:l,children:[m.jsxs(_0,{$collapsed:s,children:[m.jsx(H0,{children:m.jsx(U0,{$collapsed:s,src:s?i:o,alt:"Total Civil Construction"})}),m.jsx(K0,{onClick:()=>a(!s),"aria-label":"Toggle collapse",children:m.jsx(G,{component:Yl,size:"md",color:"var(--color-main-blue-primary)"})})]}),m.jsx(W0,{children:e.map(c=>m.jsx(dc,{item:c,userRoles:t,onNavigate:d,activePath:r},c.id))})]}),m.jsx(Y0,{onClick:()=>{u(!0),a(!1)},$hidden:l,children:m.jsx(G,{component:Yl,size:30})})]})};Go.displayName="Sidebar";const G0={underlined:P`
|
|
1230
|
+
color: var(--color-main-orange-primary);
|
|
1231
|
+
text-decoration-thickness: 1px;
|
|
1232
|
+
text-underline-offset: 2px;
|
|
1233
|
+
text-decoration: underline;
|
|
1234
|
+
|
|
1235
|
+
&:hover {
|
|
1236
|
+
color: var(--color-main-orange-primary);
|
|
1237
|
+
text-decoration-thickness: 2px;
|
|
1238
|
+
}
|
|
1239
|
+
|
|
1240
|
+
&:active {
|
|
1241
|
+
color: var(--color-main-orange-primary);
|
|
1242
|
+
text-decoration: underline;
|
|
1243
|
+
text-decoration-thickness: 1px;
|
|
1244
|
+
text-underline-offset: 2px;
|
|
1245
|
+
transform: translateY(0.5px);
|
|
1246
|
+
}
|
|
1247
|
+
|
|
1248
|
+
&:focus-visible {
|
|
1249
|
+
outline-color: var(--color-main-orange-primary);
|
|
1250
|
+
outline-offset: 2px;
|
|
1251
|
+
}
|
|
1252
|
+
|
|
1253
|
+
&:visited {
|
|
1254
|
+
color: var(--color-main-alternative);
|
|
1255
|
+
text-decoration: underline;
|
|
1256
|
+
text-decoration-thickness: 1px;
|
|
1257
|
+
text-underline-offset: 2px;
|
|
1258
|
+
}
|
|
1259
|
+
`,plain:P`
|
|
1260
|
+
color: var(--color-main-orange-primary);
|
|
1261
|
+
text-decoration: none;
|
|
1262
|
+
|
|
1263
|
+
&:hover {
|
|
1264
|
+
color: var(--color-main-orange-primary);
|
|
1265
|
+
text-decoration: underline;
|
|
1266
|
+
text-decoration-thickness: 1px;
|
|
1267
|
+
text-underline-offset: 2px;
|
|
1268
|
+
}
|
|
1269
|
+
|
|
1270
|
+
&:active {
|
|
1271
|
+
color: var(--color-main-orange-primary);
|
|
1272
|
+
text-decoration: underline;
|
|
1273
|
+
text-decoration-thickness: 1px;
|
|
1274
|
+
text-underline-offset: 2px;
|
|
1275
|
+
transform: translateY(0.5px);
|
|
1276
|
+
}
|
|
1277
|
+
|
|
1278
|
+
&:focus-visible {
|
|
1279
|
+
outline-color: var(--color-main-orange-primary);
|
|
1280
|
+
outline-offset: 2px;
|
|
1281
|
+
}
|
|
1282
|
+
|
|
1283
|
+
&:visited {
|
|
1284
|
+
color: var(--color-main-alternative);
|
|
1285
|
+
text-decoration: underline;
|
|
1286
|
+
text-decoration-thickness: 1px;
|
|
1287
|
+
text-underline-offset: 2px;
|
|
1288
|
+
}
|
|
1289
|
+
`},X0=P`
|
|
1290
|
+
color: var(--color-dark-200);
|
|
1291
|
+
cursor: not-allowed;
|
|
1292
|
+
pointer-events: none;
|
|
1293
|
+
opacity: 0.6;
|
|
1294
|
+
text-decoration: none;
|
|
1295
|
+
|
|
1296
|
+
&:hover {
|
|
1297
|
+
color: var(--color-dark-200);
|
|
1298
|
+
text-decoration: none;
|
|
1299
|
+
transform: none;
|
|
1300
|
+
}
|
|
1301
|
+
|
|
1302
|
+
&:active {
|
|
1303
|
+
color: var(--color-dark-200);
|
|
1304
|
+
text-decoration: none;
|
|
1305
|
+
transform: none;
|
|
1306
|
+
}
|
|
1307
|
+
`,q0={sm:P`
|
|
1308
|
+
gap: 0.25rem;
|
|
1309
|
+
${z[14]}
|
|
1310
|
+
`,md:P`
|
|
1311
|
+
gap: 0.5rem;
|
|
1312
|
+
${z[16]}
|
|
1313
|
+
`,lg:P`
|
|
1314
|
+
gap: 0.75rem;
|
|
1315
|
+
${z[20]}
|
|
1316
|
+
`},Z0=k.a`
|
|
1317
|
+
display: inline-flex;
|
|
1318
|
+
align-items: center;
|
|
1319
|
+
border-radius: 0.25rem;
|
|
1320
|
+
outline: 2px solid transparent;
|
|
1321
|
+
outline-offset: 2px;
|
|
1322
|
+
transition:
|
|
1323
|
+
outline 0.3s ease-in-out,
|
|
1324
|
+
text-decoration 0.3s ease-in-out;
|
|
1325
|
+
|
|
1326
|
+
cursor: pointer;
|
|
1327
|
+
|
|
1328
|
+
${({$size:e})=>q0[e]}
|
|
1329
|
+
${({$variant:e})=>G0[e]}
|
|
1330
|
+
${({$disabled:e})=>e&&X0}
|
|
1331
|
+
`,J0=k.span`
|
|
1332
|
+
flex: 1 1 auto;
|
|
1333
|
+
min-width: 0;
|
|
1334
|
+
max-width: 18ch;
|
|
1335
|
+
${({$truncate:e})=>e&&P`
|
|
1336
|
+
overflow: hidden;
|
|
1337
|
+
text-overflow: ellipsis;
|
|
1338
|
+
white-space: nowrap;
|
|
1339
|
+
`}
|
|
1340
|
+
`,hc=f.forwardRef(({id:e,size:t="md",variant:n="underlined",children:r,href:o,target:i,rel:s,className:a,disabled:l=!1,tabIndex:u,leftIcon:d,rightIcon:c,iconSize:h="tn",iconColor:p="currentColor",truncate:g=!1,"aria-label":v,"aria-describedby":b,onClick:y,...x},w)=>{const E=f.useCallback(S=>{if(l){S.preventDefault();return}y?.(S)},[l,y]),T={href:l?void 0:o,target:i||void 0,rel:s??(i==="_blank"?"noopener noreferrer":void 0),onClick:E,"aria-label":v??r,"aria-describedby":b,"aria-disabled":l,tabIndex:l?-1:u??0,...x};return m.jsxs(Z0,{id:e,$variant:n,$size:t,$disabled:l,className:a,ref:w,...T,children:[d&&m.jsx(G,{component:d,size:h,color:p}),m.jsx(J0,{$truncate:g,children:r}),m.jsx(G,{component:c||Ig,size:t==="lg"?"sm":h,color:p})]})});hc.displayName="Link";const fc={default:P`
|
|
1341
|
+
thead tr:last-child th:first-child {
|
|
1342
|
+
border-radius: var(--border-radius-article) 0 0 0;
|
|
1343
|
+
}
|
|
1344
|
+
|
|
1345
|
+
thead tr:last-child th:last-child {
|
|
1346
|
+
border-radius: 0 var(--border-radius-article) 0 0;
|
|
1347
|
+
}
|
|
1348
|
+
`,striped:P`
|
|
1349
|
+
border-radius: var(--border-radius-article);
|
|
1350
|
+
tbody tr:nth-child(even) td {
|
|
1351
|
+
background-color: var(--color-dark-200);
|
|
1352
|
+
}
|
|
1353
|
+
|
|
1354
|
+
tbody tr:nth-child(even):hover td {
|
|
1355
|
+
background-color: var(--color-main-alternative-secondary);
|
|
1356
|
+
}
|
|
1357
|
+
|
|
1358
|
+
thead tr:last-child th:first-child {
|
|
1359
|
+
border-radius: var(--border-radius-article) 0 0 0;
|
|
1360
|
+
}
|
|
1361
|
+
|
|
1362
|
+
thead tr:last-child th:last-child {
|
|
1363
|
+
border-radius: 0 var(--border-radius-article) 0 0;
|
|
1364
|
+
}
|
|
1365
|
+
`},pc=P`
|
|
1366
|
+
tbody tr:hover td {
|
|
1367
|
+
background-color: var(--color-main-alternative-secondary);
|
|
1368
|
+
}
|
|
1369
|
+
`,mc=P`
|
|
1370
|
+
@media (max-width: 768px) {
|
|
1371
|
+
font-size: 0.875rem;
|
|
1372
|
+
|
|
1373
|
+
th,
|
|
1374
|
+
td {
|
|
1375
|
+
padding: 0.5rem 0.75rem;
|
|
1376
|
+
}
|
|
1377
|
+
}
|
|
1378
|
+
`,Xo=P`
|
|
1379
|
+
display: flex;
|
|
1380
|
+
align-items: center;
|
|
1381
|
+
gap: 0.5rem;
|
|
1382
|
+
width: 100%;
|
|
1383
|
+
overflow: hidden;
|
|
1384
|
+
`,dt={sm:P`
|
|
1385
|
+
padding: 0.5rem 1rem;
|
|
1386
|
+
min-height: 2.25rem;
|
|
1387
|
+
`,md:P`
|
|
1388
|
+
padding: 0.625rem 1.25rem;
|
|
1389
|
+
min-height: 2.5rem;
|
|
1390
|
+
`,lg:P`
|
|
1391
|
+
padding: 0.75rem 1.5rem;
|
|
1392
|
+
min-height: 2.75rem;
|
|
1393
|
+
`},qo=P`
|
|
1394
|
+
display: inline-flex;
|
|
1395
|
+
align-items: center;
|
|
1396
|
+
flex-shrink: 0;
|
|
1397
|
+
`,Q0={sm:P`
|
|
1398
|
+
${dt.sm}
|
|
1399
|
+
${z[16]}
|
|
1400
|
+
`,md:P`
|
|
1401
|
+
${dt.md}
|
|
1402
|
+
${z[20]}
|
|
1403
|
+
`,lg:P`
|
|
1404
|
+
${dt.lg}
|
|
1405
|
+
${z[24]}
|
|
1406
|
+
`},ey=k.th`
|
|
1407
|
+
background-color: var(--color-main-blue-primary);
|
|
1408
|
+
${({$size:e})=>Q0[e]}
|
|
1409
|
+
transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out, border-color 0.3s ease-out;
|
|
1410
|
+
min-width: 8rem;
|
|
1411
|
+
width: ${({$width:e})=>e?typeof e=="number"?`${e}px`:e:"fit-content"};
|
|
1412
|
+
|
|
1413
|
+
${({$sticky:e})=>e&&P`
|
|
1414
|
+
position: sticky;
|
|
1415
|
+
top: 0;
|
|
1416
|
+
z-index: 10;
|
|
1417
|
+
box-shadow: var(--shadow-black-card);
|
|
1418
|
+
`}
|
|
1419
|
+
|
|
1420
|
+
&:hover {
|
|
1421
|
+
background-color: var(--color-purple-600);
|
|
1422
|
+
}
|
|
1423
|
+
|
|
1424
|
+
${({$active:e})=>e&&P`
|
|
1425
|
+
background-color: var(--color-blue-400);
|
|
1426
|
+
`}
|
|
1427
|
+
`,ty=k.div`
|
|
1428
|
+
${Xo}
|
|
1429
|
+
justify-content: ${({$align:e})=>e||"space-between"};
|
|
1430
|
+
`,ny=k.button`
|
|
1431
|
+
all: unset;
|
|
1432
|
+
display: inline-flex;
|
|
1433
|
+
align-items: center;
|
|
1434
|
+
justify-content: space-between;
|
|
1435
|
+
gap: 0.5rem;
|
|
1436
|
+
width: 100%;
|
|
1437
|
+
cursor: pointer;
|
|
1438
|
+
border-radius: 6px;
|
|
1439
|
+
padding: 0.125rem 0.25rem;
|
|
1440
|
+
overflow: hidden;
|
|
1441
|
+
outline: 2px solid transparent;
|
|
1442
|
+
outline-offset: 2px;
|
|
1443
|
+
transition: outline 0.3s ease-out;
|
|
1444
|
+
|
|
1445
|
+
&:focus-visible {
|
|
1446
|
+
outline-color: var(--color-main-white);
|
|
1447
|
+
outline-offset: 2px;
|
|
1448
|
+
}
|
|
1449
|
+
`,ry=k.span`
|
|
1450
|
+
transition: transform 0.3s ease-out;
|
|
1451
|
+
display: inline-flex;
|
|
1452
|
+
transform: ${({$dir:e})=>e==="asc"?"rotate(-180deg)":"none"};
|
|
1453
|
+
`,gc=k.span`
|
|
1454
|
+
display: inline-flex;
|
|
1455
|
+
align-items: center;
|
|
1456
|
+
gap: 0.5rem;
|
|
1457
|
+
max-width: 18ch;
|
|
1458
|
+
overflow: hidden;
|
|
1459
|
+
text-overflow: ellipsis;
|
|
1460
|
+
white-space: nowrap;
|
|
1461
|
+
flex-shrink: 1;
|
|
1462
|
+
`,oy=k(kn)`
|
|
1463
|
+
overflow: hidden;
|
|
1464
|
+
text-overflow: ellipsis;
|
|
1465
|
+
white-space: nowrap;
|
|
1466
|
+
max-width: 100%;
|
|
1467
|
+
color: var(--color-main-white);
|
|
1468
|
+
`,yc=k.span`
|
|
1469
|
+
${qo}
|
|
1470
|
+
gap: 0.375rem;
|
|
1471
|
+
`,Zo=({children:e,size:t="md",active:n=!1,sortDirection:r="none",leftIcon:o,rightIcon:i,iconSize:s="sm",iconColor:a="var(--color-main-white)",sticky:l=!1,align:u="left",width:d,sortable:c,className:h,onSort:p,...g})=>{const v=r==="asc"?"desc":"asc",b=p?r==="none"?"none":r==="asc"?"ascending":"descending":void 0;return m.jsx(ey,{$size:t,$active:n,$width:d,$sticky:l,className:h,scope:"col","aria-sort":b,...g,children:p||c?m.jsxs(ny,{onClick:()=>p?.(v),"aria-label":`Sort ${v}`,children:[m.jsxs(gc,{children:[o&&m.jsx(G,{component:o,size:s,color:a}),m.jsx(oy,{size:t==="sm"?16:t==="md"?20:24,children:e})]}),m.jsxs(yc,{children:[m.jsx(ry,{$dir:r,children:m.jsx(G,{component:Dg,size:s,color:a})}),i&&m.jsx(G,{component:i,size:s,color:a})]})]}):m.jsxs(ty,{$align:u,children:[m.jsxs(gc,{children:[o&&m.jsx(G,{component:o,size:s,color:a}),m.jsx(kn,{size:t==="sm"?16:t==="md"?20:24,color:"var(--color-main-white)",style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",maxWidth:"100%"},children:e})]}),m.jsx(yc,{children:i&&m.jsx(G,{component:i,size:s,color:a})})]})})};Zo.displayName="TableHeaderCell";const sy={sm:P`
|
|
1472
|
+
${dt.sm}
|
|
1473
|
+
${z[14]}
|
|
1474
|
+
`,md:P`
|
|
1475
|
+
${dt.md}
|
|
1476
|
+
${z[14]}
|
|
1477
|
+
`,lg:P`
|
|
1478
|
+
${dt.lg}
|
|
1479
|
+
${z[16]}
|
|
1480
|
+
`},iy=k.td`
|
|
1481
|
+
vertical-align: middle;
|
|
1482
|
+
color: var(--color-main-blue-primary);
|
|
1483
|
+
${({$size:e})=>sy[e]}
|
|
1484
|
+
text-align: ${({$align:e,$variant:t})=>e||(t==="numeric"?"right":"left")};
|
|
1485
|
+
border-left: 1px solid var(--color-main-light-borders);
|
|
1486
|
+
border-top: 1px solid var(--color-main-light-borders);
|
|
1487
|
+
transition: background-color 0.3s ease-out;
|
|
1488
|
+
width: ${({$width:e})=>e?typeof e=="number"?`${e}px`:e:"auto"};
|
|
1489
|
+
|
|
1490
|
+
${({$truncate:e})=>e&&P`
|
|
1491
|
+
max-width: 200px;
|
|
1492
|
+
overflow: hidden;
|
|
1493
|
+
text-overflow: ellipsis;
|
|
1494
|
+
white-space: nowrap;
|
|
1495
|
+
`}
|
|
1496
|
+
|
|
1497
|
+
${({$variant:e})=>e==="numeric"&&P`
|
|
1498
|
+
font-variant-numeric: tabular-nums;
|
|
1499
|
+
font-family: ui-monospace, monospace;
|
|
1500
|
+
`}
|
|
1501
|
+
`,ay=k.div`
|
|
1502
|
+
${Xo}
|
|
1503
|
+
justify-content: ${({$align:e})=>e==="center"?"center":e==="right"?"flex-end":"flex-start"};
|
|
1504
|
+
`,ly=k(Pn)`
|
|
1505
|
+
flex: 1;
|
|
1506
|
+
min-width: 0;
|
|
1507
|
+
`,vc=k.span`
|
|
1508
|
+
${qo}
|
|
1509
|
+
`,Jo=({children:e,size:t="md",align:n,width:r,truncate:o=!1,variant:i="default",className:s,leftIcon:a,rightIcon:l,iconSize:u="sm",iconColor:d="var(--color-main-blue-primary)",...c})=>{const h=a||l;return m.jsx(iy,{$size:t,$align:n,$width:r,$truncate:o,$variant:i,className:s,...c,children:h?m.jsxs(ay,{$align:n,children:[a&&m.jsx(vc,{children:m.jsx(G,{component:a,size:u,color:d})}),m.jsx(ly,{children:e}),l&&m.jsx(vc,{children:m.jsx(G,{component:l,size:u,color:d})})]}):e})};Jo.displayName="TableCell";const cy=k.table`
|
|
1510
|
+
width: fit-content;
|
|
1511
|
+
table-layout: auto;
|
|
1512
|
+
border-collapse: separate;
|
|
1513
|
+
border-spacing: 0;
|
|
1514
|
+
overflow: visible;
|
|
1515
|
+
box-shadow: var(--shadow-black-card);
|
|
1516
|
+
border-radius: var(--border-radius-article);
|
|
1517
|
+
border: 1px solid var(--color-main-light-borders);
|
|
1518
|
+
|
|
1519
|
+
${({$variant:e})=>fc[e]}
|
|
1520
|
+
${mc}
|
|
1521
|
+
${pc}
|
|
1522
|
+
`,bc=({columns:e,rows:t,size:n="md",variant:r="default",className:o,stickyHeader:i=!1,onSortChange:s})=>{const a=(l,u)=>d=>{l.onSort?.(d),s?.({columnId:l.id??String(u),direction:d})};return m.jsxs(cy,{$variant:r,className:o,children:[m.jsx("thead",{children:m.jsx("tr",{children:e.map((l,u)=>m.jsx(Zo,{size:n,leftIcon:l.leftIcon,rightIcon:l.rightIcon,iconSize:l.iconSize,iconColor:l.iconColor,sortDirection:l.sortDirection,onSort:l.onSort??(s?a(l,u):void 0),sticky:i||l.stickyHeader,width:l.width,align:l.align,sortable:l.sortable||!!l.onSort||!!s,className:l.className,children:l.header},l.id||`col-${u}`))})}),m.jsx("tbody",{children:t.map((l,u)=>{const d=l.cells;return!d||!Array.isArray(d)?null:m.jsx("tr",{children:d.map((c,h)=>{const p=e[h];return m.jsx(Jo,{size:c.size||l.size||n,align:c.align||l.align||p?.align,width:c.width||l.width||p?.width,truncate:c.truncate||l.truncate,variant:c.variant||l.variant,className:c.className||l.className||p?.className,leftIcon:c.leftIcon,rightIcon:c.rightIcon,iconSize:c.iconSize,iconColor:c.iconColor,children:c.content},`${l.id||u}-${h}`)})},l.id||u)})})]})};bc.displayName="Table";const uy=k.header`
|
|
1523
|
+
position: fixed;
|
|
1524
|
+
top: 0;
|
|
1525
|
+
left: 0;
|
|
1526
|
+
right: 0;
|
|
1527
|
+
height: 4rem;
|
|
1528
|
+
background: var(--color-main-white);
|
|
1529
|
+
border-bottom: 1px solid var(--color-main-light-borders);
|
|
1530
|
+
box-shadow: var(--shadow-black-button);
|
|
1531
|
+
z-index: 40;
|
|
1532
|
+
display: flex;
|
|
1533
|
+
align-items: center;
|
|
1534
|
+
justify-content: space-between;
|
|
1535
|
+
padding: 0 1rem;
|
|
1536
|
+
transition: padding-left 0.3s ease-out;
|
|
1537
|
+
|
|
1538
|
+
@media (min-width: 768px) {
|
|
1539
|
+
padding-left: ${({$sidebarCollapsed:e})=>e?"6rem":"17rem"};
|
|
1540
|
+
}
|
|
1541
|
+
`,dy=k.div`
|
|
1542
|
+
display: flex;
|
|
1543
|
+
align-items: center;
|
|
1544
|
+
gap: 1rem;
|
|
1545
|
+
`,hy=k.div`
|
|
1546
|
+
display: flex;
|
|
1547
|
+
align-items: center;
|
|
1548
|
+
gap: 1rem;
|
|
1549
|
+
`,fy=k.button`
|
|
1550
|
+
position: relative;
|
|
1551
|
+
display: flex;
|
|
1552
|
+
align-items: center;
|
|
1553
|
+
justify-content: center;
|
|
1554
|
+
padding: 0.5rem;
|
|
1555
|
+
border: none;
|
|
1556
|
+
background: transparent;
|
|
1557
|
+
border-radius: var(--border-radius-outline);
|
|
1558
|
+
cursor: pointer;
|
|
1559
|
+
transition: transform 0.15s ease-out;
|
|
1560
|
+
|
|
1561
|
+
&:hover {
|
|
1562
|
+
transform: scale(1.05);
|
|
1563
|
+
}
|
|
1564
|
+
|
|
1565
|
+
&:focus-visible {
|
|
1566
|
+
outline: 2px solid var(--color-main-blue-primary);
|
|
1567
|
+
outline-offset: 2px;
|
|
1568
|
+
}
|
|
1569
|
+
|
|
1570
|
+
&:active {
|
|
1571
|
+
transform: scale(0.92);
|
|
1572
|
+
}
|
|
1573
|
+
`,py=k.span`
|
|
1574
|
+
position: absolute;
|
|
1575
|
+
top: 0.35rem;
|
|
1576
|
+
right: 0.35rem;
|
|
1577
|
+
min-width: ${({$withCount:e})=>e?"1rem":"0.55rem"};
|
|
1578
|
+
height: ${({$withCount:e})=>e?"1rem":"0.55rem"};
|
|
1579
|
+
padding: ${({$withCount:e})=>e?"0 0.25rem":"0"};
|
|
1580
|
+
background-color: var(--color-main-orange-primary);
|
|
1581
|
+
color: var(--color-main-white);
|
|
1582
|
+
font-size: 0.55rem;
|
|
1583
|
+
font-weight: 600;
|
|
1584
|
+
border-radius: 100%;
|
|
1585
|
+
border: 1px solid var(--color-main-white);
|
|
1586
|
+
display: flex;
|
|
1587
|
+
align-items: center;
|
|
1588
|
+
justify-content: center;
|
|
1589
|
+
`,my=k.div`
|
|
1590
|
+
display: flex;
|
|
1591
|
+
align-items: center;
|
|
1592
|
+
gap: 0.75rem;
|
|
1593
|
+
padding: 0.5rem;
|
|
1594
|
+
border-radius: var(--border-radius-outline);
|
|
1595
|
+
cursor: pointer;
|
|
1596
|
+
transition: background-color 0.3s ease-out;
|
|
1597
|
+
|
|
1598
|
+
&:hover {
|
|
1599
|
+
background-color: var(--color-main-light-background);
|
|
1600
|
+
}
|
|
1601
|
+
|
|
1602
|
+
&:focus-visible {
|
|
1603
|
+
outline: 2px solid var(--color-main-blue-primary);
|
|
1604
|
+
outline-offset: 2px;
|
|
1605
|
+
}
|
|
1606
|
+
`,gy=k.div`
|
|
1607
|
+
width: 2rem;
|
|
1608
|
+
height: 2rem;
|
|
1609
|
+
border-radius: 50%;
|
|
1610
|
+
background-color: var(--color-main-blue-primary);
|
|
1611
|
+
display: flex;
|
|
1612
|
+
align-items: center;
|
|
1613
|
+
justify-content: center;
|
|
1614
|
+
color: var(--color-main-white);
|
|
1615
|
+
font-weight: 600;
|
|
1616
|
+
font-size: 0.875rem;
|
|
1617
|
+
`,yy=k.div`
|
|
1618
|
+
display: flex;
|
|
1619
|
+
flex-direction: column;
|
|
1620
|
+
align-items: flex-start;
|
|
1621
|
+
|
|
1622
|
+
@media (max-width: 640px) {
|
|
1623
|
+
display: none;
|
|
1624
|
+
}
|
|
1625
|
+
`,vy=k.span`
|
|
1626
|
+
font-weight: 600;
|
|
1627
|
+
font-size: 0.875rem;
|
|
1628
|
+
color: var(--color-main-dark-text);
|
|
1629
|
+
line-height: 1.2;
|
|
1630
|
+
`,by=k.span`
|
|
1631
|
+
font-size: 0.75rem;
|
|
1632
|
+
color: var(--color-main-gray-text);
|
|
1633
|
+
line-height: 1.2;
|
|
1634
|
+
`,Qo=({sidebarCollapsed:e=!1,user:t,hasNotifications:n=!1,notificationCount:r,onNotificationClick:o,onUserProfileClick:i,children:s})=>{const a=h=>h.split(" ").map(p=>p[0]).join("").toUpperCase().slice(0,2),l=(r??0)>0||n,u=r&&r>0?r:void 0,d=u?`${u} notification${u===1?"":"s"}`:l?"New notifications":"No notifications",c=`Notifications: ${d}`;return m.jsxs(uy,{$sidebarCollapsed:e,children:[m.jsx(dy,{children:s}),m.jsxs(hy,{children:[m.jsxs(fy,{onClick:o,"aria-label":c,title:d,"data-has":l||void 0,children:[m.jsx(G,{component:l?Bg:Og,size:"md",color:"var(--color-main-blue-primary)"}),l&&m.jsx(py,{$withCount:!!u,"aria-hidden":!!u,children:u&&(u>99?"99+":u)})]}),t&&m.jsxs(my,{onClick:i,role:"button",tabIndex:0,onKeyDown:h=>{(h.key==="Enter"||h.key===" ")&&(h.preventDefault(),i?.())},children:[m.jsx(gy,{children:t.avatarUrl?m.jsx("img",{src:t.avatarUrl,alt:t.name,style:{width:"100%",height:"100%",borderRadius:"50%"}}):a(t.name)}),m.jsxs(yy,{children:[m.jsx(vy,{children:t.name}),m.jsx(by,{children:t.role})]})]})]})]})};Qo.displayName="Header";const wy=k.div`
|
|
1635
|
+
display: flex;
|
|
1636
|
+
flex-direction: column;
|
|
1637
|
+
height: 100vh;
|
|
1638
|
+
overflow: hidden;
|
|
1639
|
+
`,xy=k.main`
|
|
1640
|
+
flex: 1;
|
|
1641
|
+
margin-top: 4rem;
|
|
1642
|
+
/* Mobile-first: no lateral offset so content occupies full width */
|
|
1643
|
+
margin-left: 0;
|
|
1644
|
+
padding: 1rem;
|
|
1645
|
+
overflow-y: auto;
|
|
1646
|
+
|
|
1647
|
+
@media (min-width: 768px) {
|
|
1648
|
+
padding: 1.25rem 1.5rem;
|
|
1649
|
+
margin-left: 5rem;
|
|
1650
|
+
}
|
|
1651
|
+
|
|
1652
|
+
@media (min-width: 1200px) {
|
|
1653
|
+
margin-left: 5rem;
|
|
1654
|
+
}
|
|
1655
|
+
`,Sy=({children:e,navigationConfig:t,userRoles:n=[],activePath:r,user:o,hasNotifications:i=!1,onNavigate:s,onNotificationClick:a,onUserProfileClick:l,contentClassName:u})=>m.jsxs(wy,{children:[m.jsx(Go,{navigationConfig:t,userRoles:n,onNavigate:s,activePath:r}),m.jsx(Qo,{user:o,hasNotifications:i,onNotificationClick:a,onUserProfileClick:l}),m.jsx(xy,{className:u,children:e})]}),Ty=e=>m.jsx(cc,{children:m.jsx(Sy,{...e})});A.ALLOWED_INPUT_TYPES=Wl,A.BaseInput=Oo,A.Button=Lo,A.ButtonSpinner=_l,A.Card=dg,A.CardBody=mg,A.CardFooter=yg,A.CardHeader=fg,A.Checkbox=Xn,A.CheckboxInput=Ro,A.CheckboxLabel=Jl,A.Dialog=sc,A.DialogBody=ac,A.DialogFooter=lc,A.DialogHeader=ic,A.ErrorMessage=Bo,A.FormField=T0,A.FullScreenSpinner=km,A.Header=Qo,A.HeadingBold=kn,A.HeadingRegular=Fu,A.Icon=G,A.IconWrapperStyles=rn,A.Label=Yn,A.Layout=Ty,A.Link=hc,A.PasswordInput=Xl,A.PinInput=zo,A.PinInputGroup=_o,A.RadioInput=Wo,A.RadioInputDot=Ho,A.RadioInputLabel=Uo,A.SearchInput=Zl,A.SectionSpinner=Em,A.SelectInput=Fo,A.Sidebar=Go,A.SidebarContext=Ko,A.SidebarProvider=cc,A.Spinner=Wn,A.Table=bc,A.TableCell=Jo,A.TableHeaderCell=Zo,A.TermsAndConditions=V0,A.Text=Pn,A.TextAreaInput=jo,A.ToastProvider=sg,A.baseContentTableStyles=Xo,A.baseFieldStyles=ct,A.baseInputStyles=Gn,A.baseTableCellsSizes=dt,A.createFieldConfig=kg,A.createInputRefs=nc,A.disabledStyles=Ge,A.errorStyles=ut,A.flushedStyles=Kl,A.getPropsForInputType=Pg,A.handleDigitChange=Ql,A.handleKeyDown=ec,A.handlePaste=tc,A.hasPermission=Yo,A.normalizeFieldTypes=Tg,A.normalizeSelectOptions=Cg,A.sizeStyles=nn,A.tableHoverMixin=pc,A.tableIconContainerStyles=qo,A.tableResponsiveMixin=mc,A.tableVariants=fc,A.validateCode=p0,Object.defineProperty(A,Symbol.toStringTag,{value:"Module"})}));
|