https://www.the.garden/_next/static/chunks/3769-17fba9f9b0ea0d7d.js?dpl=dpl_BZSP1pC7Y7T3An3VnxUjffrUgRxn

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3769],{23769:(e,t,r)=>{r.d(t,{Sq:()=>O,RZ:()=>M,uY:()=>C,HV:()=>i});var n,a,o=r(1521),s=r(906);function i(e){let{elementId:t,elementOverlap:r,viewportOverlap:n}=e,[a,i]=(0,o.useState)(),u=(0,o.useRef)(void 0),c=u.current,l=(0,s.useViewportSize)({debounceTime:300}),f=(0,o.useMemo)(()=>"#".concat(t),[t]),d=(0,s.useElementSelector)(f).current,p=(0,s.useLatestValue)(a?{from:c,to:a}:void 0);return(0,o.useEffect)(()=>{if(!d){u.current=void 0,i(void 0);return}let e=n?"number"==typeof n?{top:Math.floor(l.height*n),bottom:Math.floor(l.height*n),left:0,right:0}:n:void 0,t=new IntersectionObserver(t=>{let[r]=t;if(!r)return;let{isIntersecting:n,boundingClientRect:a}=r;i(t=>{var r;return u.current=t,n?"within":a.bottom<=(null!=(r=null==e?void 0:e.top)?r:0)?"above":"below"})},{rootMargin:e?"-".concat(e.top,"px -").concat(e.right,"px -").concat(e.bottom,"px -").concat(e.left,"px"):void 0,threshold:r});return t.observe(d),()=>t.disconnect()},[d,r,l,n]),p}var u=r(63761),c=r(34801),l=r.n(c);(n||(n={})).getData=function(e,t,r){var n;if("string"==typeof e)switch(e){case"fadeIn":return{className:"transition-opacity duration-200 ease-out",style:{opacity:+!!r,willChange:"opacity",transitionDelay:void 0!==t?"".concat(t,"s"):void 0}};case"fadeInUp":return{className:l()("transition-animate",{"duration-200 ease-in":r,"duration-150 ease-out":!r}),style:{opacity:+!!r,transform:"translateY(".concat(r?"0":"50","px)"),willChange:"transform,opacity",transitionDelay:void 0!==t?"".concat(t,"s"):void 0}};case"fadeOut":return{className:l()("transition-opacity",{"duration-200 ease-in":r,"duration-150 ease-out":!r}),style:{opacity:+!r,willChange:"opacity",transitionDelay:void 0!==t?"".concat(t,"s"):void 0}};case"blurIn":return{className:"transition-all duration-300 ease-in",style:{opacity:+!!r,filter:r?"":"blur(8px)",willChange:"opacity,filter",transitionDelay:void 0!==t?"".concat(t,"s"):void 0}};default:throw new u.NotImplementedError}return{className:r?e.onClass:e.offClass,style:{...null!=(n=r?e.onStyle:e.offStyle)?n:{},...void 0!==t?{transitionDelay:"".concat(t,"s")}:{}}}};var f=r(73365);let d=(0,o.createContext)({});var p=r(60797),h=r(67756),y=r(16578),m=r(4119),v=r(69070),g=r(79832);let b=(0,o.createContext)({transformPagePoint:e=>e,isStatic:!1,reducedMotion:"never"});function w(e,t){let r=function(e){let t=(0,y.M)(()=>(0,g.OQ)(e)),{isStatic:r}=(0,o.useContext)(b);if(r){let[,r]=(0,o.useState)(e);(0,o.useEffect)(()=>t.on("change",r),[])}return t}(t()),n=()=>r.set(t());return n(),(0,v.E)(()=>{let t=()=>m.Gt.preRender(n,!1,!0),r=e.map(e=>e.on("change",t));return()=>{r.forEach(e=>e()),(0,m.WG)(n)}}),r}function x(e,t){let r=(0,y.M)(()=>[]);return w(e,()=>{r.length=0;let n=e.length;for(let t=0;t<n;t++)r[t]=e[t].get();return t(r)})}function I(e){let{className:t,transition:r,hold:n=!1,start:a,end:s,scrollProgress:i,children:c}=e,[p,m]=(0,o.useState)(()=>{var e,t,r,o;return e=i.get(),t=a,r=s,o=n,e>=t&&(e<r||o)}),v=(0,o.useMemo)(()=>(function(e,t){if("string"!=typeof e)return{style:t?e.enter:e.exit};switch(e){case"fade":return{className:l()("transition-all duration-300",{"ease-in":t,"ease-out":!t}),style:{opacity:+!!t,willChange:"opacity"}};case"fadeUp":return{className:l()("transition-all duration-200 ease-out",{"delay-[0.5s]":t}),style:t?{opacity:1,transform:"translateY(0px)",willChange:"transform, opacity"}:{opacity:0,transform:"translateY(-100px)",willChange:"transform, opacity"}};case"crossfade":return{className:"transition-all duration-200 ease-out",style:t?{opacity:1,transform:"translateY(0px)",willChange:"transform, opacity"}:{opacity:0,transform:"translateY(-100px)",willChange:"transform, opacity"}};default:throw new u.NotImplementedError}})(r,p),[r,p]),b=function e(t,r,n,a){if("function"==typeof t){g.bt.current=[],t();let e=w(g.bt.current,t);return g.bt.current=void 0,e}if(void 0!==n&&!Array.isArray(n)&&"function"!=typeof r){var o=t,s=r,i=n,u=a;let c=(0,y.M)(()=>Object.keys(i)),l=(0,y.M)(()=>({}));for(let t of c)l[t]=e(o,s,i[t],u);return l}let c="function"==typeof r?r:function(...e){let t=!Array.isArray(e[0]),r=t?0:-1,n=e[0+r],a=e[1+r],o=e[2+r],s=e[3+r],i=(0,h.G)(a,o,s);return t?i(n):i}(r,n,a),l=Array.isArray(t)?x(t,c):x([t],e=>{let[t]=e;return c(t)}),f=Array.isArray(t)?void 0:t.accelerate;return f&&!f.isTransformed&&"function"!=typeof r&&Array.isArray(n)&&(null==a?void 0:a.clamp)!==!1&&(l.accelerate={...f,times:r,keyframes:n,isTransformed:!0,...(null==a?void 0:a.ease)?{ease:a.ease}:{}}),l}(i,[a,s],[0,1]),I=(0,o.useMemo)(()=>({progress:b}),[b]);return(0,o.useEffect)(()=>{let e=i.on("change",e=>{var t,r,o,i;return m((t=e,r=a,o=s,i=n,t>=r&&(t<o||i)))});return()=>e()},[i,a,s,n]),(0,f.jsx)(d.Provider,{value:I,children:(0,f.jsx)("div",{className:l()(t,"h-lvh",v.className,{"pointer-events-none":!p}),style:v.style,children:c})})}function O(e){let{className:t,swipeScale:r=1,storyboards:n,children:a}=e,s=(0,o.useRef)(null),{scrollYProgress:i}=(0,p.L)({target:s}),u=(0,o.useMemo)(()=>({progress:i}),[i]),{storyboardsProps:c,pages:h}=(0,o.useMemo)(()=>(function(e){let{storyboards:t,swipeScale:r}=e,n=t.reduce((e,t)=>

1{let{spacing:r,...n}=t,a={before:0,after:0,...null!=r?r:{}};return e.swipes+=n.swipes+a.before+a.after,e.storyboardsProps.push({...n,spacing:a,start:0,end:0}),e},{storyboardsProps:[],swipes:0,pages:0}),a=n.swipes;return n.pages=a*r,n.storyboardsProps.forEach((e,t)=>{var r;let{end:o=0,spacing:s}=t>0?n.storyboardsProps[t-1]:{},i=(null!=(r=null==s?void 0:s.after)?r:0)/a,{swipes:u,spacing:c}=e;e.start=o+Math.max(i,c.before/a),e.end=e.start+u/a}),console.debug("[Choreography] config",n),n})({storyboards:n,swipeScale:r}),[n,r]);return(0,f.jsx)("div",{ref:s,className:l()(t,"relative"),style:{height:"".concat(100*h,"lvh")},children:(0,f.jsx)(d.Provider,{value:u,children:(0,f.jsxs)("div",{className:"sticky top-0 stacked",children:[a&&(0,f.jsx)("div",{className:"w-full h-lvh pointer-events-none",children:a}),c.map(e=>(0,f.jsx)(I,{...e,scrollProgress:i},e.id))]})})})}function M(e){let{as:t="div",className:r,bindings:n,children:i,...u}=e,{progress:c}=(0,o.useContext)(d),f=(0,s.useViewportSize)(),p=(0,s.useLatestValue)(n),y=(0,o.useRef)(null),m=(0,o.useMemo)(()=>(function(e,t){let{x:r,y:n,opacity:o,width:s,height:i,borderRadius:u}=Object.entries(e).reduce((e,r)=>

1{let[n,o]=r,{scale:s,input:i,output:u,easing:c}=o,l=(0,h.G)(i,u,{ease:c?a.resolve(c):void 0});switch(s){case"viewport-width":{let e=l;l=r=>e(r)*t.width;break}case"viewport-height":{let e=l;l=r=>e(r)*t.height}}return e[n]=l,e},{});return(e,t)=>{if(!e)return;let a=[],{style:c}=e;if((r||n)&&(c.translate="".concat(r?r(t):0,"px ").concat(n?n(t):0,"px"),a.push("transform")),o&&(c.opacity=String(o(t)),a.push("opacity")),s){let e=s(t);c.width="number"==typeof e?"".concat(e,"px"):e,a.push("width")}if(i){let e=i(t);c.height="number"==typeof e?"".concat(e,"px"):e,a.push("height")}if(u){let e=u(t);c.borderRadius="number"==typeof e?"".concat(e,"px"):e,a.push("borderRadius")}c.willChange=a.join(",")}})(p,f),[p,f]);return(0,o.useEffect)(()=>{var e;let t=c.on("change",e=>m(y.current,e));return m(y.current,null!=(e=c.get())?e:0),()=>t()},[c,m]),(0,o.createElement)(t,{ref:y,className:l()(r),...u},i)}!function(e){let t=Math.PI,r=t/2;function n(e){return 1==+e?1:1-Math.cos(e*r)}function a(e){return Math.sin(e*r)}function o(e){return(1-Math.cos(t*e))/2}function s(e){return e*e}function i(e){return e*(2-e)}function c(e){return((e*=2)<=1?e*e:--e*(2-e)+1)/2}function l(e){return e*e*e}function f(e){return--e*e*e+1}function d(e){return((e*=2)<=1?e*e*e:(e-=2)*e*e+2)/2}function p(e){return(Math.pow(2,-10*e)-9765625e-10)*1.0009775171065494}function h(e){return p(1-e)}function y(e){return 1-p(e)}function m(e){return((e*=2)<=1?p(1-e):2-p(e-1))/2}function v(e){return 1-Math.sqrt(1-e*e)}function g(e){return Math.sqrt(1- --e*e)}function b(e){return((e*=2)<=1?1-Math.sqrt(1-e*e):Math.sqrt(1-(e-=2)*e)+1)/2}e.linear=e=>+e,e.sineIn=n,e.sineOut=a,e.sineInOut=o,e.quadIn=s,e.quadOut=i,e.quadInOut=c,e.cubicIn=l,e.cubicOut=f,e.cubicInOut=d,e.expIn=h,e.expOut=y,e.expInOut=m,e.circleIn=v,e.circleOut=g,e.circleInOut=b,e.resolve=function(t){switch(t){case"linear":return e.linear;case"sineIn":return n;case"sineOut":return a;case"sineInOut":return o;case"quadIn":return s;case"quadOut":return i;case"quadInOut":return c;case"cubicIn":return l;case"cubicOut":return f;case"cubicInOut":return d;case"expIn":return h;case"expOut":return y;case"expInOut":return m;case"circIn":return v;case"circOut":return g;case"circInOut":return b;default:throw new u.NotImplementedError}}}(a||(a={}));var N=r(38404);function C(e){let{as:t="div",className:r,style:a,from:s,to:i,animation:u,delay:c,onActive:f=N.Fn.NoOp,onInactive:p=N.Fn.NoOp,children:h,...y}=e,{progress:m}=(0,o.useContext)(d),[v,g]=(0,o.useState)(()=>E(m.get(),s,i)),b=(0,o.useMemo)(()=>n.getData(u,c,v),[u,v,c]),w=(0,o.useRef)(f),x=(0,o.useRef)(p);return w.current=f,x.current=p,(0,o.useEffect)(()=>{let e=m.on("change",e=>g(E(e,s,i)));return g(E(m.get(),s,i)),()=>e()},[m,s,i]),(0,o.useEffect)(()=>{v?w.current():x.current()},[v]),(0,o.createElement)(t,{className:l()(r,b.className),style:{...a,...b.style},...y},h)}function E(e,t,r){return(void 0===t||e>t)&&(void 0===r||e<r)}}}]);