1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,96620,32883,48862,27397,63992,26235,78735,66312,e=>{"use strict";let t,i;var s=e.i(44440);let r=(0,s.createContext)({});function o(e){let t=(0,s.useRef)(null);return null===t.current&&(t.current=e()),t.current}e.s(["LayoutGroupContext",()=>r],96620),e.s(["useConstant",()=>o],32883);let n="u">typeof window?s.useLayoutEffect:s.useEffect;e.s(["useIsomorphicLayoutEffect",()=>n],48862);let a=(0,s.createContext)(null);e.s(["PresenceContext",()=>a],27397);var l=e.i(96563);function u(e){return(0,l.isObject)(e)&&"offsetHeight"in e&&!("ownerSVGElement"in e)}e.s(["isHTMLElement",()=>u],63992);let h=(0,s.createContext)({transformPagePoint:e=>e,isStatic:!1,reducedMotion:"never"});function c(e=!0){let t=(0,s.useContext)(a);if(null===t)return[!0,null];let{isPresent:i,onExitComplete:r,register:o}=t,n=(0,s.useId)();(0,s.useEffect)(()=>{if(e)return o(n)},[e]);let l=(0,s.useCallback)(()=>e&&r&&r(n),[n,r,e]);return!i&&r?[!1,l]:[!0]}e.s(["MotionConfigContext",()=>h],26235),e.s(["usePresence",()=>c],78735);var d=e.i(70657),m=e.i(72329);let p=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];function f(e){if("string"!=typeof e||e.includes("-"));else if(p.indexOf(e)>-1||/[A-Z]/u.test(e))return!0;return!1}e.i(17141);var g=e.i(87433);let x=(0,s.createContext)({strict:!1}),y=(0,s.createContext)({});var v=e.i(91605),w=e.i(91935);function _(e){return Array.isArray(e)?e.join(" "):e}var j=e.i(12077),b=e.i(35250),P=e.i(48541);let k=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function S(e,t,i){for(let s in t)(0,j.isMotionValue)(t[s])||(0,b.isForcedMotionValue)(s,i)||(e[s]=t[s])}var E=e.i(47099),T=e.i(12514);let A=()=>({...k(),attrs:{}}),M=new Set(["animate","exit","variants","initial","style","values","variants","transition","transformTemplate","custom","inherit","onBeforeLayoutMeasure","onAnimationStart","onAnimationComplete","onUpdate","onDragStart","onDrag","onDragEnd","onMeasureDragConstraints","onDirectionLock","onDragTransitionEnd","_dragX","_dragY","onHoverStart","onHoverEnd","onViewportEnter","onViewportLeave","globalTapTarget","propagate","ignoreStrict","viewport"]);function C(e){return e.startsWith("while")||e.startsWith("drag")&&"draggable"!==e||e.startsWith("layout")||e.startsWith("onTap")||e.startsWith("onPan")||e.startsWith("onLayout")||M.has(e)}var N=e.i(1753),N=N;function D(e){return(0,j.isMotionValue)(e)?e.get():e}var B=e.i(96501),L=e.i(23134);let R=e=>(t,i)=>{let r=(0,s.useContext)(y),n=(0,s.useContext)(a),l=()=>(function({scrapeMotionValuesFromProps:e,createRenderState:t},i,s,r){return{latestValues:function(e,t,i,s){let r={},o=s(e,{});for(let e in o)r[e]=D(o[e]);let{initial:n,animate:a}=e,l=(0,v.isControllingVariants)(e),u=(0,v.isVariantNode)(e);t&&u&&!l&&!1!==e.inherit&&(void 0===n&&(n=t.initial),void 0===a&&(a=t.animate));let h=!!i&&!1===i.initial,c=(h=h||!1===n)?a:n;if(c&&"boolean"!=typeof c&&!(0,B.isAnimationControls)(c)){let t=Array.isArray(c)?c:[c];for(let i=0;i<t.length;i++){let s=(0,L.resolveVariantFromProps)(e,t[i]);if(s){let{transitionEnd:e,transition:t,...i}=s;for(let e in i){let t=i[e];if(Array.isArray(t)){let e=h?t.length-1:0;t=t[e]}null!==t&&(r[e]=t)}for(let t in e)r[t]=e[t]}}}return r}(i,s,r,e),renderState:t()}})(e,t,r,n);return i?l():o(l)},V=R({scrapeMotionValuesFromProps:N.scrapeMotionValuesFromProps,createRenderState:k});var I=e.i(5505),I=I;let G=R({scrapeMotionValuesFromProps:I.scrapeMotionValuesFromProps,createRenderState:A});var F=e.i(83063);let z={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},$=!1;function O(){return!function(){if($)return;let e={};for(let t in z)e[t]={isEnabled:e=>z[t].some(t=>!!e[t])};(0,F.setFeatureDefinitions)(e),$=!0}(),(0,F.getFeatureDefinitions)()}let U=Symbol.for("motionComponentSymbol");var q=e.i(42208);let W=(0,s.createContext)({});function Y(e){return e&&"object"==typeof e&&Object.prototype.hasOwnProperty.call(e,"current")}function Z(e,{forwardMotionProps:t=!1,type:i}={}
1,o,l){o&&function(e){let t=O();for(let i in e)t[i]={...t[i],...e[i]};(0,F.setFeatureDefinitions)(t)}(o);let u=i?"svg"===i:f(e),c=u?G:V;function d(i,o){var d;let m,p,b,M={...(0,s.useContext)(h),...i,layoutId:function({layoutId:e}){let t=(0,s.useContext)(r).id;return t&&void 0!==e?t+"-"+e:e}(i)},{isStatic:N,isValidProp:D}=M,B=function(e){let{initial:t,animate:i}=function(e,t){if((0,v.isControllingVariants)(e)){let{initial:t,animate:i}=e;return{initial:!1===t||(0,w.isVariantLabel)(t)?t:void 0,animate:(0,w.isVariantLabel)(i)?i:void 0}}return!1!==e.inherit?t:{}}(e,(0,s.useContext)(y));return(0,s.useMemo)(()=>({initial:t,animate:i}),[_(t),_(i)])}(i),L=c(i,N);if(!N&&"u">typeof window){(0,s.useContext)(x).strict;let t=function(e){let{drag:t,layout:i}=O();if(!t&&!i)return{};let s={...t,...i};return{MeasureLayout:t?.isEnabled(e)||i?.isEnabled(e)?s.MeasureLayout:void 0,ProjectionNode:s.ProjectionNode}}(M);m=t.MeasureLayout,B.visualElement=function(e,t,i,r,o,l){let{visualElement:u}=(0,s.useContext)(y),c=(0,s.useContext)(x),d=(0,s.useContext)(a),m=(0,s.useContext)(h),p=m.reducedMotion,f=m.skipAnimations,g=(0,s.useRef)(null),v=(0,s.useRef)(!1);r=r||c.renderer,!g.current&&r&&(g.current=r(e,{visualState:t,parent:u,props:i,presenceContext:d,blockInitialAnimation:!!d&&!1===d.initial,reducedMotionConfig:p,skipAnimations:f,isSVG:l}),v.current&&g.current&&(g.current.manuallyAnimateOnMount=!0));let w=g.current,_=(0,s.useContext)(W);w&&!w.projection&&o&&("html"===w.type||"svg"===w.type)&&function(e,t,i,s){let{layoutId:r,layout:o,drag:n,dragConstraints:a,layoutScroll:l,layoutRoot:u,layoutAnchor:h,layoutCrossfade:c}=t;e.projection=new i(e.latestValues,t["data-framer-portal-id"]?void 0:function e(t){if(t)return!1!==t.options.allowProjection?t.projection:e(t.parent)}(e.parent)),e.projection.setOptions({layoutId:r,layout:o,alwaysMeasureLayout:!!n||a&&Y(a),visualElement:e,animationType:"string"==typeof o?o:"both",initialPromotionConfig:s,crossfade:c,layoutScroll:l,layoutRoot:u,layoutAnchor:h})}(g.current,i,o,_);let j=(0,s.useRef)(!1);(0,s.useInsertionEffect)(()=>{w&&j.current&&w.update(i,d)});let b=i[q.optimizedAppearDataAttribute],P=(0,s.useRef)(!!b&&"u">typeof window&&!window.MotionHandoffIsComplete?.(b)&&window.MotionHasOptimisedAnimation?.(b));return n(()=>{v.current=!0,w&&(j.current=!0,window.MotionIsMounted=!0,w.updateFeatures(),w.scheduleRenderMicrotask(),P.current&&w.animationState&&w.animationState.animateChanges())}),(0,s.useEffect)(()=>{w&&(!P.current&&w.animationState&&w.animationState.animateChanges(),P.current&&(queueMicrotask(()=>{window.MotionHandoffMarkAsComplete?.(b)}),P.current=!1),w.enteringChildren=void 0)}),w}(e,L,M,l,t.ProjectionNode,u)}return(0,g.jsxs)(y.Provider,{value:B,children:[m&&B.visualElement?(0,g.jsx)(m,{visualElement:B.visualElement,...M}):null,function(e,t,i,{latestValues:r},o,n=!1,a,l){let u=(a??f(e)?function(e,t,i,r){let o=(0,s.useMemo)(()=>{let i=A();return(0,E.buildSVGAttrs)(i,t,(0,T.isSVGTag)(r),e.transformTemplate,e.style),{...i.attrs,style:{...i.style}}},[t]);if(e.style){let t={};S(t,e.style,e),o.style={...t,...o.style}}return o}:function(e,t){let i,r,o={},n=(i=e.style||{},S(r={},i,e),Object.assign(r,function({transformTemplate:e},t){return(0,s.useMemo)(()=>{let i=k();return(0,P.buildHTMLStyles)(i,t,e),Object.assign({},i.vars,i.style)},[t])}(e,t)),r);return e.drag&&!1!==e.dragListener&&(o.draggable=!1,n.userSelect=n.WebkitUserSelect=n.WebkitTouchCallout="none",n.touchAction=!0===e.drag?"none":`pan-${"x"===e.drag?"y":"x"}`),void 0===e.tabIndex&&(e.onTap||e.onTapStart||e.whileTap)&&(o.tabIndex=0),o.style=n,o})(t,r,o,e),h=function(e,t,i,s){let r={};for(let o in e)("values"!==o||"object"!=typeof e.values)&&!(0,j.isMotionValue)(e[o])&&((o.startsWith("on")?!C(o):s?.(o)??!C(o))||!0===i&&C(o)||!t&&!C(o)||e.draggable&&o.startsWith("onDrag"))&&(r[o]=e[o]);return r}(t,"string"==typeof e,n,l),c=e!==s.Fragment?{...h,...u,ref:i}:{},{children:d}=t,m=(0,s.useMemo)(()=>(0,j.isMotionValue)(d)?d.get():d,[d]);return(0,s.createElement)(e,{...c,children:m})}(e,i,(d=B.visualElement,p=(0,s.useRef)(o),(0,s.useInsertionEffect)(()=>{p.current=o}),b=(0,s.useRef)(null),(0,s.useCallback)(e=>{e&&L.onMount?.(e),d&&(e?d.mount(e):d.unmount());let t=p.current;if("function"==typeof t)if(e){let i=t(e);"function"==typeof i&&(b.current=i)}else b.current?(b.current(),b.current=null):t(e);else t&&(t.current=e)},[d])),L,N,t,u,D)]})}d.displayName=`motion.${"string"==typeof e?e:`create(${e.displayName??e.name??""})`}`;let m=(0,s.forwardRef)(d);return m[U]=e,m}class H{constructor(e){this.isMounted=!1,this.node=e}update(){}}var X=e.i(98968),K=e.i(5);function J(e,t,i,s=0,r=1){let o=Array.from(e).sort((e,t)=>
1e.sortNodePosition(t)).indexOf(t),n=e.size,a=(n-1)*s;return"function"==typeof i?i(o,n):1===r?o*s:a-o*s}function Q(e,t,i={}){let s=(0,X.resolveVariant)(e,t,"exit"===i.type?e.presenceContext?.custom:void 0),{transition:r=e.getDefaultTransition()||{}}=s||{};i.transitionOverride&&(r=i.transitionOverride);let o=s?()=>Promise.all((0,K.animateTarget)(e,s,i)):()=>Promise.resolve(),n=e.variantChildren&&e.variantChildren.size?(s=0)=>{let{delayChildren:o=0,staggerChildren:n,staggerDirection:a}=r;return function(e,t,i=0,s=0,r=0,o=1,n){let a=[];for(let l of e.variantChildren)l.notify("AnimationStart",t),a.push(Q(l,t,{...n,delay:i+("function"==typeof s?0:s)+J(e.variantChildren,l,s,r,o)}).then(()=>l.notify("AnimationComplete",t)));return Promise.all(a)}(e,t,s,o,n,a,i)}:()=>Promise.resolve(),{when:a}=r;if(!a)return Promise.all([o(),n(i.delay)]);{let[e,t]="beforeChildren"===a?[o,n]:[n,o];return e().then(()=>t())}}var ee=e.i(18183);let et=ee.variantProps.length;var ei=e.i(37702);function es(e,t){if(!Array.isArray(t))return!1;let i=t.length;if(i!==e.length)return!1;for(let s=0;s<i;s++)if(t[s]!==e[s])return!1;return!0}let er=[...ee.variantPriorityOrder].reverse(),eo=ee.variantPriorityOrder.length;function en(e=!1){return{isActive:e,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function ea(){return{animate:en(!0),whileInView:en(),whileHover:en(),whileTap:en(),whileDrag:en(),whileFocus:en(),exit:en()}}let el=0;var eu=e.i(30548),eh=e.i(77775),ec=e.i(48404);function ed(e){return[e("x"),e("y")]}var em=e.i(58689),ep=e.i(26573),ef=e.i(89668),eg=e.i(64100),ex=e.i(89274);function ey(e,t,i,s={passive:!0}){return e.addEventListener(t,i,s),()=>e.removeEventListener(t,i,s)}let ev={x:!1,y:!1};var ew=e.i(22929);function e_(e){return e.max-e.min}function ej(e,t,i,s=.5){e.origin=s,e.originPoint=(0,ex.mixNumber)(t.min,t.max,e.origin),e.scale=e_(i)/e_(t),e.translate=(0,ex.mixNumber)(i.min,i.max,e.origin)-e.originPoint,(e.scale>=.9999&&e.scale<=1.0001||isNaN(e.scale))&&(e.scale=1),(e.translate>=-.01&&e.translate<=.01||isNaN(e.translate))&&(e.translate=0)}function eb(e,t,i,s){ej(e.x,t.x,i.x,s?s.originX:void 0),ej(e.y,t.y,i.y,s?s.originY:void 0)}function eP(e,t,i,s=0){e.min=(s?(0,ex.mixNumber)(i.min,i.max,s):i.min)+t.min,e.max=e.min+e_(t)}function ek(e,t,i,s=0){let r=s?(0,ex.mixNumber)(i.min,i.max,s):i.min;e.min=t.min-r,e.max=e.min+e_(t)}function eS(e,t,i,s){ek(e.x,t.x,i.x,s?.x),ek(e.y,t.y,i.y,s?.y)}var eE=e.i(51032),eT=e.i(7276);let eA=new WeakMap,eM=(e,t,i)=>(s,r)=>r&&r[0]?r[0][e+"Size"]:(0,eE.isSVGElement)(s)&&"getBBox"in s?s.getBBox()[t]:s[i],eC=eM("inline","width","offsetWidth"),eN=eM("block","height","offsetHeight");function eD({target:e,borderBoxSize:t}){eA.get(e)?.forEach(i=>{i(e,{get width(){return eC(e,t)},get height(){return eN(e,t)}})})}function eB(e){e.forEach(eD)}let eL=new Set;function eR(e,s){let r;return"function"==typeof e?(eL.add(e),i||(i=()=>{let e={get width(){return window.innerWidth},get height(){return window.innerHeight}};eL.forEach(t=>t(e))},window.addEventListener("resize",i)),()=>{eL.delete(e),eL.size||"function"!=typeof i||(window.removeEventListener("resize",i),i=void 0)}):(!t&&"u">typeof ResizeObserver&&(t=new ResizeObserver(eB)),(r=(0,eT.resolveElements)(e)).forEach(e=>{let i=eA.get(e);i||(i=new Set,eA.set(e,i)),i.add(s),t?.observe(e)}),()=>{r.forEach(e=>{let i=eA.get(e);i?.delete(s),i?.size||t?.unobserve(e)})})}let eV=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]),eI=new Set(["INPUT","SELECT","TEXTAREA"]);var eG=e.i(11764);let eF=e=>"mouse"===e.pointerType?"number"!=typeof e.button||e.button<=0:!1!==e.isPrimary;function ez(e){return{point:{x:e.pageX,y:e.pageY}}}function e$(e,t,i,s){return ey(e,t,e=>eF(e)&&i(e,ez(e)),s)}let eO=({current:e})=>e?e.ownerDocument.defaultView:null;var eU=e.i(88200),eq=e.i(48681);let eW=(e,t)=>Math.abs(e-t),eY=new Set(["auto","scroll"]);class eZ{constructor(e,t,{transformPagePoint:i,contextWindow:s=window,dragSnapToOrigin:r=!1,distanceThreshold:o=3,element:n}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.lastRawMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.scrollPositions=new Map,this.removeScrollListeners=null,this.onElementScroll=e=>{this.handleScroll(e.target)},this.onWindowScroll=()=>{this.handleScroll(window)},this.updatePoint=()=>{var e,t;if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;this.lastRawMoveEventInfo&&(this.lastMoveEventInfo=eH(this.lastRawMoveEventInfo,this.transformPagePoint));let i=eK(this.lastMoveEventInfo,this.history),s=null!==this.startEvent,r=(e=i.offset,t={x:0,y:0},Math.sqrt(eW(e.x,t.x)**2+eW(e.y,t.y)**2)>=this.distanceThreshold);if(!s&&!r)return;let{point:o}=i,{timestamp:n}=ec.frameData;this.history.push({...o,timestamp:n});let{onStart:a,onMove:l}=this.handlers;s||(a&&a(this.lastMoveEvent,i),this.startEvent=this.lastMoveEvent),l&&l(this.lastMoveEvent,i)},this.handlePointerMove=(e,t)=>
1{this.lastMoveEvent=e,this.lastRawMoveEventInfo=t,this.lastMoveEventInfo=eH(t,this.transformPagePoint),ec.frame.update(this.updatePoint,!0)},this.handlePointerUp=(e,t)=>{this.end();let{onEnd:i,onSessionEnd:s,resumeAnimation:r}=this.handlers;if((this.dragSnapToOrigin||!this.startEvent)&&r&&r(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;let o=eK("pointercancel"===e.type?this.lastMoveEventInfo:eH(t,this.transformPagePoint),this.history);this.startEvent&&i&&i(e,o),s&&s(e,o)},!eF(e))return;this.dragSnapToOrigin=r,this.handlers=t,this.transformPagePoint=i,this.distanceThreshold=o,this.contextWindow=s||window;const a=eH(ez(e),this.transformPagePoint),{point:l}=a,{timestamp:u}=ec.frameData;this.history=[{...l,timestamp:u}];const{onSessionStart:h}=t;h&&h(e,eK(a,this.history));const c={passive:!0,capture:!0};this.removeListeners=(0,eU.pipe)(e$(this.contextWindow,"pointermove",this.handlePointerMove,c),e$(this.contextWindow,"pointerup",this.handlePointerUp,c),e$(this.contextWindow,"pointercancel",this.handlePointerUp,c)),n&&this.startScrollTracking(n)}startScrollTracking(e){let t=e.parentElement;for(;t;){let e=getComputedStyle(t);(eY.has(e.overflowX)||eY.has(e.overflowY))&&this.scrollPositions.set(t,{x:t.scrollLeft,y:t.scrollTop}),t=t.parentElement}this.scrollPositions.set(window,{x:window.scrollX,y:window.scrollY}),window.addEventListener("scroll",this.onElementScroll,{capture:!0}),window.addEventListener("scroll",this.onWindowScroll),this.removeScrollListeners=()=>{window.removeEventListener("scroll",this.onElementScroll,{capture:!0}),window.removeEventListener("scroll",this.onWindowScroll)}}handleScroll(e){let t=this.scrollPositions.get(e);if(!t)return;let i=e===window,s=i?{x:window.scrollX,y:window.scrollY}:{x:e.scrollLeft,y:e.scrollTop},r={x:s.x-t.x,y:s.y-t.y};(0!==r.x||0!==r.y)&&(i?this.lastMoveEventInfo&&(this.lastMoveEventInfo.point.x+=r.x,this.lastMoveEventInfo.point.y+=r.y):this.history.length>0&&(this.history[0].x-=r.x,this.history[0].y-=r.y),this.scrollPositions.set(e,s),ec.frame.update(this.updatePoint,!0))}updateHandlers(e){this.handlers=e}end(){this.removeListeners&&this.removeListeners(),this.removeScrollListeners&&this.removeScrollListeners(),this.scrollPositions.clear(),(0,ec.cancelFrame)(this.updatePoint)}}function eH(e,t){return t?{point:t(e.point)}:e}function eX(e,t){return{x:e.x-t.x,y:e.y-t.y}}function eK({point:e},t){return{point:e,delta:eX(e,eJ(t)),offset:eX(e,t[0]),velocity:function(e,t){if(e.length<2)return{x:0,y:0};let i=e.length-1,s=null,r=eJ(e);for(;i>=0&&(s=e[i],!(r.timestamp-s.timestamp>(0,eq.secondsToMilliseconds)(.1)));)i--;if(!s)return{x:0,y:0};s===e[0]&&e.length>2&&r.timestamp-s.timestamp>2*(0,eq.secondsToMilliseconds)(.1)&&(s=e[1]);let o=(0,eq.millisecondsToSeconds)(r.timestamp-s.timestamp);if(0===o)return{x:0,y:0};let n={x:(r.x-s.x)/o,y:(r.y-s.y)/o};return n.x===1/0&&(n.x=0),n.y===1/0&&(n.y=0),n}(t,.1)}}function eJ(e){return e[e.length-1]}var eQ=e.i(18761),e0=e.i(1077);function e1(e,t,i){return{min:void 0!==t?e.min+t:void 0,max:void 0!==i?e.max+i-(e.max-e.min):void 0}}function e2(e,t){let i=t.min-e.min,s=t.max-e.max;return t.max-t.min<e.max-e.min&&([i,s]=[s,i]),{min:i,max:s}}function e5(e,t,i){return{min:e4(e,t),max:e4(e,i)}}function e4(e,t){return"number"==typeof e?e:e[t]||0}let e3=new WeakMap;class e6{constructor(e){this.openDragLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=(0,eh.createBox)(),this.latestPointerEvent=null,this.latestPanInfo=null,this.visualElement=e}start(e,{snapToCursor:t=!1,distanceThreshold:i}={}){let{presenceContext:s}=this.visualElement;if(s&&!1===s.isPresent)return;let r=e=>{t&&this.snapToCursor(ez(e).point),this.stopAnimation()},o=(e,t)=>{let{drag:i,dragPropagation:s,onDragStart:r}=this.getProps();if(i&&!s&&(this.openDragLock&&this.openDragLock(),this.openDragLock=function(e){if("x"===e||"y"===e)if(ev[e])return null;else return ev[e]=!0,()=>{ev[e]=!1};return ev.x||ev.y?null:(ev.x=ev.y=!0,()=>{ev.x=ev.y=!1})}(i),!this.openDragLock))return;this.latestPointerEvent=e,this.latestPanInfo=t,this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),ed(e=>{let t=this.getAxisMotionValue(e).get()||0;if(ew.percent.test(t)){let{projection:i}=this.visualElement;if(i&&i.layout){let s=i.layout.layoutBox[e];s&&(t=e_(s)*(parseFloat(t)/100))}}this.originPoint[e]=t}),r&&ec.frame.update(()=>r(e,t),!1,!0),(0,ef.addValueToWillChange)(this.visualElement,"transform");let{animationState:o}=this.visualElement;o&&o.setActive("whileDrag",!0)},n=(e,t)=>{this.latestPointerEvent=e,this.latestPanInfo=t;let{dragPropagation:i,dragDirectionLock:s,onDirectionLock:r,onDrag:o}=this.getProps();if(!i&&!this.openDragLock)return;let{offset:n}=t;if(s&&null===this.currentDirection){this.currentDirection=function(e,t=10){let i=null;return Math.abs(e.y)>t?i="y":Math.abs(e.x)>t&&(i="x"),i}(n),null!==this.currentDirection&&r&&r(this.currentDirection);return}this.updateAxis("x",t.point,n),this.updateAxis("y",t.point,n),this.visualElement.render(),o&&ec.frame.update(()=>o(e,t),!1,!0)},a=(e,t)=>{this.latestPointerEvent=e,this.latestPanInfo=t,this.stop(e,t),this.latestPointerEvent=null,this.latestPanInfo=null},l=()=>{let{dragSnapToOrigin:e}=this.getProps();(e||this.constraints)&&this.startAnimation({x:0,y:0})},{dragSnapToOrigin:u}=this.getProps();
1this.panSession=new eZ(e,{onSessionStart:r,onStart:o,onMove:n,onSessionEnd:a,resumeAnimation:l},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:u,distanceThreshold:i,contextWindow:eO(this.visualElement),element:this.visualElement.current})}stop(e,t){let i=e||this.latestPointerEvent,s=t||this.latestPanInfo,r=this.isDragging;if(this.cancel(),!r||!s||!i)return;let{velocity:o}=s;this.startAnimation(o);let{onDragEnd:n}=this.getProps();n&&ec.frame.postRender(()=>n(i,s))}cancel(){this.isDragging=!1;let{projection:e,animationState:t}=this.visualElement;e&&(e.isAnimationBlocked=!1),this.endPanSession();let{dragPropagation:i}=this.getProps();!i&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),t&&t.setActive("whileDrag",!1)}endPanSession(){this.panSession&&this.panSession.end(),this.panSession=void 0}updateAxis(e,t,i){let{drag:s}=this.getProps();if(!i||!e7(e,s,this.currentDirection))return;let r=this.getAxisMotionValue(e),o=this.originPoint[e]+i[e];this.constraints&&this.constraints[e]&&(o=function(e,{min:t,max:i},s){return void 0!==t&&e<t?e=s?(0,ex.mixNumber)(t,e,s.min):Math.max(e,t):void 0!==i&&e>i&&(e=s?(0,ex.mixNumber)(i,e,s.max):Math.min(e,i)),e}(o,this.constraints[e],this.elastic[e])),r.set(o)}resolveConstraints(){let{dragConstraints:e,dragElastic:t}=this.getProps(),i=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):this.visualElement.projection?.layout,s=this.constraints;e&&Y(e)?this.constraints||(this.constraints=this.resolveRefConstraints()):e&&i?this.constraints=function(e,{top:t,left:i,bottom:s,right:r}){return{x:e1(e.x,i,r),y:e1(e.y,t,s)}}(i.layoutBox,e):this.constraints=!1,this.elastic=function(e=.35){return!1===e?e=0:!0===e&&(e=.35),{x:e5(e,"left","right"),y:e5(e,"top","bottom")}}(t),s!==this.constraints&&!Y(e)&&i&&this.constraints&&!this.hasMutatedConstraints&&ed(e=>{var t,s;let r;!1!==this.constraints&&this.getAxisMotionValue(e)&&(this.constraints[e]=(t=i.layoutBox[e],s=this.constraints[e],r={},void 0!==s.min&&(r.min=s.min-t.min),void 0!==s.max&&(r.max=s.max-t.min),r))})}resolveRefConstraints(){var e;let{dragConstraints:t,onMeasureDragConstraints:i}=this.getProps();if(!t||!Y(t))return!1;let s=t.current;(0,eG.invariant)(null!==s,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.","drag-constraints-ref");let{projection:r}=this.visualElement;if(!r||!r.layout)return!1;r.root&&(r.root.scroll=void 0,r.root.updateScroll());let o=(0,em.measurePageBox)(s,r.root,this.visualElement.getTransformPagePoint()),n=(e=r.layout.layoutBox,{x:e2(e.x,o.x),y:e2(e.y,o.y)});if(i){let e=i((0,ep.convertBoxToBoundingBox)(n));this.hasMutatedConstraints=!!e,e&&(n=(0,ep.convertBoundingBoxToBox)(e))}return n}startAnimation(e){let{drag:t,dragMomentum:i,dragElastic:s,dragTransition:r,dragSnapToOrigin:o,onDragTransitionEnd:n}=this.getProps(),a=this.constraints||{};return Promise.all(ed(n=>{if(!e7(n,t,this.currentDirection))return;let l=a&&a[n]||{};(!0===o||o===n)&&(l={min:0,max:0});let u={type:"inertia",velocity:i?e[n]:0,bounceStiffness:s?200:1e6,bounceDamping:s?40:1e7,timeConstant:750,restDelta:1,restSpeed:10,...r,...l};return this.startAxisValueAnimation(n,u)})).then(n)}startAxisValueAnimation(e,t){let i=this.getAxisMotionValue(e);return(0,ef.addValueToWillChange)(this.visualElement,e),i.start((0,eg.animateMotionValue)(e,i,0,t,this.visualElement,!1))}stopAnimation(){ed(e=>this.getAxisMotionValue(e).stop())}getAxisMotionValue(e){let t=`_drag${e.toUpperCase()}`;return this.visualElement.getProps()[t]||this.visualElement.getValue(e,this.visualElement.latestValues[e]??0)}snapToCursor(e){ed(t=>{let{drag:i}=this.getProps();if(!e7(t,i,this.currentDirection))return;let{projection:s}=this.visualElement,r=this.getAxisMotionValue(t);if(s&&s.layout){let{min:i,max:o}=s.layout.layoutBox[t],n=r.get()||0;r.set(e[t]-(0,ex.mixNumber)(i,o,.5)+n)}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;let{drag:e,dragConstraints:t}=this.getProps(),{projection:i}=this.visualElement;if(!Y(t)||!i||!this.constraints)return;this.stopAnimation();let s={x:0,y:0};ed(e=>{let t=this.getAxisMotionValue(e);if(t&&!1!==this.constraints){var i,r;let o,n,a,l=t.get();s[e]=(i={min:l,max:l},r=this.constraints[e],o=.5,n=e_(i),(a=e_(r))>n?o=(0,eQ.progress)(r.min,r.max-n,i.min):n>a&&(o=(0,eQ.progress)(i.min,i.max-a,r.min)),(0,e0.clamp)(0,1,o))}});let{transformTemplate:r}=this.visualElement.getProps();this.visualElement.current.style.transform=r?r({},""):"none",i.root&&i.root.updateScroll(),i.updateLayout(),this.constraints=!1,this.resolveConstraints(),ed(t=>{if(!e7(t,e,null))return;let i=this.getAxisMotionValue(t),{min:r,max:o}=this.constraints[t];i.set((0,ex.mixNumber)(r,o,s[t]))}),this.visualElement.render()}addListeners(){let e;if(!this.visualElement.current)return;e3.set(this.visualElement,this);let t=this.visualElement.current,i=e$(t,"pointerdown",e=>{let{drag:i,dragListener:s=!0}
1=this.getProps(),r=e.target,o=r!==t&&(eI.has(r.tagName)||!0===r.isContentEditable);i&&s&&!o&&this.start(e)}),s=()=>{var i,s,r;let o,n,{dragConstraints:a}=this.getProps();Y(a)&&a.current&&(this.constraints=this.resolveRefConstraints(),e||(i=t,s=a.current,o=eR(i,e8(r=()=>this.scalePositionWithinConstraints())),n=eR(s,e8(r)),e=()=>{o(),n()}))},{projection:r}=this.visualElement,o=r.addEventListener("measure",s);r&&!r.layout&&(r.root&&r.root.updateScroll(),r.updateLayout()),ec.frame.read(s);let n=ey(window,"resize",()=>this.scalePositionWithinConstraints()),a=r.addEventListener("didUpdate",({delta:e,hasLayoutChanged:t})=>{this.isDragging&&t&&(ed(t=>{let i=this.getAxisMotionValue(t);i&&(this.originPoint[t]+=e[t].translate,i.set(i.get()+e[t].translate))}),this.visualElement.render())});return()=>{n(),i(),o(),a&&a(),e&&e()}}getProps(){let e=this.visualElement.getProps(),{drag:t=!1,dragDirectionLock:i=!1,dragPropagation:s=!1,dragConstraints:r=!1,dragElastic:o=.35,dragMomentum:n=!0}=e;return{...e,drag:t,dragDirectionLock:i,dragPropagation:s,dragConstraints:r,dragElastic:o,dragMomentum:n}}}function e8(e){let t=!0;return()=>{if(t){t=!1;return}e()}}function e7(e,t,i){return(!0===t||t===e)&&(null===i||i===e)}let e9=e=>(t,i)=>{e&&ec.frame.update(()=>e(t,i),!1,!0)},te={hasAnimatedSinceResize:!0,hasEverUpdated:!1};var tt=e.i(73752),ti=s;let ts=!1;class tr extends ti.Component{componentDidMount(){let{visualElement:e,layoutGroup:t,switchLayoutGroup:i,layoutId:s}=this.props,{projection:r}=e;r&&(t.group&&t.group.add(r),i&&i.register&&s&&i.register(r),ts&&r.root.didUpdate(),r.addEventListener("animationComplete",()=>{this.safeToRemove()}),r.setOptions({...r.options,layoutDependency:this.props.layoutDependency,onExitComplete:()=>this.safeToRemove()})),te.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){let{layoutDependency:t,visualElement:i,drag:s,isPresent:r}=this.props,{projection:o}=i;return o&&(o.isPresent=r,e.layoutDependency!==t&&o.setOptions({...o.options,layoutDependency:t}),ts=!0,s||e.layoutDependency!==t||void 0===t||e.isPresent!==r?o.willUpdate():this.safeToRemove(),e.isPresent!==r&&(r?o.promote():o.relegate()||ec.frame.postRender(()=>{let e=o.getStack();e&&e.members.length||this.safeToRemove()}))),null}componentDidUpdate(){let{visualElement:e,layoutAnchor:t}=this.props,{projection:i}=e;i&&(i.options.layoutAnchor=t,i.root.didUpdate(),tt.microtask.postRender(()=>{!i.currentAnimation&&i.isLead()&&this.safeToRemove()}))}componentWillUnmount(){let{visualElement:e,layoutGroup:t,switchLayoutGroup:i}=this.props,{projection:s}=e;ts=!0,s&&(s.scheduleCheckAfterUnmount(),t&&t.group&&t.group.remove(s),i&&i.deregister&&i.deregister(s))}safeToRemove(){let{safeToRemove:e}=this.props;e&&e()}render(){return null}}function to(e){let[t,i]=c(),s=(0,ti.useContext)(r);return(0,g.jsx)(tr,{...e,layoutGroup:s,switchLayoutGroup:(0,ti.useContext)(W),isPresent:t,safeToRemove:i})}var tn=e.i(96765),ta=e.i(80170),tl=e.i(85905),tu=e.i(27626),th=e.i(12386),tc=e.i(82723),td=e.i(88421),tm=e.i(5913),tp=e.i(41007),tf=e.i(94280);let tg=tf.cornerRadiusProps.length,tx=e=>"string"==typeof e?parseFloat(e):e,ty=e=>"number"==typeof e||ew.px.test(e);function tv(e,t){return void 0!==e[t]?e[t]:e.borderRadius}let tw=tj(0,.5,tp.circOut),t_=tj(.5,.95,eu.noop);function tj(e,t,i){return s=>s<e?0:s>t?1:i((0,eQ.progress)(e,t,s))}function tb(e,t){e.min=t.min,e.max=t.max}function tP(e,t){tb(e.x,t.x),tb(e.y,t.y)}function tk(e,t){e.translate=t.translate,e.scale=t.scale,e.originPoint=t.originPoint,e.origin=t.origin}var tS=e.i(18708);function tE(e,t,i,s,r){return e-=t,e=(0,tS.scalePoint)(e,1/i,s),void 0!==r&&(e=(0,tS.scalePoint)(e,1/r,s)),e}function tT(e,t,[i,s,r],o,n){!function(e,t=0,i=1,s=.5,r,o=e,n=e){if(ew.percent.test(t)&&(t=parseFloat(t),t=(0,ex.mixNumber)(n.min,n.max,t/100)-n.min),"number"!=typeof t)return;let a=(0,ex.mixNumber)(o.min,o.max,s);e===o&&(a-=t),e.min=tE(e.min,t,i,a,r),e.max=tE(e.max,t,i,a,r)}(e,t[i],t[s],t[r],t.scale,o,n)}let tA=["x","scaleX","originX"],tM=["y","scaleY","originY"];function tC(e,t,i,s){tT(e.x,t,tA,i?i.x:void 0,s?s.x:void 0),tT(e.y,t,tM,i?i.y:void 0,s?s.y:void 0)}function tN(e){return 0===e.translate&&1===e.scale}function tD(e){return tN(e.x)&&tN(e.y)}function tB(e,t){return e.min===t.min&&e.max===t.max}function tL(e,t){return Math.round(e.min)===Math.round(t.min)&&Math.round(e.max)===Math.round(t.max)}function tR(e,t){return tL(e.x,t.x)&&tL(e.y,t.y)}function tV(e){return e_(e.x)/e_(e.y)}function tI(e,t){return e.translate===t.translate&&e.scale===t.scale&&e.originPoint===t.originPoint}var tG=e.i(83936);class tF{constructor(){this.members=[]}add(e){(0,tG.addUniqueItem)(this.members,e);for(let t=this.members.length-1;t>=0;t--){let i=this.members[t];if(i===e||i===this.lead||i===this.prevLead)continue;let s=i.instance;s&&!1!==s.isConnected||i.snapshot||((0,tG.removeItem)(this.members,i),i.unmount())}e.scheduleRender()}remove(e){if((0,tG.removeItem)(this.members,e),e===this.prevLead&&(this.prevLead=void 0),e===this.lead){let e=this.members[this.members.length-1];e&&this.promote(e)}}relegate(e){for(let t=this.members.indexOf(e)-1;t>=0;t--){let e=this.members[t];if(!1!==e.isPresent&&e.instance?.isConnected!==!1)return this.promote(e),!0}return!1}promote(e,t){let i=this.lead;if(e!==i&&(this.prevLead=i,this.lead=e,e.show(),i)){i.updateSnapshot(),e.scheduleRender();let{layoutDependency:s}=i.options,{layoutDependency:r}=e.options;(void 0===s||s!==r)&&(e.resumeFrom=i,t&&(i.preserveOpacity=!0),i.snapshot&&(e.snapshot=i.snapshot,e.snapshot.latestValues=i.animationValues||i.latestValues),e.root?.isU
1pdating&&(e.isLayoutDirty=!0)),!1===e.options.crossfade&&i.hide()}}exitAnimationComplete(){this.members.forEach(e=>{e.options.onExitComplete?.(),e.resumingFrom?.options.onExitComplete?.()})}scheduleRender(){this.members.forEach(e=>e.instance&&e.scheduleRender(!1))}removeLeadSnapshot(){this.lead?.snapshot&&(this.lead.snapshot=void 0)}}let tz=(e,t)=>e.depth-t.depth;class t${constructor(){this.children=[],this.isDirty=!1}add(e){(0,tG.addUniqueItem)(this.children,e),this.isDirty=!0}remove(e){(0,tG.removeItem)(this.children,e),this.isDirty=!0}forEach(e){this.isDirty&&this.children.sort(tz),this.isDirty=!1,this.children.forEach(e)}}var tO=e.i(89413);let tU=["","X","Y","Z"],tq=0;function tW(e,t,i,s){let{latestValues:r}=t;r[e]&&(i[e]=r[e],t.setStaticValue(e,0),s&&(s[e]=0))}function tY({attachResizeListener:e,defaultParent:t,measureScroll:i,checkIsScrollRoot:s,resetTransform:r}){return class{constructor(e={},i=t?.()){this.id=tq++,this.animationId=0,this.animationCommitId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.hasCheckedOptimisedAppear=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.layoutVersion=0,this.updateScheduled=!1,this.scheduleUpdate=()=>this.update(),this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,this.nodes.forEach(tX),this.nodes.forEach(t3),this.nodes.forEach(t6),this.nodes.forEach(tK)},this.resolvedRelativeTargetAt=0,this.linkedParentVersion=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=e,this.root=i?i.root||i:this,this.path=i?[...i.path,i]:[],this.parent=i,this.depth=i?i.depth+1:0;for(let e=0;e<this.path.length;e++)this.path[e].shouldResetTransform=!0;this.root===this&&(this.nodes=new t$)}addEventListener(e,t){return this.eventHandlers.has(e)||this.eventHandlers.set(e,new tn.SubscriptionManager),this.eventHandlers.get(e).add(t)}notifyListeners(e,...t){let i=this.eventHandlers.get(e);i&&i.notify(...t)}hasListeners(e){return this.eventHandlers.has(e)}mount(t){if(this.instance)return;this.isSVG=(0,eE.isSVGElement)(t)&&!(0,td.isSVGSVGElement)(t),this.instance=t;let{layoutId:i,layout:s,visualElement:r}=this.options;if(r&&!r.current&&r.mount(t),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),this.root.hasTreeAnimated&&(s||i)&&(this.isLayoutDirty=!0),e){let i,s=0,r=()=>this.root.updateBlockedByResize=!1;ec.frame.read(()=>{s=window.innerWidth}),e(t,()=>{let e=window.innerWidth;if(e!==s){let t,o;s=e,this.root.updateBlockedByResize=!0,i&&i(),t=th.time.now(),o=({timestamp:e})=>{let i=e-t;i>=250&&((0,ec.cancelFrame)(o),r(i-250))},ec.frame.setup(o,!0),i=()=>(0,ec.cancelFrame)(o),te.hasAnimatedSinceResize&&(te.hasAnimatedSinceResize=!1,this.nodes.forEach(t4))}})}i&&this.root.registerSharedNode(i,this),!1!==this.options.animate&&r&&(i||s)&&this.addEventListener("didUpdate",({delta:e,hasLayoutChanged:t,hasRelativeLayoutChanged:i,layout:s})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}let o=this.options.transition||r.getDefaultTransition()||ii,{onLayoutAnimationStart:n,onLayoutAnimationComplete:a}=r.getProps(),l=!this.targetLayout||!tR(this.targetLayout,s),u=!t&&i;if(this.options.layoutRoot||this.resumeFrom||u||t&&(l||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0);let t={...(0,tu.getValueTransition)(o,"layout"),onPlay:n,onComplete:a};(r.shouldReduceMotion||this.options.layoutRoot)&&(t.delay=0,t.type=!1),this.startAnimation(t),this.setAnimationOrigin(e,u,t.path)}else t||t4(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=s})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);let e=this.getStack();e&&e.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,this.eventHandlers.clear(),(0,ec.cancelFrame)(this.updateProjection)}blockUpdate(){this.updateManuallyBlocked=!0}unblockUpdate(){this.updateManuallyBlocked=!1}isUpdateBlocked(){return this.updateManuallyBlocked||this.updateBlockedByResize}isTreeAnimationBlocked(){return this.isAnimationBlocked||this.parent&&this.parent.isTreeAnimationBlocked()||!1}startUpdate(){!this.isUpdateBlocked()&&(this.isUpdating=!0,this.nodes&&this.nodes.forEac
1h(t8),this.animationId++)}getTransformTemplate(){let{visualElement:e}=this.options;return e&&e.getProps().transformTemplate}willUpdate(e=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear&&function e(t){if(t.hasCheckedOptimisedAppear=!0,t.root===t)return;let{visualElement:i}=t.options;if(!i)return;let s=(0,tl.getOptimisedAppearId)(i);if(window.MotionHasOptimisedAnimation(s,"transform")){let{layout:e,layoutId:i}=t.options;window.MotionCancelOptimisedAnimation(s,"transform",ec.frame,!(e||i))}let{parent:r}=t;r&&!r.hasCheckedOptimisedAppear&&e(r)}(this),this.root.isUpdating||this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let e=0;e<this.path.length;e++){let t=this.path[e];t.shouldResetTransform=!0,("string"==typeof t.latestValues.x||"string"==typeof t.latestValues.y)&&(t.isLayoutDirty=!0),t.updateScroll("snapshot"),t.options.layoutRoot&&t.willUpdate(!1)}let{layoutId:t,layout:i}=this.options;if(void 0===t&&!i)return;let s=this.getTransformTemplate();this.prevTransformTemplateValue=s?s(this.latestValues,""):void 0,this.updateSnapshot(),e&&this.notifyListeners("willUpdate")}update(){if(this.updateScheduled=!1,this.isUpdateBlocked()){let e=this.updateBlockedByResize;this.unblockUpdate(),this.updateBlockedByResize=!1,this.clearAllSnapshots(),e&&this.nodes.forEach(t0),this.nodes.forEach(tQ);return}if(this.animationId<=this.animationCommitId)return void this.nodes.forEach(t1);this.animationCommitId=this.animationId,this.isUpdating?(this.isUpdating=!1,this.nodes.forEach(t2),this.nodes.forEach(t5),this.nodes.forEach(tZ),this.nodes.forEach(tH)):this.nodes.forEach(t1),this.clearAllSnapshots();let e=th.time.now();ec.frameData.delta=(0,e0.clamp)(0,1e3/60,e-ec.frameData.timestamp),ec.frameData.timestamp=e,ec.frameData.isProcessing=!0,ec.frameSteps.update.process(ec.frameData),ec.frameSteps.preRender.process(ec.frameData),ec.frameSteps.render.process(ec.frameData),ec.frameData.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,tt.microtask.read(this.scheduleUpdate))}clearAllSnapshots(){this.nodes.forEach(tJ),this.sharedNodes.forEach(t7)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,ec.frame.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){ec.frame.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){!this.snapshot&&this.instance&&(this.snapshot=this.measure(),!this.snapshot||e_(this.snapshot.measuredBox.x)||e_(this.snapshot.measuredBox.y)||(this.snapshot=void 0))}updateLayout(){if(!this.instance||(this.updateScroll(),!(this.options.alwaysMeasureLayout&&this.isLead())&&!this.isLayoutDirty))return;if(this.resumeFrom&&!this.resumeFrom.instance)for(let e=0;e<this.path.length;e++)this.path[e].updateScroll();let e=this.layout;this.layout=this.measure(!1),this.layoutVersion++,this.layoutCorrected||(this.layoutCorrected=(0,eh.createBox)()),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);let{visualElement:t}=this.options;t&&t.notify("LayoutMeasure",this.layout.layoutBox,e?e.layoutBox:void 0)}updateScroll(e="measure"){let t=!!(this.options.layoutScroll&&this.instance);if(this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===e&&(t=!1),t&&this.instance){let t=s(this.instance);this.scroll={animationId:this.root.animationId,phase:e,isRoot:t,offset:i(this.instance),wasRoot:this.scroll?this.scroll.isRoot:t}}}resetTransform(){if(!r)return;let e=this.isLayoutDirty||this.shouldResetTransform||this.options.alwaysMeasureLayout,t=this.projectionDelta&&!tD(this.projectionDelta),i=this.getTransformTemplate(),s=i?i(this.latestValues,""):void 0,o=s!==this.prevTransformTemplateValue;e&&this.instance&&(t||(0,tO.hasTransform)(this.latestValues)||o)&&(r(this.instance,s),this.shouldResetTransform=!1,this.scheduleRender())}measure(e=!0){var t;let i=this.measurePageBox(),s=this.removeElementScroll(i);return e&&(s=this.removeTransform(s)),io((t=s).x),io(t.y),{animationId:this.root.animationId,measuredBox:i,layoutBox:s,latestValues:{},source:this.id}}measurePageBox(){let{visualElement:e}=this.options;if(!e)return(0,eh.createBox)();let t=e.measureViewportBox();if(!(this.scroll?.wasRoot||this.path.some(il))){let{scroll:e}=this.root;e&&((0,tS.translateAxis)(t.x,e.offset.x),(0,tS.translateAxis)(t.y,e.offset.y))}return t}removeElementScroll(e){let t=(0,eh.createBox)();if(tP(t,e),this.scroll?.wasRoot)return t;for(let i=0;i<this.path.length;i++){let s=this.path[i],{scroll:r,options:o}=s;s!==this.root&&r&&o.layoutScroll&&(r.wasRoot&&tP(t,e),(0,tS.translateAxis)(t.x,r.offset.x),(0,tS.translateAxis)(t.y,r.offset.y))}return t}applyTransform(e,t=!1,i){let s=i||(0,eh.createBox)();tP(s,e);for(let e=0;e<this.path.length;e++){let i=this.path[e];!t&&i.options.layoutScroll&&i.scroll&&i!==i.root&&((0,tS.translateAxis)(s.x,-i.scroll.offset.x),(0,tS.translateAxis)(s.y,-i.scroll.offset.y)),(0,tO.hasTransform)(i.latestValues)&&(0,tS.transformBox)(s,i.latestValues,i.layout?.layoutBox)}return(0,tO.hasTransform)(this.latestValues)&&(0,tS.transformBox)(s,this.latestValues,this.layout?.layoutBox),s}removeTransform(e){let t=(0,eh.createBox)();tP(t,e);for(let e=0;e<this.path.length;e++){let i,s=this.path[e];(0,tO.hasTransform)(s.latestValues)&&(s.instance&&((0,tO.hasScale)(s.latestValues)&&s.updateSnapshot(),tP(i=(0,eh.createBox)(),s.measurePageBox())),tC(t,s.latestValues,s.snapshot?.layoutBox,i))}return(0,tO.hasTransform)(this.latestValues)&&tC(t,this.latestValues),t}setTargetDelta(e){this.targetDelta=e,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(e){this.options={...this.options,...e,crossfade:void 0===e.crossfade||e.crossfade}}clearMeasurements(){this.scroll=void 0,this.layout=void 0,this.snapshot=void 0,this.prevTransformTemplateValue=void 0,this.targetDelta=void 0,this.target=void 0,this.isLayoutDirty=!1}forceRelativeParentToResolveTarget(){this.relativeParent&&this.relativeParent.resolvedRelativeTargetAt!==ec.frameData.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(e=!1){let t=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=t.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=t.
1isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=t.isSharedProjectionDirty);let i=!!this.resumingFrom||this!==t;if(!(e||i&&this.isSharedProjectionDirty||this.isProjectionDirty||this.parent?.isProjectionDirty||this.attemptToResolveRelativeTarget||this.root.updateBlockedByResize))return;let{layout:s,layoutId:r}=this.options;if(!this.layout||!(s||r))return;this.resolvedRelativeTargetAt=ec.frameData.timestamp;let o=this.getClosestProjectingParent();if(o&&this.linkedParentVersion!==o.layoutVersion&&!o.options.layoutRoot&&this.removeRelativeTarget(),this.targetDelta||this.relativeTarget||(!1!==this.options.layoutAnchor&&o&&o.layout?this.createRelativeTarget(o,this.layout.layoutBox,o.layout.layoutBox):this.removeRelativeTarget()),this.relativeTarget||this.targetDelta){if(this.target||(this.target=(0,eh.createBox)(),this.targetWithTransforms=(0,eh.createBox)()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target){var n,a,l,u;this.forceRelativeParentToResolveTarget(),n=this.target,a=this.relativeTarget,l=this.relativeParent.target,u=this.options.layoutAnchor||void 0,eP(n.x,a.x,l.x,u?.x),eP(n.y,a.y,l.y,u?.y)}else this.targetDelta?(this.resumingFrom?this.applyTransform(this.layout.layoutBox,!1,this.target):tP(this.target,this.layout.layoutBox),(0,tS.applyBoxDelta)(this.target,this.targetDelta)):tP(this.target,this.layout.layoutBox);this.attemptToResolveRelativeTarget&&(this.attemptToResolveRelativeTarget=!1,!1!==this.options.layoutAnchor&&o&&!!o.resumingFrom==!!this.resumingFrom&&!o.options.layoutScroll&&o.target&&1!==this.animationProgress?this.createRelativeTarget(o,this.target,o.target):this.relativeParent=this.relativeTarget=void 0)}}getClosestProjectingParent(){if(!(!this.parent||(0,tO.hasScale)(this.parent.latestValues)||(0,tO.has2DTranslate)(this.parent.latestValues)))if(this.parent.isProjecting())return this.parent;else return this.parent.getClosestProjectingParent()}isProjecting(){return!!((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}createRelativeTarget(e,t,i){this.relativeParent=e,this.linkedParentVersion=e.layoutVersion,this.forceRelativeParentToResolveTarget(),this.relativeTarget=(0,eh.createBox)(),this.relativeTargetOrigin=(0,eh.createBox)(),eS(this.relativeTargetOrigin,t,i,this.options.layoutAnchor||void 0),tP(this.relativeTarget,this.relativeTargetOrigin)}removeRelativeTarget(){this.relativeParent=this.relativeTarget=void 0}calcProjection(){let e=this.getLead(),t=!!this.resumingFrom||this!==e,i=!0;if((this.isProjectionDirty||this.parent?.isProjectionDirty)&&(i=!1),t&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(i=!1),this.resolvedRelativeTargetAt===ec.frameData.timestamp&&(i=!1),i)return;let{layout:s,layoutId:r}=this.options;if(this.isTreeAnimating=!!(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!(s||r))return;tP(this.layoutCorrected,this.layout.layoutBox);let o=this.treeScale.x,n=this.treeScale.y;(0,tS.applyTreeDeltas)(this.layoutCorrected,this.treeScale,this.path,t),e.layout&&!e.target&&(1!==this.treeScale.x||1!==this.treeScale.y)&&(e.target=e.layout.layoutBox,e.targetWithTransforms=(0,eh.createBox)());let{target:a}=e;if(!a){this.prevProjectionDelta&&(this.createProjectionDeltas(),this.scheduleRender());return}this.projectionDelta&&this.prevProjectionDelta?(tk(this.prevProjectionDelta.x,this.projectionDelta.x),tk(this.prevProjectionDelta.y,this.projectionDelta.y)):this.createProjectionDeltas(),eb(this.projectionDelta,this.layoutCorrected,a,this.latestValues),this.treeScale.x===o&&this.treeScale.y===n&&tI(this.projectionDelta.x,this.prevProjectionDelta.x)&&tI(this.projectionDelta.y,this.prevProjectionDelta.y)||(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",a))}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(e=!0){if(this.options.visualElement?.scheduleRender(),e){let e=this.getStack();e&&e.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}createProjectionDeltas(){this.prevProjectionDelta=(0,eh.createDelta)(),this.projectionDelta=(0,eh.createDelta)(),this.projectionDeltaWithTransform=(0,eh.createDelta)()}setAnimationOrigin(e,t=!1,i){let s,r=this.snapshot,o=r?r.latestValues:{},n={...this.latestValues},a=(0,eh.createDelta)();this.relativeParent&&this.relativeParent.options.layoutRoot||(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!t;let l=(0,eh.createBox)(),u=(r?r.source:void 0)!==(this.layout?this.layout.source:void 0),h=this.getStack(),c=!h||h.members.length<=1,d=!!(u&&!c&&!0===this.options.crossfade&&!this.path.some(it));this.animationProgress=0;let m=i?.interpolateProjection(e);this.mixTargetDelta=t=>{let i=t/1e3,r=m?.(i);if(r?(a.x.translate=r.x,a.x.scale=(0,ex.mixNumber)(e.x.scale,1,i),a.x.origin=e.x.origin,a.x.originPoint=e.x.originPoint,a.y.translate=r.y,a.y.scale=(0,ex.mixNumber)(e.y.scale,1,i),a.y.origin=e.y.origin,a.y.originPoint=e.y.originPoint):(t9(a.x,e.x,i),t9(a.y,e.y,i)),this.setTargetDelta(a),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout){var h,p,f,g,x,y;eS(l,this.layout.layoutBox,this.relativeParent.layout.layoutBox,this.options.layoutAnchor||void 0),f=this.relativeTarget,g=this.relativeTargetOrigin,x=l,y=i,ie(f.x,g.x,x.x,y),ie(f.y,g.y,x.y,y),s&&(h=this.relativeTarget,p=s,tB(h.x,p.x)&&tB(h.y,p.y))&&(this.isProjectionDirty=!1),s||(s=(0,eh.createBox)()),tP(s,this.relativeTarget)}u&&(this.animationValues=n,function(e,t,i,s,r,o){r?(e.opacity=(0,ex.mixNumber)(0,i.opacity??1,tw(s)),e.opacityExit=(0,ex.mixNumber)(t.o
1pacity??1,0,t_(s))):o&&(e.opacity=(0,ex.mixNumber)(t.opacity??1,i.opacity??1,s));for(let r=0;r<tg;r++){let o=tf.cornerRadiusProps[r],n=tv(t,o),a=tv(i,o);(void 0!==n||void 0!==a)&&(n||(n=0),a||(a=0),0===n||0===a||ty(n)===ty(a)?(e[o]=Math.max((0,ex.mixNumber)(tx(n),tx(a),s),0),(ew.percent.test(a)||ew.percent.test(n))&&(e[o]+="%")):e[o]=a)}(t.rotate||i.rotate)&&(e.rotate=(0,ex.mixNumber)(t.rotate||0,i.rotate||0,s))}(n,o,this.latestValues,i,d,c)),r&&void 0!==r.rotate&&(this.animationValues||(this.animationValues=n),this.animationValues.pathRotation=r.rotate),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=i},this.mixTargetDelta(1e3*!!this.options.layoutRoot)}startAnimation(e){this.notifyListeners("animationStart"),this.currentAnimation?.stop(),this.resumingFrom?.currentAnimation?.stop(),this.pendingAnimation&&((0,ec.cancelFrame)(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=ec.frame.update(()=>{te.hasAnimatedSinceResize=!0,this.motionValue||(this.motionValue=(0,tm.motionValue)(0)),this.motionValue.jump(0,!1),this.currentAnimation=(0,ta.animateSingleValue)(this.motionValue,[0,1e3],{...e,velocity:0,isSync:!0,onUpdate:t=>{this.mixTargetDelta(t),e.onUpdate&&e.onUpdate(t)},onComplete:()=>{e.onComplete&&e.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);let e=this.getStack();e&&e.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(1e3),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){let e=this.getLead(),{targetWithTransforms:t,target:i,layout:s,latestValues:r}=e;if(t&&i&&s){if(this!==e&&this.layout&&s&&ia(this.options.animationType,this.layout.layoutBox,s.layoutBox)){i=this.target||(0,eh.createBox)();let t=e_(this.layout.layoutBox.x);i.x.min=e.target.x.min,i.x.max=i.x.min+t;let s=e_(this.layout.layoutBox.y);i.y.min=e.target.y.min,i.y.max=i.y.min+s}tP(t,i),(0,tS.transformBox)(t,r),eb(this.projectionDeltaWithTransform,this.layoutCorrected,t,r)}}registerSharedNode(e,t){this.sharedNodes.has(e)||this.sharedNodes.set(e,new tF),this.sharedNodes.get(e).add(t);let i=t.options.initialPromotionConfig;t.promote({transition:i?i.transition:void 0,preserveFollowOpacity:i&&i.shouldPreserveFollowOpacity?i.shouldPreserveFollowOpacity(t):void 0})}isLead(){let e=this.getStack();return!e||e.lead===this}getLead(){let{layoutId:e}=this.options;return e&&this.getStack()?.lead||this}getPrevLead(){let{layoutId:e}=this.options;return e?this.getStack()?.prevLead:void 0}getStack(){let{layoutId:e}=this.options;if(e)return this.root.sharedNodes.get(e)}promote({needsReset:e,transition:t,preserveFollowOpacity:i}={}){let s=this.getStack();s&&s.promote(this,i),e&&(this.projectionDelta=void 0,this.needsReset=!0),t&&this.setOptions({transition:t})}relegate(){let e=this.getStack();return!!e&&e.relegate(this)}resetSkewAndRotation(){let{visualElement:e}=this.options;if(!e)return;let t=!1,{latestValues:i}=e;if((i.z||i.rotate||i.rotateX||i.rotateY||i.rotateZ||i.skewX||i.skewY)&&(t=!0),!t)return;let s={};i.z&&tW("z",e,s,this.animationValues);for(let t=0;t<tU.length;t++)tW(`rotate${tU[t]}`,e,s,this.animationValues),tW(`skew${tU[t]}`,e,s,this.animationValues);for(let t in e.render(),s)e.setStaticValue(t,s[t]),this.animationValues&&(this.animationValues[t]=s[t]);e.scheduleRender()}applyProjectionStyles(e,t){if(!this.instance||this.isSVG)return;if(!this.isVisible){e.visibility="hidden";return}let i=this.getTransformTemplate();if(this.needsReset){this.needsReset=!1,e.visibility="",e.opacity="",e.pointerEvents=D(t?.pointerEvents)||"",e.transform=i?i(this.latestValues,""):"none";return}let s=this.getLead();if(!this.projectionDelta||!this.layout||!s.target){this.options.layoutId&&(e.opacity=void 0!==this.latestValues.opacity?this.latestValues.opacity:1,e.pointerEvents=D(t?.pointerEvents)||""),this.hasProjected&&!(0,tO.hasTransform)(this.latestValues)&&(e.transform=i?i({},""):"none",this.hasProjected=!1);return}e.visibility="";let r=s.animationValues||s.latestValues;this.applyTransformsToTarget();
1let o=function(e,t,i){let s="",r=e.x.translate/t.x,o=e.y.translate/t.y,n=i?.z||0;if((r||o||n)&&(s=`translate3d(${r}px, ${o}px, ${n}px) `),(1!==t.x||1!==t.y)&&(s+=`scale(${1/t.x}, ${1/t.y}) `),i){let{transformPerspective:e,rotate:t,pathRotation:r,rotateX:o,rotateY:n,skewX:a,skewY:l}=i;e&&(s=`perspective(${e}px) ${s}`),t&&(s+=`rotate(${t}deg) `),r&&(s+=`rotate(${r}deg) `),o&&(s+=`rotateX(${o}deg) `),n&&(s+=`rotateY(${n}deg) `),a&&(s+=`skewX(${a}deg) `),l&&(s+=`skewY(${l}deg) `)}let a=e.x.scale*t.x,l=e.y.scale*t.y;return(1!==a||1!==l)&&(s+=`scale(${a}, ${l})`),s||"none"}(this.projectionDeltaWithTransform,this.treeScale,r);i&&(o=i(r,o)),e.transform=o;let{x:n,y:a}=this.projectionDelta;for(let t in e.transformOrigin=`${100*n.origin}% ${100*a.origin}% 0`,s.animationValues?e.opacity=s===this?r.opacity??this.latestValues.opacity??1:this.preserveOpacity?this.latestValues.opacity:r.opacityExit:e.opacity=s===this?void 0!==r.opacity?r.opacity:"":void 0!==r.opacityExit?r.opacityExit:0,tc.scaleCorrectors){if(void 0===r[t])continue;let{correct:i,applyTo:n,isCSSVariable:a}=tc.scaleCorrectors[t],l="none"===o?r[t]:i(r[t],s);if(n){let t=n.length;for(let i=0;i<t;i++)e[n[i]]=l}else a?this.options.visualElement.renderState.vars[t]=l:e[t]=l}this.options.layoutId&&(e.pointerEvents=s===this?D(t?.pointerEvents)||"":"none")}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(e=>e.currentAnimation?.stop()),this.root.nodes.forEach(tQ),this.root.sharedNodes.clear()}}}function tZ(e){e.updateLayout()}function tH(e){let t=e.resumeFrom?.snapshot||e.snapshot;if(e.isLead()&&e.layout&&t&&e.hasListeners("didUpdate")){let{layoutBox:i,measuredBox:s}=e.layout,{animationType:r}=e.options,o=t.source!==e.layout.source;if("size"===r)ed(e=>{let s=o?t.measuredBox[e]:t.layoutBox[e],r=e_(s);s.min=i[e].min,s.max=s.min+r});else if("x"===r||"y"===r){let e="x"===r?"y":"x";tb(o?t.measuredBox[e]:t.layoutBox[e],i[e])}else ia(r,t.layoutBox,i)&&ed(s=>{let r=o?t.measuredBox[s]:t.layoutBox[s],n=e_(i[s]);r.max=r.min+n,e.relativeTarget&&!e.currentAnimation&&(e.isProjectionDirty=!0,e.relativeTarget[s].max=e.relativeTarget[s].min+n)});let n=(0,eh.createDelta)();eb(n,i,t.layoutBox);let a=(0,eh.createDelta)();o?eb(a,e.applyTransform(s,!0),t.measuredBox):eb(a,i,t.layoutBox);let l=!tD(n),u=!1;if(!e.resumeFrom){let s=e.getClosestProjectingParent();if(s&&!s.resumeFrom){let{snapshot:r,layout:o}=s;if(r&&o){let n=e.options.layoutAnchor||void 0,a=(0,eh.createBox)();eS(a,t.layoutBox,r.layoutBox,n);let l=(0,eh.createBox)();eS(l,i,o.layoutBox,n),tR(a,l)||(u=!0),s.options.layoutRoot&&(e.relativeTarget=l,e.relativeTargetOrigin=a,e.relativeParent=s)}}}e.notifyListeners("didUpdate",{layout:i,snapshot:t,delta:a,layoutDelta:n,hasLayoutChanged:l,hasRelativeLayoutChanged:u})}else if(e.isLead()){let{onExitComplete:t}=e.options;t&&t()}e.options.transition=void 0}function tX(e){e.parent&&(e.isProjecting()||(e.isProjectionDirty=e.parent.isProjectionDirty),e.isSharedProjectionDirty||(e.isSharedProjectionDirty=!!(e.isProjectionDirty||e.parent.isProjectionDirty||e.parent.isSharedProjectionDirty)),e.isTransformDirty||(e.isTransformDirty=e.parent.isTransformDirty))}function tK(e){e.isProjectionDirty=e.isSharedProjectionDirty=e.isTransformDirty=!1}function tJ(e){e.clearSnapshot()}function tQ(e){e.clearMeasurements()}function t0(e){e.isLayoutDirty=!0,e.updateLayout()}function t1(e){e.isLayoutDirty=!1}function t2(e){e.isAnimationBlocked&&e.layout&&!e.isLayoutDirty&&(e.snapshot=e.layout,e.isLayoutDirty=!0)}function t5(e){let{visualElement:t}=e.options;t&&t.getProps().onBeforeLayoutMeasure&&t.notify("BeforeLayoutMeasure"),e.resetTransform()}function t4(e){e.finishAnimation(),e.targetDelta=e.relativeTarget=e.target=void 0,e.isProjectionDirty=!0}function t3(e){e.resolveTargetDelta()}function t6(e){e.calcProjection()}function t8(e){e.resetSkewAndRotation()}function t7(e){e.removeLeadSnapshot()}function t9(e,t,i){e.translate=(0,ex.mixNumber)(t.translate,0,i),e.scale=(0,ex.mixNumber)(t.scale,1,i),e.origin=t.origin,e.originPoint=t.originPoint}function ie(e,t,i,s){e.min=(0,ex.mixNumber)(t.min,i.min,s),e.max=(0,ex.mixNumber)(t.max,i.max,s)}function it(e){return e.animationValues&&void 0!==e.animationValues.opacityExit}let ii={duration:.45,ease:[.4,0,.1,1]},is=e=>"u">typeof navigator&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(e),ir=is("applewebkit/")&&!is("chrome/")?Math.round:eu.noop;function io(e){e.min=ir(e.min),e.max=ir(e.max)}function ia(e,t,i){return"position"===e||"preserve-aspect"===e&&!(.2>=Math.abs(tV(t)-tV(i)))}function il(e){return e!==e.root&&e.scroll?.wasRoot}let iu=tY({attachResizeListener:(e,t)=>ey(e,"resize",t),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body?.scrollLeft||0,y:document.documentElement.scrollTop||document.body?.scrollTop||0}),checkIsScrollRoot:()=>!0}),ih={current:void 0},ic=tY({measureScroll:e=>({x:e.scrollLeft,y:e.scrollTop}),defaultParent:()=>{if(!ih.current){let e=new iu({});e.mount(window),e.setOptions({layoutScroll:!0}),ih.current=e}return ih.current},resetTransform:(e,t)=>
1{e.style.transform=void 0!==t?t:"none"},checkIsScrollRoot:e=>"fixed"===window.getComputedStyle(e).position});function id(e,t){let i=(0,eT.resolveElements)(e),s=new AbortController;return[i,{passive:!0,...t,signal:s.signal},()=>s.abort()]}function im(e,t,i){let{props:s}=e;e.animationState&&s.whileHover&&e.animationState.setActive("whileHover","Start"===i);let r=s["onHover"+i];r&&ec.frame.postRender(()=>r(t,ez(t)))}let ip=(e,t)=>!!t&&(e===t||ip(e,t.parentElement)),ig=new WeakSet;function ix(e){return t=>{"Enter"===t.key&&e(t)}}function iy(e,t){e.dispatchEvent(new PointerEvent("pointer"+t,{isPrimary:!0,bubbles:!0}))}function iv(e){return eF(e)&&!(ev.x||ev.y)}let iw=new WeakSet;function i_(e,t,i){let{props:s}=e;if(e.current instanceof HTMLButtonElement&&e.current.disabled)return;e.animationState&&s.whileTap&&e.animationState.setActive("whileTap","Start"===i);let r=s["onTap"+("End"===i?"":i)];r&&ec.frame.postRender(()=>r(t,ez(t)))}let ij=new WeakMap,ib=new WeakMap,iP=e=>{let t=ij.get(e.target);t&&t(e)},ik=e=>{e.forEach(iP)},iS={some:0,all:1},iE=function(e,t){if("u"<typeof Proxy)return Z;let i=new Map,s=(i,s)=>Z(i,s,e,t);return new Proxy((e,t)=>s(e,t),{get:(r,o)=>"create"===o?s:(i.has(o)||i.set(o,Z(o,void 0,e,t)),i.get(o))})}({animation:{Feature:class extends H{constructor(e){super(e),e.animationState||(e.animationState=function(e){let t=t=>Promise.all(t.map(({animation:t,options:i})=>(function(e,t,i={}){let s;if(e.notify("AnimationStart",t),Array.isArray(t))s=Promise.all(t.map(t=>Q(e,t,i)));else if("string"==typeof t)s=Q(e,t,i);else{let r="function"==typeof t?(0,X.resolveVariant)(e,t,i.custom):t;s=Promise.all((0,K.animateTarget)(e,r,i))}return s.then(()=>{e.notify("AnimationComplete",t)})})(e,t,i))),i=ea(),s=!0,r=!1,o=t=>(i,s)=>{let r=(0,X.resolveVariant)(e,s,"exit"===t?e.presenceContext?.custom:void 0);if(r){let{transition:e,transitionEnd:t,...s}=r;i={...i,...s,...t}}return i};function n(n){let{props:a}=e,l=function e(t){if(!t)return;if(!t.isControllingVariants){let i=t.parent&&e(t.parent)||{};return void 0!==t.props.initial&&(i.initial=t.props.initial),i}let i={};for(let e=0;e<et;e++){let s=ee.variantProps[e],r=t.props[s];((0,w.isVariantLabel)(r)||!1===r)&&(i[s]=r)}return i}(e.parent)||{},u=[],h=new Set,c={},d=1/0;for(let t=0;t<eo;t++){var m,p;let f=er[t],g=i[f],x=void 0!==a[f]?a[f]:l[f],y=(0,w.isVariantLabel)(x),v=f===n?g.isActive:null;!1===v&&(d=t);let _=x===l[f]&&x!==a[f]&&y;if(_&&(s||r)&&e.manuallyAnimateOnMount&&(_=!1),g.protectedKeys={...c},!g.isActive&&null===v||!x&&!g.prevProp||(0,B.isAnimationControls)(x)||"boolean"==typeof x)continue;if("exit"===f&&g.isActive&&!0!==v){g.prevResolvedValues&&(c={...c,...g.prevResolvedValues});continue}let j=(m=g.prevProp,"string"==typeof(p=x)?p!==m:!!Array.isArray(p)&&!es(p,m)),b=j||f===n&&g.isActive&&!_&&y||t>d&&y,P=!1,k=Array.isArray(x)?x:[x],S=k.reduce(o(f),{});!1===v&&(S={});let{prevResolvedValues:E={}}=g,T={...E,...S},A=t=>{b=!0,h.has(t)&&(P=!0,h.delete(t)),g.needsAnimating[t]=!0;let i=e.getValue(t);i&&(i.liveStyle=!1)};for(let e in T){let t=S[e],i=E[e];if(!c.hasOwnProperty(e))((0,ei.isKeyframesTarget)(t)&&(0,ei.isKeyframesTarget)(i)?!es(t,i)||j:t!==i)?null!=t?A(e):h.add(e):void 0!==t&&h.has(e)?A(e):g.protectedKeys[e]=!0}g.prevProp=x,g.prevResolvedValues=S,g.isActive&&(c={...c,...S}),(s||r)&&e.blockInitialAnimation&&(b=!1);let M=_&&j,C=!M||P;b&&C&&u.push(...k.map(t=>{let i={type:f};if("string"==typeof t&&(s||r)&&!M&&e.manuallyAnimateOnMount&&e.parent){let{parent:s}=e,r=(0,X.resolveVariant)(s,t);if(s.enteringChildren&&r){let{delayChildren:t}=r.transition||{};i.delay=J(s.enteringChildren,e,t)}}return{animation:t,options:i}}))}if(h.size){let t={};if("boolean"!=typeof a.initial){let i=(0,X.resolveVariant)(e,Array.isArray(a.initial)?a.initial[0]:a.initial);i&&i.transition&&(t.transition=i.transition)}h.forEach(i=>{let s=e.getBaseTarget(i),r=e.getValue(i);r&&(r.liveStyle=!0),t[i]=s??null}),u.push({animation:t})}let f=!!u.length;return s&&(!1===a.initial||a.initial===a.animate)&&!e.manuallyAnimateOnMount&&(f=!1),s=!1,r=!1,f?t(u):Promise.resolve()}return{animateChanges:n,setActive:function(t,s){if(i[t].isActive===s)return Promise.resolve();
1e.variantChildren?.forEach(e=>e.animationState?.setActive(t,s)),i[t].isActive=s;let r=n(t);for(let e in i)i[e].protectedKeys={};return r},setAnimateFunction:function(i){t=i(e)},getState:()=>i,reset:()=>{i=ea(),r=!0}}}(e))}updateAnimationControlsSubscription(){let{animate:e}=this.node.getProps();(0,B.isAnimationControls)(e)&&(this.unmountControls=e.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){let{animate:e}=this.node.getProps(),{animate:t}=this.node.prevProps||{};e!==t&&this.updateAnimationControlsSubscription()}unmount(){this.node.animationState.reset(),this.unmountControls?.()}}},exit:{Feature:class extends H{constructor(){super(...arguments),this.id=el++,this.isExitComplete=!1}update(){if(!this.node.presenceContext)return;let{isPresent:e,onExitComplete:t}=this.node.presenceContext,{isPresent:i}=this.node.prevPresenceContext||{};if(!this.node.animationState||e===i)return;if(e&&!1===i){if(this.isExitComplete){let{initial:e,custom:t}=this.node.getProps();if("string"==typeof e||"object"==typeof e&&null!==e&&!Array.isArray(e)){let i=(0,X.resolveVariant)(this.node,e,t);if(i){let{transition:e,transitionEnd:t,...s}=i;for(let e in s)this.node.getValue(e)?.jump(s[e])}}this.node.animationState.reset(),this.node.animationState.animateChanges()}else this.node.animationState.setActive("exit",!1);this.isExitComplete=!1;return}let s=this.node.animationState.setActive("exit",!e);t&&!e&&s.then(()=>{this.isExitComplete=!0,t(this.id)})}mount(){let{register:e,onExitComplete:t}=this.node.presenceContext||{};t&&t(this.id),e&&(this.unmount=e(this.id))}unmount(){}}},inView:{Feature:class extends H{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){var e;let t;this.stopObserver?.();let{viewport:i={}}=this.node.getProps(),{root:s,margin:r,amount:o="some",once:n}=i,a={root:s?s.current:void 0,rootMargin:r,threshold:"number"==typeof o?o:iS[o]},l=e=>{let{isIntersecting:t}=e;if(this.isInView===t||(this.isInView=t,n&&!t&&this.hasEnteredView))return;t&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",t);let{onViewportEnter:i,onViewportLeave:s}=this.node.getProps(),r=t?i:s;r&&r(e)};this.stopObserver=(e=this.node.current,t=function({root:e,...t}){let i=e||document;ib.has(i)||ib.set(i,{});let s=ib.get(i),r=JSON.stringify(t);return s[r]||(s[r]=new IntersectionObserver(ik,{root:e,...t})),s[r]}(a),ij.set(e,l),t.observe(e),()=>{ij.delete(e),t.unobserve(e)})}mount(){this.startObserver()}update(){if("u"<typeof IntersectionObserver)return;let{props:e,prevProps:t}=this.node;["amount","margin","root"].some(function({viewport:e={}},{viewport:t={}}={}){return i=>e[i]!==t[i]}(e,t))&&this.startObserver()}unmount(){this.stopObserver?.(),this.hasEnteredView=!1,this.isInView=!1}}},tap:{Feature:class extends H{mount(){let{current:e}=this.node;if(!e)return;let{globalTapTarget:t,propagate:i}=this.node.props;this.unmount=function(e,t,i={}){let[s,r,o]=id(e,i),n=e=>{let s=e.currentTarget;if(!iv(e)||iw.has(e))return;ig.add(s),i.stopPropagation&&iw.add(e);let o=t(s,e),n={...r,capture:!0},a=(e,t)=>{window.removeEventListener("pointerup",l,n),window.removeEventListener("pointercancel",u,n),ig.has(s)&&ig.delete(s),iv(e)&&"function"==typeof o&&o(e,{success:t})},l=e=>{a(e,s===window||s===document||i.useGlobalTarget||ip(s,e.target))},u=e=>{a(e,!1)};window.addEventListener("pointerup",l,n),window.addEventListener("pointercancel",u,n)};return s.forEach(e=>{((i.useGlobalTarget?window:e).addEventListener("pointerdown",n,r),u(e))&&(e.addEventListener("focus",e=>((e,t)=>{let i=e.currentTarget;if(!i)return;let s=ix(()=>{if(ig.has(i))return;iy(i,"down");let e=ix(()=>{iy(i,"up")});i.addEventListener("keyup",e,t),i.addEventListener("blur",()=>iy(i,"cancel"),t)});i.addEventListener("keydown",s,t),i.addEventListener("blur",()=>i.removeEventListener("keydown",s),t)})(e,r)),eV.has(e.tagName)||!0===e.isContentEditable||e.hasAttribute("tabindex")||(e.tabIndex=0))}),o}(e,(e,t)=>(i_(this.node,t,"Start"),(e,{success:t})=>i_(this.node,e,t?"End":"Cancel")),{useGlobalTarget:t,stopPropagation:i?.tap===!1})}unmount(){}}},focus:{Feature:class extends H{constructor(){super(...arguments),this.isActive=!1}onFocus(){let e=!1;try{e=this.node.current.matches(":focus-visible")}catch(t){e=!0}e&&this.node.animationState&&(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){this.isActive&&this.node.animationState&&(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=(0,eU.pipe)(ey(this.node.current,"focus",()=>this.onFocus()),ey(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}},hover:{Feature:class extends H{mount(){let{current:e}=this.node;e&&(this.unmount=function(e,t,i={}){let[s,r,o]=id(e,i);
1return s.forEach(e=>{let i,s=!1,o=!1,n=t=>{i&&(i(t),i=void 0),e.removeEventListener("pointerleave",l)},a=e=>{s=!1,window.removeEventListener("pointerup",a),window.removeEventListener("pointercancel",a),o&&(o=!1,n(e))},l=e=>{if("touch"!==e.pointerType){if(s){o=!0;return}n(e)}};e.addEventListener("pointerenter",s=>{if("touch"===s.pointerType||ev.x||ev.y)return;o=!1;let n=t(e,s);"function"==typeof n&&(i=n,e.addEventListener("pointerleave",l,r))},r),e.addEventListener("pointerdown",()=>{s=!0,window.addEventListener("pointerup",a,r),window.addEventListener("pointercancel",a,r)},r)}),o}(e,(e,t)=>(im(this.node,t,"Start"),e=>im(this.node,e,"End"))))}unmount(){}}},pan:{Feature:class extends H{constructor(){super(...arguments),this.removePointerDownListener=eu.noop}onPointerDown(e){this.session=new eZ(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:eO(this.node)})}createPanHandlers(){let{onPanSessionStart:e,onPanStart:t,onPan:i,onPanEnd:s}=this.node.getProps();return{onSessionStart:e9(e),onStart:e9(t),onMove:e9(i),onEnd:(e,t)=>{delete this.session,s&&ec.frame.postRender(()=>s(e,t))}}}mount(){this.removePointerDownListener=e$(this.node.current,"pointerdown",e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}},drag:{Feature:class extends H{constructor(e){super(e),this.removeGroupControls=eu.noop,this.removeListeners=eu.noop,this.controls=new e6(e)}mount(){let{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||eu.noop}update(){let{dragControls:e}=this.node.getProps(),{dragControls:t}=this.node.prevProps||{};e!==t&&(this.removeGroupControls(),e&&(this.removeGroupControls=e.subscribe(this.controls)))}unmount(){this.removeGroupControls(),this.removeListeners(),this.controls.isDragging||this.controls.endPanSession()}},ProjectionNode:ic,MeasureLayout:to},layout:{ProjectionNode:ic,MeasureLayout:to}},(e,t)=>t.isSVG??f(e)?new d.SVGVisualElement(t):new m.HTMLVisualElement(t,{allowProjection:e!==s.Fragment}));e.s(["motion",()=>iE],66312)},40013,e=>{"use strict";var t=e.i(87433),i=e.i(59697),s=e.i(44440),r=e.i(68896);let o=(0,r.default)("pause",[["rect",{x:"14",y:"3",width:"5",height:"18",rx:"1",key:"kaeet6"}],["rect",{x:"5",y:"3",width:"5",height:"18",rx:"1",key:"1wsw3u"}]]),n=(0,r.default)("play",[["path",{d:"M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",key:"10ikf1"}]]);var a=e.i(66312),l=e.i(48404),u=e.i(26235),h=e.i(20722),c=e.i(5913),d=e.i(32883);function m(e){let t=(0,d.useConstant)(()=>(0,c.motionValue)(e)),{isStatic:i}=(0,s.useContext)(u.MotionConfigContext);if(i){let[,i]=(0,s.useState)(e);(0,s.useEffect)(()=>t.on("change",i),[])}return t}var p=e.i(13401),f=e.i(11854),g=e.i(55670),x=e.i(29899);let y=(0,r.default)("shopping-bag",[["path",{d:"M16 10a4 4 0 0 1-8 0",key:"1ltviw"}],["path",{d:"M3.103 6.034h17.794",key:"awc11p"}],["path",{d:"M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z",key:"o988cm"}]]),v=(0,r.default)("code",[["path",{d:"m16 18 6-6-6-6",key:"eg8j8"}],["path",{d:"m8 6-6 6 6 6",key:"ppft3o"}]]),w=(0,r.default)("atom",[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["path",{d:"M20.2 20.2c2.04-2.03.02-7.36-4.5-11.9-4.54-4.52-9.87-6.54-11.9-4.5-2.04 2.03-.02 7.36 4.5 11.9 4.54 4.52 9.87 6.54 11.9 4.5Z",key:"1l2ple"}],["path",{d:"M15.7 15.7c4.52-4.54 6.54-9.87 4.5-11.9-2.03-2.04-7.36-.02-11.9 4.5-4.52 4.54-6.54 9.87-4.5 11.9 2.03 2.04 7.36.02 11.9-4.5Z",key:"1wam0m"}]]),_=(0,r.default)("layers",[["path",{d:"M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",key:"zw3jo"}],["path",{d:"M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",key:"1wduqc"}],["path",{d:"M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",key:"kqbvx6"}]]),j=(0,r.default)("server",[["rect",{width:"20",height:"8",x:"2",y:"2",rx:"2",ry:"2",key:"ngkwjq"}],["rect",{width:"20",height:"8",x:"2",y:"14",rx:"2",ry:"2",key:"iecqi9"}],["line",{x1:"6",x2:"6.01",y1:"6",y2:"6",key:"16zg32"}],["line",{x1:"6",x2:"6.01",y1:"18",y2:"18",key:"nzw8ys"}]]),b=(0,r.default)("file-code",[["path",{d:"M10 12.5 8 15l2 2.5",key:"1tg20x"}],["path",{d:"m14 12.5 2 2.5-2 2.5",key:"yinavb"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7z",ke
1y:"1mlx9k"}]]),P=(0,r.default)("panels-top-left",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M3 9h18",key:"1pudct"}],["path",{d:"M9 21V9",key:"1oto5p"}]]),k=(0,r.default)("share-2",[["circle",{cx:"18",cy:"5",r:"3",key:"gq8acd"}],["circle",{cx:"6",cy:"12",r:"3",key:"w7nqdw"}],["circle",{cx:"18",cy:"19",r:"3",key:"1xt0gg"}],["line",{x1:"8.59",x2:"15.42",y1:"13.51",y2:"17.49",key:"47mynk"}],["line",{x1:"15.41",x2:"8.59",y1:"6.51",y2:"10.49",key:"1n3mei"}]]);var S=e.i(49322);let E=(0,r.default)("cloud",[["path",{d:"M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z",key:"p7xjir"}]]),T=(0,r.default)("box",[["path",{d:"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",key:"hh9hay"}],["path",{d:"m3.3 7 8.7 5 8.7-5",key:"g66t2b"}],["path",{d:"M12 22V12",key:"d0xqtd"}]]),A={"shopping-bag":y,code:v,atom:w,layers:_,server:j,"file-code":b,layout:P,"share-2":k,database:S.Database,cloud:E};function M({technologies:e}){let[r,c]=(0,s.useState)(!1),d=(0,s.useRef)(null),y=(0,s.useRef)(null),v=(0,s.useRef)(null),w=(0,s.useRef)(null),_=(0,p.useReducedMotion)(),j=function(e,{root:t,margin:i,amount:r,once:o=!1,initial:n=!1}={}){let[a,l]=(0,s.useState)(n);return(0,s.useEffect)(()=>{if(!e.current||o&&a)return;let s={root:t&&t.current||void 0,margin:i,amount:r};return(0,h.inView)(e.current,()=>(l(!0),o?void 0:()=>l(!1)),s)},[t,e,i,o,r]),a}(d),b=m(0),P=m(0),k=(0,s.useRef)(0),S=[...e,...e,...e],E=[...e,...e,...e];return(0,f.useMotionReveal)([y]),(0,s.useEffect)(()=>{let t=v.current;if(!t)return;let i=()=>{let i=t.children[0],s=t.children[e.length];k.current=i&&s?s.offsetLeft-i.offsetLeft:0};i();let s=new ResizeObserver(i);return s.observe(t),()=>s.disconnect()},[e.length]),(0,s.useEffect)(()=>{_&&(b.set(0),P.set(0))},[_,b,P]),!function(e){let t=(0,s.useRef)(0),{isStatic:i}=(0,s.useContext)(u.MotionConfigContext);(0,s.useEffect)(()=>{if(i)return;let s=({timestamp:i,delta:s})=>{t.current||(t.current=i),e(i-t.current,s)};return l.frame.update(s,!0),()=>(0,l.cancelFrame)(s)},[e])}((e,t)=>{let i=k.current;if(r||_||!j||document.hidden||!i)return;let s=Math.min(t,64);b.set(-((-b.get()+i*s/4e4)%i)),P.set((P.get()+i+i*s/45e3)%i-i)}),(0,t.jsxs)(g.Section,{id:"technologies",ref:d,contained:!1,className:"overflow-hidden surface-soft","aria-labelledby":"technologies-heading",children:[(0,t.jsx)(x.Container,{"data-home-inner":!0,children:(0,t.jsxs)("div",{"data-home-header":!0,ref:y,className:"mb-9 flex flex-col gap-5 sm:mb-12 lg:flex-row lg:items-end lg:justify-between lg:gap-12",children:[(0,t.jsxs)("div",{children:[(0,t.jsxs)("p",{"data-home-eyebrow":!0,className:"mb-4 flex items-center gap-3 text-sm font-medium text-primary",children:[(0,t.jsx)("span",{className:"h-px w-8 bg-primary","aria-hidden":"true"}),"Our toolkit"]}),(0,t.jsxs)("h2",{"data-home-title":!0,id:"technologies-heading",className:"max-w-2xl font-display text-3xl font-medium leading-[1.2] tracking-[-0.025em] sm:text-4xl",children:["The right tools.",(0,t.jsx)("br",{}),(0,t.jsx)("span",{className:"text-primary",children:"Built around your needs."})]})]}),(0,t.jsxs)("div",{className:"max-w-sm",children:[(0,t.jsx)("p",{"data-home-lead":!0,className:"text-base leading-relaxed text-muted-foreground",children:"Shopify at the core, with modern frameworks and integrations to support the rest of your business."}),(0,t.jsxs)(i.DirectionalFillButton,{variant:"secondary",type:"button",onClick:()=>c(!r),"aria-pressed":r,className:"mt-4 inline-flex min-h-11 items-center gap-2 rounded-full border border-primary/20 px-4 text-sm font-medium text-primary focus-ring motion-reduce:hidden",children:[r?(0,t.jsx)(n,{className:"h-3.5 w-3.5","aria-hidden":"true"}):(0,t.jsx)(o,{className:"h-3.5 w-3.5","aria-hidden":"true"}),r?"Resume animation":"Pause animation"]})]})]})}),(0,t.jsxs)("div",{className:"relative mb-5 motion-reduce:overflow-x-auto motion-reduce:pb-2",children:[(0,t.jsx)("div",{className:"absolute left-0 top-0 bottom-0 w-20 lg:w-32 z-10 bg-gradient-to-r from-background to-transparent pointer-events-none"}),(0,t.jsx)("div",{className:"absolute right-0 top-0 bottom-0 w-20 lg:w-32 z-10 bg-gradient-to-l from-background to-transparent pointer-events-none"}),(0,t.jsx)(a.motion.div,{style:{x:b},ref:v,className:"flex items-center gap-5 w-max motion-reduce:flex-wrap motion-reduce:justify-center motion-reduce:w-full motion-reduce:px-5 motion-reduce:gap-3",children:S.map((i,s)=>(0,t.jsx)(C,{tech:i,duplicate:s>=e.length},`r1-${i.name}-${s}`))})]}),(0,t.jsxs)("div",{className:"relative motion-reduce:hidden","aria-hidden":"true",children:[(0,t.jsx)("div",{className:"absolute left-0 top-0 bottom-0 w-20 lg:w-32 z-10 bg-gradient-to-r from-background to-transparent pointer-events-none"}),(0,t.jsx)("div",{className:"absolute right-0 top-0 bottom-0 w-20 lg:w-32 z-10 bg-gradient-to-l from-background to-transparent pointer-events-none"}),(0,t.jsx)(a.motion.div,{style:{x:P},ref:w,className:"flex items-center gap-5 w-max motion-reduce:flex-wrap motion-reduce:justify-center motion-reduce:w-full motion-reduce:px-5 motion-reduce:gap-3",children:E.map((e,i)=>(0,t.jsx)(C,{tech:e},`r2-${e.name}-${i}`))})]})]})}function C({tech:e,duplicate:i=!1}){return(0,t.jsxs)("div",{"aria-hidden":i||void 0,className:`tech-item flex-shrink-0 flex items-center gap-4 px-7 py-5 rounded-2xl border border-primary/15 bg-card hover:border-primary/35 transition-colors cursor-default group ${i?"motion-reduce:hidden":""}`,children:[e.image?(0,t.jsx)("span",{"aria-hidden":"true",className:"block w-8 h-8 flex-shrink-0 bg-primary transition-colors duration-300",style:{maskImage:`url(${e.image})`,WebkitMaskImage:`url(${e.image})`,maskRepeat:"no-repeat",WebkitMaskRepeat:"no-repeat",maskPosition:"center",WebkitMaskPosition:"center",maskSize:"contain",WebkitMaskSize:"contain"}}):(0,t.jsx)("span",{className:"flex-shrink-0 text-primary",children:function(e,i="w-5 h-5"){let s=A[e]||T;return(0,t.jsx)(s,{className:i,"aria-hidden":!0})}(e.icon,"w-7 h-7")}),(0,t.jsx)("span",{className:"text-base font-medium text-foreground whitespace-nowrap",children:e.name})]})}e.s(["TechMarquee",()=>M],40013)},83040,e=>{"use strict";let t=(0,e.i(68896).default)("arrow-left",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]]);e.s(["ArrowLeft",()=>t],83040)},12781,e=>{"use strict";let t=(0,e.i(68896).default)("star",[["path",{d:"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",key:"r04s7s"}]]);e.s(["Star",()=>t],12781)},86207,e=>{e.v({actions:"hero-section-module__BtZYMG__actions",benefitIcon:"hero-section-module__BtZYMG__benefitIcon",benefits:"hero-section-module__BtZYMG__benefits",bottomStrip:"hero-section-module__BtZYMG__bottomStrip",browser:"hero-section-module__BtZYMG__browser",browserBar:"hero-section-module__BtZYMG__browserBar",browserFooter:"hero-section-module__BtZYMG__browserFooter",carouselControls:"hero-section-module__BtZYMG__carouselControls",caseStudy:"hero-section-module__BtZYMG__caseStudy",copy:"hero-section-module__BtZYMG__copy",description:"hero-section-module__BtZYMG__description",eyebrow:"hero-section-module__BtZYMG__eyebrow",growthCard:"hero-section-module__BtZYMG__growthCard",heading:"hero-section-module__BtZYMG__heading",hero:"hero-section-module__BtZYMG__hero",inner:"hero-section-module__BtZYMG__inner",main:"hero-section-module__BtZYMG__main",next:"hero-section-module__BtZYMG__next",note:"hero-section-module__BtZYMG__note",primary:"hero-section-module__BtZYMG__primary",projectAvatars:"hero-section-module__BtZYMG__projectAvatars",projectCard:"hero-section-module__BtZYMG__projectCard",projectCategory:"hero-section-module__BtZYMG__projectCategory",projectName:"hero-section-module__BtZYMG__projectName",rating:"hero-section-module__BtZYMG__rating",scene:"hero-section-module__BtZYMG__scene",sceneBackgroun
1d:"hero-section-module__BtZYMG__sceneBackground",secondary:"hero-section-module__BtZYMG__secondary",shopifyBadge:"hero-section-module__BtZYMG__shopifyBadge",shopifyIcon:"hero-section-module__BtZYMG__shopifyIcon",showcase:"hero-section-module__BtZYMG__showcase",showcaseBottom:"hero-section-module__BtZYMG__showcaseBottom",slide:"hero-section-module__BtZYMG__slide",storefront:"hero-section-module__BtZYMG__storefront",storefrontImage:"hero-section-module__BtZYMG__storefrontImage",trust:"hero-section-module__BtZYMG__trust",trustDescription:"hero-section-module__BtZYMG__trustDescription",windowClose:"hero-section-module__BtZYMG__windowClose",windowMaximize:"hero-section-module__BtZYMG__windowMaximize",windowMinimize:"hero-section-module__BtZYMG__windowMinimize"})},5774,e=>{"use strict";var t=e.i(87433),i=e.i(59697),s=e.i(44440),r=e.i(96027),o=e.i(70065);e.i(17141);var n=e.i(96620),a=e.i(32883),l=e.i(48862),u=e.i(27397),h=e.i(63992),c=s,d=e.i(26235);function m(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}class p extends c.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if((0,h.isHTMLElement)(t)&&e.isPresent&&!this.props.isPresent&&!1!==this.props.pop){let e=t.offsetParent,i=(0,h.isHTMLElement)(e)&&e.offsetWidth||0,s=(0,h.isHTMLElement)(e)&&e.offsetHeight||0,r=getComputedStyle(t),o=this.props.sizeRef.current;o.height=parseFloat(r.height),o.width=parseFloat(r.width),o.top=t.offsetTop,o.left=t.offsetLeft,o.right=i-o.width-o.left,o.bottom=s-o.height-o.top,o.direction=r.direction}return null}componentDidUpdate(){}render(){return this.props.children}}function f({children:e,isPresent:i,anchorX:r,anchorY:o,root:n,pop:a}){let l=(0,c.useId)(),u=(0,c.useRef)(null),h=(0,c.useRef)({width:0,height:0,top:0,left:0,right:0,bottom:0,direction:"ltr"}),{nonce:f}=(0,c.useContext)(d.MotionConfigContext),g=function(...e){return s.useCallback(function(...e){return t=>{let i=!1,s=e.map(e=>{let s=m(e,t);return i||"function"!=typeof s||(i=!0),s});if(i)return()=>{for(let t=0;t<s.length;t++){let i=s[t];"function"==typeof i?i():m(e[t],null)}}}}(...e),e)}(u,!1!==a?e.props?.ref??e?.ref:void 0);return(0,c.useInsertionEffect)(()=>{let{width:e,height:t,top:s,left:c,right:d,bottom:m,direction:p}=h.current;if(i||!1===a||!u.current||!e||!t)return;let g="rtl"===p,x="left"===r?g?`right: ${d}`:`left: ${c}`:g?`left: ${c}`:`right: ${d}`,y="bottom"===o?`bottom: ${m}`:`top: ${s}`;u.current.dataset.motionPopId=l;let v=document.createElement("style");f&&(v.nonce=f);let w=n??document.head;return w.appendChild(v),v.sheet&&v.sheet.insertRule(` 2 [data-motion-pop-id="${l}"] { 3 position: absolute !important; 4 width: ${e}px !important; 5 height: ${t}px !important; 6 ${x}px !important; 7 ${y}px !important; 8 } 9 `),()=>{u.current?.removeAttribute("data-motion-pop-id"),w.contains(v)&&w.removeChild(v)}},[i]),(0,t.jsx)(p,{isPresent:i,childRef:u,sizeRef:h,pop:a,children:!1===a?e:c.cloneElement(e,{ref:g})})}let g=({children:e,initial:i,isPresent:r,onExitComplete:o,custom:n,presenceAffectsLayout:h,mode:c,anchorX:d,anchorY:m,root:p})=>{let g=(0,a.useConstant)(x),y=(0,s.useId)(),v=(0,s.useRef)(r),w=(0,s.useRef)(o);(0,l.useIsomorphicLayoutEffect)(()=>{v.current=r,w.current=o});let _=!0,j=(0,s.useMemo)(()=>(_=!1,{id:y,initial:i,isPresent:r,custom:n,onExitComplete:e=>{for(let t of(g.set(e,!0),g.values()))if(!t)return;o&&o()},register:e=>(g.set(e,!1),()=>{g.delete(e),v.current||g.size||w.current?.()})}),[r,g,o]);return h&&_&&(j={...j}),(0,s.useMemo)(()=>{g.forEach((e,t)=>g.set(t,!1))},[r]),s.useEffect(()=>{r||g.size||!o||o()},[r]),e=(0,t.jsx)(f,{pop:"popLayout"===c,isPresent:r,anchorX:d,anchorY:m,root:p,children:e}),(0,t.jsx)(u.PresenceContext.Provider,{value:j,children:e})};function x(){return new Map}var y=e.i(78735);let v=e=>e.key||"";function w(e){let t=[];return s.Children.forEach(e,e=>{(0,s.isValidElement)(e)&&t.push(e)}),t}let _=({children:e,custom:i,initial:r=!0,onExitComplete:o,presenceAffectsLayout:u=!0,mode:h="sync",propagate:c=!1,anchorX:d="left",anchorY:m="top",root:p})=>{let[f,x]=(0,y.usePresence)(c),_=(0,s.useMemo)(()=>w(e),[e]),j=c&&!f?[]:_.map(v),b=(0,s.useRef)(!0),P=(0,s.useRef)(_),k=(0,a.useConstant)(()=>
9new Map),S=(0,s.useRef)(new Set),[E,T]=(0,s.useState)(_),[A,M]=(0,s.useState)(_);(0,l.useIsomorphicLayoutEffect)(()=>{!c||f||A.length||x?.()},[f,c,A.length,x]),(0,l.useIsomorphicLayoutEffect)(()=>{b.current=!1,P.current=_;for(let e=0;e<A.length;e++){let t=v(A[e]);j.includes(t)?(k.delete(t),S.current.delete(t)):!0!==k.get(t)&&k.set(t,!1)}},[A,j.length,j.join("-")]);let C=[];if(_!==E){let e=[..._],t=0;for(let i of A){let s=j.indexOf(v(i));-1===s?(e.splice(t++,0,i),C.push(i)):t=s+C.length+1}return"wait"===h&&C.length&&(e=C),M(w(e)),T(_),null}let{forceRender:N}=(0,s.useContext)(n.LayoutGroupContext);return(0,t.jsx)(t.Fragment,{children:A.map(e=>{let s=v(e),n=(!c||!!f)&&(_===A||j.includes(s));return(0,t.jsx)(g,{isPresent:n,initial:(!b.current||!!r)&&void 0,custom:i,presenceAffectsLayout:u,mode:h,root:p,onExitComplete:n?void 0:()=>{if(S.current.has(s)||!k.has(s))return;S.current.add(s),k.set(s,!0);let e=!0;k.forEach(t=>{t||(e=!1)}),e&&(N?.(),M(P.current),c&&x?.(),o&&o())},anchorX:d,anchorY:m,children:e},s)})})};var j=e.i(66312),b=e.i(13401),P=e.i(83040),k=e.i(18133),S=e.i(95309),E=e.i(68896);let T=(0,E.default)("chart-no-axes-column-increasing",[["path",{d:"M5 21v-6",key:"1hz6c0"}],["path",{d:"M12 21V9",key:"uvy0l4"}],["path",{d:"M19 21V3",key:"11j9sm"}]]);var A=e.i(97160),M=e.i(12781);let C=(0,E.default)("users-round",[["path",{d:"M18 21a8 8 0 0 0-16 0",key:"3ypg7q"}],["circle",{cx:"10",cy:"8",r:"5",key:"o932ke"}],["path",{d:"M22 20c0-3.37-2-6.5-4-8a5 5 0 0 0-.45-8.3",key:"10s06x"}]]),N=(0,E.default)("zap",[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]]);var D=e.i(86207);let B=[{icon:N,label:"Fast & reliable setup"},{icon:A.LayoutGrid,label:"Custom design & development"},{icon:C,label:"Ongoing support & growth"},{icon:T,label:"Built for long-term success"}];function L({hero:e,projects:n=[]}){let a=n.filter(e=>"Shopify"===e.category&&e.thumbnail),[l,u]=(0,s.useState)(0),h=a[l],c=(0,b.useReducedMotion)();function d(e){u(t=>(t+e+a.length)%a.length)}return(0,t.jsxs)("section",{id:"home","aria-labelledby":"hero-heading",className:D.default.hero,children:[(0,t.jsx)("div",{className:D.default.inner,children:(0,t.jsxs)("div",{className:D.default.main,children:[(0,t.jsxs)("div",{className:D.default.copy,children:[(0,t.jsxs)("p",{"data-home-eyebrow":!0,className:D.default.eyebrow,children:[(0,t.jsx)("span",{"aria-hidden":"true"}),"Shopify development partner"]}),(0,t.jsxs)("h1",{id:"hero-heading","data-home-hero-title":!0,className:D.default.heading,children:["Shopify stores",(0,t.jsx)("br",{}),"made for your",(0,t.jsx)("br",{}),(0,t.jsx)("span",{children:"next chapter."})]}),(0,t.jsx)("p",{"data-home-lead":!0,className:D.default.description,children:"We design, develop, and support Shopify stores that look incredible, perform flawlessly, and grow with your brand."}),(0,t.jsxs)("div",{className:D.default.actions,children:[(0,t.jsxs)(i.DirectionalFillButton,{unstyled:!0,href:e.primaryCta.href,"data-home-action":!0,className:`${D.default.primary} focus-ring`,children:["Start Your Project",(0,t.jsx)(S.ArrowUpRight,{size:19,"aria-hidden":"true"})]}),(0,t.jsxs)(o.default,{href:e.secondaryCta?.href||"/#work","data-home-action":!0,className:`${D.default.secondary} focus-ring`,children:["View Our Work",(0,t.jsx)(k.ArrowRight,{size:22,"aria-hidden":"true"})]})]}),(0,t.jsxs)("div",{className:D.default.trust,children:[(0,t.jsx)("div",{className:D.default.projectAvatars,"aria-hidden":"true",children:a.slice(0,4).map(e=>(0,t.jsx)("span",{children:(0,t.jsx)(r.default,{src:e.thumbnail,alt:"",fill:!0,sizes:"44px"})},e.slug))}),(0,t.jsxs)("div",{children:[(0,t.jsx)("div",{className:D.default.rating,role:"img","aria-label":"5 out of 5 stars",children:Array.from({length:5},(e,i)=>(0,t.jsx)(M.Star,{size:19,fill:"currentColor",strokeWidth:0,"aria-hidden":"true"},i))}),(0,t.jsx)("p",{className:D.default.trustDescription,children:"Shopify expertise. Personal support."})]})]})]}),h&&(0,t.jsxs)("div",{className:D.default.showcase,role:"region","aria-roledescription":"carousel","aria-label":"Featured Shopify projects",children:[(0,t.jsxs)("div",{className:D.default.scene,children:[(0,t.jsx)("div",{className:D.default.sceneBackgroun
9d}),(0,t.jsxs)("div",{className:D.default.note,"aria-hidden":"true",children:[(0,t.jsxs)("span",{children:["Beautiful stores.",(0,t.jsx)("br",{}),"Real results."]}),(0,t.jsx)("svg",{viewBox:"0 0 72 65",fill:"none",children:(0,t.jsx)("path",{d:"M5 5C35 13 43 33 45 54M36 46L45 56L51 45",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round"})})]}),(0,t.jsxs)("div",{className:D.default.shopifyBadge,children:[(0,t.jsx)(r.default,{src:"/images/tech/shopify.svg",alt:"",width:42,height:48,className:D.default.shopifyIcon}),(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{children:"Shopify Experts"}),(0,t.jsx)("span",{children:"Design · Develop · Grow"})]})]}),(0,t.jsxs)("div",{id:"hero-project-preview",className:D.default.browser,children:[(0,t.jsxs)("div",{className:D.default.browserBar,"aria-hidden":"true",children:[(0,t.jsx)("span",{className:D.default.windowClose}),(0,t.jsx)("span",{className:D.default.windowMinimize}),(0,t.jsx)("span",{className:D.default.windowMaximize})]}),(0,t.jsx)("div",{className:D.default.storefront,children:(0,t.jsx)(_,{initial:!1,children:(0,t.jsx)(j.motion.div,{className:D.default.slide,initial:{opacity:0}
9,animate:{opacity:1},exit:{opacity:0},transition:{duration:.25*!c},children:(0,t.jsx)(r.default,{src:h.thumbnail,alt:h.imageAlt||`${h.title} storefront`,fill:!0,priority:0===l,sizes:"(max-width: 767px) 82vw, (max-width: 1023px) 72vw, 560px",className:D.default.storefrontImage})},h.slug)})}),(0,t.jsxs)("div",{className:D.default.browserFooter,"aria-hidden":"true",children:[(0,t.jsx)("span",{children:"Thoughtful design"}),(0,t.jsx)("span",{children:"Built on Shopify"}),(0,t.jsx)("span",{children:"Made to grow"})]})]}),(0,t.jsxs)("div",{className:D.default.growthCard,children:[(0,t.jsx)(T,{size:33,strokeWidth:2.4,"aria-hidden":"true"}),(0,t.jsx)("strong",{children:"Built to grow"}),(0,t.jsxs)("p",{children:["From your first launch",(0,t.jsx)("br",{}),"to your next chapter."]})]})]}),(0,t.jsxs)("div",{className:D.default.showcaseBottom,children:[(0,t.jsxs)("div",{"data-home-preview-card":!0,className:D.default.projectCard,children:[(0,t.jsxs)("div",{className:D.default.projectName,"aria-live":"polite","aria-atomic":"true",children:[(0,t.jsx)("span",{children:"Featured work"}),(0,t.jsx)(o.default,{href:`/work#${h.slug}`,className:"focus-ring",children:h.title.replace(" Canada","").replace(" Australia","")})]}),(0,t.jsxs)("p",{className:D.default.projectCategory,children:["Shopify Development",(0,t.jsx)("br",{}),"& Growth"]}),(0,t.jsxs)(o.default,{href:`/work#${h.slug}`,"data-home-action":!0,className:`${D.default.caseStudy}
9 focus-ring`,"aria-label":`View ${h.title} project`,children:["View Project",(0,t.jsx)(k.ArrowRight,{size:17,"aria-hidden":"true"})]})]}),a.length>1&&(0,t.jsxs)("div",{className:D.default.carouselControls,children:[(0,t.jsx)(i.DirectionalFillButton,{size:"icon",variant:"secondary",type:"button",className:"focus-ring",onClick:()=>d(-1),"aria-label":"Previous project","aria-controls":"hero-project-preview",children:(0,t.jsx)(P.ArrowLeft,{size:23,"aria-hidden":"true"})}),(0,t.jsx)(i.DirectionalFillButton,{size:"icon",variant:"primary",type:"button",className:`${D.default.next} focus-ring`,onClick:()=>d(1),"aria-label":"Next project","aria-controls":"hero-project-preview",children:(0,t.jsx)(k.ArrowRight,{size:23,"aria-hidden":"true"})})]})]})]})]})}),(0,t.jsx)("div",{className:D.default.bottomStrip,children:(0,t.jsx)("ul",{className:D.default.benefits,children:B.map(({icon:e,label:i})=>(0,t.jsxs)("li",{children:[(0,t.jsx)("span",{className:D.default.benefitIcon,children:(0,t.jsx)(e,{size:28,strokeWidth:1.5,"aria-hidden":"true"})}),(0,t.jsx)("p",{children:i})]},i))})})]})}e.s(["HeroSection",()=>L],5774)},77703,e=>{e.v({activeProgress:"work-section-module__P_4boG__activeProgress",allWork:"work-section-module__P_4boG__allWork",artwork:"work-section-module__P_4boG__artwork",browser:"work-section-module__P_4boG__browser",browserBar:"work-section-module__P_4boG__browserBar",cardArrow:"work-section-module__P_4boG__cardArrow",cardDetails:"work-section-module__P_4boG__cardDetails",caseStudy:"work-section-module__P_4boG__caseStudy",controls:"work-section-module__P_4boG__controls",eyebrow:"work-section-module__P_4boG__eyebrow",featured:"work-section-module__P_4boG__featured",featuredBottom:"work-section-module__P_4boG__featuredBottom",featuredCopy:"work-section-module__P_4boG__featuredCopy",featuredDescription:"work-section-module__P_4boG__featuredDescription",featuredTitle:"work-section-module__P_4boG__featuredTitle",footer:"work-section-module__P_4boG__footer",footerRight:"work-section-module__P_4boG__footerRight",gallery:"work-section-module__P_4boG__gallery",handwritten:"work-section-module__P_4boG__handwritten",header:"work-section-module__P_4boG__header",headerAside:"work-section-module__P_4boG__headerAside",heading:"work-section-module__P_4boG__heading",inner:"work-section-module__P_4boG__inner",intro:"work-section-module__P_4boG__intro",laptopScreen:"work-section-module__P_4boG__laptopScreen",moreProjects:"work-section-module__P_4boG__moreProjects",next:"work-section-module__P_4boG__next",preview:"work-section-module__P_4boG__preview",progress:"work-section-module__P_4boG__progress",progressButtons:"work-section-module__P_4boG__progressButtons",projectCard:"work-section-module__P_4boG__projectCard",rule:"work-section-module__P_4boG__rule",sceneImage:"work-section-module__P_4boG__sceneImage",screenImage:"work-section-module__P_4boG__screenImage",section:"work-section-module__P_4boG__section"})},91517,e=>{"use strict";var t=e.i(87433),i=e.i(59697),s=e.i(44440),r=e.i(96027),o=e.i(70065),n=e.i(83040),a=e.i(18133),l=e.i(77703);let u={"lxh-brand":"Lifestyle & headwear","biemme-america":"Activewear","if-beauty":"Beauty","maison-solvara":"Home & living",botanica:"Fragrance & lifestyle"};function h({projects:e=[]}){let h=e.filter(e=>"Shopify"===e.category&&e.thumbnail),c=["biemme-america","if-beauty","maison-solvara"],d=[...e.filter(e=>c.includes(e.slug)).sort((e,t)=>c.indexOf(e.slug)-c.indexOf(t.slug)),...e.filter(e=>"lxh-brand"!==e.slug&&!c.includes(e.slug))],[m,p]=(0,s.useState)(0),[f,g]=(0,s.useState)(0),x=h[m]||e[0],y=Array.from({length:Math.min(3,d.length)},(e,t)=>d[(f+t)%d.length]);if(!x)return null;let v=e=>p(t=>(t+e+h.length)%h.length),w=e=>g(t=>(t+3*e+d.length)%d.length);return(0,t.jsx)("section",{id:"work","aria-labelledby":"selected-work-title",className:l.default.section,children:(0,t.jsxs)("div",{"data-home-inner":!0,className:l.default.inner,children:[(0,t.jsxs)("header",{"data-home-header":!0,className:l.default.header,children:[(0,t.jsxs)("div",{children:[(0,t.jsxs)("p",{"data-home-eyebrow":!0,className:l.default.eyebrow,children:[(0,t.jsx)("span",{"aria-hidden":"true"}),"Our work"]}),(0,t.jsxs)("h2",{id:"selected-work-title","data-home-title":!0,className:l.default.heading,children:["Our work, ",(0,t.jsx)("span",{children:"up close."})]}),(0,t.jsx)("p",{"data-home-lead":!0,className:l.default.intro,children:"Selected projects for growing brands."})]}),(0,t.jsxs)("div",{className:l.default.headerAside,children:[(0,t.jsxs)(i.DirectionalFillButton,{unstyled:!0,variant:"secondary",href:"/work","data-home-action":!0,className:`${l.default.allWork} focus-ring`,children:["View all work",(0,t.jsx)(a.ArrowRight,{size:23,"aria-hidden":"true"})]}),(0,t.jsxs)("p",{children:["Design ",(0,t.jsx)("span",{children:"/"})," Develop ",(0,t.jsx)("span",{children:"/"})," Grow"]})]})]}),(0,t.jsxs)("article",{className:l.default.featured,"aria-roledescription":"carousel","aria-label":"Featured projects","data-work-project":!0,children:[(0,t.jsxs)("div",{className:l.default.artwork,children:[(0,t.jsx)(r.default,{src:"/images/work-laptop-scene.webp",alt:"",fill:!0,sizes:"(max-width: 767px) 170vw, 1400px",className:l.default.sceneImage}),(0,t.jsx)("div",{className:l.default.laptopScreen,children:(0,t.jsx)(r.default,{src:x.thumbnail,alt:x.imageAlt||`${x.title} website preview`,fill:!0,sizes:"(max-width: 767px) 65vw, 520px",className:l.default.screenImage},x.slug)}),(0,t.jsxs)("p",{className:l.default.handwritten,"aria-hidden":"true",children:["Built",(0,t.jsx)("br",{}),"for whatâs",(0,t.jsx)("br",{}),"next.",(0,t.jsx)("span",{})]})]}),(0,t.jsxs)("div",{className:l.default.featuredCopy,children:[(0,t.jsx)("p",{"data-home-eyebrow":!0,className:l.default.eyebrow,children:"Featured project"}),(0,t.jsxs)("div",{id:"featured-work-content","aria-live":"polite","aria-atomic":"true",children:[(0,t.jsx)("h3",{"data-home-card-title":!0,"data-home-featured-title":!0,className:l.default.featuredTitle,children:x.title}),(0,t.jsx)("span",{className:l.default.rule,"aria-hidden":"true"}),(0,t.jsx)("p",{"data-home-body":!0,className:l.default.featuredDescription,children:x.shortDescription}),(0,t.jsxs)(i.DirectionalFillButton,{unstyled:!0,href:`/work#${x.slug}`,"data-home-action":!0,className:`${l.default.caseStudy}
9 focus-ring`,children:["View Project",(0,t.jsx)(a.ArrowRight,{size:22,"aria-hidden":"true"})]})]})]}),(0,t.jsxs)("div",{className:l.default.featuredBottom,children:[(0,t.jsxs)("div",{className:l.default.progress,children:[(0,t.jsxs)("p",{children:[(0,t.jsx)("span",{children:String(m+1).padStart(2,"0")}),(0,t.jsx)("span",{children:"/"}),String(h.length||1).padStart(2,"0")]}),h.length>1&&(0,t.jsx)("div",{className:l.default.progressButtons,children:h.map((e,i)=>(0,t.jsx)("button",{type:"button","aria-label":`Show ${e.title}`,"aria-pressed":m===i,"aria-controls":"featured-work-content",onClick:()=>p(i),className:`${m===i?l.default.activeProgress:""} focus-ring`,children:(0,t.jsx)("span",{})},e.slug))})]}),h.length>1&&(0,t.jsxs)("div",{className:l.default.controls,children:[(0,t.jsx)(i.DirectionalFillButton,{size:"icon",variant:"secondary",type:"button",onClick:()=>v(-1),"aria-label":"Previous featured project","aria-controls":"featured-work-content",className:"focus-ring",children:(0,t.jsx)(n.ArrowLeft,{size:23,"aria-hidden":"true"})}),(0,t.jsx)(i.DirectionalFillButton,{size:"icon",variant:"primary",type:"button",onClick:()=>v(1),"aria-label":"Next featured project","aria-controls":"featured-work-content",className:`${l.default.next} focus-ring`,children:(0,t.jsx)(a.ArrowRight,{size:23,"aria-hidden":"true"})})]})]})]}),(0,t.jsx)("div",{id:"work-project-gallery",className:l.default.gallery,"aria-live":"polite","aria-atomic":"true",children:y.map(e=>(0,t.jsxs)(o.default,{href:`/work#${e.slug}`,className:`${l.default.projectCard} focus-ring`,"aria-label":`View ${e.title} project`,"data-work-project":!0,children:[(0,t.jsxs)("div",{className:l.default.browser,children:[(0,t.jsxs)("div",{className:l.default.browserBar,"aria-hidden":"true",children:[(0,t.jsx)("span",{}),(0,t.jsx)("span",{}),(0,t.jsx)("span",{})]}),(0,t.jsx)("div",{className:l.default.preview,children:e.thumbnail&&(0,t.jsx)(r.default,{src:e.thumbnail,alt:e.imageAlt||`${e.title} website preview`,fill:!0,sizes:"(max-width: 767px) 90vw, (max-width: 1100px) 31vw, 460px"})})]}),(0,t.jsxs)("div",{className:l.default.cardDetails,children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("h3",{"data-home-card-title":!0,children:e.title}),(0,t.jsx)("p",{"data-home-meta":!0,children:u[e.slug]||e.category})]}),(0,t.jsx)("span",{className:l.default.cardArrow,"aria-hidden":"true",children:(0,t.jsx)(a.ArrowRight,{size:23})})]})]},e.slug))}),(0,t.jsxs)("div",{className:l.default.footer,children:[(0,t.jsxs)(o.default,{href:"/work","data-home-action":!0,className:`${l.default.moreProjects} focus-ring`,children:["More projects",(0,t.jsx)("span",{"aria-hidden":"true"})]}),(0,t.jsxs)("div",{className:l.default.footerRight,children:[d.length>3&&(0,t.jsxs)("div",{className:l.default.controls,children:[(0,t.jsx)(i.DirectionalFillButton,{size:"icon",variant:"secondary",type:"button",onClick:()=>w(-1),"aria-label":"Previous project previews","aria-controls":"work-project-gallery",className:"focus-ring",children:(0,t.jsx)(n.ArrowLeft,{size:22,"aria-hidden":"true"})}),(0,t.jsx)(i.DirectionalFillButton,{size:"icon",variant:"primary",type:"button",onClick:()=>w(1),"aria-label":"More project previews","aria-controls":"work-project-gallery",className:`${l.default.next} focus-ring`,children:(0,t.jsx)(a.ArrowRight,{size:22,"aria-hidden":"true"})})]}),(0,t.jsxs)("p",{children:["Brands today.",(0,t.jsx)("br",{}),"Brighter tomorrow."]})]})]})]})})}e.s(["WorkSection",()=>h])},73087,e=>{"use strict";var t=e.i(87433),i=e.i(59697),s=e.i(44440),r=e.i(5723),o=e.i(13401),n=e.i(11854),a=e.i(55670),l=e.i(57851);function u({subtitle:e,title:i,description:s,align:r="center",className:o}){let a=(0,n.useScrollReveal)({start:"top 82%"});return(0,t.jsxs)("div",{ref:a,className:(0,l.cn)("mb-6 sm:mb-8","center"===r?"text-center":"",o),style:{opacity:0},children:[(0,t.jsxs)("span",{className:"text-subtitle inline-flex items-center gap-2",children:[(0,t.jsx)("span",{className:"inline-block w-5 sm:w-6 h-px bg-muted-foreground/40"}),e]}),(0,t.jsx)("h2",{"data-home-title":!0,className:"mt-2 sm:mt-3 text-display-lg text-balance",children:i}),s&&(0,t.jsx)("p",{className:(0,l.cn)("mt-3 sm:mt-4 text-lead","center"===r?"mx-auto":""),children:s}),(0,t.jsx)("div",{className:(0,l.cn)("mt-3 sm:mt-4 h-px w-10 sm:w-12 hairline-gradient","center"===r?"mx-auto":"")})]})}var h=e.i(12781),c=e.i(68896);let d=(0,c.default)("chevron-left",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]),m=(0,c.default)("chevron-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]);function p({testimonials:e}){let l=(0,s.useRef)(null),c=(0,s.useRef)(null),p=(0,s.useRef)([]),f=(0,s.useRef)(null),g=(0,s.useRef)(0),[x,y]=(0,s.use
9State)(0),[v,w]=(0,s.useState)(!1),_=(0,o.useReducedMotion)(),j=e.length,b=()=>w(!0),P=()=>w(!1),k=(0,s.useCallback)(e=>{j&&y((e%j+j)%j)},[j]);return((0,n.useMotionReveal)([l]),(0,s.useEffect)(()=>{if(!j||!c.current)return;let e=(0,r.animate)(c.current,{x:`${-(100/j*x)}%`},{duration:.6*!_,ease:[.22,1,.36,1]});return()=>e.stop()},[x,j,_]),(0,s.useEffect)(()=>{if(v||_||j<2)return;let e=f.current?(0,r.animate)(f.current,{scaleX:[0,1]},{duration:5,ease:"linear"}):null,t=setTimeout(()=>y(e=>(e+1)%j),5e3);return()=>{clearTimeout(t),e?.stop()}},[x,v,_,j]),j)?(0,t.jsx)(a.Section,{ref:l,id:"testimonials",className:"overflow-hidden",contained:!1,children:(0,t.jsxs)("div",{className:"max-w-[1400px] mx-auto px-5 sm:px-6 lg:px-12 w-full",children:[(0,t.jsx)(u,{subtitle:"Client Testimonials",title:"What Our Clients Say",align:"center"}),(0,t.jsx)("div",{className:"overflow-hidden mt-6 sm:mt-8",onMouseEnter:b,onMouseLeave:P,onFocus:b,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||P()},onTouchStart:e=>{g.current=e.touches[0].clientX,b()},onTouchEnd:e=>{let t=g.current-e.changedTouches[0].clientX;Math.abs(t)>48&&k(x+(t>0?1:-1)),P()},children:(0,t.jsx)("div",{ref:c,className:"flex",style:{width:`${100*j}%`},children:e.map((e,i)=>{let s=function(e){let t=0;for(let i=0;i<e.length;i++)t=e.charCodeAt(i)+((t<<5)-t);return Math.abs(t)%360}(e.name),r=i===x,o=e.name.split(" ").map(e=>e[0]).join("").slice(0,2);return(0,t.jsx)("div",{ref:e=>{p.current[i]=e},className:"px-2 sm:px-3",style:{width:`${100/j}%`},children:(0,t.jsxs)("div",{className:`relative rounded-2xl border overflow-hidden p-7 sm:p-10 h-full flex flex-col transition-colors duration-500 ${r?"border-foreground
9/20 bg-card":"border-border bg-card/50"}`,style:{scale:r?1:.975},children:[(0,t.jsx)("span",{className:"absolute top-0 inset-x-0 h-px transition-opacity duration-500",style:{opacity:+!!r},"aria-hidden":!0}),(0,t.jsx)("span",{className:"absolute -top-3 right-5 font-sans text-[9rem] sm:text-[11rem] leading-none select-none pointer-events-none transition-colors duration-500",style:{color:r?`hsl(${s} 55% 75% / 0.09)`:"hsl(0 0% 100% / 0.03)"},"aria-hidden":!0,children:"â"}),(0,t.jsx)("div",{className:"flex items-center gap-0.5 mb-6",children:Array.from({length:5}).map((i,s)=>(0,t.jsx)(h.Star,{className:`w-4 h-4 transition-colors duration-300 ${s<(e.rating??5)?"text-foreground fill-foreground":"text-foreground/10"}`},s))}),(0,t.jsxs)("p",{className:`relative text-base sm:text-lg lg:text-xl leading-relaxed font-medium flex-1 mb-8 sm:mb-10 transition-colors duration-500 ${r?"text-foreground/88":"text-muted-foreground"}`,children:["â",e.quote,"â"]}),(0,t.jsxs)("div",{className:"flex items-center gap-3 sm:gap-4",children:[(0,t.jsx)("div",{className:"w-11 h-11 rounded-full flex items-center justify-center text-xs font-bold font-sans flex-shrink-0 border border-white/10",style:{background:`linear-gradient(135deg, hsl(${s} 50% 32%), hsl(${(s+45)%360} 50% 22%))`,color:`hsl(${s} 80% 88%)`},"aria-hidden":!0,children:o}),(0,t.jsxs)("div",{className:"min-w-0",children:[(0,t.jsx)("p",{className:"text-sm font-semibold text-foreground leading-tight truncate",children:e.name}),(0,t.jsxs)("p",{className:"text-xs text-muted-foreground mt-0.5 truncate",children:[e.role,e.company&&(0,t.jsxs)("span",{className:"text-muted-foreground/50",children:[" · ",e.company]})]})]})]})]})},e.name)})})}),(0,t.jsxs)("div",{className:"flex items-center gap-4 mt-5 sm:mt-6",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2 flex-shrink-0",children:[(0,t.jsx)(i.DirectionalFillButton,{size:"icon",variant:"secondary",onClick:()=>{k(x-1),P()},className:"h-11 w-11","aria-label":"Previous testimonial",children:(0,t.jsx)(d,{className:"w-4 h-4"})}),(0,t.jsx)(i.DirectionalFillButton,{size:"icon",variant:"secondary",onClick:()=>{k(x+1),P()},className:"h-11 w-11","aria-label":"Next testimonial",children:(0,t.jsx)(m,{className:"w-4 h-4"})})]}),(0,t.jsx)("div",{className:"flex-1 h-px bg-border rounded-full overflow-hidden relative",children:(0,t.jsx)("div",{ref:f,className:"absolute inset-0 bg-foreground origin-left rounded-full",style:{transform:"scaleX(0)"}})}),(0,t.jsxs)("span",{className:"font-mono text-xs text-muted-foreground tabular-nums flex-shrink-0",children:[String(x+1).padStart(2,"0"),(0,t.jsx)("span",{className:"text-muted-foreground/30",children:" / "}),String(j).padStart(2,"0")]})]})]})}):null}e.s(["TestimonialsSection",()=>p],73087)},95156,e=>{e.v({accordion:"faq-section-module___Ijs1q__accordion",answer:"faq-section-module___Ijs1q__answer",contactCard:"faq-section-module___Ijs1q__contactCard",contactIcon:"faq-section-module___Ijs1q__contactIcon",contactLabel:"faq-section-module___Ijs1q__contactLabel",contactLink:"faq-section-module___Ijs1q__contactLink",description:"faq-section-module___Ijs1q__description",eyebrow:"faq-section-module___Ijs1q__eyebrow",heading:"faq-section-module___Ijs1q__heading",inner:"faq-section-module___Ijs1q__inner",intro:"faq-section-module___Ijs1q__intro",item:"faq-section-module___Ijs1q__item",open:"faq-section-module___Ijs1q__open",question:"faq-section-module___Ijs1q__question",responseTime:"faq-section-module___Ijs1q__responseTime",section:"faq-section-module___Ijs1q__section",signature:"faq-section-module___Ijs1q__signature",toggle:"faq-section-module___Ijs1q__toggle"})},39261,e=>{"use strict";var t=e.i(87433),i=e.i(44440),s=e.i(95309),r=e.i(68896);let o=(0,r.default)("message-square-text",[["path",{d:"M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",key:"18887p"}],["path",{d:"M7 11h10",key:"1twpyw"}],["path",{d:"M7 15h6",key:"d9of3u"}],["path",{d:"M7 7h8",key:"af5zfr"}]]),n=(0,r.default)("plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]]),a=(0,r.default)("minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]);var l=e.i(70065),u=e.i(95156);function h({faq:e=[],subtitle:r="FAQs",title:h="Before we get started.",description:c="A little clarity on the process, the practical details, and how we
9can help your store succeed."}){let d=(0,i.useId)(),[m,p]=(0,i.useState)(0);return e.length?(0,t.jsx)("section",{id:"faq",className:u.default.section,"aria-labelledby":`${d}-heading`,children:(0,t.jsxs)("div",{"data-home-inner":!0,className:u.default.inner,children:[(0,t.jsxs)("div",{"data-home-intro":!0,className:u.default.intro,children:[(0,t.jsxs)("p",{"data-home-eyebrow":!0,className:u.default.eyebrow,children:[(0,t.jsx)("span",{"aria-hidden":"true"}),r]}),(0,t.jsx)("h2",{id:`${d}-heading`,"data-home-title":!0,className:u.default.heading,children:h}),(0,t.jsx)("p",{"data-home-lead":!0,className:u.default.description,children:c}),(0,t.jsxs)("div",{className:u.default.contactCard,children:[(0,t.jsx)("span",{className:u.default.contactIcon,"aria-hidden":"true",children:(0,t.jsx)(o,{})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{"data-home-meta":!0,className:u.default.contactLabel,children:"Have a different question?"}),(0,t.jsxs)(l.default,{href:"/contact","data-home-action":!0,className:`${u.default.contactLink} focus-ring`,children:["Tell us about your project",(0,t.jsx)(s.ArrowUpRight,{"aria-hidden":"true"})]}),(0,t.jsx)("p",{"data-home-small":!0,className:u.default.responseTime,children:"We typically respond within 1 business day."})]})]}),(0,t.jsxs)("p",{className:u.default.signature,"aria-hidden":"true",children:["Better",(0,t.jsx)("br",{}),(0,t.jsx)("span",{children:"Stores Ahead"})]})]}),(0,t.jsx)("div",{className:u.default.accordion,children:e.map((e,i)=>{let s=m===i,r=`${d}-question-${i}`,o=`${d}-answer-${i}`;return(0,t.jsxs)("div",{className:`${u.default.item} ${s?u.default.open:""}`,children:[(0,t.jsx)("h3",{children:(0,t.jsxs)("button",{id:r,type:"button","data-home-question":!0,className:u.default.question,onClick:()=>p(s?-1:i),"aria-expanded":s,"aria-controls":o,children:[(0,t.jsx)("span",{children:e.question}),(0,t.jsx)("span",{className:u.default.toggle,children:s?(0,t.jsx)(a,{"aria-hidden":"true"}):(0,t.jsx)(n,{"aria-hidden":"true"})})]})}),(0,t.jsx)("div",{id:o,role:"region","aria-labelledby":r,hidden:!s,children:(0,t.jsx)("p",{"data-home-body":!0,className:u.default.answer,children:e.answer})})]},e.question)})})]})}):null}e.s(["FaqSection",()=>h],39261)}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.