https://www.bikeexchange.com/_next/static/chunks/3363-317523092dbfc451.js?dpl=dpl_2JBLPdYoQ6qznFvcjywkve131m3v

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3363],{8572:(e,t,r)=>{r.d(t,{l:()=>c});var n=r(16560),a=r(76877),l=r(81452),o=(0,r(1401).tv)({slots:{wrapper:"relative shadow-black/5",zoomedWrapper:"relative overflow-hidden rounded-inherit",img:"relative z-10 opacity-0 shadow-black/5 data-[loaded=true]:opacity-100",blurredImg:["absolute","z-0","inset-0","w-full","h-full","object-cover","filter","blur-lg","scale-105","saturate-150","opacity-30","translate-y-1"]},variants:{radius:{none:{},sm:{},md:{},lg:{},full:{}},shadow:{none:{wrapper:"shadow-none",img:"shadow-none"},sm:{wrapper:"shadow-small",img:"shadow-small"},md:{wrapper:"shadow-medium",img:"shadow-medium"},lg:{wrapper:"shadow-large",img:"shadow-large"}},isZoomed:{true:{img:["object-cover","transform","hover:scale-125"]}},showSkeleton:{true:{wrapper:["group","relative","overflow-hidden","bg-content3 dark:bg-content2"],img:"opacity-0"}},disableAnimation:{true:{img:"transition-none"},false:{img:"transition-transform-opacity motion-reduce:transition-none !duration-300"}}},defaultVariants:{radius:"lg",shadow:"none",isZoomed:!1,isBlurred:!1,showSkeleton:!1},compoundVariants:[{showSkeleton:!0,disableAnimation:!1,class:{wrapper:["before:opacity-100","before:absolute","before:inset-0","before:-translate-x-full","before:animate-shimmer","before:border-t","before:border-content4/30","before:bg-gradient-to-r","before:from-transparent","before:via-content4","dark:before:via-default-700/10","before:to-transparent","after:opacity-100","after:absolute","after:inset-0","after:-z-10","after:bg-content3","dark:after:bg-content2"]}}],compoundSlots:[{slots:["wrapper","img","blurredImg","zoomedWrapper"],radius:"none",class:"rounded-none"},{slots:["wrapper","img","blurredImg","zoomedWrapper"],radius:"full",class:"rounded-full"},{slots:["wrapper","img","blurredImg","zoomedWrapper"],radius:"sm",class:"rounded-small"},{slots:["wrapper","img","blurredImg","zoomedWrapper"],radius:"md",class:"rounded-md"},{slots:["wrapper","img","blurredImg","zoomedWrapper"],radius:"lg",class:"rounded-large"}]}),s=r(52123),i=r(10513),u=r(28392),d=r(55745);function c(e){var t,r;let c=(0,a.o)(),[p,f]=(0,l.rE)(e,o.variantKeys),{ref:b,as:m,src:g,className:v,classNames:h,loading:w,isBlurred:x,fallbackSrc:y,isLoading:I,disableSkeleton:P=!!y,removeWrapper:k=!1,onError:D,onLoad:E,srcSet:T,sizes:C,crossOrigin:S,...A}=p,F=(0,d.l)({src:g,loading:w,onError:D,onLoad:E,ignoreFallback:!1,srcSet:T,sizes:C,crossOrigin:S,shouldBypassImageLoad:void 0!==m}),z=null!=(r=null!=(t=e.disableAnimation)?t:null==c?void 0:c.disableAnimation)&&r,N="loaded"===F&&!I,_="loading"===F||I,B=e.isZoomed,U=(0,i.zD)(b),{w:M,h:R}=(0,n.useMemo)(()=>({w:p.width?"number"==typeof p.width?`${p.width}px`:p.width:"fit-content",h:p.height?"number"==typeof p.height?`${p.height}px`:p.height:"auto"}),[null==p?void 0:p.width,null==p?void 0:p.height]),W=(!g||!N)&&!!y,j=_&&!P,O=(0,n.useMemo)(()=>o({...f,disableAnimation:z,showSkeleton:j}),[(0,u.t6)(f),z,j]),L=(0,s.cn)(v,null==h?void 0:h.img),Y=(0,n.useCallback)(()=>{let e=W?{backgroundImage:`url(${y})`}:{};return{className:O.wrapper({class:null==h?void 0:h.wrapper}),style:{...e,maxWidth:M}}},[O,W,y,null==h?void 0:h.wrapper,M]),$=(0,n.useCallback)(()=>({src:g,"aria-hidden":(0,u.sE)(!0),className:O.blurredImg({class:null==h?void 0:h.blurredImg})}),[O,g,null==h?void 0:h.blurredImg]);return{Component:m||"img",domRef:U,slots:O,classNames:h,isBlurred:x,disableSkeleton:P,fallbackSrc:y,removeWrapper:k,isZoomed:B,isLoading:_,getImgProps:(e={})=>{let t=(0,s.cn)(L,null==e?void 0:e.className);return{src:g,ref:U,"data-loaded":(0,u.sE)(N),className:O.img({class:t}),loading:w,srcSet:T,sizes:C,crossOrigin:S,...A,style:{...(null==A?void 0:A.height)&&{height:R},...e.style,...A.style}}},getWrapperProps:Y,getBlurredImgProps:$}}},10513:(e,t,r)=>{r.d(t,{mK:()=>a,zD:()=>l});var n=r(16560);function a(e){return{UNSAFE_getDOMNode:()=>e.current}}function l(e){let t=(0,n.useRef)(null);return(0,n.useImperativeHandle)(e,()=>t.current),t}"u">typeof window&&window.document&&window.document.createElement},53983:(e,t,r)=>{r.d(t,{B:()=>u});var n=r(81452),a=(0,r(1401).tv)({slots:{base:["group","relative","overflow-hidden","bg-content3 dark:bg-content2","pointer-events-none","before:opacity-100","before:absolute","before:inset-0","before:-translate-x-full","before:border-t","before:border-content4/30","before:bg-gradient-to-r","before:from-transparent","before:via-content4","dar

1k:before:via-default-700/10","before:to-transparent","after:opacity-100","after:absolute","after:inset-0","after:-z-10","after:bg-content3","dark:after:bg-content2","data-[loaded=true]:pointer-events-auto","data-[loaded=true]:overflow-visible","data-[loaded=true]:!bg-transparent","data-[loaded=true]:before:opacity-0 data-[loaded=true]:before:-z-10 data-[loaded=true]:before:animate-none","data-[loaded=true]:after:opacity-0"],content:["opacity-0","group-data-[loaded=true]:opacity-100"]},variants:{disableAnimation:{true:{base:"before:animate-none before:transition-none after:transition-none",content:"transition-none"},false:{base:"before:animate-shimmer transition-background !duration-300",content:"transition-opacity motion-reduce:transition-none !duration-300"}}},defaultVariants:{}}),l=r(52123),o=r(28392),s=r(16560),i=r(76877);function u(e){var t,r;let u=(0,i.o)(),[d,c]=(0,n.rE)(e,a.variantKeys),{as:p,children:f,isLoaded:b=!1,className:m,classNames:g,...v}=d,h=null!=(r=null!=(t=e.disableAnimation)?t:null==u?void 0:u.disableAnimation)&&r,w=(0,s.useMemo)(()=>a({...c,disableAnimation:h}),[(0,o.t6)(c),h,f]),x=(0,l.cn)(null==g?void 0:g.base,m);return{Component:p||"div",children:f,slots:w,classNames:g,getSkeletonProps:(e={})=>({"data-loaded":(0,o.sE)(b),className:w.base({class:(0,l.cn)(x,null==e?void 0:e.className)}),...v}),getContentProps:(e={})=>({className:w.content({class:(0,l.cn)(null==g?void 0:g.content,null==e?void 0:e.className)})})}}},55745:(e,t,r)=>{r.d(t,{l:()=>l});var n=r(16560),a=r(71207);function l(e={}){let{onLoad:t,onError:r,ignoreFallback:o,src:s,crossOrigin:i,srcSet:u,sizes:d,loading:c,shouldBypassImageLoad:p=!1}=e,f=n.useSyncExternalStore(()=>()=>{},()=>!0,()=>!1),b=(0,n.useRef)(f?new Image:null),[m,g]=(0,n.useState)("pending");(0,n.useEffect)(()=>{b.current&&(b.current.onload=e=>{v(),g("loaded"),null==t||t(e)},b.current.onerror=e=>{v(),g("failed"),null==r||r(e)})},[b.current]);let v=()=>{b.current&&(b.current.onload=null,b.current.onerror=null,b.current=null)},h=(0,n.useCallback)(()=>{if(!s)return"pending";if(o||p)return"loaded";let e=new Image;return(e.src=s,i&&(e.crossOrigin=i),u&&(e.srcset=u),d&&(e.sizes=d),c&&(e.loading=c),b.current=e,e.complete&&e.naturalWidth)?"loaded":"loading"},[s,i,u,d,t,r,c,p]);return(0,a.U)(()=>{f&&g(h())},[f,h]),o?"loaded":m}},60560:(e,t,r)=>{r.d(t,{m:()=>s});var n=r(53983),a=r(81452),l=r(66108),o=(0,a.Rf)((e,t)=>{let{Component:r,children:a,getSkeletonProps:o,getContentProps:s}=(0,n.B)({...e});return(0,l.jsx)(r,{ref:t,...o(),children:(0,l.jsx)("div",{...s(),children:a})})});o.displayName="HeroUI.Skeleton";var s=o},71207:(e,t,r)=>{r.d(t,{U:()=>a});var n=r(16560),a=(null==globalThis?void 0:globalThis.document)?n.useLayoutEffect:n.useEffect},83042:(e,t,r)=>{let n,a,l;r.d(t,{oz:()=>R});var o=r(21437),s=r(42393),i=r(16560),u=r(66983),d=r(2429),c=r(70943),p=r(9096),f=r(26215),b=r(13835),m=r(59113),g=r(80146),v=r(68238);function h({onFocus:e}){let[t,r]=(0,i.useState)(!0),n=(0,g.a)();return t?i.createElement(v.j,{as:"button",type:"button",features:v.u.Focusable,onFocus:t=>{t.preventDefault();let a,l=50;a=requestAnimationFrame(function t(){if(l--<=0){a&&cancelAnimationFrame(a);return}if(e()){if(cancelAnimationFrame(a),!n.current)return;r(!1);return}a=requestAnimationFrame(t)})}}):null}var w=r(61942),x=r(55967),y=r(14848),I=r(17657),P=r(92602);let k=i.createContext(null);function D({children:e}){let t=i.useRef({groups:new Map,get(e,t){var r;let n=this.groups.get(e);n||(n=new Map,this.groups.set(e,n));let a=null!=(r=n.get(t))?r:0;return n.set(t,a+1),[Array.from(n.keys()).indexOf(t),function(){let e=n.get(t);e>1?n.set(t,e-1):n.delete(t)}]}});return i.createElement(k.Provider,{value:t},e)}function E(e){let t=i.useContext(k);if(!t)throw Error("You must wrap your component in a <StableCollection>");let r=i.useId(),[n,a]=t.current.get(e,r);return i.useEffect(()=>a,[]),n}var T=r(38160),C=((n=C||{})[n.Forwards=0]="Forwards",n[n.Backwards=1]="Backwards",n),S=((a=S||{})[a.Less=-1]="Less",a[a.Equal=0]="Equal",a[a.Greater=1]="Greater",a),A=((l=A||{})[l.SetSelectedIndex=0]="SetSelectedIndex",l[l.RegisterTab=1]="RegisterTab",l[l.UnregisterTab=2]="UnregisterTab",l[l.RegisterPanel=3]="RegisterPanel",l[l.UnregisterPanel=4]="UnregisterPanel",l);let F={0(e,t){var r;let n=(0,w.wl)(e.tabs,e=>e.current),a=(0,w.wl)(e.panels,e=>e.current),l=n.filter(e=>{var t;return!(null!=(t=e.current)&&t.hasAttribute("disabled"))}),o={...e,tabs:n,panels:a};if(t.index<0||t.index>n.length-1){let r=(0,x.Y)(Math.sign(t.index-e.selectedIndex),{[-1]:()=>1,0:()=>(0,x.Y)(Math.sign(t.index),{[-1]:()=>0,0:()=>0,1:()=>1}),1:()=>0});if(0===l.length)return o;let a=(0,x.Y)(r,{0:()=>n.indexOf(l[0]),1:()=>n.indexOf(l[l.length-1])});return{...o,selectedIndex:-1===a?e.selectedIndex:a}}let s=n.slice(0,t.index),i=[...n.slice(t.index),...s].find(e=>l.includes(e));if(!i)return o;let u=null!=(r=n.indexOf(i))?r:e.selectedIndex;return -1===u&&(u=e.selectedIndex),{...o,selectedIndex:u}},1(e,t){if(e.tabs.includes(t.tab))return e;let r=e.tabs[e.selectedIndex],n=(0,w.wl)([...e.tabs,t.tab],e=>e.current),a=e.selectedIndex;return e.info.current.isControlled||-1===(a=n.indexOf(r))&&(a=e.selectedIndex),{...e,tabs:n,selectedIndex:a}},2:(e,t)=>({...e,tabs:e.tabs.filter(e=>e!==t.tab)}),3:(e,t)=>

1e.panels.includes(t.panel)?e:{...e,panels:(0,w.wl)([...e.panels,t.panel],e=>e.current)},4:(e,t)=>({...e,panels:e.panels.filter(e=>e!==t.panel)})},z=(0,i.createContext)(null);function N(e){let t=(0,i.useContext)(z);if(null===t){let t=Error(`<${e} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,N),t}return t}z.displayName="TabsDataContext";let _=(0,i.createContext)(null);function B(e){let t=(0,i.useContext)(_);if(null===t){let t=Error(`<${e} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,B),t}return t}function U(e,t){return(0,x.Y)(t.type,F,e,t)}_.displayName="TabsActionsContext";let M=P.Ac.RenderStrategy|P.Ac.Static,R=Object.assign((0,P.FX)(function(e,t){var r,n;let a=(0,i.useId)(),{id:l=`headlessui-tabs-tab-${a}`,disabled:p=!1,autoFocus:g=!1,...v}=e,{orientation:h,activation:k,selectedIndex:D,tabs:C,panels:S}=N("Tab"),A=B("Tab"),F=N("Tab"),[z,_]=(0,i.useState)(null),U=(0,i.useRef)(null),M=(0,m.P)(U,t,_);(0,c.s)(()=>A.registerTab(U),[A,U]);let R=E("tabs"),W=C.indexOf(U);-1===W&&(W=R);let j=W===D,O=(0,d._)(e=>{let t=e();if(t===w.Me.Success&&"auto"===k){let e=(0,I.bq)(U.current),t=F.tabs.findIndex(t=>t.current===e);-1!==t&&A.change(t)}return t}),L=(0,d._)(e=>{let t=C.map(e=>e.current).filter(Boolean);if(e.key===T.D.Space||e.key===T.D.Enter){e.preventDefault(),e.stopPropagation(),A.change(W);return}switch(e.key){case T.D.Home:case T.D.PageUp:return e.preventDefault(),e.stopPropagation(),O(()=>(0,w.CU)(t,w.BD.First));case T.D.End:case T.D.PageDown:return e.preventDefault(),e.stopPropagation(),O(()=>(0,w.CU)(t,w.BD.Last))}if(O(()=>(0,x.Y)(h,{vertical:()=>e.key===T.D.ArrowUp?(0,w.CU)(t,w.BD.Previous|w.BD.WrapAround):e.key===T.D.ArrowDown?(0,w.CU)(t,w.BD.Next|w.BD.WrapAround):w.Me.Error,horizontal:()=>e.key===T.D.ArrowLeft?(0,w.CU)(t,w.BD.Previous|w.BD.WrapAround):e.key===T.D.ArrowRight?(0,w.CU)(t,w.BD.Next|w.BD.WrapAround):w.Me.Error}))===w.Me.Success)return e.preventDefault()}),Y=(0,i.useRef)(!1),$=(0,d._)(()=>{var e;Y.current||(Y.current=!0,null==(e=U.current)||e.focus({preventScroll:!0}),A.change(W),(0,y._)(()=>{Y.current=!1}))}),q=(0,d._)(e=>{e.preventDefault()}),{isFocusVisible:G,focusProps:H}=(0,o.o)({autoFocus:g}),{isHovered:V,hoverProps:X}=(0,s.M)({isDisabled:p}),{pressed:K,pressProps:Z}=(0,u.Z)({disabled:p}),J=(0,b._)({selected:j,hover:V,active:K,focus:G,autofocus:g,disabled:p}),Q=(0,P.v6)({ref:M,onKeyDown:L,onMouseDown:q,onClick:$,id:l,role:"tab",type:(0,f.c)(e,z),"aria-controls":null==(n=null==(r=S[W])?void 0:r.current)?void 0:n.id,"aria-selected":j,tabIndex:j?0:-1,disabled:p||void 0,autoFocus:g},H,X,Z);return(0,P.Ci)()({ourProps:Q,theirProps:v,slot:J,defaultTag:"button",name:"Tabs.Tab"})}),{Group:(0,P.FX)(function(e,t){let{defaultIndex:r=0,vertical:n=!1,manual:a=!1,onChange:l,selectedIndex:o=null,...s}=e,u=n?"vertical":"horizontal",f=a?"manual":"auto",g=null!==o,v=(0,p.Y)({isControlled:g}),x=(0,m.P)(t),[y,I]=(0,i.useReducer)(U,{info:v,selectedIndex:null!=o?o:r,tabs:[],panels:[]}),k=(0,b._)({selectedIndex:y.selectedIndex}),E=(0,p.Y)(l||(()=>{})),T=(0,p.Y)(y.tabs),C=(0,i.useMemo)(()=>({orientation:u,activation:f,...y}),[u,f,y]),S=(0,d._)(e=>(I({type:1,tab:e}),()=>I({type:2,tab:e}))),A=(0,d._)(e=>(I({type:3,panel:e}),()=>I({type:4,panel:e}))),F=(0,d._)(e=>{N.current!==e&&E.current(e),g||I({type:0,index:e})}),N=(0,p.Y)(g?e.selectedIndex:y.selectedIndex),B=(0,i.useMemo)(()=>({registerTab:S,registerPanel:A,change:F}),[]);(0,c.s)(()=>{I({type:0,index:null!=o?o:r})},[o]),(0,c.s)(()=>{if(void 0===N.current||y.tabs.length<=0)return;let e=(0,w.wl)(y.tabs,e=>e.current);e.some((e,t)=>y.tabs[t]!==e)&&F(e.indexOf(y.tabs[N.current]))});let M=(0,P.Ci)();return i.createElement(D,null,i.createElement(_.Provider,{value:B},i.createElement(z.Provider,{value:C},C.tabs.length<=0&&i.createElement(h,{onFocus:()=>{var e,t;for(let r of T.current)if((null==(e=r.current)?void 0:e.tabIndex)===0)return null==(t=r.current)||t.focus(),!0;return!1}}),M({ourProps:{ref:x},theirProps:s,slot:k,defaultTag:"div",name:"Tabs"}))))}),List:(0,P.FX)(function(e,t){let{orientation:r,selectedIndex:n}=N("Tab.List"),a=(0,m.P)(t),l=(0,b._)({selectedIndex:n});return(0,P.Ci)()({ourProps:{ref:a,role:"tablist","aria-orientation":r}

1,theirProps:e,slot:l,defaultTag:"div",name:"Tabs.List"})}),Panels:(0,P.FX)(function(e,t){let{selectedIndex:r}=N("Tab.Panels"),n=(0,m.P)(t),a=(0,b._)({selectedIndex:r});return(0,P.Ci)()({ourProps:{ref:n},theirProps:e,slot:a,defaultTag:"div",name:"Tabs.Panels"})}),Panel:(0,P.FX)(function(e,t){var r,n,a,l;let s=(0,i.useId)(),{id:u=`headlessui-tabs-panel-${s}`,tabIndex:d=0,...p}=e,{selectedIndex:f,tabs:g,panels:h}=N("Tab.Panel"),w=B("Tab.Panel"),x=(0,i.useRef)(null),y=(0,m.P)(x,t);(0,c.s)(()=>w.registerPanel(x),[w,x]);let I=E("panels"),k=h.indexOf(x);-1===k&&(k=I);let D=k===f,{isFocusVisible:T,focusProps:C}=(0,o.o)(),S=(0,b._)({selected:D,focus:T}),A=(0,P.v6)({ref:y,id:u,role:"tabpanel","aria-labelledby":null==(n=null==(r=g[k])?void 0:r.current)?void 0:n.id,tabIndex:D?d:-1},C),F=(0,P.Ci)();return D||null!=(a=p.unmount)&&!a||null!=(l=p.static)&&l?F({ourProps:A,theirProps:p,slot:S,defaultTag:"div",features:M,visible:D,name:"Tabs.Panel"}):i.createElement(v.j,{"aria-hidden":"true",...A})})})},91947:(e,t,r)=>{r.d(t,{W:()=>i});var n=r(8572),a=r(16560),l=r(81452),o=r(66108),s=(0,l.Rf)((e,t)=>{let{Component:r,domRef:l,slots:s,classNames:i,isBlurred:u,isZoomed:d,fallbackSrc:c,removeWrapper:p,disableSkeleton:f,getImgProps:b,getWrapperProps:m,getBlurredImgProps:g}=(0,n.l)({...e,ref:t}),v=(0,o.jsx)(r,{ref:l,...b()});if(p)return v;let h=(0,o.jsx)("div",{className:s.zoomedWrapper({class:null==i?void 0:i.zoomedWrapper}),children:v});return u?(0,o.jsxs)("div",{...m(),children:[d?h:v,(0,a.cloneElement)(v,g())]}):d||!f||c?(0,o.jsxs)("div",{...m(),children:[" ",d?h:v]}):v});s.displayName="HeroUI.Image";var i=s}}]);