https://www.bikeexchange.com/_next/static/chunks/6102-b19b2595a30b7124.js?dpl=dpl_2JBLPdYoQ6qznFvcjywkve131m3v

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6102],{971:(e,t,r)=>{"use strict";r.d(t,{default:()=>u});var l=r(66108),s=r(23907),n=r(21978),a=r.n(n),i=r(78700),o=r(96152),c=r(25682),d=r(89859);let u=({image:e,title:t,logo:r,alignment:n,isDarkTextColor:u})=>{let x=(0,o.usePathname)(),m=(0,c.Ym)(),f=x.endsWith(m);return(0,l.jsx)("div",{className:a()(`${u?"text-primary":"text-primary-contrast"}`,"font-body flex h-full w-full items-center justify-center font-semibold"),children:(0,l.jsx)(s.N_,{href:e?.link?.href||"#",className:a()("relative h-full w-full"),prefetch:!1,children:(0,l.jsxs)("div",{className:"flex h-full items-center justify-center",children:[(0,l.jsx)("div",{className:"h-full w-full brightness-50",children:(0,l.jsx)(i.A,{image:e?.image,focalPoint:e?.focalPoint,sizes:"(max-width: 768px) 50vw, 25vw",priority:e?.priority})}),r?.image?.src?(0,l.jsx)("div",{className:a()({"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2":"center"===n,"top-5 left-1/2 -translate-x-1/2":"top-center"===n,"top-0 left-0":"top-left"===n,"top-0 right-0":"top-right"===n,"bottom-0 -translate-x-1/2":"bottom-center"===n,"bottom-0 left-0":"bottom-left"===n,"right-0 bottom-0":"bottom-right"===n,"absolute flex h-1/5 w-1/2":"full"!==n,"absolute h-full w-full":"full"===n}),children:(0,l.jsx)(d.default,{fill:!0,alt:r?.image?.alt||"Logo",src:r?.image?.src||"",className:"object-contain p-1 group-hover:brightness-100",sizes:"(max-width: 768px) 75vw, 25vw",loading:f?"lazy":void 0})}):(0,l.jsx)("div",{className:a()({"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2":"center"===n,"top-5 left-1/2 -translate-x-1/2":"top-center"===n,"top-0 left-0":"top-left"===n,"top-0 right-0":"top-right"===n,"bottom-0 -translate-x-1/2":"bottom-center"===n,"bottom-0 left-0":"bottom-left"===n,"right-0 bottom-0":"bottom-right"===n},"absolute p-2"),children:(0,l.jsx)("p",{className:"text-center text-xl font-medium md:text-2xl",children:e?.title||t||""})})]})})})}},19921:(e,t,r)=>{"use strict";r.d(t,{B:()=>s});var l=r(80538);let s=()=>{let{createBaseEventParams:e,trackEvent:t}=(0,l.f)();return r=>{let{timestamp:l}=e();return t({event:"add_to_wislist",timestamp:l,...r})}}},23657:()=>{},29905:(e,t,r)=>{"use strict";r.d(t,{A:()=>o});var l=r(66108),s=r(40609),n=r(78163),a=r(95265);let i=({children:e,tooltipText:t=""})=>{let r=(0,a.c)("products");return(0,l.jsx)("div",{className:"group/more_colors relative z-15 flex flex-col items-center justify-center",children:(0,l.jsxs)("div",{className:"outline-primary-light hover:border-primary relative flex h-8 w-8 flex-col items-center justify-center rounded-full border border-[rgb(204,204,204)] break-normal outline-2 peer-checked:outline-solid hover:cursor-pointer",children:[(0,l.jsx)("span",{className:"bg-primary-contrast text-divider-dark hover:border-primary absolute right-0 -bottom-1 left-9 mx-auto mt-9 h-auto w-max rounded border border-[rgb(204,204,204)] p-3 text-xs font-normal opacity-0 transition-opacity duration-300 group-hover/more_colors:opacity-100 lg:max-w-40 xl:max-w-none",children:r("more_items",{tooltipText:t})}),(0,l.jsx)("span",{className:"border-primary-contrast h-full w-full content-center rounded-full border bg-transparent text-center text-xs!",children:e})]})})},o=({pccColors:e})=>(0,l.jsx)(l.Fragment,{children:(()=>{if(e.length<=3)return(0,l.jsx)(n.A,{gap:"default",items:e,withMinColorPicker:!0,children:e=>(0,l.jsx)(s.A,{label:e.name,value:e.name,dimensions:"sm",type:"radio",isAvailable:!0,colors:e?.colors||[]})});{let t=e.slice(0,3),r=`+${e.length-t.length}`;return(0,l.jsxs)("div",{className:"flex h-fit w-full items-end gap-2",children:[(0,l.jsx)(n.A,{gap:"default",items:t,withMinColorPicker:!0,children:e=>(0,l.jsx)(s.A,{label:e.name,dimensions:"sm",type:"radio",value:e.name,isAvailable:!0,colors:e?.colors||[]})}),(0,l.jsx)(i,{tooltipText:r,children:r})]})}})()})},30911:(e,t,r)=>{"use strict";r.d(t,{A:()=>a});var l=r(16560),s=r(54001);function n(){if(s.f)return{width:0,height:0};let{innerWidth:e,innerHeight:t}=window;return{width:e,height:t}}let a=({elem:e,forceUpdate:t})=>{let[r,s]=(0,l.useState)(0),[a,i]=(0,l.useState)(0),o=function(){let[e,t]=(0,l.useState)(n());return(0,l.useEffect)(()=>{function e(){t(n())}return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e}();return(0,l.useEffect)(()=>{s(e?.current?.offsetHeight||0),i(e?.current?.offsetWidth||0)},[e?.current?.offsetHeight,o.width,t]),{height:r,width:a}}},32669:(e,t,r)=>{"use strict";r.d(t,{n:()=>l});let l=e=>/(^|\/)bikes?(\/|$)/i.test(e||"")},34294:(e,t,r)=>{"use strict";r.d(t,{_:()=>s});var l=r(66108);let s=({itemClass:e,tag:t})=>{let r=t.title?.toLocaleLowerCase()||"";return t.hasTag&&"new"!==r&&"nieuw"!==r?(0,l.jsx)("span",{className:e,children:r}):(0,l.jsx)(l.Fragment,{})}},40609:(e,t,r)=>{"use strict";r.d(t,{A:()=>c});var l=r(66108),s=r(21978),n=r.n(s),a=r(16560),i=r(95265);let o=(0,a.forwardRef)(({type:e,colors:t,label:r,count:s,name:a,dimensions:o,id:c,error:d,isAvailable:u,colorSelectKey:x,isItemFilterSelected:m,...f},p)=>{let h=(0,i.c)("color_select"),g="sm"===o||"xs"===o||"base_no-text"===o;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("label",{htmlFor:c,className:"relative mx-1 flex flex-col items-center justify-center gap-3 md:gap-5",children:[(0,l.jsx)("input",{id:c,name:a,ref:p,type:e||"checkbox",className:"peer hidden",...f,checked:m}),(0,l.jsx)("div",{className:n()("peer/label peer-checked:outline-primary-light hover:border-primary flex cursor-pointer overflow-hidden rounded-full border border-[#cccccc] break-normal peer-checked:outline-1 peer-checked:outline-solid",{"h-11 w-11":!o||"default"===o,"h-8 w-8":"sm"===o,"h-6 w-6":"xs"===o,"h-9 w-9":"base"===o||"base_no-text"===o}),children:(0,l.jsx)("span",{className:n()("border-primary-contrast outline-primary-contrast flex h-full w-full overflow-hidden rounded-full border-2 outline-4",{"relative before:pointer-events-none before:absolute before:inset-0 before:z-10 before:rounded-full before:bg-[linear-gradient(to_bottom_right,transparent_0,transparent_48%,#ccc_50%,transparent_52%,transparent_100%)] before:content-['']":!1===u}),children:t?.map(e=>(0,l.jsx)("div",{className:n()("h-full w-full",u?"opacity-100":"opacity-70"),style:{backgroundColor:e}},e))})}),g&&(0,l.jsx)("span",{className:"bg-primary-contrast text-divider-dark absolute bottom-[

11.75rem] left-0 z-20 mx-auto mt-9 w-max rounded border border-[rgb(204,204,204)] p-3 text-xs font-normal opacity-0 transition-opacity peer-hover/label:opacity-100",children:u||void 0===u?r:`${r}: ${h("color_nan_label")}`}),!g&&(0,l.jsx)("p",{className:"flex flex-col text-center text-xs xl:flex-row",children:u||void 0===u?(0,l.jsxs)(l.Fragment,{children:[r,s&&(0,l.jsx)("span",{className:"pl-2 text-xs text-ellipsis text-gray-400",children:`(${s})`})]}):`${r}: ${h("color_nan_label")}`})]},x),d&&(0,l.jsx)("div",{className:"text-error mt-2 h-6 text-xs",children:d})]})});o.displayName="ColorSelect";let c=o},41038:(e,t,r)=>{"use strict";r.d(t,{LinkButton:()=>c});var l=r(66108),s=r(11348),n=r(34427),a=r(54001),i=r(80538);let o={light:{color:"white"},dark:{color:"black"},"light-outline":{color:"white-outline"},"dark-outline":{color:"black-outline"}},c=({link:e,shade:t,index:r,totalLinks:c})=>{let d=(()=>{let{createBaseEventParams:e,trackEvent:t}=(0,i.f)();return r=>{let{timestamp:l}=e();return t({event:"cta_click",timestamp:l,...r})}})(),u=(0,n.G2)(),x=async()=>{d({pageURl:a.f?"":`${window.location.href}`,userId:u})},m=c>1,f=m&&r%2==0?`${t}-outline`:t;return(0,l.jsx)("a",{href:e?.href||"#",onClick:x,className:"min-w-fit md:max-w-5/12 lg:max-w-1/5",children:(0,l.jsx)(s.A,{size:"lean",alignment:"right",icon:"arrow-long-right",resetPadding:!0,...o[f||""],fill:m&&r%2==0?"outline-solid":"solid",children:e.text})})}},53272:(e,t,r)=>{Promise.resolve().then(r.bind(r,44925)),Promise.resolve().then(r.bind(r,77719)),Promise.resolve().then(r.t.bind(r,70464,23)),Promise.resolve().then(r.bind(r,10672)),Promise.resolve().then(r.bind(r,20658)),Promise.resolve().then(r.bind(r,7580)),Promise.resolve().then(r.bind(r,43383)),Promise.resolve().then(r.bind(r,69716)),Promise.resolve().then(r.bind(r,82885)),Promise.resolve().then(r.bind(r,74950)),Promise.resolve().then(r.bind(r,93413)),Promise.resolve().then(r.bind(r,55978))},62878:(e,t,r)=>{"use strict";r.d(t,{$:()=>n});var l=r(66108),s=r(90758);let n=({pageName:e,children:t})=>{let{Track:r}=(0,s.z1)({page:e||""});return(0,l.jsx)(r,{children:t})}},67251:(e,t,r)=>{"use strict";r.d(t,{Product:()=>B});var l=r(66108),s=r(23907),n=r(21978),a=r.n(n),i=r(22232),o=r(16560),c=r(34427),d=r(3478),u=r(19921),x=r(36876);let m=({productSku:e,sellerId:t,price:r,isWishlist:s})=>{let{isFavorite:n,handleClick:m}=(({productSku:e,sellerId:t,price:r})=>{let{addToWishListRequest:l}=(0,x.I)(),s=(0,d.D)(),n=(0,u.B)(),a=(0,c.G2)(),[i,m]=(0,o.useState)(!1),f=async()=>{e&&t&&(s&&(l({productSku:e,sellerId:t}),n({userId:a,price:r,sku:e})),s||(localStorage.setItem("wishData",JSON.stringify({wishProductSku:e,wishSellerId:t,wishPrice:r})),document.dispatchEvent(new CustomEvent("openLoginModal"))))};return{isFavorite:s&&i,handleClick:()=>{f(),m(!0)}}})({productSku:e,sellerId:t,price:r}),f=a()("cursor-pointer",{"text-secondary":s||n,"text-divider-dark":!(s||n)}),p=s||n?"filled":"outlined";return(0,l.jsx)("div",{onClick:e=>{e.preventDefault(),e.stopPropagation(),m()},className:"absolute top-5 right-5 z-10 transition-transform duration-200 hover:scale-110",children:(0,l.jsx)("div",{className:f,children:(0,l.jsx)(i.A,{icon:"heart",size:"lg",type:p})})})};var f=r(12158),p=r(56084);let h=a()("text-xs grow text-center items-center","justify-center rounded border border-[rgb(204,204,204)]","px-5 py-4 transition duration-300 ease-in-out hover:border-primary"),g=a()("absolute bottom-0 w-full justify-start gap-4 px-5","bg-primary-contrast py-6 text-center uppercase","group-hover:hidden md:group-hover:flex","hidden"),b=({sizes:e})=>{let t=(0,f.hJ)("2xl"),r=(0,f.hJ)("xl"),s=t?{less:6,more:5}:r?{less:5,more:4}:{less:4,more:3},n=(e||[]).filter(({size:e})=>""!==e);if(!n.length)return null;let i=n.length>s.less,o=i?s.more:s.less,c=n.slice(0,o),d=Math.max(n.length-s.more,0);return(0,l.jsxs)("div",{className:g,children:[c.map(({size:e},t)=>(0,l.jsx)("div",{className:a()(h,"overflow-hidden","min-w-max lg:max-w-20 xl:max-w-24 2xl:max-w-20"),children:e},`size.${t}_${e}`)),(0,l.jsx)(p.A,{condition:i,children:(0,l.jsxs)("div",{className:a()(h),id:`size.${d}`,children:["+",d]})})]})},v=({children:e})=>(0,l.jsx)("div",{className:"border-column-border hover:border-primary hover:shadow-divider relative flex w-full flex-col overflow-hidden rounded border transition duration-300 ease-in-out hover:shadow-md",children:(0,l.jsx)("div",{className:"group bg-primary-contrast relative w-full",children:e})});var w=r(29905);let j=({withCheckboxController:e,pccColors:t,children:r})=>{let s=(0,f.hJ)("lg");return(0,l.jsxs)("div",{className:"flex justify-between",children:[(0,l.jsx)(p.A,{condition:!!t?.length,children:(0,l.jsx)(w.A,{pccColors:t})}),(0,l.jsx)(p.A,{condition:!!e&&s,children:r})]})},y=({children:e})=>(0,l.jsx)("div",{className:"font-heading text-gray-custom truncate overflow-hidden text-xs leading-normal font-normal uppercase",children:e}),P=({children:e})=>(0,l.jsx)("div",{className:"font-heading truncate overflow-hidden text-lg font-semibold transition duration-300 ease-in-out hover:underline hover:underline-offset-4",children:e}),N=({feature:e,idx:t,withSeparator:r})=>{let s=0!==t;return(0,l.jsxs)("p",{className:a()({truncate:s},"flex space-x-3"),children:[(0,l.jsx)("span",{className:a()("text-gray-custom text-xs leading-normal",{truncate:s}),children:e||"\xa0"}),(0,l.jsx)(p.A,{condition:!!e&&r,children:(0,l.jsx)("span",{className:"text-secondary text-xs leading-normal",children:"|"})})]})};var k=r(16062);let C=({price:e,reducedPrice:t})=>(0,l.jsxs)("div",{className:"flex",children:[(0,l.jsx)(p.A,{condition:!!t,children:(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("span",{className:"font-body text-secondary pr-5",children:(0,l.jsx)(k.g,{amount:t?.amount,currency:t?.currency,size:"base",fontSemibold:!0})}),(0,l.jsx)("span",{className:"line-through",children:(0,l.jsx)(k.g,{amount:e?.amount,currency:e?.currency,size:"base",fontSemibold:!0})})]})}),(0,l.jsx)(p.A,{condition:!t,children:(0,l.jsx)(k.g,{amount:e?.amount,currency:e?.currency,size:"base",fontSemibold:!0})})]});var A=r(30911),_=r(1925);let S=({image:e,logo:t,priority:r=!1})=>{let s=(0,o.useRef)(null),{width:n,height:a}=(0,A.A)({elem:s});return(0,l.jsx)("div",{className:"bg-column-background relative overflow-hidden",children:(0,l.jsxs)("div",{ref:s,className:"relative my-12 aspect-16/9 h-full w-full mix-blend-darken md:my-0 md:aspect-16/11 lg:aspect-[16/12.5]",children:[(0,l.jsx)(_.A,{fill:!0,noSrcSet:!0,suffix:"-medium",type:"commercetools",loading:r?"eager":"lazy",priority:r?"high":"low",alt:e?.image?.alt||"Image",src:e?.image?.src||"",sizes:"(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw",className:"absolute object-contain p-6 md:p-11 lg:p-9 lg:pb-8 xl:pb-11 2xl:p-9"}),(0,l.jsx)(p.A,{condition:!!t?.image?.src,children:(0,l.jsx)("div",{className:"absolute bottom-0 left-5 -mb-12 flex aspect-2/1 h-20 w-fit md:mb-0 lg:h-16 2xl:h-20",style:{width:n/4,height:a/5},children:(0,l.jsx)(_.A,{fill:!0,type:"commercetools",loading:r?"eager":"lazy",priority:r?"high":"low",alt:t?.image?.alt||"Logo",src:t?.image?.src||"",className:"object-contain"})})})]})})};var T=r(34294);let I=({tags:e,wrapperClass:t,tagsClass:r})=>(0,l.jsx)("div",{className:t,children:e.map(e=>{let t,s,n;if(!e)return(0,l.jsx)(l.Fragment,{});let a=`${r} ${(t=e?.title?.toLocaleLowerCase()==="used"||"refurbished",s=e?.title?.toLocaleLowerCase()==="black friday deal",n=e?.isPrimary?"text-[#e20b30]!":t?"text-primary! capitalize!":"text-[rgb(57,57,57)]",`${n} ${s?"border-black! bg-black! uppercase! font-[750]":"border-primary-contrast bg-primary-contrast font-medium"}`)}`;return(0,l.jsx)(T._,{tag:e,itemClass:a},e.title)})});var D=r(95265),E=r(37041),F=r(86959);let z=({product:e})=>{let t=(0,D.c)("products"),{id:r,imageWithBrandLogo:s}=e,{comparison:n,comparisonActive:a}=(0,F.lE)(),{comparisonProducts:i,setComparisonProducts:o}=n,{setIsActive:c}=a,d=s?.image?.link?.href||"#",u=i.find(e=>e.id===r),x=4===i.length;return(0,l.jsxs)("div",{className:"group/box z-10",onClick:e=>e.stopPropagation(),children:[(0,l.jsx)(p.A,{condition:!u?.title&&x,children:(0,l.jsx)("div",{className:"relative translate-y-2 opacity-0 transition-all duration-300 group-hover/box:translate-y-0 group-hover/box:opacity-100",children:(0,l.jsx)("p",{className:"bg-divider absolute -top-12 rounded pr-5 pl-2 text-end text-sm",children:t("max_3_product")})})}),(0,l.jsx)(E.A,{name:`md-${r}-${d}`,label:t("compare"),fill:"outline-solid",isItemSelected:!!u,onChange:()=>{if(!u){let t={id:r||"",image:s?.image||null,price:e.price||null,reducedPrice:e.reducedPrice||null,flexTag:e.flexTag||null,productSku:e.productSku||"",logo:s?.logo,title:s?.image?.title,sizes:e.sizes||[],colors:e.colors||[],description:e.description||""};o(e=>{let r=[...e,t];return r.length>0?c(!0):c(!1),r})}u&&o(e=>{let t=e.filter(e=>e.id!==r);return t.length>0?c(!0):c(!1),t})},isCheckbox:!1,disabled:!u?.title&&x,extendStyles:!u?.title&&x?"text-gray-400":void 0})]})};var $=r(4968);let M=({product:e})=>{let{priority:t,imageWithBrandLogo:r}=e;return(0,l.jsx)(S,{priority:t,image:r?.image,logo:r?.logo})};var L=r(32669);let B=({product:e})=>{let t=(0,s.a8)(),r=(0,L.n)(t),{price:n,reducedPrice:a,sizes:i,colors:o,imageWithBrandLogo:c,productSku:

1d,sellerId:u,isWishlist:x,category:f,keyFeatures:h=[],withCheckboxController:g=!0}=e,{filteredMobileTags:w,filteredDesktopTags:k}=(e=>{let{conditionTag:t,flexTag:r,yearTag:l}=e;return{filteredMobileTags:[r,t,l].filter(e=>!!e).map(e=>e===r?{...e,isPrimary:!0}:e),filteredDesktopTags:[r,t,l].filter(e=>!!e).map(e=>e===r?{...e,isPrimary:!0}:e)}})(e),A=h?.filter(Boolean)??[],_=A.length>0?A.slice(0,3):["\xa0"],S=c?.image?.title||"";return(0,l.jsx)(v,{children:(0,l.jsxs)(s.N_,{href:c?.image?.link?.href||"#",prefetch:!1,children:[(0,l.jsxs)("div",{className:"relative cursor-pointer",children:[(0,l.jsx)(M,{product:e}),(0,l.jsx)(I,{wrapperClass:"absolute left-5 top-5 flex gap-4 lg:hidden",tagsClass:"inline-flex w-fit items-center justify-center rounded p-4 font-body text-xs leading-none",tags:w}),(0,l.jsx)(I,{wrapperClass:"hidden lg:flex absolute left-5 top-5 gap-4",tagsClass:"inline-flex w-fit items-center justify-center rounded p-4 font-body text-xs leading-none",tags:k}),(0,l.jsx)($.default,{children:(0,l.jsx)(m,{price:n,productSku:d,isWishlist:x,sellerId:u})}),(0,l.jsx)(b,{sizes:i})]}),(0,l.jsx)("div",{className:"flex w-full flex-wrap",children:(0,l.jsxs)("div",{className:"flex w-full flex-col gap-y-5 p-7",children:[(0,l.jsx)(j,{pccColors:o,withCheckboxController:g,children:(0,l.jsx)($.default,{children:(0,l.jsx)(p.A,{condition:r,children:(0,l.jsx)(z,{product:e})})})}),(0,l.jsxs)("div",{className:"flex w-full flex-col gap-y-5",children:[(0,l.jsxs)("div",{className:"flex w-full flex-col",children:[(0,l.jsx)(y,{children:f||"\xa0"}),(0,l.jsx)(P,{children:S}),(0,l.jsx)("div",{className:"font-heading flex w-full flex-row space-x-3 truncate overflow-hidden font-normal",children:_.map((e,t,r)=>(0,l.jsx)(N,{idx:t,feature:e,withSeparator:t<r.length-1},e))})]}),(0,l.jsx)(C,{price:n,reducedPrice:a})]})]})})]})})}},74950:(e,t,r)=>{"use strict";r.d(t,{PageProvider:()=>i});var l=r(66108),s=r(65129),n=r(62878);r(23657);let a=(0,s.default)(()=>Promise.all([r.e(4603),r.e(7718),r.e(2855),r.e(4884),r.e(5541)]).then(r.bind(r,14884)),{loadableGenerated:{webpack:()=>[14884]},ssr:!1}),i=({pageData:e,trackUTMParams:t,trackKlaviyoParams:r,children:s})=>(0,l.jsxs)(n.$,{pageName:e?.pageName,children:[(0,l.jsx)(a,{trackUTMParams:t,trackKlaviyoParams:r}),s]})},77719:(e,t,r)=>{"use strict";r.d(t,{default:()=>n});var l=r(25682),s=r(66108);function n({locale:e,...t}){if(!e)throw Error(void 0);return(0,s.jsx)(l.Dk,{locale:e,...t})}},78163:(e,t,r)=>{"use strict";r.d(t,{A:()=>i});var l=r(66108),s=r(21978),n=r.n(s),a=r(71622);let i=({children:e,withMinColorPicker:t,cols:r,rows:s,gap:i,legend:o,items:c,withFlex:d,...u})=>{let x=(0,a.xW)(),m=x?.register;return(0,l.jsx)(l.Fragment,{children:(0,l.jsxs)("fieldset",{...u,className:n()("w-full bg-transparent",d?"flex flex-wrap":"grid",{"gap-4":"default"===i||void 0===i,"gap-11":"xl"===i,"gap-6":"medium"===i,"gap-9":"lg"===i,"gap-0":"off"===i},(({cols:e,rows:t,withMinColorPicker:r})=>r?"grid-cols-[repeat(3,minmax(0,1.5rem))]":t?n()({"grid-flow-col grid-rows-1":1===t||void 0===t,"grid-flow-col grid-rows-2":2===t,"grid-flow-col grid-rows-3":3===t,"grid-flow-col grid-rows-4":4===t}):e?n()({"grid-cols-1":1===e,"grid-cols-2":2===e,"grid-cols-3":3===e,"grid-cols-4":4===e||void 0===e,"grid-cols-5":5===e,"grid-cols-6":6===e,"grid-cols-7":7===e}):"")({withMinColorPicker:t,cols:r,rows:s})),children:[o&&(0,l.jsx)("legend",{className:"m-0 w-full pt-8 pb-6 text-base font-semibold",children:o}),c?.map((t,r)=>(0,l.jsx)("div",{className:n()(d?"w-fit":"w-full"),children:e(t,m)},r))]})})}},83042:(e,t,r)=>{"use strict";let l,s,n;r.d(t,{oz:()=>L});var a=r(21437),i=r(42393),o=r(16560),c=r(66983),d=r(2429),u=r(70943),x=r(9096),m=r(26215),f=r(13835),p=r(59113),h=r(80146),g=r(68238);function b({onFocus:e}){let[t,r]=(0,o.useState)(!0),l=(0,h.a)();return t?o.createElement(g.j,{as:"button",type:"button",features:g.u.Focusable,onFocus:t=>{t.preventDefault();let s,n=50;s=requestAnimationFrame(function t(){if(n--<=0){s&&cancelAnimationFrame(s);return}if(e()){if(cancelAnimationFrame(s),!l.current)return;r(!1);return}s=requestAnimationFrame(t)})}}):null}var v=r(61942),w=r(55967),j=r(14848),y=r(17657),P=r(92602);let N=o.createContext(null);function k({children:e}

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

1{if(void 0===E.current||j.tabs.length<=0)return;let e=(0,v.wl)(j.tabs,e=>e.current);e.some((e,t)=>j.tabs[t]!==e)&&I(e.indexOf(j.tabs[E.current]))});let M=(0,P.Ci)();return o.createElement(k,null,o.createElement(F.Provider,{value:z},o.createElement(D.Provider,{value:_},_.tabs.length<=0&&o.createElement(b,{onFocus:()=>{var e,t;for(let r of A.current)if((null==(e=r.current)?void 0:e.tabIndex)===0)return null==(t=r.current)||t.focus(),!0;return!1}}),M({ourProps:{ref:w},theirProps:i,slot:N,defaultTag:"div",name:"Tabs"}))))}),List:(0,P.FX)(function(e,t){let{orientation:r,selectedIndex:l}=E("Tab.List"),s=(0,p.P)(t),n=(0,f._)({selectedIndex:l});return(0,P.Ci)()({ourProps:{ref:s,role:"tablist","aria-orientation":r},theirProps:e,slot:n,defaultTag:"div",name:"Tabs.List"})}),Panels:(0,P.FX)(function(e,t){let{selectedIndex:r}=E("Tab.Panels"),l=(0,p.P)(t),s=(0,f._)({selectedIndex:r});return(0,P.Ci)()({ourProps:{ref:l},theirProps:e,slot:s,defaultTag:"div",name:"Tabs.Panels"})}),Panel:(0,P.FX)(function(e,t){var r,l,s,n;let i=(0,o.useId)(),{id:c=`headlessui-tabs-panel-${i}`,tabIndex:d=0,...x}=e,{selectedIndex:m,tabs:h,panels:b}=E("Tab.Panel"),v=z("Tab.Panel"),w=(0,o.useRef)(null),j=(0,p.P)(w,t);(0,u.s)(()=>v.registerPanel(w),[v,w]);let y=C("panels"),N=b.indexOf(w);-1===N&&(N=y);let k=N===m,{isFocusVisible:A,focusProps:_}=(0,a.o)(),S=(0,f._)({selected:k,focus:A}),T=(0,P.v6)({ref:j,id:c,role:"tabpanel","aria-labelledby":null==(l=null==(r=h[N])?void 0:r.current)?void 0:l.id,tabIndex:k?d:-1},_),I=(0,P.Ci)();return k||null!=(s=x.unmount)&&!s||null!=(n=x.static)&&n?I({ourProps:T,theirProps:x,slot:S,defaultTag:"div",features:M,visible:k,name:"Tabs.Panel"}):o.createElement(g.j,{"aria-hidden":"true",...T})})})},86959:(e,t,r)=>{"use strict";r.d(t,{lE:()=>o,rt:()=>i});var l=r(66108),s=r(16560),n=r(7319);let a=(0,s.createContext)({comparisonActive:{isActive:!1,setIsActive:()=>void 0},panelToggle:{isOpen:!1,setIsOpen:()=>void 0},comparison:{comparisonProducts:[],setComparisonProducts:()=>void 0}}),i=({children:e})=>{let[t,r]=(0,s.useState)(!1),[i,o]=(0,s.useState)(!1),[c,d]=(0,s.useState)([]),u=c.length,[x,m,f]=(0,n.Mj)("compareProducts","");return(0,s.useEffect)(()=>{try{if(x){let e=JSON.parse(x);d(e),r(!0)}}catch{f()}},[]),(0,s.useEffect)(()=>{u>0&&m(JSON.stringify(c)),0===u&&f()},[u]),(0,l.jsx)(a.Provider,{value:{panelToggle:{isOpen:i,setIsOpen:o},comparisonActive:{isActive:t,setIsActive:r},comparison:{comparisonProducts:c,setComparisonProducts:d}},children:e})},o=()=>(0,s.useContext)(a)}}]);