https://joinoriginhouse.com/assets/Pen-y3mLLZSV.js

1import{c1 as w,c2 as j,c3 as C,r as V,c4 as k,l as y,c5 as h,j as g,m as F}from"./index-BuCKDUqr.js";function M(t,n,a={}){const r=t.get();let e=null,c=r,l;const u=typeof r=="string"?r.replace(/[\d.-]/g,""):void 0,f=()=>{e&&(e.stop(),e=null),t.animation=void 0},m=()=>{const o=S(t.get()),s=S(c);if(o===s){f();return}const i=e?e.getGeneratorVelocity():t.getVelocity();f(),e=new C({keyframes:[o,s],velocity:i,type:"spring",restDelta:.001,restSpeed:.01,...a,onUpdate:l})},p=()=>{m(),t.animation=e??void 0,t.events.animationStart?.notify(),e?.then(()=>{t.animation=void 0,t.events.animationComplete?.notify()})};if(t.attach((o,s)=>{c=o,l=i=>s(d(i,u)),w.postRender(p)},f),j(n)){let o=a.skipInitialAnimation===!0;const s=n.on("change",x=>{o?(o=!1,t.jump(d(x,u),!1)):t.set(d(x,u))}),i=t.on("destroy",s);return()=>{s(),i()}}return f}function d(t,n){return n?t+n:t}function S(t){return typeof t=="number"?t:parseFloat(t)}function P(t,n={}){const{isStatic:a}=V.useContext(k),r=()=>j(t)?t.get():t;if(a)return y(r);const e=h(r());return V.useInsertionEffect(()=>M(e,t,n),[e,JSON.stringify(n)]),e}function A(t,n={}){return P(t,{type:"spring",...n})}function E({children:t,viewBox:n="0 0 220 160",label:a,className:r="",parallax:e=!1}){const c=h(0),l=h(0),u=A(c,{stiffness:90,damping:18,mass:.6}),f=A(l,{stiffness:90,damping:18,mass:.6}),m=y(u,[-.5,.5],[-2.6,2.6]),p=y(f,[-.5,.5],[2,-2]),o=g.jsx("svg",{viewBox:n,className:e?"h-full w-full":`h-full w-full ${r}`,role:"img","aria-label":a,style:{color:"var(--ink)"},children:t});return e?g.jsx("div",{className:r,style:{perspective:900},onPointerMove:s=>{if(s.pointerType!=="mouse")return;const i=s.currentTarget.getBoundingClientRect();c.set((s.clientX-i.left)/i.width-.5),l.set((s.clientY-i.top)/i.height-.5)},onPointerLeave:()=>{c.set(0),l.set(0)},children:g.jsx(F.div,{style:{rotateX:p,rotateY:m,transformStyle:"preserve-3d"},children:o})}):o}export{E as P};