https://ayrburnclassic.com/assets/744bd9dc.js

1import{c as $}from"./8622e3f8.js";import{A as I}from"./82440965.js";import{r as m,j as r,F as V,a as t}from"./index.e5a6bdbf.js";import"./2dbd79b0.js";import{m as d}from"./1c14e6f3.js";import{u as z}from"./27dd271a.js";import{u as v}from"./bbccc8f9.js";import{u as j}from"./6fb3ba9d.js";import{u as M}from"./45cc5de9.js";import{d as h}from"./e6673ff8.js";import{U as C}from"./12f65b49.js";import{B as k}from"./aa198028.js";import"./4c9ca22a.js";import"./ceaed48c.js";import"./a9ff7b59.js";import"./c53794a6.js";import"./9332a5d1.js";import"./a20136da.js";import"./6bad3923.js";import"./579c2de1.js";import"./196f1f4c.js";import"./2569de00.js";import"./58c1a667.js";import"./b7a66b0a.js";import"./38d18f43.js";import"./cb59ce5b.js";import"./abaeb852.js";const P=g=>{const{x:n,y:a,image:p}=g,s=v(0),o=v(0),c=m.exports.useRef(null),x=z`translate(calc(${n}px - ${s}px),calc(${a}px - ${o}px))`;return m.exports.useEffect(()=>{const u=c.current;n.onChange(()=>{if(u){const i=u.getBoundingClientRect();s.set(i.x+i.width/2),o.set(i.y+i.height/2)}})},[n,a,s,o]),t("div",{ref:c,className:"pointer-events-none absolute inset-0 hidden lg:block",children:t(d.div,{className:"absolute inset-0 flex items-center justify-center",style:{transform:x},children:t(C,{className:"pointer-events-none absolute h-[240px] w-[176px] -translate-x-1/2 -translate-y-1/2 object-cover opacity-0 transition-opacity duration-420 ease-ayrburn-in-out group-hover:opacity-100",image:p})})})},re=g=>{var b,N;const{words:n,hoverLabel:a}=g,{x:p,y:s}=M(),o=v(p),c=v(s),x=j(o,{restDelta:.001,damping:40,stiffness:400}),u=j(c,{restDelta:.001,damping:40,stiffness:400}),[i,f]=m.exports.useState(-1);return m.exports.useEffect(()=>{o.set(p),c.set(s)},[o,c,p,s]),r(V,{children:[r("div",{className:"relative mx-auto mt-20 flex max-w-5xl flex-wrap items-center justify-center gap-y-12 lg:mt-0 lg:gap-x-9 lg:gap-y-6",children:[n.map((e,l)=>r("div",{className:"flex flex-col lg:hidden",children:[t("button",{className:"text-48",onClick:()=>{f(y=>y!==l?l:-1)},children:t(d.div,{variants:{visible:{opacity:1},hidden:{opacity:.08}},initial:"hidden",animate:i===l?"visible":"hidden",transition:h,className:"relative opacity-8",children:e==null?void 0:e.title})}),r(d.div,{variants:{visible:{height:"auto"},hidden:{height:0}},initial:"hidden",animate:i===l?"visible":"hidden",transition:h,className:"relative overflow-hidden",children:[(e==null?void 0:e.image)&&t("div",{className:"mt-4 px-6",children:t(C,{image:e==null?void 0:e.image})}),(e==null?void 0:e.text)&&t("div",{className:"mt-4 w-full text-center text-18",children:e==null?void 0:e.text})]})]},`${e==null?void 0:e.title}_Mobile`)),n.map((e,l)=>{var w;const y=$({" z-10":l===i},"group relative cursor-default text-96 leading-none -tracking-3 hidden lg:block");return r("div",{className:y,onPointerEnter:()=>{f(l)},onPointerLeave:()=>{f(-1)},children:[t("div",{className:"relative opacity-8",children:e==null?void 0:e.title}),t("div",{className:"pointer-events-none absolute inset-0 z-40 opacity-0 transition-opacity duration-420 ease-ayrburn-in-out group-hover:opacity-100",children:e==null?void 0:e.title}),((w=e==null?void 0:e.image)==null?void 0:w.url)&&t(P,{x,y:u,image:e==null?void 0:e.image})]},`${e==null?void 0:e.title}_Desktop`)})]}),t("div",{className:"relative hidden h-12 w-full lg:block",children:r(I,{mode:"sync",children:[a&&i===-1&&t(d.div,{className:"absolute inset-0 flex items-center justify-center",initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:h,children:r(k,{variant:"outline",theme:"image",size:"large",className:"cursor-default border-white/8 text-white/48 backdrop-blur-md hover:border-white/32",children:[t("span",{className:"hidden text-14 lg:inline",children:a}),t("span",{className:"text-14 lg:hidden",children:a==null?void 0:a.replace("Hover","Tap")})]})},a),i!==-1&&t(d.div,{className:"absolute inset-0 hidden items-center justify-center lg:flex",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:h,children:t("div",{className:"text-center text-24",children:(b=n[i])==null?void 0:b.text})},(N=n[i])==null?void 0:N.text)]})}),t("div",{className:"relative overflow-hidden lg:hidden",children:t(d.div,{variants:{visible:{height:"auto"},hidden:{height:0}},initial:"visible",animate:i===-1?"visible":"hidden",transition:h,children:t("div",{className:"relative mt-20 h-12",children:t("div",{className:"absolute inset-0 flex items-center justify-center",children:r(k,{variant:"outline",theme:"image",size:"large",className:"cursor-default border-white/8 text-white/48 backdrop-blur-md hover:border-white/32",children:[t("span",{className:"hidden text-14 lg:inline",children:a}),t("span",{className:"text-14 lg:hidden",children:a==null?void 0:a.replace("Hover","Tap")})]})})})})})]})};export{re as default};
2//# sourceMappingURL=744bd9dc.js.map