@stfrigerio/sito-template 0.1.36 → 0.1.39

package/storybook-static/assets/ScrollTrigger-D1XJUMov.js

@@ -0,0 +1,15 @@
+function xi(o,e){for(var n=0;n<e.length;n++){var t=e[n];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(o,t.key,t)}}function wi(o,e,n){return e&&xi(o.prototype,e),o}/*!
+ * Observer 3.14.2
+ * https://gsap.com
+ *
+ * @license Copyright 2008-2025, GreenSock. All rights reserved.
+ * Subject to the terms at https://gsap.com/standard-license
+ * @author: Jack Doyle, jack@greensock.com
+*/var ve,$r,Ve,Dt,Rt,nr,qn,Bt,mr,Kn,wt,ot,Zn,Jn=function(){return ve||typeof window<"u"&&(ve=window.gsap)&&ve.registerPlugin&&ve},Qn=1,rr=[],E=[],ft=[],xr=Date.now,fn=function(e,n){return n},yi=function(){var e=mr.core,n=e.bridge||{},t=e._scrollers,r=e._proxies;t.push.apply(t,E),r.push.apply(r,ft),E=t,ft=r,fn=function(u,l){return n[u](l)}},At=function(e,n){return~ft.indexOf(e)&&ft[ft.indexOf(e)+1][n]},wr=function(e){return!!~Kn.indexOf(e)},Oe=function(e,n,t,r,i){return e.addEventListener(n,t,{passive:r!==!1,capture:!!i})},Ae=function(e,n,t,r){return e.removeEventListener(n,t,!!r)},Or="scrollLeft",Yr="scrollTop",pn=function(){return wt&&wt.isPressed||E.cache++},Jr=function(e,n){var t=function r(i){if(i||i===0){Qn&&(Ve.history.scrollRestoration="manual");var u=wt&&wt.isPressed;i=r.v=Math.round(i)||(wt&&wt.iOS?1:0),e(i),r.cacheID=E.cache,u&&fn("ss",i)}else(n||E.cache!==r.cacheID||fn("ref"))&&(r.cacheID=E.cache,r.v=e());return r.v+r.offset};return t.offset=0,e&&t},Ie={s:Or,p:"left",p2:"Left",os:"right",os2:"Right",d:"width",d2:"Width",a:"x",sc:Jr(function(o){return arguments.length?Ve.scrollTo(o,ae.sc()):Ve.pageXOffset||Dt[Or]||Rt[Or]||nr[Or]||0})},ae={s:Yr,p:"top",p2:"Top",os:"bottom",os2:"Bottom",d:"height",d2:"Height",a:"y",op:Ie,sc:Jr(function(o){return arguments.length?Ve.scrollTo(Ie.sc(),o):Ve.pageYOffset||Dt[Yr]||Rt[Yr]||nr[Yr]||0})},Be=function(e,n){return(n&&n._ctx&&n._ctx.selector||ve.utils.toArray)(e)[0]||(typeof e=="string"&&ve.config().nullTargetWarn!==!1?console.warn("Element not found:",e):null)},bi=function(e,n){for(var t=n.length;t--;)if(n[t]===e||n[t].contains(e))return!0;return!1},Ot=function(e,n){var t=n.s,r=n.sc;wr(e)&&(e=Dt.scrollingElement||Rt);var i=E.indexOf(e),u=r===ae.sc?1:2;!~i&&(i=E.push(e)-1),E[i+u]||Oe(e,"scroll",pn);var l=E[i+u],p=l||(E[i+u]=Jr(At(e,t),!0)||(wr(e)?r:Jr(function(x){return arguments.length?e[t]=x:e[t]})));return p.target=e,l||(p.smooth=ve.getProperty(e,"scrollBehavior")==="smooth"),p},dn=function(e,n,t){var r=e,i=e,u=xr(),l=u,p=n||50,x=Math.max(500,p*3),Y=function(v,$){var X=xr();$||X-u>p?(i=r,r=v,l=u,u=X):t?r+=v:r=i+(v-i)/(X-l)*(u-l)},M=function(){i=r=t?0:r,l=u=0},h=function(v){var $=l,X=i,ne=xr();return(v||v===0)&&v!==r&&Y(v),u===l||ne-l>x?0:(r+(t?X:-X))/((t?ne:u)-$)*1e3};return{update:Y,reset:M,getVelocity:h}},fr=function(e,n){return n&&!e._gsapAllow&&e.preventDefault(),e.changedTouches?e.changedTouches[0]:e},Dn=function(e){var n=Math.max.apply(Math,e),t=Math.min.apply(Math,e);return Math.abs(n)>=Math.abs(t)?n:t},jn=function(){mr=ve.core.globals().ScrollTrigger,mr&&mr.core&&yi()},ei=function(e){return ve=e||Jn(),!$r&&ve&&typeof document<"u"&&document.body&&(Ve=window,Dt=document,Rt=Dt.documentElement,nr=Dt.body,Kn=[Ve,Dt,Rt,nr],ve.utils.clamp,Zn=ve.core.context||function(){},Bt="onpointerenter"in nr?"pointer":"mouse",qn=J.isTouch=Ve.matchMedia&&Ve.matchMedia("(hover: none), (pointer: coarse)").matches?1:"ontouchstart"in Ve||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0?2:0,ot=J.eventTypes=("ontouchstart"in Rt?"touchstart,touchmove,touchcancel,touchend":"onpointerdown"in Rt?"pointerdown,pointermove,pointercancel,pointerup":"mousedown,mousemove,mouseup,mouseup").split(","),setTimeout(function(){return Qn=0},500),jn(),$r=1),$r};Ie.op=ae;E.cache=0;var J=function(){function o(n){this.init(n)}var e=o.prototype;return e.init=function(t){$r||ei(ve)||console.warn("Please gsap.registerPlugin(Observer)"),mr||jn();var r=t.tolerance,i=t.dragMinimum,u=t.type,l=t.target,p=t.lineHeight,x=t.debounce,Y=t.preventDefault,M=t.onStop,h=t.onStopDelay,c=t.ignore,v=t.wheelSpeed,$=t.event,X=t.onDragStart,ne=t.onDragEnd,W=t.onDrag,ge=t.onPress,k=t.onRelease,qe=t.onRight,N=t.onLeft,y=t.onUp,Te=t.onDown,ze=t.onChangeX,g=t.onChangeY,ue=t.onChange,w=t.onToggleX,pt=t.onToggleY,ie=t.onHover,Pe=t.onHoverEnd,Ee=t.onMove,I=t.ignoreCheck,Q=t.isNormalizer,j=t.onGestureStart,s=t.onGestureEnd,oe=t.onWheel,Yt=t.onEnable,bt=t.onDisable,Ke=t.onClick,dt=t.scrollSpeed,me=t.capture,ee=t.allowClicks,Me=t.lockAxis,xe=t.onLockAxis;this.target=l=Be(l)||Rt,this.vars=t,c&&(c=ve.utils.toArray(c)),r=r||1e-9,i=i||0,v=v||1,dt=dt||1,u=u||"wheel,touch,pointer",x=x!==!1,p||(p=parseFloat(Ve.getComputedStyle(nr).lineHeight)||22);var Ct,De,Re,O,q,Xe,Ne,a=this,He=0,gt=0,St=t.passive||!Y&&t.passive!==!1,U=Ot(l,Ie),ht=Ot(l,ae),kt=U(),Ft=ht(),ce=~u.indexOf("touch")&&!~u.indexOf("pointer")&&ot[0]==="pointerdown",Tt=wr(l),K=l.ownerDocument||Dt,et=[0,0,0],Ze=[0,0,0],_t=0,lr=function(){return _t=xr()},te=function(m,F){return(a.event=m)&&c&&bi(m.target,c)||F&&ce&&m.pointerType!=="touch"||I&&I(m,F)},Dr=function(){a._vx.reset(),a._vy.reset(),De.pause(),M&&M(a)},vt=function(){var m=a.deltaX=Dn(et),F=a.deltaY=Dn(Ze),f=Math.abs(m)>=r,b=Math.abs(F)>=r;ue&&(f||b)&&ue(a,m,F,et,Ze),f&&(qe&&a.deltaX>0&&qe(a),N&&a.deltaX<0&&N(a),ze&&ze(a),w&&a.deltaX<0!=He<0&&w(a),He=a.deltaX,et[0]=et[1]=et[2]=0),b&&(Te&&a.deltaY>0&&Te(a),y&&a.deltaY<0&&y(a),g&&g(a),pt&&a.deltaY<0!=gt<0&&pt(a),gt=a.deltaY,Ze[0]=Ze[1]=Ze[2]=0),(O||Re)&&(Ee&&Ee(a),Re&&(X&&Re===1&&X(a),W&&W(a),Re=0),O=!1),Xe&&!(Xe=!1)&&xe&&xe(a),q&&(oe(a),q=!1),Ct=0},Kt=function(m,F,f){et[f]+=m,Ze[f]+=F,a._vx.update(m),a._vy.update(F),x?Ct||(Ct=requestAnimationFrame(vt)):vt()},Zt=function(m,F){Me&&!Ne&&(a.axis=Ne=Math.abs(m)>Math.abs(F)?"x":"y",Xe=!0),Ne!=="y"&&(et[2]+=m,a._vx.update(m,!0)),Ne!=="x"&&(Ze[2]+=F,a._vy.update(F,!0)),x?Ct||(Ct=requestAnimationFrame(vt)):vt()},Pt=function(m){if(!te(m,1)){m=fr(m,Y);var F=m.clientX,f=m.clientY,b=F-a.x,_=f-a.y,C=a.isDragging;a.x=F,a.y=f,(C||(b||_)&&(Math.abs(a.startX-F)>=i||Math.abs(a.startY-f)>=i))&&(Re||(Re=C?2:1),C||(a.isDragging=!0),Zt(b,_))}},Lt=a.onPress=function(S){te(S,1)||S&&S.button||(a.axis=Ne=null,De.pause(),a.isPressed=!0,S=fr(S),He=gt=0,a.startX=a.x=S.clientX,a.startY=a.y=S.clientY,a._vx.reset(),a._vy.reset(),Oe(Q?l:K,ot[1],Pt,St,!0),a.deltaX=a.deltaY=0,ge&&ge(a))},D=a.onRelease=function(S){if(!te(S,1)){Ae(Q?l:K,ot[1],Pt,!0);var m=!isNaN(a.y-a.startY),F=a.isDragging,f=F&&(Math.abs(a.x-a.startX)>3||Math.abs(a.y-a.startY)>3),b=fr(S);!f&&m&&(a._vx.reset(),a._vy.reset(),Y&&ee&&ve.delayedCall(.08,function(){if(xr()-_t>300&&!S.defaultPrevented){if(S.target.click)S.target.click();else if(K.createEvent){var _=K.createEvent("MouseEvents");_.initMouseEvent("click",!0,!0,Ve,1,b.screenX,b.screenY,b.clientX,b.clientY,!1,!1,!1,!1,0,null),S.target.dispatchEvent(_)}}})),a.isDragging=a.isGesturing=a.isPressed=!1,M&&F&&!Q&&De.restart(!0),Re&&vt(),ne&&F&&ne(a),k&&k(a,f)}},It=function(m){return m.touches&&m.touches.length>1&&(a.isGesturing=!0)&&j(m,a.isDragging)},tt=function(){return(a.isGesturing=!1)||s(a)},rt=function(m){if(!te(m)){var F=U(),f=ht();Kt((F-kt)*dt,(f-Ft)*dt,1),kt=F,Ft=f,M&&De.restart(!0)}},nt=function(m){if(!te(m)){m=fr(m,Y),oe&&(q=!0);var F=(m.deltaMode===1?p:m.deltaMode===2?Ve.innerHeight:1)*v;Kt(m.deltaX*F,m.deltaY*F,0),M&&!Q&&De.restart(!0)}},zt=function(m){if(!te(m)){var F=m.clientX,f=m.clientY,b=F-a.x,_=f-a.y;a.x=F,a.y=f,O=!0,M&&De.restart(!0),(b||_)&&Zt(b,_)}},Jt=function(m){a.event=m,ie(a)},mt=function(m){a.event=m,Pe(a)},ar=function(m){return te(m)||fr(m,Y)&&Ke(a)};De=a._dc=ve.delayedCall(h||.25,Dr).pause(),a.deltaX=a.deltaY=0,a._vx=dn(0,50,!0),a._vy=dn(0,50,!0),a.scrollX=U,a.scrollY=ht,a.isDragging=a.isGesturing=a.isPressed=!1,Zn(this),a.enable=function(S){return a.isEnabled||(Oe(Tt?K:l,"scroll",pn),u.indexOf("scroll")>=0&&Oe(Tt?K:l,"scroll",rt,St,me),u.indexOf("wheel")>=0&&Oe(l,"wheel",nt,St,me),(u.indexOf("touch")>=0&&qn||u.indexOf("pointer")>=0)&&(Oe(l,ot[0],Lt,St,me),Oe(K,ot[2],D),Oe(K,ot[3],D),ee&&Oe(l,"click",lr,!0,!0),Ke&&Oe(l,"click",ar),j&&Oe(K,"gesturestart",It),s&&Oe(K,"gestureend",tt),ie&&Oe(l,Bt+"enter",Jt),Pe&&Oe(l,Bt+"leave",mt),Ee&&Oe(l,Bt+"move",zt)),a.isEnabled=!0,a.isDragging=a.isGesturing=a.isPressed=O=Re=!1,a._vx.reset(),a._vy.reset(),kt=U(),Ft=ht(),S&&S.type&&Lt(S),Yt&&Yt(a)),a},a.disable=function(){a.isEnabled&&(rr.filter(function(S){return S!==a&&wr(S.target)}).length||Ae(Tt?K:l,"scroll",pn),a.isPressed&&(a._vx.reset(),a._vy.reset(),Ae(Q?l:K,ot[1],Pt,!0)),Ae(Tt?K:l,"scroll",rt,me),Ae(l,"wheel",nt,me),Ae(l,ot[0],Lt,me),Ae(K,ot[2],D),Ae(K,ot[3],D),Ae(l,"click",lr,!0),Ae(l,"click",ar),Ae(K,"gesturestart",It),Ae(K,"gestureend",tt),Ae(l,Bt+"enter",Jt),Ae(l,Bt+"leave",mt),Ae(l,Bt+"move",zt),a.isEnabled=a.isPressed=a.isDragging=!1,bt&&bt(a))},a.kill=a.revert=function(){a.disable();var S=rr.indexOf(a);S>=0&&rr.splice(S,1),wt===a&&(wt=0)},rr.push(a),Q&&wr(l)&&(wt=a),a.enable($)},wi(o,[{key:"velocityX",get:function(){return this._vx.getVelocity()}},{key:"velocityY",get:function(){return this._vy.getVelocity()}}]),o}();J.version="3.14.2";J.create=function(o){return new J(o)};J.register=ei;J.getAll=function(){return rr.slice()};J.getById=function(o){return rr.filter(function(e){return e.vars.id===o})[0]};Jn()&&ve.registerPlugin(J);/*!
+ * ScrollTrigger 3.14.2
+ * https://gsap.com
+ *
+ * @license Copyright 2008-2025, GreenSock. All rights reserved.
+ * Subject to the terms at https://gsap.com/standard-license
+ * @author: Jack Doyle, jack@greensock.com
+*/var d,er,P,B,Ue,L,yn,Qr,Er,yr,dr,Fr,Ce,tn,gn,Fe,Rn,An,tr,ti,nn,ri,Ye,hn,ni,ii,Mt,_n,bn,ir,Cn,br,vn,on,Lr=1,Se=Date.now,sn=Se(),je=0,gr=0,On=function(e,n,t){var r=$e(e)&&(e.substr(0,6)==="clamp("||e.indexOf("max")>-1);return t["_"+n+"Clamp"]=r,r?e.substr(6,e.length-7):e},Yn=function(e,n){return n&&(!$e(e)||e.substr(0,6)!=="clamp(")?"clamp("+e+")":e},Ci=function o(){return gr&&requestAnimationFrame(o)},Fn=function(){return tn=1},Ln=function(){return tn=0},ut=function(e){return e},hr=function(e){return Math.round(e*1e5)/1e5||0},oi=function(){return typeof window<"u"},si=function(){return d||oi()&&(d=window.gsap)&&d.registerPlugin&&d},Ut=function(e){return!!~yn.indexOf(e)},li=function(e){return(e==="Height"?Cn:P["inner"+e])||Ue["client"+e]||L["client"+e]},ai=function(e){return At(e,"getBoundingClientRect")||(Ut(e)?function(){return Zr.width=P.innerWidth,Zr.height=Cn,Zr}:function(){return xt(e)})},Si=function(e,n,t){var r=t.d,i=t.d2,u=t.a;return(u=At(e,"getBoundingClientRect"))?function(){return u()[r]}:function(){return(n?li(i):e["client"+i])||0}},ki=function(e,n){return!n||~ft.indexOf(e)?ai(e):function(){return Zr}},ct=function(e,n){var t=n.s,r=n.d2,i=n.d,u=n.a;return Math.max(0,(t="scroll"+r)&&(u=At(e,t))?u()-ai(e)()[i]:Ut(e)?(Ue[t]||L[t])-li(r):e[t]-e["offset"+r])},Ir=function(e,n){for(var t=0;t<tr.length;t+=3)(!n||~n.indexOf(tr[t+1]))&&e(tr[t],tr[t+1],tr[t+2])},$e=function(e){return typeof e=="string"},ke=function(e){return typeof e=="function"},_r=function(e){return typeof e=="number"},Nt=function(e){return typeof e=="object"},pr=function(e,n,t){return e&&e.progress(n?0:1)&&t&&e.pause()},ln=function(e,n){if(e.enabled){var t=e._ctx?e._ctx.add(function(){return n(e)}):n(e);t&&t.totalTime&&(e.callbackAnimation=t)}},Qt=Math.abs,ui="left",ci="top",Sn="right",kn="bottom",Wt="width",Gt="height",Cr="Right",Sr="Left",kr="Top",Tr="Bottom",re="padding",Je="margin",sr="Width",Tn="Height",le="px",Qe=function(e){return P.getComputedStyle(e)},Ti=function(e){var n=Qe(e).position;e.style.position=n==="absolute"||n==="fixed"?n:"relative"},In=function(e,n){for(var t in n)t in e||(e[t]=n[t]);return e},xt=function(e,n){var t=n&&Qe(e)[gn]!=="matrix(1, 0, 0, 1, 0, 0)"&&d.to(e,{x:0,y:0,xPercent:0,yPercent:0,rotation:0,rotationX:0,rotationY:0,scale:1,skewX:0,skewY:0}).progress(1),r=e.getBoundingClientRect();return t&&t.progress(0).kill(),r},jr=function(e,n){var t=n.d2;return e["offset"+t]||e["client"+t]||0},fi=function(e){var n=[],t=e.labels,r=e.duration(),i;for(i in t)n.push(t[i]/r);return n},Pi=function(e){return function(n){return d.utils.snap(fi(e),n)}},Pn=function(e){var n=d.utils.snap(e),t=Array.isArray(e)&&e.slice(0).sort(function(r,i){return r-i});return t?function(r,i,u){u===void 0&&(u=.001);var l;if(!i)return n(r);if(i>0){for(r-=u,l=0;l<t.length;l++)if(t[l]>=r)return t[l];return t[l-1]}else for(l=t.length,r+=u;l--;)if(t[l]<=r)return t[l];return t[0]}:function(r,i,u){u===void 0&&(u=.001);var l=n(r);return!i||Math.abs(l-r)<u||l-r<0==i<0?l:n(i<0?r-e:r+e)}},Ei=function(e){return function(n,t){return Pn(fi(e))(n,t.direction)}},zr=function(e,n,t,r){return t.split(",").forEach(function(i){return e(n,i,r)})},de=function(e,n,t,r,i){return e.addEventListener(n,t,{passive:!r,capture:!!i})},pe=function(e,n,t,r){return e.removeEventListener(n,t,!!r)},Xr=function(e,n,t){t=t&&t.wheelHandler,t&&(e(n,"wheel",t),e(n,"touchmove",t))},zn={startColor:"green",endColor:"red",indent:0,fontSize:"16px",fontWeight:"normal"},Br={toggleActions:"play",anticipatePin:0},en={top:0,left:0,center:.5,bottom:1,right:1},Ur=function(e,n){if($e(e)){var t=e.indexOf("="),r=~t?+(e.charAt(t-1)+1)*parseFloat(e.substr(t+1)):0;~t&&(e.indexOf("%")>t&&(r*=n/100),e=e.substr(0,t-1)),e=r+(e in en?en[e]*n:~e.indexOf("%")?parseFloat(e)*n/100:parseFloat(e)||0)}return e},Nr=function(e,n,t,r,i,u,l,p){var x=i.startColor,Y=i.endColor,M=i.fontSize,h=i.indent,c=i.fontWeight,v=B.createElement("div"),$=Ut(t)||At(t,"pinType")==="fixed",X=e.indexOf("scroller")!==-1,ne=$?L:t,W=e.indexOf("start")!==-1,ge=W?x:Y,k="border-color:"+ge+";font-size:"+M+";color:"+ge+";font-weight:"+c+";pointer-events:none;white-space:nowrap;font-family:sans-serif,Arial;z-index:1000;padding:4px 8px;border-width:0;border-style:solid;";return k+="position:"+((X||p)&&$?"fixed;":"absolute;"),(X||p||!$)&&(k+=(r===ae?Sn:kn)+":"+(u+parseFloat(h))+"px;"),l&&(k+="box-sizing:border-box;text-align:left;width:"+l.offsetWidth+"px;"),v._isStart=W,v.setAttribute("class","gsap-marker-"+e+(n?" marker-"+n:"")),v.style.cssText=k,v.innerText=n||n===0?e+"-"+n:e,ne.children[0]?ne.insertBefore(v,ne.children[0]):ne.appendChild(v),v._offset=v["offset"+r.op.d2],Vr(v,0,r,W),v},Vr=function(e,n,t,r){var i={display:"block"},u=t[r?"os2":"p2"],l=t[r?"p2":"os2"];e._isFlipped=r,i[t.a+"Percent"]=r?-100:0,i[t.a]=r?"1px":0,i["border"+u+sr]=1,i["border"+l+sr]=0,i[t.p]=n+"px",d.set(e,i)},T=[],mn={},Mr,Xn=function(){return Se()-je>34&&(Mr||(Mr=requestAnimationFrame(yt)))},jt=function(){(!Ye||!Ye.isPressed||Ye.startX>L.clientWidth)&&(E.cache++,Ye?Mr||(Mr=requestAnimationFrame(yt)):yt(),je||qt("scrollStart"),je=Se())},an=function(){ii=P.innerWidth,ni=P.innerHeight},vr=function(e){E.cache++,(e===!0||!Ce&&!ri&&!B.fullscreenElement&&!B.webkitFullscreenElement&&(!hn||ii!==P.innerWidth||Math.abs(P.innerHeight-ni)>P.innerHeight*.25))&&Qr.restart(!0)},Vt={},Mi=[],pi=function o(){return pe(R,"scrollEnd",o)||Ht(!0)},qt=function(e){return Vt[e]&&Vt[e].map(function(n){return n()})||Mi},Ge=[],di=function(e){for(var n=0;n<Ge.length;n+=5)(!e||Ge[n+4]&&Ge[n+4].query===e)&&(Ge[n].style.cssText=Ge[n+1],Ge[n].getBBox&&Ge[n].setAttribute("transform",Ge[n+2]||""),Ge[n+3].uncache=1)},gi=function(){return E.forEach(function(e){return ke(e)&&++e.cacheID&&(e.rec=e())})},En=function(e,n){var t;for(Fe=0;Fe<T.length;Fe++)t=T[Fe],t&&(!n||t._ctx===n)&&(e?t.kill(1):t.revert(!0,!0));br=!0,n&&di(n),n||qt("revert")},hi=function(e,n){E.cache++,(n||!Le)&&E.forEach(function(t){return ke(t)&&t.cacheID++&&(t.rec=0)}),$e(e)&&(P.history.scrollRestoration=bn=e)},Le,$t=0,Bn,Di=function(){if(Bn!==$t){var e=Bn=$t;requestAnimationFrame(function(){return e===$t&&Ht(!0)})}},_i=function(){L.appendChild(ir),Cn=!Ye&&ir.offsetHeight||P.innerHeight,L.removeChild(ir)},Nn=function(e){return Er(".gsap-marker-start, .gsap-marker-end, .gsap-marker-scroller-start, .gsap-marker-scroller-end").forEach(function(n){return n.style.display=e?"none":"block"})},Ht=function(e,n){if(Ue=B.documentElement,L=B.body,yn=[P,B,Ue,L],je&&!e&&!br){de(R,"scrollEnd",pi);return}_i(),Le=R.isRefreshing=!0,br||gi();var t=qt("refreshInit");ti&&R.sort(),n||En(),E.forEach(function(r){ke(r)&&(r.smooth&&(r.target.style.scrollBehavior="auto"),r(0))}),T.slice(0).forEach(function(r){return r.refresh()}),br=!1,T.forEach(function(r){if(r._subPinOffset&&r.pin){var i=r.vars.horizontal?"offsetWidth":"offsetHeight",u=r.pin[i];r.revert(!0,1),r.adjustPinSpacing(r.pin[i]-u),r.refresh()}}),vn=1,Nn(!0),T.forEach(function(r){var i=ct(r.scroller,r._dir),u=r.vars.end==="max"||r._endClamp&&r.end>i,l=r._startClamp&&r.start>=i;(u||l)&&r.setPositions(l?i-1:r.start,u?Math.max(l?i:r.start+1,i):r.end,!0)}),Nn(!1),vn=0,t.forEach(function(r){return r&&r.render&&r.render(-1)}),E.forEach(function(r){ke(r)&&(r.smooth&&requestAnimationFrame(function(){return r.target.style.scrollBehavior="smooth"}),r.rec&&r(r.rec))}),hi(bn,1),Qr.pause(),$t++,Le=2,yt(2),T.forEach(function(r){return ke(r.vars.onRefresh)&&r.vars.onRefresh(r)}),Le=R.isRefreshing=!1,qt("refresh")},xn=0,qr=1,Pr,yt=function(e){if(e===2||!Le&&!br){R.isUpdating=!0,Pr&&Pr.update(0);var n=T.length,t=Se(),r=t-sn>=50,i=n&&T[0].scroll();if(qr=xn>i?-1:1,Le||(xn=i),r&&(je&&!tn&&t-je>200&&(je=0,qt("scrollEnd")),dr=sn,sn=t),qr<0){for(Fe=n;Fe-- >0;)T[Fe]&&T[Fe].update(0,r);qr=1}else for(Fe=0;Fe<n;Fe++)T[Fe]&&T[Fe].update(0,r);R.isUpdating=!1}Mr=0},wn=[ui,ci,kn,Sn,Je+Tr,Je+Cr,Je+kr,Je+Sr,"display","flexShrink","float","zIndex","gridColumnStart","gridColumnEnd","gridRowStart","gridRowEnd","gridArea","justifySelf","alignSelf","placeSelf","order"],Kr=wn.concat([Wt,Gt,"boxSizing","max"+sr,"max"+Tn,"position",Je,re,re+kr,re+Cr,re+Tr,re+Sr]),Ri=function(e,n,t){or(t);var r=e._gsap;if(r.spacerIsNative)or(r.spacerState);else if(e._gsap.swappedIn){var i=n.parentNode;i&&(i.insertBefore(e,n),i.removeChild(n))}e._gsap.swappedIn=!1},un=function(e,n,t,r){if(!e._gsap.swappedIn){for(var i=wn.length,u=n.style,l=e.style,p;i--;)p=wn[i],u[p]=t[p];u.position=t.position==="absolute"?"absolute":"relative",t.display==="inline"&&(u.display="inline-block"),l[kn]=l[Sn]="auto",u.flexBasis=t.flexBasis||"auto",u.overflow="visible",u.boxSizing="border-box",u[Wt]=jr(e,Ie)+le,u[Gt]=jr(e,ae)+le,u[re]=l[Je]=l[ci]=l[ui]="0",or(r),l[Wt]=l["max"+sr]=t[Wt],l[Gt]=l["max"+Tn]=t[Gt],l[re]=t[re],e.parentNode!==n&&(e.parentNode.insertBefore(n,e),n.appendChild(e)),e._gsap.swappedIn=!0}},Ai=/([A-Z])/g,or=function(e){if(e){var n=e.t.style,t=e.length,r=0,i,u;for((e.t._gsap||d.core.getCache(e.t)).uncache=1;r<t;r+=2)u=e[r+1],i=e[r],u?n[i]=u:n[i]&&n.removeProperty(i.replace(Ai,"-$1").toLowerCase())}},Hr=function(e){for(var n=Kr.length,t=e.style,r=[],i=0;i<n;i++)r.push(Kr[i],t[Kr[i]]);return r.t=e,r},Oi=function(e,n,t){for(var r=[],i=e.length,u=t?8:0,l;u<i;u+=2)l=e[u],r.push(l,l in n?n[l]:e[u+1]);return r.t=e.t,r},Zr={left:0,top:0},Hn=function(e,n,t,r,i,u,l,p,x,Y,M,h,c,v){ke(e)&&(e=e(p)),$e(e)&&e.substr(0,3)==="max"&&(e=h+(e.charAt(4)==="="?Ur("0"+e.substr(3),t):0));var $=c?c.time():0,X,ne,W;if(c&&c.seek(0),isNaN(e)||(e=+e),_r(e))c&&(e=d.utils.mapRange(c.scrollTrigger.start,c.scrollTrigger.end,0,h,e)),l&&Vr(l,t,r,!0);else{ke(n)&&(n=n(p));var ge=(e||"0").split(" "),k,qe,N,y;W=Be(n,p)||L,k=xt(W)||{},(!k||!k.left&&!k.top)&&Qe(W).display==="none"&&(y=W.style.display,W.style.display="block",k=xt(W),y?W.style.display=y:W.style.removeProperty("display")),qe=Ur(ge[0],k[r.d]),N=Ur(ge[1]||"0",t),e=k[r.p]-x[r.p]-Y+qe+i-N,l&&Vr(l,N,r,t-N<20||l._isStart&&N>20),t-=t-N}if(v&&(p[v]=e||-.001,e<0&&(e=0)),u){var Te=e+t,ze=u._isStart;X="scroll"+r.d2,Vr(u,Te,r,ze&&Te>20||!ze&&(M?Math.max(L[X],Ue[X]):u.parentNode[X])<=Te+1),M&&(x=xt(l),M&&(u.style[r.op.p]=x[r.op.p]-r.op.m-u._offset+le))}return c&&W&&(X=xt(W),c.seek(h),ne=xt(W),c._caScrollDist=X[r.p]-ne[r.p],e=e/c._caScrollDist*h),c&&c.seek($),c?e:Math.round(e)},Yi=/(webkit|moz|length|cssText|inset)/i,Wn=function(e,n,t,r){if(e.parentNode!==n){var i=e.style,u,l;if(n===L){e._stOrig=i.cssText,l=Qe(e);for(u in l)!+u&&!Yi.test(u)&&l[u]&&typeof i[u]=="string"&&u!=="0"&&(i[u]=l[u]);i.top=t,i.left=r}else i.cssText=e._stOrig;d.core.getCache(e).uncache=1,n.appendChild(e)}},vi=function(e,n,t){var r=n,i=r;return function(u){var l=Math.round(e());return l!==r&&l!==i&&Math.abs(l-r)>3&&Math.abs(l-i)>3&&(u=l,t&&t()),i=r,r=Math.round(u),r}},Wr=function(e,n,t){var r={};r[n.p]="+="+t,d.set(e,r)},Gn=function(e,n){var t=Ot(e,n),r="_scroll"+n.p2,i=function u(l,p,x,Y,M){var h=u.tween,c=p.onComplete,v={};x=x||t();var $=vi(t,x,function(){h.kill(),u.tween=0});return M=Y&&M||0,Y=Y||l-x,h&&h.kill(),p[r]=l,p.inherit=!1,p.modifiers=v,v[r]=function(){return $(x+Y*h.ratio+M*h.ratio*h.ratio)},p.onUpdate=function(){E.cache++,u.tween&&yt()},p.onComplete=function(){u.tween=0,c&&c.call(h)},h=u.tween=d.to(e,p),h};return e[r]=t,t.wheelHandler=function(){return i.tween&&i.tween.kill()&&(i.tween=0)},de(e,"wheel",t.wheelHandler),R.isTouch&&de(e,"touchmove",t.wheelHandler),i},R=function(){function o(n,t){er||o.register(d)||console.warn("Please gsap.registerPlugin(ScrollTrigger)"),_n(this),this.init(n,t)}var e=o.prototype;return e.init=function(t,r){if(this.progress=this.start=0,this.vars&&this.kill(!0,!0),!gr){this.update=this.refresh=this.kill=ut;return}t=In($e(t)||_r(t)||t.nodeType?{trigger:t}:t,Br);var i=t,u=i.onUpdate,l=i.toggleClass,p=i.id,x=i.onToggle,Y=i.onRefresh,M=i.scrub,h=i.trigger,c=i.pin,v=i.pinSpacing,$=i.invalidateOnRefresh,X=i.anticipatePin,ne=i.onScrubComplete,W=i.onSnapComplete,ge=i.once,k=i.snap,qe=i.pinReparent,N=i.pinSpacer,y=i.containerAnimation,Te=i.fastScrollEnd,ze=i.preventOverlaps,g=t.horizontal||t.containerAnimation&&t.horizontal!==!1?Ie:ae,ue=!M&&M!==0,w=Be(t.scroller||P),pt=d.core.getCache(w),ie=Ut(w),Pe=("pinType"in t?t.pinType:At(w,"pinType")||ie&&"fixed")==="fixed",Ee=[t.onEnter,t.onLeave,t.onEnterBack,t.onLeaveBack],I=ue&&t.toggleActions.split(" "),Q="markers"in t?t.markers:Br.markers,j=ie?0:parseFloat(Qe(w)["border"+g.p2+sr])||0,s=this,oe=t.onRefreshInit&&function(){return t.onRefreshInit(s)},Yt=Si(w,ie,g),bt=ki(w,ie),Ke=0,dt=0,me=0,ee=Ot(w,g),Me,xe,Ct,De,Re,O,q,Xe,Ne,a,He,gt,St,U,ht,kt,Ft,ce,Tt,K,et,Ze,_t,lr,te,Dr,vt,Kt,Zt,Pt,Lt,D,It,tt,rt,nt,zt,Jt,mt;if(s._startClamp=s._endClamp=!1,s._dir=g,X*=45,s.scroller=w,s.scroll=y?y.time.bind(y):ee,De=ee(),s.vars=t,r=r||t.animation,"refreshPriority"in t&&(ti=1,t.refreshPriority===-9999&&(Pr=s)),pt.tweenScroll=pt.tweenScroll||{top:Gn(w,ae),left:Gn(w,Ie)},s.tweenTo=Me=pt.tweenScroll[g.p],s.scrubDuration=function(f){It=_r(f)&&f,It?D?D.duration(f):D=d.to(r,{ease:"expo",totalProgress:"+=0",inherit:!1,duration:It,paused:!0,onComplete:function(){return ne&&ne(s)}}):(D&&D.progress(1).kill(),D=0)},r&&(r.vars.lazy=!1,r._initted&&!s.isReverted||r.vars.immediateRender!==!1&&t.immediateRender!==!1&&r.duration()&&r.render(0,!0,!0),s.animation=r.pause(),r.scrollTrigger=s,s.scrubDuration(M),Pt=0,p||(p=r.vars.id)),k&&((!Nt(k)||k.push)&&(k={snapTo:k}),"scrollBehavior"in L.style&&d.set(ie?[L,Ue]:w,{scrollBehavior:"auto"}),E.forEach(function(f){return ke(f)&&f.target===(ie?B.scrollingElement||Ue:w)&&(f.smooth=!1)}),Ct=ke(k.snapTo)?k.snapTo:k.snapTo==="labels"?Pi(r):k.snapTo==="labelsDirectional"?Ei(r):k.directional!==!1?function(f,b){return Pn(k.snapTo)(f,Se()-dt<500?0:b.direction)}:d.utils.snap(k.snapTo),tt=k.duration||{min:.1,max:2},tt=Nt(tt)?yr(tt.min,tt.max):yr(tt,tt),rt=d.delayedCall(k.delay||It/2||.1,function(){var f=ee(),b=Se()-dt<500,_=Me.tween;if((b||Math.abs(s.getVelocity())<10)&&!_&&!tn&&Ke!==f){var C=(f-O)/U,fe=r&&!ue?r.totalProgress():C,A=b?0:(fe-Lt)/(Se()-dr)*1e3||0,Z=d.utils.clamp(-C,1-C,Qt(A/2)*A/.185),we=C+(k.inertia===!1?0:Z),V,H,z=k,it=z.onStart,G=z.onInterrupt,We=z.onComplete;if(V=Ct(we,s),_r(V)||(V=we),H=Math.max(0,Math.round(O+V*U)),f<=q&&f>=O&&H!==f){if(_&&!_._initted&&_.data<=Qt(H-f))return;k.inertia===!1&&(Z=V-C),Me(H,{duration:tt(Qt(Math.max(Qt(we-fe),Qt(V-fe))*.185/A/.05||0)),ease:k.ease||"power3",data:Qt(H-f),onInterrupt:function(){return rt.restart(!0)&&G&&G(s)},onComplete:function(){s.update(),Ke=ee(),r&&!ue&&(D?D.resetTo("totalProgress",V,r._tTime/r._tDur):r.progress(V)),Pt=Lt=r&&!ue?r.totalProgress():s.progress,W&&W(s),We&&We(s)}},f,Z*U,H-f-Z*U),it&&it(s,Me.tween)}}else s.isActive&&Ke!==f&&rt.restart(!0)}).pause()),p&&(mn[p]=s),h=s.trigger=Be(h||c!==!0&&c),mt=h&&h._gsap&&h._gsap.stRevert,mt&&(mt=mt(s)),c=c===!0?h:Be(c),$e(l)&&(l={targets:h,className:l}),c&&(v===!1||v===Je||(v=!v&&c.parentNode&&c.parentNode.style&&Qe(c.parentNode).display==="flex"?!1:re),s.pin=c,xe=d.core.getCache(c),xe.spacer?ht=xe.pinState:(N&&(N=Be(N),N&&!N.nodeType&&(N=N.current||N.nativeElement),xe.spacerIsNative=!!N,N&&(xe.spacerState=Hr(N))),xe.spacer=ce=N||B.createElement("div"),ce.classList.add("pin-spacer"),p&&ce.classList.add("pin-spacer-"+p),xe.pinState=ht=Hr(c)),t.force3D!==!1&&d.set(c,{force3D:!0}),s.spacer=ce=xe.spacer,Zt=Qe(c),lr=Zt[v+g.os2],K=d.getProperty(c),et=d.quickSetter(c,g.a,le),un(c,ce,Zt),Ft=Hr(c)),Q){gt=Nt(Q)?In(Q,zn):zn,a=Nr("scroller-start",p,w,g,gt,0),He=Nr("scroller-end",p,w,g,gt,0,a),Tt=a["offset"+g.op.d2];var ar=Be(At(w,"content")||w);Xe=this.markerStart=Nr("start",p,ar,g,gt,Tt,0,y),Ne=this.markerEnd=Nr("end",p,ar,g,gt,Tt,0,y),y&&(Jt=d.quickSetter([Xe,Ne],g.a,le)),!Pe&&!(ft.length&&At(w,"fixedMarkers")===!0)&&(Ti(ie?L:w),d.set([a,He],{force3D:!0}),Dr=d.quickSetter(a,g.a,le),Kt=d.quickSetter(He,g.a,le))}if(y){var S=y.vars.onUpdate,m=y.vars.onUpdateParams;y.eventCallback("onUpdate",function(){s.update(0,0,1),S&&S.apply(y,m||[])})}if(s.previous=function(){return T[T.indexOf(s)-1]},s.next=function(){return T[T.indexOf(s)+1]},s.revert=function(f,b){if(!b)return s.kill(!0);var _=f!==!1||!s.enabled,C=Ce;_!==s.isReverted&&(_&&(nt=Math.max(ee(),s.scroll.rec||0),me=s.progress,zt=r&&r.progress()),Xe&&[Xe,Ne,a,He].forEach(function(fe){return fe.style.display=_?"none":"block"}),_&&(Ce=s,s.update(_)),c&&(!qe||!s.isActive)&&(_?Ri(c,ce,ht):un(c,ce,Qe(c),te)),_||s.update(_),Ce=C,s.isReverted=_)},s.refresh=function(f,b,_,C){if(!((Ce||!s.enabled)&&!b)){if(c&&f&&je){de(o,"scrollEnd",pi);return}!Le&&oe&&oe(s),Ce=s,Me.tween&&!_&&(Me.tween.kill(),Me.tween=0),D&&D.pause(),$&&r&&(r.revert({kill:!1}).invalidate(),r.getChildren?r.getChildren(!0,!0,!1).forEach(function(Et){return Et.vars.immediateRender&&Et.render(0,!0,!0)}):r.vars.immediateRender&&r.render(0,!0,!0)),s.isReverted||s.revert(!0,!0),s._subPinOffset=!1;var fe=Yt(),A=bt(),Z=y?y.duration():ct(w,g),we=U<=.01||!U,V=0,H=C||0,z=Nt(_)?_.end:t.end,it=t.endTrigger||h,G=Nt(_)?_.start:t.start||(t.start===0||!h?0:c?"0 0":"0 100%"),We=s.pinnedContainer=t.pinnedContainer&&Be(t.pinnedContainer,s),st=h&&Math.max(0,T.indexOf(s))||0,he=st,_e,ye,Xt,Rr,be,se,lt,rn,Mn,ur,at,cr,Ar;for(Q&&Nt(_)&&(cr=d.getProperty(a,g.p),Ar=d.getProperty(He,g.p));he-- >0;)se=T[he],se.end||se.refresh(0,1)||(Ce=s),lt=se.pin,lt&&(lt===h||lt===c||lt===We)&&!se.isReverted&&(ur||(ur=[]),ur.unshift(se),se.revert(!0,!0)),se!==T[he]&&(st--,he--);for(ke(G)&&(G=G(s)),G=On(G,"start",s),O=Hn(G,h,fe,g,ee(),Xe,a,s,A,j,Pe,Z,y,s._startClamp&&"_startClamp")||(c?-.001:0),ke(z)&&(z=z(s)),$e(z)&&!z.indexOf("+=")&&(~z.indexOf(" ")?z=($e(G)?G.split(" ")[0]:"")+z:(V=Ur(z.substr(2),fe),z=$e(G)?G:(y?d.utils.mapRange(0,y.duration(),y.scrollTrigger.start,y.scrollTrigger.end,O):O)+V,it=h)),z=On(z,"end",s),q=Math.max(O,Hn(z||(it?"100% 0":Z),it,fe,g,ee()+V,Ne,He,s,A,j,Pe,Z,y,s._endClamp&&"_endClamp"))||-.001,V=0,he=st;he--;)se=T[he]||{},lt=se.pin,lt&&se.start-se._pinPush<=O&&!y&&se.end>0&&(_e=se.end-(s._startClamp?Math.max(0,se.start):se.start),(lt===h&&se.start-se._pinPush<O||lt===We)&&isNaN(G)&&(V+=_e*(1-se.progress)),lt===c&&(H+=_e));if(O+=V,q+=V,s._startClamp&&(s._startClamp+=V),s._endClamp&&!Le&&(s._endClamp=q||-.001,q=Math.min(q,ct(w,g))),U=q-O||(O-=.01)&&.001,we&&(me=d.utils.clamp(0,1,d.utils.normalize(O,q,nt))),s._pinPush=H,Xe&&V&&(_e={},_e[g.a]="+="+V,We&&(_e[g.p]="-="+ee()),d.set([Xe,Ne],_e)),c&&!(vn&&s.end>=ct(w,g)))_e=Qe(c),Rr=g===ae,Xt=ee(),Ze=parseFloat(K(g.a))+H,!Z&&q>1&&(at=(ie?B.scrollingElement||Ue:w).style,at={style:at,value:at["overflow"+g.a.toUpperCase()]},ie&&Qe(L)["overflow"+g.a.toUpperCase()]!=="scroll"&&(at.style["overflow"+g.a.toUpperCase()]="scroll")),un(c,ce,_e),Ft=Hr(c),ye=xt(c,!0),rn=Pe&&Ot(w,Rr?Ie:ae)(),v?(te=[v+g.os2,U+H+le],te.t=ce,he=v===re?jr(c,g)+U+H:0,he&&(te.push(g.d,he+le),ce.style.flexBasis!=="auto"&&(ce.style.flexBasis=he+le)),or(te),We&&T.forEach(function(Et){Et.pin===We&&Et.vars.pinSpacing!==!1&&(Et._subPinOffset=!0)}),Pe&&ee(nt)):(he=jr(c,g),he&&ce.style.flexBasis!=="auto"&&(ce.style.flexBasis=he+le)),Pe&&(be={top:ye.top+(Rr?Xt-O:rn)+le,left:ye.left+(Rr?rn:Xt-O)+le,boxSizing:"border-box",position:"fixed"},be[Wt]=be["max"+sr]=Math.ceil(ye.width)+le,be[Gt]=be["max"+Tn]=Math.ceil(ye.height)+le,be[Je]=be[Je+kr]=be[Je+Cr]=be[Je+Tr]=be[Je+Sr]="0",be[re]=_e[re],be[re+kr]=_e[re+kr],be[re+Cr]=_e[re+Cr],be[re+Tr]=_e[re+Tr],be[re+Sr]=_e[re+Sr],kt=Oi(ht,be,qe),Le&&ee(0)),r?(Mn=r._initted,nn(1),r.render(r.duration(),!0,!0),_t=K(g.a)-Ze+U+H,vt=Math.abs(U-_t)>1,Pe&&vt&&kt.splice(kt.length-2,2),r.render(0,!0,!0),Mn||r.invalidate(!0),r.parent||r.totalTime(r.totalTime()),nn(0)):_t=U,at&&(at.value?at.style["overflow"+g.a.toUpperCase()]=at.value:at.style.removeProperty("overflow-"+g.a));else if(h&&ee()&&!y)for(ye=h.parentNode;ye&&ye!==L;)ye._pinOffset&&(O-=ye._pinOffset,q-=ye._pinOffset),ye=ye.parentNode;ur&&ur.forEach(function(Et){return Et.revert(!1,!0)}),s.start=O,s.end=q,De=Re=Le?nt:ee(),!y&&!Le&&(De<nt&&ee(nt),s.scroll.rec=0),s.revert(!1,!0),dt=Se(),rt&&(Ke=-1,rt.restart(!0)),Ce=0,r&&ue&&(r._initted||zt)&&r.progress()!==zt&&r.progress(zt||0,!0).render(r.time(),!0,!0),(we||me!==s.progress||y||$||r&&!r._initted)&&(r&&!ue&&(r._initted||me||r.vars.immediateRender!==!1)&&r.totalProgress(y&&O<-.001&&!me?d.utils.normalize(O,q,0):me,!0),s.progress=we||(De-O)/U===me?0:me),c&&v&&(ce._pinOffset=Math.round(s.progress*_t)),D&&D.invalidate(),isNaN(cr)||(cr-=d.getProperty(a,g.p),Ar-=d.getProperty(He,g.p),Wr(a,g,cr),Wr(Xe,g,cr-(C||0)),Wr(He,g,Ar),Wr(Ne,g,Ar-(C||0))),we&&!Le&&s.update(),Y&&!Le&&!St&&(St=!0,Y(s),St=!1)}},s.getVelocity=function(){return(ee()-Re)/(Se()-dr)*1e3||0},s.endAnimation=function(){pr(s.callbackAnimation),r&&(D?D.progress(1):r.paused()?ue||pr(r,s.direction<0,1):pr(r,r.reversed()))},s.labelToScroll=function(f){return r&&r.labels&&(O||s.refresh()||O)+r.labels[f]/r.duration()*U||0},s.getTrailing=function(f){var b=T.indexOf(s),_=s.direction>0?T.slice(0,b).reverse():T.slice(b+1);return($e(f)?_.filter(function(C){return C.vars.preventOverlaps===f}):_).filter(function(C){return s.direction>0?C.end<=O:C.start>=q})},s.update=function(f,b,_){if(!(y&&!_&&!f)){var C=Le===!0?nt:s.scroll(),fe=f?0:(C-O)/U,A=fe<0?0:fe>1?1:fe||0,Z=s.progress,we,V,H,z,it,G,We,st;if(b&&(Re=De,De=y?ee():C,k&&(Lt=Pt,Pt=r&&!ue?r.totalProgress():A)),X&&c&&!Ce&&!Lr&&je&&(!A&&O<C+(C-Re)/(Se()-dr)*X?A=1e-4:A===1&&q>C+(C-Re)/(Se()-dr)*X&&(A=.9999)),A!==Z&&s.enabled){if(we=s.isActive=!!A&&A<1,V=!!Z&&Z<1,G=we!==V,it=G||!!A!=!!Z,s.direction=A>Z?1:-1,s.progress=A,it&&!Ce&&(H=A&&!Z?0:A===1?1:Z===1?2:3,ue&&(z=!G&&I[H+1]!=="none"&&I[H+1]||I[H],st=r&&(z==="complete"||z==="reset"||z in r))),ze&&(G||st)&&(st||M||!r)&&(ke(ze)?ze(s):s.getTrailing(ze).forEach(function(Xt){return Xt.endAnimation()})),ue||(D&&!Ce&&!Lr?(D._dp._time-D._start!==D._time&&D.render(D._dp._time-D._start),D.resetTo?D.resetTo("totalProgress",A,r._tTime/r._tDur):(D.vars.totalProgress=A,D.invalidate().restart())):r&&r.totalProgress(A,!!(Ce&&(dt||f)))),c){if(f&&v&&(ce.style[v+g.os2]=lr),!Pe)et(hr(Ze+_t*A));else if(it){if(We=!f&&A>Z&&q+1>C&&C+1>=ct(w,g),qe)if(!f&&(we||We)){var he=xt(c,!0),_e=C-O;Wn(c,L,he.top+(g===ae?_e:0)+le,he.left+(g===ae?0:_e)+le)}else Wn(c,ce);or(we||We?kt:Ft),vt&&A<1&&we||et(Ze+(A===1&&!We?_t:0))}}k&&!Me.tween&&!Ce&&!Lr&&rt.restart(!0),l&&(G||ge&&A&&(A<1||!on))&&Er(l.targets).forEach(function(Xt){return Xt.classList[we||ge?"add":"remove"](l.className)}),u&&!ue&&!f&&u(s),it&&!Ce?(ue&&(st&&(z==="complete"?r.pause().totalProgress(1):z==="reset"?r.restart(!0).pause():z==="restart"?r.restart(!0):r[z]()),u&&u(s)),(G||!on)&&(x&&G&&ln(s,x),Ee[H]&&ln(s,Ee[H]),ge&&(A===1?s.kill(!1,1):Ee[H]=0),G||(H=A===1?1:3,Ee[H]&&ln(s,Ee[H]))),Te&&!we&&Math.abs(s.getVelocity())>(_r(Te)?Te:2500)&&(pr(s.callbackAnimation),D?D.progress(1):pr(r,z==="reverse"?1:!A,1))):ue&&u&&!Ce&&u(s)}if(Kt){var ye=y?C/y.duration()*(y._caScrollDist||0):C;Dr(ye+(a._isFlipped?1:0)),Kt(ye)}Jt&&Jt(-C/y.duration()*(y._caScrollDist||0))}},s.enable=function(f,b){s.enabled||(s.enabled=!0,de(w,"resize",vr),ie||de(w,"scroll",jt),oe&&de(o,"refreshInit",oe),f!==!1&&(s.progress=me=0,De=Re=Ke=ee()),b!==!1&&s.refresh())},s.getTween=function(f){return f&&Me?Me.tween:D},s.setPositions=function(f,b,_,C){if(y){var fe=y.scrollTrigger,A=y.duration(),Z=fe.end-fe.start;f=fe.start+Z*f/A,b=fe.start+Z*b/A}s.refresh(!1,!1,{start:Yn(f,_&&!!s._startClamp),end:Yn(b,_&&!!s._endClamp)},C),s.update()},s.adjustPinSpacing=function(f){if(te&&f){var b=te.indexOf(g.d)+1;te[b]=parseFloat(te[b])+f+le,te[1]=parseFloat(te[1])+f+le,or(te)}},s.disable=function(f,b){if(f!==!1&&s.revert(!0,!0),s.enabled&&(s.enabled=s.isActive=!1,b||D&&D.pause(),nt=0,xe&&(xe.uncache=1),oe&&pe(o,"refreshInit",oe),rt&&(rt.pause(),Me.tween&&Me.tween.kill()&&(Me.tween=0)),!ie)){for(var _=T.length;_--;)if(T[_].scroller===w&&T[_]!==s)return;pe(w,"resize",vr),ie||pe(w,"scroll",jt)}},s.kill=function(f,b){s.disable(f,b),D&&!b&&D.kill(),p&&delete mn[p];var _=T.indexOf(s);_>=0&&T.splice(_,1),_===Fe&&qr>0&&Fe--,_=0,T.forEach(function(C){return C.scroller===s.scroller&&(_=1)}),_||Le||(s.scroll.rec=0),r&&(r.scrollTrigger=null,f&&r.revert({kill:!1}),b||r.kill()),Xe&&[Xe,Ne,a,He].forEach(function(C){return C.parentNode&&C.parentNode.removeChild(C)}),Pr===s&&(Pr=0),c&&(xe&&(xe.uncache=1),_=0,T.forEach(function(C){return C.pin===c&&_++}),_||(xe.spacer=0)),t.onKill&&t.onKill(s)},T.push(s),s.enable(!1,!1),mt&&mt(s),r&&r.add&&!U){var F=s.update;s.update=function(){s.update=F,E.cache++,O||q||s.refresh()},d.delayedCall(.01,s.update),U=.01,O=q=0}else s.refresh();c&&Di()},o.register=function(t){return er||(d=t||si(),oi()&&window.document&&o.enable(),er=gr),er},o.defaults=function(t){if(t)for(var r in t)Br[r]=t[r];return Br},o.disable=function(t,r){gr=0,T.forEach(function(u){return u[r?"kill":"disable"](t)}),pe(P,"wheel",jt),pe(B,"scroll",jt),clearInterval(Fr),pe(B,"touchcancel",ut),pe(L,"touchstart",ut),zr(pe,B,"pointerdown,touchstart,mousedown",Fn),zr(pe,B,"pointerup,touchend,mouseup",Ln),Qr.kill(),Ir(pe);for(var i=0;i<E.length;i+=3)Xr(pe,E[i],E[i+1]),Xr(pe,E[i],E[i+2])},o.enable=function(){if(P=window,B=document,Ue=B.documentElement,L=B.body,d&&(Er=d.utils.toArray,yr=d.utils.clamp,_n=d.core.context||ut,nn=d.core.suppressOverwrites||ut,bn=P.history.scrollRestoration||"auto",xn=P.pageYOffset||0,d.core.globals("ScrollTrigger",o),L)){gr=1,ir=document.createElement("div"),ir.style.height="100vh",ir.style.position="absolute",_i(),Ci(),J.register(d),o.isTouch=J.isTouch,Mt=J.isTouch&&/(iPad|iPhone|iPod|Mac)/g.test(navigator.userAgent),hn=J.isTouch===1,de(P,"wheel",jt),yn=[P,B,Ue,L],d.matchMedia?(o.matchMedia=function(x){var Y=d.matchMedia(),M;for(M in x)Y.add(M,x[M]);return Y},d.addEventListener("matchMediaInit",function(){gi(),En()}),d.addEventListener("matchMediaRevert",function(){return di()}),d.addEventListener("matchMedia",function(){Ht(0,1),qt("matchMedia")}),d.matchMedia().add("(orientation: portrait)",function(){return an(),an})):console.warn("Requires GSAP 3.11.0 or later"),an(),de(B,"scroll",jt);var t=L.hasAttribute("style"),r=L.style,i=r.borderTopStyle,u=d.core.Animation.prototype,l,p;for(u.revert||Object.defineProperty(u,"revert",{value:function(){return this.time(-.01,!0)}}),r.borderTopStyle="solid",l=xt(L),ae.m=Math.round(l.top+ae.sc())||0,Ie.m=Math.round(l.left+Ie.sc())||0,i?r.borderTopStyle=i:r.removeProperty("border-top-style"),t||(L.setAttribute("style",""),L.removeAttribute("style")),Fr=setInterval(Xn,250),d.delayedCall(.5,function(){return Lr=0}),de(B,"touchcancel",ut),de(L,"touchstart",ut),zr(de,B,"pointerdown,touchstart,mousedown",Fn),zr(de,B,"pointerup,touchend,mouseup",Ln),gn=d.utils.checkPrefix("transform"),Kr.push(gn),er=Se(),Qr=d.delayedCall(.2,Ht).pause(),tr=[B,"visibilitychange",function(){var x=P.innerWidth,Y=P.innerHeight;B.hidden?(Rn=x,An=Y):(Rn!==x||An!==Y)&&vr()},B,"DOMContentLoaded",Ht,P,"load",Ht,P,"resize",vr],Ir(de),T.forEach(function(x){return x.enable(0,1)}),p=0;p<E.length;p+=3)Xr(pe,E[p],E[p+1]),Xr(pe,E[p],E[p+2])}},o.config=function(t){"limitCallbacks"in t&&(on=!!t.limitCallbacks);var r=t.syncInterval;r&&clearInterval(Fr)||(Fr=r)&&setInterval(Xn,r),"ignoreMobileResize"in t&&(hn=o.isTouch===1&&t.ignoreMobileResize),"autoRefreshEvents"in t&&(Ir(pe)||Ir(de,t.autoRefreshEvents||"none"),ri=(t.autoRefreshEvents+"").indexOf("resize")===-1)},o.scrollerProxy=function(t,r){var i=Be(t),u=E.indexOf(i),l=Ut(i);~u&&E.splice(u,l?6:2),r&&(l?ft.unshift(P,r,L,r,Ue,r):ft.unshift(i,r))},o.clearMatchMedia=function(t){T.forEach(function(r){return r._ctx&&r._ctx.query===t&&r._ctx.kill(!0,!0)})},o.isInViewport=function(t,r,i){var u=($e(t)?Be(t):t).getBoundingClientRect(),l=u[i?Wt:Gt]*r||0;return i?u.right-l>0&&u.left+l<P.innerWidth:u.bottom-l>0&&u.top+l<P.innerHeight},o.positionInViewport=function(t,r,i){$e(t)&&(t=Be(t));var u=t.getBoundingClientRect(),l=u[i?Wt:Gt],p=r==null?l/2:r in en?en[r]*l:~r.indexOf("%")?parseFloat(r)*l/100:parseFloat(r)||0;return i?(u.left+p)/P.innerWidth:(u.top+p)/P.innerHeight},o.killAll=function(t){if(T.slice(0).forEach(function(i){return i.vars.id!=="ScrollSmoother"&&i.kill()}),t!==!0){var r=Vt.killAll||[];Vt={},r.forEach(function(i){return i()})}},o}();R.version="3.14.2";R.saveStyles=function(o){return o?Er(o).forEach(function(e){if(e&&e.style){var n=Ge.indexOf(e);n>=0&&Ge.splice(n,5),Ge.push(e,e.style.cssText,e.getBBox&&e.getAttribute("transform"),d.core.getCache(e),_n())}}):Ge};R.revert=function(o,e){return En(!o,e)};R.create=function(o,e){return new R(o,e)};R.refresh=function(o){return o?vr(!0):(er||R.register())&&Ht(!0)};R.update=function(o){return++E.cache&&yt(o===!0?2:0)};R.clearScrollMemory=hi;R.maxScroll=function(o,e){return ct(o,e?Ie:ae)};R.getScrollFunc=function(o,e){return Ot(Be(o),e?Ie:ae)};R.getById=function(o){return mn[o]};R.getAll=function(){return T.filter(function(o){return o.vars.id!=="ScrollSmoother"})};R.isScrolling=function(){return!!je};R.snapDirectional=Pn;R.addEventListener=function(o,e){var n=Vt[o]||(Vt[o]=[]);~n.indexOf(e)||n.push(e)};R.removeEventListener=function(o,e){var n=Vt[o],t=n&&n.indexOf(e);t>=0&&n.splice(t,1)};R.batch=function(o,e){var n=[],t={},r=e.interval||.016,i=e.batchMax||1e9,u=function(x,Y){var M=[],h=[],c=d.delayedCall(r,function(){Y(M,h),M=[],h=[]}).pause();return function(v){M.length||c.restart(!0),M.push(v.trigger),h.push(v),i<=M.length&&c.progress(1)}},l;for(l in e)t[l]=l.substr(0,2)==="on"&&ke(e[l])&&l!=="onRefreshInit"?u(l,e[l]):e[l];return ke(i)&&(i=i(),de(R,"refresh",function(){return i=e.batchMax()})),Er(o).forEach(function(p){var x={};for(l in t)x[l]=t[l];x.trigger=p,n.push(R.create(x))}),n};var $n=function(e,n,t,r){return n>r?e(r):n<0&&e(0),t>r?(r-n)/(t-n):t<0?n/(n-t):1},cn=function o(e,n){n===!0?e.style.removeProperty("touch-action"):e.style.touchAction=n===!0?"auto":n?"pan-"+n+(J.isTouch?" pinch-zoom":""):"none",e===Ue&&o(L,n)},Gr={auto:1,scroll:1},Fi=function(e){var n=e.event,t=e.target,r=e.axis,i=(n.changedTouches?n.changedTouches[0]:n).target,u=i._gsap||d.core.getCache(i),l=Se(),p;if(!u._isScrollT||l-u._isScrollT>2e3){for(;i&&i!==L&&(i.scrollHeight<=i.clientHeight&&i.scrollWidth<=i.clientWidth||!(Gr[(p=Qe(i)).overflowY]||Gr[p.overflowX]));)i=i.parentNode;u._isScroll=i&&i!==t&&!Ut(i)&&(Gr[(p=Qe(i)).overflowY]||Gr[p.overflowX]),u._isScrollT=l}(u._isScroll||r==="x")&&(n.stopPropagation(),n._gsapAllow=!0)},mi=function(e,n,t,r){return J.create({target:e,capture:!0,debounce:!1,lockAxis:!0,type:n,onWheel:r=r&&Fi,onPress:r,onDrag:r,onScroll:r,onEnable:function(){return t&&de(B,J.eventTypes[0],Vn,!1,!0)},onDisable:function(){return pe(B,J.eventTypes[0],Vn,!0)}})},Li=/(input|label|select|textarea)/i,Un,Vn=function(e){var n=Li.test(e.target.tagName);(n||Un)&&(e._gsapAllow=!0,Un=n)},Ii=function(e){Nt(e)||(e={}),e.preventDefault=e.isNormalizer=e.allowClicks=!0,e.type||(e.type="wheel,touch"),e.debounce=!!e.debounce,e.id=e.id||"normalizer";var n=e,t=n.normalizeScrollX,r=n.momentum,i=n.allowNestedScroll,u=n.onRelease,l,p,x=Be(e.target)||Ue,Y=d.core.globals().ScrollSmoother,M=Y&&Y.get(),h=Mt&&(e.content&&Be(e.content)||M&&e.content!==!1&&!M.smooth()&&M.content()),c=Ot(x,ae),v=Ot(x,Ie),$=1,X=(J.isTouch&&P.visualViewport?P.visualViewport.scale*P.visualViewport.width:P.outerWidth)/P.innerWidth,ne=0,W=ke(r)?function(){return r(l)}:function(){return r||2.8},ge,k,qe=mi(x,e.type,!0,i),N=function(){return k=!1},y=ut,Te=ut,ze=function(){p=ct(x,ae),Te=yr(Mt?1:0,p),t&&(y=yr(0,ct(x,Ie))),ge=$t},g=function(){h._gsap.y=hr(parseFloat(h._gsap.y)+c.offset)+"px",h.style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, "+parseFloat(h._gsap.y)+", 0, 1)",c.offset=c.cacheID=0},ue=function(){if(k){requestAnimationFrame(N);var Q=hr(l.deltaY/2),j=Te(c.v-Q);if(h&&j!==c.v+c.offset){c.offset=j-c.v;var s=hr((parseFloat(h&&h._gsap.y)||0)-c.offset);h.style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, "+s+", 0, 1)",h._gsap.y=s+"px",c.cacheID=E.cache,yt()}return!0}c.offset&&g(),k=!0},w,pt,ie,Pe,Ee=function(){ze(),w.isActive()&&w.vars.scrollY>p&&(c()>p?w.progress(1)&&c(p):w.resetTo("scrollY",p))};return h&&d.set(h,{y:"+=0"}),e.ignoreCheck=function(I){return Mt&&I.type==="touchmove"&&ue()||$>1.05&&I.type!=="touchstart"||l.isGesturing||I.touches&&I.touches.length>1},e.onPress=function(){k=!1;var I=$;$=hr((P.visualViewport&&P.visualViewport.scale||1)/X),w.pause(),I!==$&&cn(x,$>1.01?!0:t?!1:"x"),pt=v(),ie=c(),ze(),ge=$t},e.onRelease=e.onGestureStart=function(I,Q){if(c.offset&&g(),!Q)Pe.restart(!0);else{E.cache++;var j=W(),s,oe;t&&(s=v(),oe=s+j*.05*-I.velocityX/.227,j*=$n(v,s,oe,ct(x,Ie)),w.vars.scrollX=y(oe)),s=c(),oe=s+j*.05*-I.velocityY/.227,j*=$n(c,s,oe,ct(x,ae)),w.vars.scrollY=Te(oe),w.invalidate().duration(j).play(.01),(Mt&&w.vars.scrollY>=p||s>=p-1)&&d.to({},{onUpdate:Ee,duration:j})}u&&u(I)},e.onWheel=function(){w._ts&&w.pause(),Se()-ne>1e3&&(ge=0,ne=Se())},e.onChange=function(I,Q,j,s,oe){if($t!==ge&&ze(),Q&&t&&v(y(s[2]===Q?pt+(I.startX-I.x):v()+Q-s[1])),j){c.offset&&g();var Yt=oe[2]===j,bt=Yt?ie+I.startY-I.y:c()+j-oe[1],Ke=Te(bt);Yt&&bt!==Ke&&(ie+=Ke-bt),c(Ke)}(j||Q)&&yt()},e.onEnable=function(){cn(x,t?!1:"x"),R.addEventListener("refresh",Ee),de(P,"resize",Ee),c.smooth&&(c.target.style.scrollBehavior="auto",c.smooth=v.smooth=!1),qe.enable()},e.onDisable=function(){cn(x,!0),pe(P,"resize",Ee),R.removeEventListener("refresh",Ee),qe.kill()},e.lockAxis=e.lockAxis!==!1,l=new J(e),l.iOS=Mt,Mt&&!c()&&c(1),Mt&&d.ticker.add(ut),Pe=l._dc,w=d.to(l,{ease:"power4",paused:!0,inherit:!1,scrollX:t?"+=0.1":"+=0",scrollY:"+=0.1",modifiers:{scrollY:vi(c,c(),function(){return w.pause()})},onUpdate:yt,onComplete:Pe.vars.onComplete}),l};R.sort=function(o){if(ke(o))return T.sort(o);var e=P.pageYOffset||0;return R.getAll().forEach(function(n){return n._sortY=n.trigger?e+n.trigger.getBoundingClientRect().top:n.start+P.innerHeight}),T.sort(o||function(n,t){return(n.vars.refreshPriority||0)*-1e6+(n.vars.containerAnimation?1e6:n._sortY)-((t.vars.containerAnimation?1e6:t._sortY)+(t.vars.refreshPriority||0)*-1e6)})};R.observe=function(o){return new J(o)};R.normalizeScroll=function(o){if(typeof o>"u")return Ye;if(o===!0&&Ye)return Ye.enable();if(o===!1){Ye&&Ye.kill(),Ye=o;return}var e=o instanceof J?o:Ii(o);return Ye&&Ye.target===e.target&&Ye.kill(),Ut(e.target)&&(Ye=e),e};R.core={_getVelocityProp:dn,_inputObserver:mi,_scrollers:E,_proxies:ft,bridge:{ss:function(){je||qt("scrollStart"),je=Se()},ref:function(){return Ce}}};si()&&d.registerPlugin(R);export{R as S};

package/storybook-static/assets/ScrollVelocity-BQllEnJm.css

@@ -0,0 +1 @@
+._parallax_1s8d6_1{position:relative;overflow:hidden}._scroller_1s8d6_6{display:flex;white-space:nowrap;text-align:center;font-family:sans-serif;font-size:2.25rem;font-weight:700;letter-spacing:-.02em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}._scroller_1s8d6_6 span{flex-shrink:0}@media (min-width: 768px){._scroller_1s8d6_6{font-size:5rem;line-height:5rem}}

package/storybook-static/assets/ScrollVelocity.stories-1YFBGtbZ.js

@@ -0,0 +1,9 @@
+import{r as p,j as v}from"./iframe-Cz1R6gKZ.js";import{u as re}from"./use-motion-value-BgGWOnBX.js";import{h as ne,j as le,i as Te,r as Ce,m as Oe}from"./proxy-CAwOFzsk.js";import{f as h,I as k,N as Ne,a3 as Pe,a1 as He,Z as Be,j as Ae,c as oe,R as ke,U as Re,o as W,u as be,a as q}from"./MotionConfigContext-C_Ro_xsO.js";import{u as ze}from"./use-spring-CKPLi_a5.js";import{u as D}from"./use-transform-CJxjUEuh.js";import{u as je}from"./use-animation-frame-DhanRv3Z.js";import"./preload-helper-C1FmrZbK.js";function ce(e,t){let s;const r=()=>{const{currentTime:n}=t,o=(n===null?0:n.value)/100;s!==o&&e(o),s=o};return h.preUpdate(r,!0),()=>k(r)}function Ie(e,t,s){p.useInsertionEffect(()=>e.on(t,s),[e,t,s])}function O(e){return typeof window>"u"?!1:e?ne():le()}const _e=50,F=()=>({current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0}),qe=()=>({time:0,x:F(),y:F()}),De={x:{length:"Width",position:"Left"},y:{length:"Height",position:"Top"}};function $(e,t,s,r){const n=s[t],{length:l,position:o}=De[t],c=n.current,a=s.time;n.current=Math.abs(e[`scroll${o}`]),n.scrollLength=e[`scroll${l}`]-e[`client${l}`],n.offset.length=0,n.offset[0]=0,n.offset[1]=n.scrollLength,n.progress=Ne(0,n.scrollLength,n.current);const i=r-a;n.velocity=i>_e?0:Pe(n.current-c,i)}function Fe(e,t,s){$(e,"x",t,s),$(e,"y",t,s),t.time=s}function $e(e,t){const s={x:0,y:0};let r=e;for(;r&&r!==t;)if(Te(r))s.x+=r.offsetLeft,s.y+=r.offsetTop,r=r.offsetParent;else if(r.tagName==="svg"){const n=r.getBoundingClientRect();r=r.parentElement;const l=r.getBoundingClientRect();s.x+=n.left-l.left,s.y+=n.top-l.top}else if(r instanceof SVGGraphicsElement){const{x:n,y:l}=r.getBBox();s.x+=n,s.y+=l;let o=null,c=r.parentNode;for(;!o;)c.tagName==="svg"&&(o=c),c=r.parentNode;r=o}else break;return s}const R={start:0,center:.5,end:1};function X(e,t,s=0){let r=0;if(e in R&&(e=R[e]),typeof e=="string"){const n=parseFloat(e);e.endsWith("px")?r=n:e.endsWith("%")?e=n/100:e.endsWith("vw")?r=n/100*document.documentElement.clientWidth:e.endsWith("vh")?r=n/100*document.documentElement.clientHeight:e=n}return typeof e=="number"&&(r=t*e),s+r}const Xe=[0,0];function Ye(e,t,s,r){let n=Array.isArray(e)?e:Xe,l=0,o=0;return typeof e=="number"?n=[e,e]:typeof e=="string"&&(e=e.trim(),e.includes(" ")?n=e.split(" "):n=[e,R[e]?e:"0"]),l=X(n[0],s,r),o=X(n[1],t),l-o}const E={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]},Me={x:0,y:0};function Ue(e){return"getBBox"in e&&e.tagName!=="svg"?e.getBBox():{width:e.clientWidth,height:e.clientHeight}}function Ge(e,t,s){const{offset:r=E.All}=s,{target:n=e,axis:l="y"}=s,o=l==="y"?"height":"width",c=n!==e?$e(n,e):Me,a=n===e?{width:e.scrollWidth,height:e.scrollHeight}:Ue(n),i={width:e.clientWidth,height:e.clientHeight};t[l].offset.length=0;let u=!t[l].interpolate;const m=r.length;for(let f=0;f<m;f++){const g=Ye(r[f],i[o],a[o],c[l]);!u&&g!==t[l].interpolatorOffsets[f]&&(u=!0),t[l].offset[f]=g}u&&(t[l].interpolate=He(t[l].offset,Be(r),{clamp:!1}),t[l].interpolatorOffsets=[...t[l].offset]),t[l].progress=Ae(0,1,t[l].interpolate(t[l].current))}function Ke(e,t=e,s){if(s.x.targetOffset=0,s.y.targetOffset=0,t!==e){let r=t;for(;r&&r!==e;)s.x.targetOffset+=r.offsetLeft,s.y.targetOffset+=r.offsetTop,r=r.offsetParent}s.x.targetLength=t===e?t.scrollWidth:t.clientWidth,s.y.targetLength=t===e?t.scrollHeight:t.clientHeight,s.x.containerLength=e.clientWidth,s.y.containerLength=e.clientHeight}function Je(e,t,s,r={}){return{measure:n=>{Ke(e,r.target,s),Fe(e,s,n),(r.offset||r.target)&&Ge(e,s,r)},notify:()=>t(s)}}const x=new WeakMap,Y=new WeakMap,A=new WeakMap,M=new WeakMap,L=new WeakMap,U=e=>e===document.scrollingElement?window:e;function ie(e,{container:t=document.scrollingElement,trackContentSize:s=!1,...r}={}){if(!t)return oe;let n=A.get(t);n||(n=new Set,A.set(t,n));const l=qe(),o=Je(t,e,l,r);if(n.add(o),!x.has(t)){const a=()=>{for(const f of n)f.measure(ke.timestamp);h.preUpdate(i)},i=()=>{for(const f of n)f.notify()},u=()=>h.read(a);x.set(t,u);const m=U(t);window.addEventListener("resize",u),t!==document.documentElement&&Y.set(t,Ce(t,u)),m.addEventListener("scroll",u),u()}if(s&&!L.has(t)){const a=x.get(t),i={width:t.scrollWidth,height:t.scrollHeight};M.set(t,i);const u=()=>{const f=t.scrollWidth,g=t.scrollHeight;(i.width!==f||i.height!==g)&&(a(),i.width=f,i.height=g)},m=h.read(u,!0);L.set(t,m)}const c=x.get(t);return h.read(c,!1,!0),()=>{var m;k(c);const a=A.get(t);if(!a||(a.delete(o),a.size))return;const i=x.get(t);x.delete(t),i&&(U(t).removeEventListener("scroll",i),(m=Y.get(t))==null||m(),window.removeEventListener("resize",i));const u=L.get(t);u&&(k(u),L.delete(t)),M.delete(t)}}const Ze=[[E.Enter,"entry"],[E.Exit,"exit"],[E.Any,"cover"],[E.All,"contain"]],G={start:0,end:1};function Qe(e){const t=e.trim().split(/\s+/);if(t.length!==2)return;const s=G[t[0]],r=G[t[1]];if(!(s===void 0||r===void 0))return[s,r]}function et(e){if(e.length!==2)return;const t=[];for(const s of e)if(Array.isArray(s))t.push(s);else if(typeof s=="string"){const r=Qe(s);if(!r)return;t.push(r)}else return;return t}function tt(e,t){const s=et(e);if(!s)return!1;for(let r=0;r<2;r++){const n=s[r],l=t[r];if(n[0]!==l[0]||n[1]!==l[1])return!1}return!0}function b(e){if(!e)return{rangeStart:"contain 0%",rangeEnd:"contain 100%"};for(const[t,s]of Ze)if(tt(e,t))return{rangeStart:`${s} 0%`,rangeEnd:`${s} 100%`}}const K=new Map;function J(e){const t={value:0},s=ie(r=>{t.value=r[e.axis].progress*100},e);return{currentTime:t,cancel:s}}function ae({source:e,container:t,...s}){const{axis:r}=s;e&&(t=e);let n=K.get(t);n||(n=new Map,K.set(t,n));const l=s.target??"self";let o=n.get(l);o||(o={},n.set(l,o));const c=r+(s.offset??[]).join(",");return o[c]||(s.target&&O(s.target)?b(s.offset)?o[c]=new ViewTimeline({subject:s.target,axis:r}):o[c]=J({container:t,...s}):O()?o[c]=new ScrollTimeline({source:t,axis:r}):o[c]=J({container:t,...s})),o[c]}function st(e,t){const s=ae(t),r=t.target?b(t.offset):void 0,n=t.target?O(t.target)&&!!r:O();return e.attachTimeline({timeline:n?s:void 0,...r&&n&&{rangeStart:r.rangeStart,rangeEnd:r.rangeEnd},observe:l=>(l.pause(),ce(o=>{l.time=l.iterationDuration*o},s))})}function rt(e){return e.length===2}function nt(e,t){return rt(e)?ie(s=>{e(s[t.axis].progress,s)},t):ce(e,ae(t))}function ue(e,{axis:t="y",container:s=document.scrollingElement,...r}={}){if(!s)return oe;const n={axis:t,container:s,...r};return typeof e=="function"?nt(e,n):st(e,n)}const lt=()=>({scrollX:W(0),scrollY:W(0),scrollXProgress:W(0),scrollYProgress:W(0)}),T=e=>e?!e.current:!1;function Z(e,t,s,r){return{factory:n=>ue(n,{...t,axis:e,container:(s==null?void 0:s.current)||void 0,target:(r==null?void 0:r.current)||void 0}),times:[0,1],keyframes:[0,1],ease:n=>n,duration:1}}function ot(e,t){return typeof window>"u"?!1:e?ne()&&!!b(t):le()}function ct({container:e,target:t,...s}={}){const r=Re(lt);ot(t,s.offset)&&(r.scrollXProgress.accelerate=Z("x",s,e,t),r.scrollYProgress.accelerate=Z("y",s,e,t));const n=p.useRef(null),l=p.useRef(!1),o=p.useCallback(()=>(n.current=ue((c,{x:a,y:i})=>{r.scrollX.set(a.current),r.scrollXProgress.set(a.progress),r.scrollY.set(i.current),r.scrollYProgress.set(i.progress)},{...s,container:(e==null?void 0:e.current)||void 0,target:(t==null?void 0:t.current)||void 0}),()=>{var c;(c=n.current)==null||c.call(n)}),[e,t,JSON.stringify(s.offset)]);return be(()=>{if(l.current=!1,T(e)||T(t)){l.current=!0;return}else return o()},[o]),p.useEffect(()=>{if(l.current)return q(!T(e)),q(!T(t)),o()},[o]),r}function it(e){const t=re(e.getVelocity()),s=()=>{const r=e.getVelocity();t.set(r),r&&h.update(s)};return Ie(e,"change",()=>{h.update(s,!1,!0)}),t}const at="_parallax_1s8d6_1",ut="_scroller_1s8d6_6",Q={parallax:at,scroller:ut};function ft(e){const[t,s]=p.useState(0);return p.useLayoutEffect(()=>{function r(){e.current&&s(e.current.offsetWidth)}return r(),window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[e]),t}const fe=({scrollContainerRef:e,texts:t=[],velocity:s=100,className:r="",damping:n=50,stiffness:l=400,numCopies:o=6,velocityMapping:c={input:[0,1e3],output:[0,5]},parallaxClassName:a=Q.parallax,scrollerClassName:i=Q.scroller,parallaxStyle:u,scrollerStyle:m})=>{function f({children:g,baseVelocity:S=s,scrollContainerRef:z,className:de="",damping:me,stiffness:ge,numCopies:pe,velocityMapping:y,parallaxClassName:he,scrollerClassName:ye,parallaxStyle:xe,scrollerStyle:we}){const N=re(0),ve=z?{container:z}:{},{scrollY:Ee}=ct(ve),Se=it(Ee),Ve=ze(Se,{damping:me??50,stiffness:ge??400}),P=D(Ve,(y==null?void 0:y.input)||[0,1e3],(y==null?void 0:y.output)||[0,5],{clamp:!1}),j=p.useRef(null),I=ft(j);function We(d,H,w){const B=H-d;return((w-d)%B+B)%B+d}const Le=D(N,d=>I===0?"0px":`${We(-I,0,d)}px`),V=p.useRef(1);je((d,H)=>{let w=V.current*S*(H/1e3);P.get()<0?V.current=-1:P.get()>0&&(V.current=1),w+=V.current*w*P.get(),N.set(N.get()+w)});const _=[];for(let d=0;d<pe;d++)_.push(v.jsxs("span",{className:de,ref:d===0?j:null,children:[g," "]},d));return v.jsx("div",{className:he,style:xe,children:v.jsx(Oe.div,{className:ye,style:{x:Le,...we},children:_})})}return v.jsx("section",{children:t.map((g,S)=>v.jsx(f,{className:r,baseVelocity:S%2!==0?-s:s,scrollContainerRef:e,damping:n,stiffness:l,numCopies:o,velocityMapping:c,parallaxClassName:a,scrollerClassName:i,parallaxStyle:u,scrollerStyle:m,children:g},S))})};fe.__docgenInfo={description:"",methods:[],displayName:"ScrollVelocity",props:{texts:{defaultValue:{value:"[]",computed:!1},required:!1},velocity:{defaultValue:{value:"100",computed:!1},required:!1},className:{defaultValue:{value:"''",computed:!1},required:!1},damping:{defaultValue:{value:"50",computed:!1},required:!1},stiffness:{defaultValue:{value:"400",computed:!1},required:!1},numCopies:{defaultValue:{value:"6",computed:!1},required:!1},velocityMapping:{defaultValue:{value:"{ input: [0, 1000], output: [0, 5] }",computed:!1},required:!1},parallaxClassName:{defaultValue:{value:"styles['parallax']",computed:!0},required:!1},scrollerClassName:{defaultValue:{value:"styles['scroller']",computed:!0},required:!1}}};const Et={title:"ReactBits/TextAnimations/ScrollVelocity",component:fe,parameters:{layout:"fullscreen"},tags:["autodocs"]},C={args:{texts:["React Bits","Scroll Velocity"],velocity:100,damping:50,stiffness:400,numCopies:6}};var ee,te,se;C.parameters={...C.parameters,docs:{...(ee=C.parameters)==null?void 0:ee.docs,source:{originalSource:`{
+  args: {
+    texts: ['React Bits', 'Scroll Velocity'],
+    velocity: 100,
+    damping: 50,
+    stiffness: 400,
+    numCopies: 6
+  }
+}`,...(se=(te=C.parameters)==null?void 0:te.docs)==null?void 0:se.source}}};const St=["Default"];export{C as Default,St as __namedExportsOrder,Et as default};

package/storybook-static/assets/SearchBar-CYhuHFt7.css

@@ -0,0 +1 @@
+._searchContainer_on5sv_1{position:relative;width:100%;max-width:600px}._searchInputWrapper_on5sv_7{position:relative;display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s ease}._searchInputWrapper_on5sv_7:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #0500f21a}._searchIcon_on5sv_23{position:absolute;left:var(--spacing-md);color:var(--color-text-secondary);pointer-events:none;z-index:1}._searchInput_on5sv_7{flex:1;padding:var(--spacing-sm) var(--spacing-xl);padding-left:calc(var(--spacing-xl) + 20px);padding-right:calc(var(--spacing-xl) + 20px);border:none;outline:none;font-size:var(--font-size-base);color:var(--color-text);background:transparent;min-width:250px}@media (max-width: 768px){._searchInput_on5sv_7{padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) + 20px);padding-right:calc(var(--spacing-md) + 20px);min-width:0;width:100%}._searchContainer_on5sv_1{max-width:100%}}._searchInput_on5sv_7::placeholder{color:var(--color-text-tertiary)}._clearButton_on5sv_62{position:absolute;right:140px;padding:var(--spacing-xs);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color .2s ease,background .2s ease}._clearButton_on5sv_62:hover{color:var(--color-text);background:var(--color-surface-hover)}._filterSelect_on5sv_82{padding:var(--spacing-sm) var(--spacing-md);border:none;border-left:1px solid var(--color-border);background:var(--color-background-secondary);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;outline:none;min-width:100px}._filterSelect_on5sv_82:hover{background:var(--color-surface-hover)}._resultsDropdown_on5sv_98{position:absolute;top:calc(100% + var(--spacing-sm));left:0;right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:400px;overflow-y:auto;z-index:1000}._loadingState_on5sv_112,._emptyState_on5sv_113{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}._spinner_on5sv_123{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:_spin_on5sv_123 .8s linear infinite}@keyframes _spin_on5sv_123{to{transform:rotate(360deg)}}._resultsGroups_on5sv_138{padding:var(--spacing-sm) 0}._resultGroup_on5sv_142{border-bottom:1px solid var(--color-border)}._resultGroup_on5sv_142:last-child{border-bottom:none}._groupHeader_on5sv_150{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-secondary);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}._groupIcon_on5sv_161{width:16px;height:16px}._groupTitle_on5sv_166{flex:1}._groupCount_on5sv_170{background:var(--color-border);padding:2px 6px;border-radius:var(--radius-sm);font-size:12px}._groupResults_on5sv_177{padding:var(--spacing-xs) 0}._resultItem_on5sv_181{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;cursor:pointer;text-align:left;transition:background .2s ease}._resultItem_on5sv_181:hover{background:var(--color-surface-hover)}._resultItem_on5sv_181._highlighted_on5sv_198{background:var(--color-primary);color:var(--color-text-inverse);transform:translate(4px);transition:all .2s ease}._resultItem_on5sv_181._highlighted_on5sv_198 ._resultTitle_on5sv_205{color:var(--color-text-inverse)}._resultItem_on5sv_181._highlighted_on5sv_198 ._resultSubtitle_on5sv_209{color:#fffc}._resultItem_on5sv_181._highlighted_on5sv_198 ._resultMeta_on5sv_213{color:#ffffffb3}._resultContent_on5sv_217{flex:1;min-width:0}._resultTitle_on5sv_205{font-size:var(--font-size-base);color:var(--color-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._resultSubtitle_on5sv_209{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._resultMeta_on5sv_213{font-size:var(--font-size-sm);color:var(--color-text-tertiary);white-space:nowrap}._highlight_on5sv_198{background:#ffeb3b66;color:inherit;font-weight:600;padding:0 2px;border-radius:2px}._resultItem_on5sv_181._highlighted_on5sv_198 ._highlight_on5sv_198{background:#ffffff4d;color:var(--color-text-inverse)}@media (max-width: 768px){._searchContainer_on5sv_1{max-width:100%}._filterSelect_on5sv_82{min-width:80px;font-size:12px;padding:var(--spacing-sm)}._resultsDropdown_on5sv_98{max-height:300px}._clearButton_on5sv_62{right:90px}}

package/storybook-static/assets/SearchBar.stories-T1tR-GmV.js

@@ -0,0 +1,169 @@
+import{r as c,j as r}from"./iframe-Cz1R6gKZ.js";import{S as Ne}from"./search-DcwY6Xta.js";import{F as Ee}from"./folder-CR6tETf-.js";import{U as Pe}from"./users-C7jpE6gP.js";import{c as B}from"./createLucideIcon-C7zEcVM7.js";import{m as G}from"./proxy-CAwOFzsk.js";import{X as ze}from"./x-CP8OMUcV.js";import{A as Xe}from"./index-CIvCfZMj.js";import"./preload-helper-C1FmrZbK.js";import"./MotionConfigContext-C_Ro_xsO.js";/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ye=[["path",{d:"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20",key:"k3hazp"}]],qe=B("book",Ye);/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ze=[["path",{d:"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",key:"18887p"}]],Me=B("message-square",Ze);/**
+ * @license lucide-react v0.539.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const et=[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["line",{x1:"19",x2:"19",y1:"8",y2:"14",key:"1bvyxn"}],["line",{x1:"22",x2:"16",y1:"11",y2:"11",key:"1shjgl"}]],Ae=B("user-plus",et),tt="_searchContainer_on5sv_1",rt="_searchInputWrapper_on5sv_7",st="_searchIcon_on5sv_23",nt="_searchInput_on5sv_7",at="_clearButton_on5sv_62",ot="_filterSelect_on5sv_82",lt="_resultsDropdown_on5sv_98",ct="_loadingState_on5sv_112",it="_emptyState_on5sv_113",ut="_spinner_on5sv_123",dt="_resultsGroups_on5sv_138",pt="_resultGroup_on5sv_142",mt="_groupHeader_on5sv_150",ht="_groupIcon_on5sv_161",gt="_groupTitle_on5sv_166",yt="_groupCount_on5sv_170",St="_groupResults_on5sv_177",ft="_resultItem_on5sv_181",Ct="_highlighted_on5sv_198",wt="_resultTitle_on5sv_205",bt="_resultSubtitle_on5sv_209",vt="_resultMeta_on5sv_213",kt="_resultContent_on5sv_217",_t="_highlight_on5sv_198",s={searchContainer:tt,searchInputWrapper:rt,searchIcon:st,searchInput:nt,clearButton:at,filterSelect:ot,resultsDropdown:lt,loadingState:ct,emptyState:it,spinner:ut,resultsGroups:dt,resultGroup:pt,groupHeader:mt,groupIcon:ht,groupTitle:gt,groupCount:yt,groupResults:St,resultItem:ft,highlighted:Ct,resultTitle:wt,resultSubtitle:bt,resultMeta:vt,resultContent:kt,highlight:_t},xt=[{value:"all",label:"All",icon:Ne},{value:"projects",label:"Projects",icon:Ee},{value:"clients",label:"Clients",icon:Pe},{value:"contacts",label:"Contacts",icon:qe},{value:"interactions",label:"Interactions",icon:Me},{value:"team",label:"Team",icon:Ae}],Rt={projects:Ee,clients:Pe,contacts:qe,interactions:Me,team:Ae},Fe=({className:e,placeholder:h="Search (Ctrl+Space)...",onSearch:d,onResultClick:l,onClear:m,debounceDelay:o=300,minSearchLength:g=2,showFilter:x=!0,enableKeyboardShortcut:U=!0,filterOptions:He,entityIcons:Ge})=>{var z;const W=He??xt,Be=Ge??Rt,[S,A]=c.useState(""),[F,Ue]=c.useState(((z=W[0])==null?void 0:z.value)??"all"),[i,w]=c.useState([]),[We,Q]=c.useState(!1),[v,p]=c.useState(!1),[b,y]=c.useState(-1),O=c.useRef(null),k=c.useRef(null),_=c.useRef(),H=c.useRef(null),K=c.useCallback(async(t,n)=>{if(t.trim().length<g){w([]),p(!1);return}if(!d){w([]),p(!1);return}Q(!0);try{const a=await d(t,n);w(a),p(a.length>0),y(-1)}catch(a){console.error("Search error:",a),w([]),p(!1)}finally{Q(!1)}},[d,g]);c.useEffect(()=>(_.current&&clearTimeout(_.current),S.trim()?_.current=setTimeout(()=>{K(S,F)},o):(w([]),p(!1)),()=>{_.current&&clearTimeout(_.current)}),[S,F,K,o]),c.useEffect(()=>{const t=n=>{O.current&&!O.current.contains(n.target)&&(p(!1),y(-1))};return document.addEventListener("mousedown",t),()=>document.removeEventListener("mousedown",t)},[]),c.useEffect(()=>{if(!U)return;const t=n=>{var a,u;(n.ctrlKey||n.metaKey)&&n.code==="Space"&&(n.preventDefault(),(a=k.current)==null||a.focus(),(u=k.current)==null||u.select())};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[U]),c.useEffect(()=>{if(b>=0&&H.current){const t=H.current.querySelector(`[data-result-index="${b}"]`);t&&t.scrollIntoView({behavior:"smooth",block:"nearest"})}},[b]);const Qe=t=>{var n;switch(t.key){case"ArrowDown":t.preventDefault(),!v&&i.length>0?(p(!0),y(0)):i.length>0&&y(a=>a<i.length-1?a+1:0);break;case"ArrowUp":t.preventDefault(),v&&i.length>0&&y(a=>a>0?a-1:i.length-1);break;case"Enter":if(t.preventDefault(),!v&&i.length>0)p(!0),y(0);else if(i.length>0){const a=b>=0?b:0;a<i.length&&V(i[a])}break;case"Escape":p(!1),y(-1),(n=k.current)==null||n.blur();break}},V=t=>{l&&l(t),A(""),p(!1),y(-1)},Ke=()=>{var t;A(""),w([]),p(!1),y(-1),(t=k.current)==null||t.focus(),m&&m()},Ve=i.reduce((t,n)=>(t[n.type]||(t[n.type]=[]),t[n.type].push(n),t),{}),J=(t,n)=>{if(!t||!n.trim())return t||"";const a=new RegExp(`(${n.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")})`,"gi");return t.split(a).map((C,Je)=>a.test(C)?r.jsx("mark",{className:s.highlight,children:C},Je):C)};return r.jsxs("div",{ref:O,className:`${s.searchContainer} ${e||""}`,children:[r.jsxs("div",{className:s.searchInputWrapper,children:[r.jsx(Ne,{className:s.searchIcon}),r.jsx("input",{ref:k,type:"text",value:S,onChange:t=>A(t.target.value),onKeyDown:Qe,onFocus:()=>S.trim()&&i.length>0&&p(!0),placeholder:h,className:s.searchInput,"aria-label":"Search","aria-expanded":v,"aria-controls":"search-results","aria-autocomplete":"list"}),S&&r.jsx(G.button,{className:s.clearButton,onClick:Ke,whileHover:{scale:1.1},whileTap:{scale:.9},initial:{opacity:0,scale:.8},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.8},children:r.jsx(ze,{})}),x&&r.jsx("select",{value:F,onChange:t=>Ue(t.target.value),className:s.filterSelect,"aria-label":"Filter search results",children:W.map(t=>r.jsx("option",{value:t.value,children:t.label},t.value))})]}),r.jsx(Xe,{children:v&&r.jsx(G.div,{ref:H,id:"search-results",className:s.resultsDropdown,initial:{opacity:0,y:-10},animate:{opacity:1,y:0},exit:{opacity:0,y:-10},transition:{duration:.2},children:We?r.jsxs("div",{className:s.loadingState,children:[r.jsx("div",{className:s.spinner}),r.jsx("span",{children:"Searching..."})]}):i.length===0?r.jsxs("div",{className:s.emptyState,children:['No results found for "',S,'"']}):r.jsx("div",{className:s.resultsGroups,children:Object.entries(Ve).map(([t,n])=>{const a=Be[t];return r.jsxs("div",{className:s.resultGroup,children:[r.jsxs("div",{className:s.groupHeader,children:[a&&r.jsx(a,{className:s.groupIcon}),r.jsx("span",{className:s.groupTitle,children:t.charAt(0).toUpperCase()+t.slice(1)}),r.jsx("span",{className:s.groupCount,children:n.length})]}),r.jsx("div",{className:s.groupResults,children:n.map(u=>{const C=i.indexOf(u);return r.jsxs(G.button,{"data-result-index":C,className:`${s.resultItem} ${b===C?s.highlighted:""}`,onClick:()=>V(u),whileHover:{x:4},onMouseEnter:()=>y(C),children:[r.jsxs("div",{className:s.resultContent,children:[r.jsx("div",{className:s.resultTitle,children:J(u.title||"Untitled",S)}),u.subtitle&&r.jsx("div",{className:s.resultSubtitle,children:J(u.subtitle,S)})]}),u.meta&&r.jsx("div",{className:s.resultMeta,children:u.meta})]},`${u.type}-${u.id}`)})})]},t)})})})})]})};Fe.__docgenInfo={description:"",methods:[],displayName:"SearchBar",props:{className:{required:!1,tsType:{name:"string"},description:""},placeholder:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:'"Search (Ctrl+Space)..."',computed:!1}},onSearch:{required:!1,tsType:{name:"signature",type:"function",raw:"(query: string, filter: string) => Promise<SearchResult[]>",signature:{arguments:[{type:{name:"string"},name:"query"},{type:{name:"string"},name:"filter"}],return:{name:"Promise",elements:[{name:"Array",elements:[{name:"SearchResult"}],raw:"SearchResult[]"}],raw:"Promise<SearchResult[]>"}}},description:""},onResultClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(result: SearchResult) => void",signature:{arguments:[{type:{name:"SearchResult"},name:"result"}],return:{name:"void"}}},description:""},onClear:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},debounceDelay:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"300",computed:!1}},minSearchLength:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"2",computed:!1}},showFilter:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},enableKeyboardShortcut:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},filterOptions:{required:!1,tsType:{name:"Array",elements:[{name:"FilterOption"}],raw:"FilterOption[]"},description:""},entityIcons:{required:!1,tsType:{name:"signature",type:"object",raw:"{ [key: string]: React.ElementType }",signature:{properties:[{key:{name:"string"},value:{name:"ReactElementType",raw:"React.ElementType",required:!0}}]}},description:""}}};const Mt={title:"Molecules/SearchBar",component:Fe,parameters:{layout:"centered",docs:{description:{component:"A powerful search bar component with filtering, keyboard navigation, and grouped results display."}}},tags:["autodocs"],argTypes:{placeholder:{control:"text",description:"Placeholder text for the search input"},debounceDelay:{control:{type:"number",min:0,max:1e3,step:50},description:"Delay in ms before triggering search"},minSearchLength:{control:{type:"number",min:1,max:5},description:"Minimum characters required to trigger search"},showFilter:{control:"boolean",description:"Show/hide the filter dropdown"},enableKeyboardShortcut:{control:"boolean",description:"Enable Ctrl+Space to focus search"}}},Oe=[{id:"1",type:"projects",title:"Website Redesign",subtitle:"E-commerce Platform",meta:"Active"},{id:"2",type:"projects",title:"Mobile App Development",subtitle:"iOS & Android",meta:"In Progress"},{id:"3",type:"projects",title:"API Integration",subtitle:"Payment Gateway",meta:"Completed"},{id:"4",type:"projects",title:"Database Migration",subtitle:"PostgreSQL to MongoDB",meta:"Planning"},{id:"5",type:"clients",title:"Acme Corporation",subtitle:"Technology Partner",meta:"Premium"},{id:"6",type:"clients",title:"Global Industries",subtitle:"Manufacturing",meta:"Standard"},{id:"7",type:"clients",title:"StartUp Inc",subtitle:"SaaS Platform",meta:"Growth"},{id:"8",type:"contacts",title:"John Doe",subtitle:"john@example.com",meta:"CEO"},{id:"9",type:"contacts",title:"Jane Smith",subtitle:"jane@example.com",meta:"CTO"},{id:"10",type:"contacts",title:"Bob Johnson",subtitle:"bob@example.com",meta:"Developer"},{id:"11",type:"team",title:"Alice Williams",subtitle:"Frontend Developer",meta:"Senior"},{id:"12",type:"team",title:"Charlie Brown",subtitle:"Backend Developer",meta:"Mid-level"},{id:"13",type:"team",title:"Diana Prince",subtitle:"UI/UX Designer",meta:"Lead"},{id:"14",type:"interactions",title:"Meeting with Client",subtitle:"Discussed project scope",meta:"2 days ago"},{id:"15",type:"interactions",title:"Code Review",subtitle:"PR #123 approved",meta:"Yesterday"},{id:"16",type:"interactions",title:"Sprint Planning",subtitle:"Q4 roadmap defined",meta:"Last week"}],f=async(e,h)=>{await new Promise(l=>setTimeout(l,500));const d=e.toLowerCase();return Oe.filter(l=>{var m,o;return h!=="all"&&l.type!==h?!1:((m=l.title)==null?void 0:m.toLowerCase().includes(d))||((o=l.subtitle)==null?void 0:o.toLowerCase().includes(d))})},R={args:{placeholder:"Search...",onSearch:f,onResultClick:e=>{console.log("Clicked result:",e),alert(`Selected: ${e.title}`)}}},I={args:{placeholder:"Search with filter...",showFilter:!0,onSearch:f,onResultClick:e=>{console.log("Clicked result:",e),alert(`Selected: ${e.title}`)}}},$={args:{placeholder:"Search without filter...",showFilter:!1,onSearch:f,onResultClick:e=>{console.log("Clicked result:",e),alert(`Selected: ${e.title}`)}}},j={args:{placeholder:"Fast search (100ms debounce)...",debounceDelay:100,onSearch:f,onResultClick:e=>{console.log("Clicked result:",e),alert(`Selected: ${e.title}`)}}},D={args:{placeholder:"Slow search (1000ms debounce)...",debounceDelay:1e3,onSearch:f,onResultClick:e=>{console.log("Clicked result:",e),alert(`Selected: ${e.title}`)}}},T={args:{placeholder:"Type at least 3 characters...",minSearchLength:3,onSearch:f,onResultClick:e=>{console.log("Clicked result:",e),alert(`Selected: ${e.title}`)}}},L={args:{placeholder:"Search (no keyboard shortcut)...",enableKeyboardShortcut:!1,onSearch:f,onResultClick:e=>{console.log("Clicked result:",e),alert(`Selected: ${e.title}`)}}},N={args:{placeholder:"Search (always empty)...",onSearch:async()=>(await new Promise(e=>setTimeout(e,500)),[]),onResultClick:e=>{console.log("Clicked result:",e)}}},E={args:{placeholder:"Search (will error)...",onSearch:async()=>{throw await new Promise(e=>setTimeout(e,500)),new Error("Search failed!")},onResultClick:e=>{console.log("Clicked result:",e)}}},P={args:{placeholder:"Instant search (no debounce)...",debounceDelay:0,minSearchLength:1,onSearch:async(e,h)=>{const d=e.toLowerCase();return Oe.filter(l=>{var m,o;return h!=="all"&&l.type!==h?!1:((m=l.title)==null?void 0:m.toLowerCase().includes(d))||((o=l.subtitle)==null?void 0:o.toLowerCase().includes(d))})},onResultClick:e=>{console.log("Clicked result:",e),alert(`Selected: ${e.title}`)}}},q={args:{placeholder:"Search with custom actions...",onSearch:f,onResultClick:e=>{console.log("Custom action for:",e),alert(`Custom action: ${e.type} - ${e.title}`)},onClear:()=>{console.log("Search cleared!"),alert("Search was cleared")}}},M={args:{placeholder:"Search large dataset...",onSearch:async(e,h)=>{await new Promise(o=>setTimeout(o,300));const d=["projects","clients","contacts","team","interactions"],l=[];for(let o=0;o<100;o++){const g=d[o%d.length];(h==="all"||h===g)&&l.push({id:`large-${o}`,type:g,title:`${g.charAt(0).toUpperCase()+g.slice(1)} Item ${o}`,subtitle:`Description for item ${o} containing ${e}`,meta:`Meta ${o}`})}const m=e.toLowerCase();return l.filter(o=>{var g,x;return((g=o.title)==null?void 0:g.toLowerCase().includes(m))||((x=o.subtitle)==null?void 0:x.toLowerCase().includes(m))}).slice(0,20)},onResultClick:e=>{console.log("Selected from large dataset:",e),alert(`Selected: ${e.title}`)}}};var X,Y,Z;R.parameters={...R.parameters,docs:{...(X=R.parameters)==null?void 0:X.docs,source:{originalSource:`{
+  args: {
+    placeholder: 'Search...',
+    onSearch: mockSearch,
+    onResultClick: result => {
+      console.log('Clicked result:', result);
+      alert(\`Selected: \${result.title}\`);
+    }
+  }
+}`,...(Z=(Y=R.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var ee,te,re;I.parameters={...I.parameters,docs:{...(ee=I.parameters)==null?void 0:ee.docs,source:{originalSource:`{
+  args: {
+    placeholder: 'Search with filter...',
+    showFilter: true,
+    onSearch: mockSearch,
+    onResultClick: result => {
+      console.log('Clicked result:', result);
+      alert(\`Selected: \${result.title}\`);
+    }
+  }
+}`,...(re=(te=I.parameters)==null?void 0:te.docs)==null?void 0:re.source}}};var se,ne,ae;$.parameters={...$.parameters,docs:{...(se=$.parameters)==null?void 0:se.docs,source:{originalSource:`{
+  args: {
+    placeholder: 'Search without filter...',
+    showFilter: false,
+    onSearch: mockSearch,
+    onResultClick: result => {
+      console.log('Clicked result:', result);
+      alert(\`Selected: \${result.title}\`);
+    }
+  }
+}`,...(ae=(ne=$.parameters)==null?void 0:ne.docs)==null?void 0:ae.source}}};var oe,le,ce;j.parameters={...j.parameters,docs:{...(oe=j.parameters)==null?void 0:oe.docs,source:{originalSource:`{
+  args: {
+    placeholder: 'Fast search (100ms debounce)...',
+    debounceDelay: 100,
+    onSearch: mockSearch,
+    onResultClick: result => {
+      console.log('Clicked result:', result);
+      alert(\`Selected: \${result.title}\`);
+    }
+  }
+}`,...(ce=(le=j.parameters)==null?void 0:le.docs)==null?void 0:ce.source}}};var ie,ue,de;D.parameters={...D.parameters,docs:{...(ie=D.parameters)==null?void 0:ie.docs,source:{originalSource:`{
+  args: {
+    placeholder: 'Slow search (1000ms debounce)...',
+    debounceDelay: 1000,
+    onSearch: mockSearch,
+    onResultClick: result => {
+      console.log('Clicked result:', result);
+      alert(\`Selected: \${result.title}\`);
+    }
+  }
+}`,...(de=(ue=D.parameters)==null?void 0:ue.docs)==null?void 0:de.source}}};var pe,me,he;T.parameters={...T.parameters,docs:{...(pe=T.parameters)==null?void 0:pe.docs,source:{originalSource:`{
+  args: {
+    placeholder: 'Type at least 3 characters...',
+    minSearchLength: 3,
+    onSearch: mockSearch,
+    onResultClick: result => {
+      console.log('Clicked result:', result);
+      alert(\`Selected: \${result.title}\`);
+    }
+  }
+}`,...(he=(me=T.parameters)==null?void 0:me.docs)==null?void 0:he.source}}};var ge,ye,Se;L.parameters={...L.parameters,docs:{...(ge=L.parameters)==null?void 0:ge.docs,source:{originalSource:`{
+  args: {
+    placeholder: 'Search (no keyboard shortcut)...',
+    enableKeyboardShortcut: false,
+    onSearch: mockSearch,
+    onResultClick: result => {
+      console.log('Clicked result:', result);
+      alert(\`Selected: \${result.title}\`);
+    }
+  }
+}`,...(Se=(ye=L.parameters)==null?void 0:ye.docs)==null?void 0:Se.source}}};var fe,Ce,we;N.parameters={...N.parameters,docs:{...(fe=N.parameters)==null?void 0:fe.docs,source:{originalSource:`{
+  args: {
+    placeholder: 'Search (always empty)...',
+    onSearch: async () => {
+      await new Promise(resolve => setTimeout(resolve, 500));
+      return [];
+    },
+    onResultClick: result => {
+      console.log('Clicked result:', result);
+    }
+  }
+}`,...(we=(Ce=N.parameters)==null?void 0:Ce.docs)==null?void 0:we.source}}};var be,ve,ke;E.parameters={...E.parameters,docs:{...(be=E.parameters)==null?void 0:be.docs,source:{originalSource:`{
+  args: {
+    placeholder: 'Search (will error)...',
+    onSearch: async () => {
+      await new Promise(resolve => setTimeout(resolve, 500));
+      throw new Error('Search failed!');
+    },
+    onResultClick: result => {
+      console.log('Clicked result:', result);
+    }
+  }
+}`,...(ke=(ve=E.parameters)==null?void 0:ve.docs)==null?void 0:ke.source}}};var _e,xe,Re;P.parameters={...P.parameters,docs:{...(_e=P.parameters)==null?void 0:_e.docs,source:{originalSource:`{
+  args: {
+    placeholder: 'Instant search (no debounce)...',
+    debounceDelay: 0,
+    minSearchLength: 1,
+    onSearch: async (query: string, filter: string) => {
+      // Instant response, no delay
+      const lowerQuery = query.toLowerCase();
+      return mockSearchData.filter(item => {
+        if (filter !== 'all' && item.type !== filter) {
+          return false;
+        }
+        return item.title?.toLowerCase().includes(lowerQuery) || item.subtitle?.toLowerCase().includes(lowerQuery);
+      });
+    },
+    onResultClick: result => {
+      console.log('Clicked result:', result);
+      alert(\`Selected: \${result.title}\`);
+    }
+  }
+}`,...(Re=(xe=P.parameters)==null?void 0:xe.docs)==null?void 0:Re.source}}};var Ie,$e,je;q.parameters={...q.parameters,docs:{...(Ie=q.parameters)==null?void 0:Ie.docs,source:{originalSource:`{
+  args: {
+    placeholder: 'Search with custom actions...',
+    onSearch: mockSearch,
+    onResultClick: result => {
+      console.log('Custom action for:', result);
+      alert(\`Custom action: \${result.type} - \${result.title}\`);
+    },
+    onClear: () => {
+      console.log('Search cleared!');
+      alert('Search was cleared');
+    }
+  }
+}`,...(je=($e=q.parameters)==null?void 0:$e.docs)==null?void 0:je.source}}};var De,Te,Le;M.parameters={...M.parameters,docs:{...(De=M.parameters)==null?void 0:De.docs,source:{originalSource:`{
+  args: {
+    placeholder: 'Search large dataset...',
+    onSearch: async (query: string, filter: string) => {
+      await new Promise(resolve => setTimeout(resolve, 300));
+
+      // Generate a large dataset
+      const types = ['projects', 'clients', 'contacts', 'team', 'interactions'];
+      const results: SearchResult[] = [];
+      for (let i = 0; i < 100; i++) {
+        const type = types[i % types.length];
+        if (filter === 'all' || filter === type) {
+          results.push({
+            id: \`large-\${i}\`,
+            type,
+            title: \`\${type.charAt(0).toUpperCase() + type.slice(1)} Item \${i}\`,
+            subtitle: \`Description for item \${i} containing \${query}\`,
+            meta: \`Meta \${i}\`
+          });
+        }
+      }
+      const lowerQuery = query.toLowerCase();
+      return results.filter(item => item.title?.toLowerCase().includes(lowerQuery) || item.subtitle?.toLowerCase().includes(lowerQuery)).slice(0, 20); // Limit to 20 results for performance
+    },
+    onResultClick: result => {
+      console.log('Selected from large dataset:', result);
+      alert(\`Selected: \${result.title}\`);
+    }
+  }
+}`,...(Le=(Te=M.parameters)==null?void 0:Te.docs)==null?void 0:Le.source}}};const At=["Default","WithFilter","WithoutFilter","CustomDebounce","LongDebounce","MinimumLength","NoKeyboardShortcut","EmptyResults","ErrorHandling","InstantSearch","WithCustomActions","LargeDataset"];export{j as CustomDebounce,R as Default,N as EmptyResults,E as ErrorHandling,P as InstantSearch,M as LargeDataset,D as LongDebounce,T as MinimumLength,L as NoKeyboardShortcut,q as WithCustomActions,I as WithFilter,$ as WithoutFilter,At as __namedExportsOrder,Mt as default};

package/storybook-static/assets/SearchableDropdown-CLYLzeoj.css

@@ -0,0 +1 @@
+._searchableDropdown_13fbr_1{position:relative;margin-bottom:var(--spacing-lg);width:100%}._searchableDropdown_13fbr_1 label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:var(--letter-spacing-wide);transition:color var(--transition-base)}._dropdownTrigger_13fbr_17{width:100%;padding:var(--spacing-sm) var(--spacing-lg);padding-right:48px;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-background),var(--color-background-secondary));font-size:var(--font-size-base);display:flex;align-items:center;cursor:pointer;position:relative;min-height:44px;transition:all var(--transition-base);color:var(--color-text);text-align:left}._dropdownTrigger_13fbr_17:hover{border-color:var(--color-border-hover);background:var(--color-background);box-shadow:var(--shadow-sm);transform:translateY(-1px)}._dropdownTrigger_13fbr_17._open_13fbr_45{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1a;background:var(--color-background);transform:translateY(-2px)}._dropdownValue_13fbr_52{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-weight-medium)}._dropdownValue_13fbr_52._placeholder_13fbr_61{color:var(--color-text-secondary);opacity:.6;font-weight:var(--font-weight-normal)}._dropdownArrow_13fbr_67{position:absolute;right:var(--spacing-md);top:50%;transform:translateY(-50%) rotate(0);color:var(--color-primary);width:20px;height:20px;transition:transform var(--transition-base),color var(--transition-base)}._dropdownTrigger_13fbr_17._open_13fbr_45 ._dropdownArrow_13fbr_67{transform:translateY(-50%) rotate(180deg);color:var(--color-primary-hover)}._dropdownMenu_13fbr_83{position:absolute;top:calc(100% + 8px);left:0;right:0;width:100%;box-sizing:border-box;border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-background);box-shadow:var(--shadow-xl);z-index:var(--z-index-dropdown);max-height:320px;overflow:hidden;display:flex;flex-direction:column}._dropdownSearch_13fbr_101{position:relative;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-background-secondary),var(--color-background))}._searchInput_13fbr_111{width:100%;box-sizing:border-box;padding:var(--spacing-sm) var(--spacing-md);padding-left:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-background);color:var(--color-text);transition:all var(--transition-base);outline:none}._searchInput_13fbr_111:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #7c3aed1a;background:var(--color-background)}._searchInput_13fbr_111::placeholder{color:var(--color-text-secondary);opacity:.6}._searchIcon_13fbr_136{position:absolute;left:calc(var(--spacing-md) + 12px);top:50%;transform:translateY(-50%);color:var(--color-text-secondary);width:18px;height:18px;pointer-events:none;transition:color var(--transition-base)}._searchInput_13fbr_111:focus~._searchIcon_13fbr_136{color:var(--color-primary)}._dropdownOptions_13fbr_152{flex:1;overflow-y:auto;max-height:250px;padding:var(--spacing-xs)}._dropdownOptions_13fbr_152::-webkit-scrollbar{width:6px}._dropdownOptions_13fbr_152::-webkit-scrollbar-track{background:var(--color-background-secondary);border-radius:var(--radius-sm)}._dropdownOptions_13fbr_152::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm);transition:background var(--transition-base)}._dropdownOptions_13fbr_152::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}._dropdownOption_13fbr_152{padding:var(--spacing-sm) var(--spacing-md);margin:2px 0;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;font-size:var(--font-size-base);color:var(--color-text);border-radius:var(--radius-md);transition:all var(--transition-base);position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._dropdownOption_13fbr_152:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:var(--color-primary);transform:translate(-100%);transition:transform var(--transition-base)}._dropdownOption_13fbr_152:hover{background:linear-gradient(90deg,#7c3aed0d,#7c3aed05);padding-left:calc(var(--spacing-md) + 4px)}._dropdownOption_13fbr_152:hover:before{transform:translate(0)}._dropdownOption_13fbr_152._selected_13fbr_221{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-text-inverse);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-sm)}._dropdownOption_13fbr_152._selected_13fbr_221:before{display:none}._dropdownOption_13fbr_152._selected_13fbr_221:hover{background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-active));transform:translate(2px)}._dropdownOption_13fbr_152._highlighted_13fbr_243:not(._selected_13fbr_221){background:linear-gradient(90deg,#7c3aed14,#7c3aed08);padding-left:calc(var(--spacing-md) + 4px)}._dropdownOption_13fbr_152._highlighted_13fbr_243:not(._selected_13fbr_221):before{transform:translate(0)}._checkIcon_13fbr_256{position:absolute;right:var(--spacing-md);width:16px;height:16px;color:var(--color-text-inverse);animation:_checkIn_13fbr_1 .3s ease-out}@keyframes _checkIn_13fbr_1{0%{opacity:0;transform:scale(0) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}._dropdownNoResults_13fbr_276{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary);font-style:italic;opacity:.7}@keyframes _slideIn_13fbr_1{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}._dropdownOption_13fbr_152{animation:_slideIn_13fbr_1 .2s ease-out forwards}[data-theme=dark] ._dropdownTrigger_13fbr_17{background:linear-gradient(135deg,var(--color-background-secondary),var(--color-background-tertiary));border-color:var(--color-border)}[data-theme=dark] ._dropdownTrigger_13fbr_17:hover{background:var(--color-background-secondary);border-color:var(--color-border-hover)}[data-theme=dark] ._dropdownTrigger_13fbr_17._open_13fbr_45{background:var(--color-background-secondary);border-color:var(--color-primary-light);box-shadow:0 0 0 3px #a78bfa1a}[data-theme=dark] ._dropdownMenu_13fbr_83{background:var(--color-background-secondary);border-color:var(--color-border)}[data-theme=dark] ._dropdownSearch_13fbr_101{background:linear-gradient(180deg,var(--color-background-tertiary),var(--color-background-secondary))}[data-theme=dark] ._searchInput_13fbr_111{background:var(--color-background);border-color:var(--color-border)}[data-theme=dark] ._searchInput_13fbr_111:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 2px #a78bfa1a}[data-theme=dark] ._dropdownOption_13fbr_152:hover{background:linear-gradient(90deg,#a78bfa1a,#a78bfa0d)}[data-theme=dark] ._dropdownOption_13fbr_152._selected_13fbr_221{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary))}@media (max-width: 768px){._dropdownMenu_13fbr_83{max-height:60vh;position:fixed;left:var(--spacing-md);right:var(--spacing-md);top:50%;transform:translateY(-50%)}._dropdownOptions_13fbr_152{max-height:40vh}._dropdownTrigger_13fbr_17{font-size:16px;min-height:48px;padding:var(--spacing-md)}._searchInput_13fbr_111{font-size:16px;padding:var(--spacing-md);padding-left:44px}._dropdownOption_13fbr_152{padding:var(--spacing-md);min-height:44px}}._dropdownTrigger_13fbr_17._loading_13fbr_390{position:relative;overflow:hidden}._dropdownTrigger_13fbr_17._loading_13fbr_390:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(124,58,237,.1),transparent);animation:_shimmer_13fbr_1 2s infinite}@keyframes _shimmer_13fbr_1{to{left:100%}}._dropdownTrigger_13fbr_17:disabled{opacity:.5;cursor:not-allowed;background:var(--color-background-tertiary);border-color:var(--color-border)}._dropdownTrigger_13fbr_17:disabled:hover{transform:none;box-shadow:none}

package/storybook-static/assets/SearchableDropdown-DhEHRY6d.js

@@ -0,0 +1,38 @@
+import{r,j as n}from"./iframe-Cz1R6gKZ.js";import{m as p}from"./proxy-CAwOFzsk.js";import{C as V}from"./chevron-down-BI8IU4ZZ.js";import{A as R}from"./index-CIvCfZMj.js";import{S as A}from"./search-DcwY6Xta.js";import{C as T}from"./check-CAskjz10.js";const q="_searchableDropdown_13fbr_1",M="_dropdownTrigger_13fbr_17",$="_open_13fbr_45",L="_dropdownValue_13fbr_52",F="_placeholder_13fbr_61",K="_dropdownArrow_13fbr_67",H="_dropdownMenu_13fbr_83",P="_dropdownSearch_13fbr_101",z="_searchInput_13fbr_111",B="_searchIcon_13fbr_136",U="_dropdownOptions_13fbr_152",W="_dropdownOption_13fbr_152",G="_selected_13fbr_221",J="_highlighted_13fbr_243",Q="_checkIcon_13fbr_256",X="_dropdownNoResults_13fbr_276",Y="_loading_13fbr_390",o={searchableDropdown:q,dropdownTrigger:M,open:$,dropdownValue:L,placeholder:F,dropdownArrow:K,dropdownMenu:H,dropdownSearch:P,searchInput:z,searchIcon:B,dropdownOptions:U,dropdownOption:W,selected:G,highlighted:J,checkIcon:Q,dropdownNoResults:X,loading:Y};function Z({label:C,value:m,onChange:k,options:w,placeholder:N="Select...",allowEmpty:j=!0,disabled:u=!1,loading:g=!1,error:D=!1}){const[t,i]=r.useState(!1),[_,d]=r.useState(""),[c,l]=r.useState(-1),h=r.useRef(null),f=r.useRef(null),b=w.find(e=>e.value===m),y=b?b.label:"",v=w.filter(e=>e.label.toLowerCase().includes(_.toLowerCase())),s=j?[{label:"(none)",value:""},...v]:v;r.useEffect(()=>{function e(a){h.current&&!h.current.contains(a.target)&&(i(!1),d(""))}return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]),r.useEffect(()=>{t&&f.current&&f.current.focus()},[t]);const x=e=>{k(e),i(!1),d(""),l(-1)},I=e=>{if(t)switch(e.key){case"ArrowDown":e.preventDefault(),l(a=>a<s.length-1?a+1:0);break;case"ArrowUp":e.preventDefault(),l(a=>a>0?a-1:s.length-1);break;case"Enter":e.preventDefault(),c>=0&&c<s.length&&x(s[c].value);break;case"Escape":e.preventDefault(),i(!1),d(""),l(-1);break}},O=()=>{const e=[o.dropdownTrigger];return t&&e.push(o.open),g&&e.push(o.loading),D&&e.push(o.error),e.join(" ")};return n.jsxs("div",{className:o.searchableDropdown,ref:h,onKeyDown:I,children:[n.jsx("label",{children:C}),n.jsxs(p.button,{type:"button",className:O(),onClick:()=>!u&&!g&&i(!t),whileTap:{scale:u?1:.98},style:{willChange:"transform"},disabled:u,children:[n.jsx("span",{className:`${o.dropdownValue} ${y?"":o.placeholder}`,children:y||N}),n.jsx(V,{className:o.dropdownArrow})]}),n.jsx(R,{children:t&&n.jsxs(p.div,{className:o.dropdownMenu,initial:{opacity:0,y:-10,scale:.95},animate:{opacity:1,y:0,scale:1},exit:{opacity:0,y:-10,scale:.95},transition:{duration:.2,ease:"easeOut"},children:[n.jsxs("div",{className:o.dropdownSearch,children:[n.jsx(A,{className:o.searchIcon}),n.jsx("input",{ref:f,type:"text",className:o.searchInput,placeholder:"Cerca...",value:_,onChange:e=>d(e.target.value),onClick:e=>e.stopPropagation()})]}),n.jsxs("div",{className:o.dropdownOptions,children:[s.map((e,a)=>{const S=m===e.value,E=c===a;return n.jsxs(p.button,{type:"button",className:`${o.dropdownOption} ${S?o.selected:""} ${E?o.highlighted:""}`,onClick:()=>x(e.value),onMouseEnter:()=>l(a),initial:{opacity:0,x:-20},animate:{opacity:1,x:0},transition:{delay:a*.02},whileTap:{scale:.98},style:{willChange:"transform"},children:[n.jsx("span",{children:e.label}),S&&n.jsx(T,{className:o.checkIcon})]},`${e.value}-${a}`)}),s.length===0&&n.jsx(p.div,{className:o.dropdownNoResults,initial:{opacity:0},animate:{opacity:1},children:"No results found"})]})]})})]})}Z.__docgenInfo={description:`SearchableDropdown component - Modern filterable dropdown with animations
+
+@component
+@description
+A sophisticated dropdown component with real-time search filtering, smooth animations,
+and keyboard navigation support. Features gradient backgrounds, slide-in animations
+for options, and a sliding indicator on hover. The dropdown menu includes a search
+field that filters options as you type.
+
+Features:
+- Real-time search filtering
+- Smooth animations with Framer Motion
+- Keyboard navigation (Arrow keys, Enter, Escape)
+- Custom scrollbar styling
+- Mobile-optimized with modal-like behavior on small screens
+- Loading and error states
+- Selected item highlighting with gradient background
+
+@example
+// Basic usage
+<SearchableDropdown
+  label="Select Country"
+  value={selectedCountry}
+  onChange={setSelectedCountry}
+  options={countryOptions}
+  placeholder="Choose a country..."
+/>
+
+@example
+// With empty option disabled
+<SearchableDropdown
+  label="Required Field"
+  value={requiredValue}
+  onChange={setRequiredValue}
+  options={options}
+  allowEmpty={false}
+  error={!requiredValue}
+/>`,methods:[],displayName:"SearchableDropdown",props:{placeholder:{defaultValue:{value:'"Select..."',computed:!1},required:!1},allowEmpty:{defaultValue:{value:"true",computed:!1},required:!1},disabled:{defaultValue:{value:"false",computed:!1},required:!1},loading:{defaultValue:{value:"false",computed:!1},required:!1},error:{defaultValue:{value:"false",computed:!1},required:!1}}};export{Z as S};