mainstack-design-system 1.14.2 → 1.15.0

package/dist/mainstack-design-system633.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react/jsx-runtime"),x=require("react"),Ie=require("./index-DCgbL-w8.cjs"),Oe=require("./index-CpE6WAgy.cjs"),Pt=require("./utils-Dp-J9Ksy.cjs"),Fe=require("./mainstack-design-system609.cjs"),Ne=require("./mainstack-design-system608.cjs"),o=require("./single-value-U71henX8.cjs"),I=require("./MotionConfigContext-CY9MWLbl.cjs"),H=require("./use-presence-DO2ahDUQ.cjs");function Ue(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,i.get?i:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const We=Ue(x),V={x:!1,y:!1};function re(){return V.x||V.y}function He(t){return t==="x"||t==="y"?V[t]?null:(V[t]=!0,()=>{V[t]=!1}):V.x||V.y?null:(V.x=V.y=!0,()=>{V.x=V.y=!1})}function ae(t,e){const n=o.resolveElements(t),i=new AbortController,r={passive:!0,...e,signal:i.signal};return[n,r,()=>i.abort()]}function Tt(t){return!(t.pointerType==="touch"||re())}function Ge(t,e,n={}){const[i,r,h]=ae(t,n),s=a=>{if(!Tt(a))return;const{target:l}=a,c=e(l,a);if(typeof c!="function"||!l)return;const u=f=>{Tt(f)&&(c(f),l.removeEventListener("pointerleave",u))};l.addEventListener("pointerleave",u,r)};return i.forEach(a=>{a.addEventListener("pointerenter",s,r)}),h}const le=(t,e)=>e?t===e?!0:le(t,e.parentElement):!1,ht=t=>t.pointerType==="mouse"?typeof t.button!="number"||t.button<=0:t.isPrimary!==!1,ze=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);function $e(t){return ze.has(t.tagName)||t.tabIndex!==-1}const q=new WeakSet;function St(t){return e=>{e.key==="Enter"&&t(e)}}function Q(t,e){t.dispatchEvent(new PointerEvent("pointer"+e,{isPrimary:!0,bubbles:!0}))}const _e=(t,e)=>{const n=t.currentTarget;if(!n)return;const i=St(()=>{if(q.has(n))return;Q(n,"down");const r=St(()=>{Q(n,"up")}),h=()=>Q(n,"cancel");n.addEventListener("keyup",r,e),n.addEventListener("blur",h,e)});n.addEventListener("keydown",i,e),n.addEventListener("blur",()=>n.removeEventListener("keydown",i),e)};function Dt(t){return ht(t)&&!re()}function qe(t,e,n={}){const[i,r,h]=ae(t,n),s=a=>{const l=a.currentTarget;if(!Dt(a))return;q.add(l);const c=e(l,a),u=(m,p)=>{window.removeEventListener("pointerup",f),window.removeEventListener("pointercancel",d),q.has(l)&&q.delete(l),Dt(m)&&typeof c=="function"&&c(m,{success:p})},f=m=>{u(m,l===window||l===document||n.useGlobalTarget||le(l,m.target))},d=m=>{u(m,!1)};window.addEventListener("pointerup",f,r),window.addEventListener("pointercancel",d,r)};return i.forEach(a=>{(n.useGlobalTarget?window:a).addEventListener("pointerdown",s,r),I.isHTMLElement(a)&&(a.addEventListener("focus",c=>_e(c,r)),!$e(a)&&!a.hasAttribute("tabindex")&&(a.tabIndex=0))}),h}const ce=x.createContext({strict:!1});function Xe(t){for(const e in t)o.featureDefinitions[e]={...o.featureDefinitions[e],...t[e]}}const Ke=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","ignoreStrict","viewport"]);function Y(t){return t.startsWith("while")||t.startsWith("drag")&&t!=="draggable"||t.startsWith("layout")||t.startsWith("onTap")||t.startsWith("onPan")||t.startsWith("onLayout")||Ke.has(t)}let ue=t=>!Y(t);function Ye(t){typeof t=="function"&&(ue=e=>e.startsWith("on")?!Y(e):t(e))}try{Ye(require("@emotion/is-prop-valid").default)}catch{}function Ze(t,e,n){const i={};for(const r in t)r==="values"&&typeof t.values=="object"||(ue(r)||n===!0&&Y(r)||!e&&!Y(r)||t.draggable&&r.startsWith("onDrag"))&&(i[r]=t[r]);return i}const Z=x.createContext({});function Je(t,e){if(o.isControllingVariants(t)){const{initial:n,animate:i}=t;return{initial:n===!1||o.isVariantLabel(n)?n:void 0,animate:o.isVariantLabel(i)?i:void 0}}return t.inherit!==!1?e:{}}function Qe(t){const{initial:e,animate:n}=Je(t,x.useContext(Z));return x.useMemo(()=>({initial:e,animate:n}),[At(e),At(n)])}function At(t){return Array.isArray(t)?t.join(" "):t}const ft=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function he(t,e,n){for(const i in e)!o.isMotionValue(e[i])&&!o.isForcedMotionValue(i,n)&&(t[i]=e[i])}function tn({transformTemplate:t},e){return x.useMemo(()=>{const n=ft();return o.buildHTMLStyles(n,e,t),Object.assign({},n.vars,n.style)},[e])}function en(t,e){const n=t.style||{},i={};return he(i,n,t),Object.assign(i,tn(t,e)),i}function nn(t,e){const n={},i=en(t,e);return t.drag&&t.dragListener!==!1&&(n.draggable=!1,i.userSelect=i.WebkitUserSelect=i.WebkitTouchCallout="none",i.touchAction=t.drag===!0?"none":`pan-${t.drag==="x"?"y":"x"}`),t.tabIndex===void 0&&(t.onTap||t.onTapStart||t.whileTap)&&(n.tabIndex=0),n.style=i,n}const fe=()=>({...ft(),attrs:{}});function sn(t,e,n,i){const r=x.useMemo(()=>{const h=fe();return o.buildSVGAttrs(h,e,o.isSVGTag(i),t.transformTemplate,t.style),{...h.attrs,style:{...h.style}}},[e]);if(t.style){const h={};he(h,t.style,t),r.style={...h,...r.style}}return r}const on=["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 dt(t){return typeof t!="string"||t.includes("-")?!1:!!(on.indexOf(t)>-1||/[A-Z]/u.test(t))}function rn(t,e,n,{latestValues:i},r,h=!1){const a=(dt(t)?sn:nn)(e,i,r,t),l=Ze(e,typeof t=="string",h),c=t!==x.Fragment?{...l,...a,ref:n}:{},{children:u}=e,f=x.useMemo(()=>o.isMotionValue(u)?u.get():u,[u]);return x.createElement(t,{...c,children:f})}function X(t){return o.isMotionValue(t)?t.get():t}function an({scrapeMotionValuesFromProps:t,createRenderState:e},n,i,r){return{latestValues:ln(n,i,r,t),renderState:e()}}function ln(t,e,n,i){const r={},h=i(t,{});for(const d in h)r[d]=X(h[d]);let{initial:s,animate:a}=t;const l=o.isControllingVariants(t),c=o.isVariantNode(t);e&&c&&!l&&t.inherit!==!1&&(s===void 0&&(s=e.initial),a===void 0&&(a=e.animate));let u=n?n.initial===!1:!1;u=u||s===!1;const f=u?a:s;if(f&&typeof f!="boolean"&&!o.isAnimationControls(f)){const d=Array.isArray(f)?f:[f];for(let m=0;m<d.length;m++){const p=o.resolveVariantFromProps(t,d[m]);if(p){const{transitionEnd:T,transition:P,...g}=p;for(const y in g){let v=g[y];if(Array.isArray(v)){const A=u?v.length-1:0;v=v[A]}v!==null&&(r[y]=v)}for(const y in T)r[y]=T[y]}}}return r}const de=t=>(e,n)=>{const i=x.useContext(Z),r=x.useContext(H.PresenceContext),h=()=>an(t,e,i,r);return n?h():H.useConstant(h)},cn=de({scrapeMotionValuesFromProps:o.scrapeMotionValuesFromProps,createRenderState:ft}),un=de({scrapeMotionValuesFromProps:o.scrapeMotionValuesFromProps$1,createRenderState:fe}),hn=Symbol.for("motionComponentSymbol");function k(t){return t&&typeof t=="object"&&Object.prototype.hasOwnProperty.call(t,"current")}function fn(t,e,n){return x.useCallback(i=>{i&&t.onMount&&t.onMount(i),e&&(i?e.mount(i):e.unmount()),n&&(typeof n=="function"?n(i):k(n)&&(n.current=i))},[e])}const me=x.createContext({});function dn(t,e,n,i,r){const{visualElement:h}=x.useContext(Z),s=x.useContext(ce),a=x.useContext(H.PresenceContext),l=x.useContext(I.MotionConfigContext).reducedMotion,c=x.useRef(null);i=i||s.renderer,!c.current&&i&&(c.current=i(t,{visualState:e,parent:h,props:n,presenceContext:a,blockInitialAnimation:a?a.initial===!1:!1,reducedMotionConfig:l}));const u=c.current,f=x.useContext(me);u&&!u.projection&&r&&(u.type==="html"||u.type==="svg")&&mn(c.current,n,r,f);const d=x.useRef(!1);x.useInsertionEffect(()=>{u&&d.current&&u.update(n,a)});const m=n[o.optimizedAppearDataAttribute],p=x.useRef(!!m&&!window.MotionHandoffIsComplete?.(m)&&window.MotionHasOptimisedAnimation?.(m));return I.useIsomorphicLayoutEffect(()=>{u&&(d.current=!0,window.MotionIsMounted=!0,u.updateFeatures(),u.scheduleRenderMicrotask(),p.current&&u.animationState&&u.animationState.animateChanges())}),x.useEffect(()=>{u&&(!p.current&&u.animationState&&u.animationState.animateChanges(),p.current&&(queueMicrotask(()=>{window.MotionHandoffMarkAsComplete?.(m)}),p.current=!1),u.enteringChildren=void 0)}),u}function mn(t,e,n,i){const{layoutId:r,layout:h,drag:s,dragConstraints:a,layoutScroll:l,layoutRoot:c,layoutCrossfade:u}=e;t.projection=new n(t.latestValues,e["data-framer-portal-id"]?void 0:pe(t.parent)),t.projection.setOptions({layoutId:r,layout:h,alwaysMeasureLayout:!!s||a&&k(a),visualElement:t,animationType:typeof h=="string"?h:"both",initialPromotionConfig:i,crossfade:u,layoutScroll:l,layoutRoot:c})}function pe(t){if(t)return t.options.allowProjection!==!1?t.projection:pe(t.parent)}function tt(t,{forwardMotionProps:e=!1}={},n,i){n&&Xe(n);const r=dt(t)?un:cn;function h(a,l){let c;const u={...x.useContext(I.MotionConfigContext),...a,layoutId:pn(a)},{isStatic:f}=u,d=Qe(a),m=r(a,f);if(!f&&H.isBrowser){gn(u,n);const p=yn(u);c=p.MeasureLayout,d.visualElement=dn(t,m,u,i,p.ProjectionNode)}return B.jsxs(Z.Provider,{value:d,children:[c&&d.visualElement?B.jsx(c,{visualElement:d.visualElement,...u}):null,rn(t,a,fn(m,d.visualElement,l),m,f,e)]})}h.displayName=`motion.${typeof t=="string"?t:`create(${t.displayName??t.name??""})`}`;const s=x.forwardRef(h);return s[hn]=t,s}function pn({layoutId:t}){const e=x.useContext(I.LayoutGroupContext).id;return e&&t!==void 0?e+"-"+t:t}function gn(t,e){const n=x.useContext(ce).strict;if(process.env.NODE_ENV!=="production"&&e&&n){const i="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";t.ignoreStrict?o.warning(!1,i,"lazy-strict-mode"):o.invariant(!1,i,"lazy-strict-mode")}}function yn(t){const{drag:e,layout:n}=o.featureDefinitions;if(!e&&!n)return{};const i={...e,...n};return{MeasureLayout:e?.isEnabled(t)||n?.isEnabled(t)?i.MeasureLayout:void 0,ProjectionNode:i.ProjectionNode}}function vn(t,e){if(typeof Proxy>"u")return tt;const n=new Map,i=(h,s)=>tt(h,s,t,e),r=(h,s)=>(process.env.NODE_ENV!=="production"&&o.warnOnce(!1,"motion() is deprecated. Use motion.create() instead."),i(h,s));return new Proxy(r,{get:(h,s)=>s==="create"?i:(n.has(s)||n.set(s,tt(s,void 0,t,e)),n.get(s))})}const xn=(t,e)=>dt(t)?new o.SVGVisualElement(e):new o.HTMLVisualElement(e,{allowProjection:t!==x.Fragment});function ge(t,e,n,i=0,r=1){const h=Array.from(t).sort((c,u)=>c.sortNodePosition(u)).indexOf(e),s=t.size,a=(s-1)*i;return typeof n=="function"?n(h,s):r===1?h*i:a-h*i}function lt(t,e,n={}){const i=o.resolveVariant(t,e,n.type==="exit"?t.presenceContext?.custom:void 0);let{transition:r=t.getDefaultTransition()||{}}=i||{};n.transitionOverride&&(r=n.transitionOverride);const h=i?()=>Promise.all(o.animateTarget(t,i,n)):()=>Promise.resolve(),s=t.variantChildren&&t.variantChildren.size?(l=0)=>{const{delayChildren:c=0,staggerChildren:u,staggerDirection:f}=r;return Pn(t,e,l,c,u,f,n)}:()=>Promise.resolve(),{when:a}=r;if(a){const[l,c]=a==="beforeChildren"?[h,s]:[s,h];return l().then(()=>c())}else return Promise.all([h(),s(n.delay)])}function Pn(t,e,n=0,i=0,r=0,h=1,s){const a=[];for(const l of t.variantChildren)l.notify("AnimationStart",e),a.push(lt(l,e,{...s,delay:n+(typeof i=="function"?0:i)+ge(t.variantChildren,l,i,r,h)}).then(()=>l.notify("AnimationComplete",e)));return Promise.all(a)}function Tn(t,e,n={}){t.notify("AnimationStart",e);let i;if(Array.isArray(e)){const r=e.map(h=>lt(t,h,n));i=Promise.all(r)}else if(typeof e=="string")i=lt(t,e,n);else{const r=typeof e=="function"?o.resolveVariant(t,e,n.custom):e;i=Promise.all(o.animateTarget(t,r,n))}return i.then(()=>{t.notify("AnimationComplete",e)})}function ye(t,e){if(!Array.isArray(e))return!1;const n=e.length;if(n!==t.length)return!1;for(let i=0;i<n;i++)if(e[i]!==t[i])return!1;return!0}const Sn=o.variantProps.length;function ve(t){if(!t)return;if(!t.isControllingVariants){const n=t.parent?ve(t.parent)||{}:{};return t.props.initial!==void 0&&(n.initial=t.props.initial),n}const e={};for(let n=0;n<Sn;n++){const i=o.variantProps[n],r=t.props[i];(o.isVariantLabel(r)||r===!1)&&(e[i]=r)}return e}const Dn=[...o.variantPriorityOrder].reverse(),An=o.variantPriorityOrder.length;function Cn(t){return e=>Promise.all(e.map(({animation:n,options:i})=>Tn(t,n,i)))}function bn(t){let e=Cn(t),n=Ct(),i=!0;const r=l=>(c,u)=>{const f=o.resolveVariant(t,u,l==="exit"?t.presenceContext?.custom:void 0);if(f){const{transition:d,transitionEnd:m,...p}=f;c={...c,...p,...m}}return c};function h(l){e=l(t)}function s(l){const{props:c}=t,u=ve(t.parent)||{},f=[],d=new Set;let m={},p=1/0;for(let P=0;P<An;P++){const g=Dn[P],y=n[g],v=c[g]!==void 0?c[g]:u[g],A=o.isVariantLabel(v),L=g===l?y.isActive:null;L===!1&&(p=P);let $=v===u[g]&&v!==c[g]&&A;if($&&i&&t.manuallyAnimateOnMount&&($=!1),y.protectedKeys={...m},!y.isActive&&L===null||!v&&!y.prevProp||o.isAnimationControls(v)||typeof v=="boolean")continue;const mt=wn(y.prevProp,v);let J=mt||g===l&&y.isActive&&!$&&A||P>p&&A,pt=!1;const gt=Array.isArray(v)?v:[v];let O=gt.reduce(r(g),{});L===!1&&(O={});const{prevResolvedValues:yt={}}=y,je={...yt,...O},vt=S=>{J=!0,d.has(S)&&(pt=!0,d.delete(S)),y.needsAnimating[S]=!0;const C=t.getValue(S);C&&(C.liveStyle=!1)};for(const S in je){const C=O[S],R=yt[S];if(m.hasOwnProperty(S))continue;let j=!1;o.isKeyframesTarget(C)&&o.isKeyframesTarget(R)?j=!ye(C,R):j=C!==R,j?C!=null?vt(S):d.add(S):C!==void 0&&d.has(S)?vt(S):y.protectedKeys[S]=!0}y.prevProp=v,y.prevResolvedValues=O,y.isActive&&(m={...m,...O}),i&&t.blockInitialAnimation&&(J=!1);const xt=$&&mt;J&&(!xt||pt)&&f.push(...gt.map(S=>{const C={type:g};if(typeof S=="string"&&i&&!xt&&t.manuallyAnimateOnMount&&t.parent){const{parent:R}=t,j=o.resolveVariant(R,S);if(R.enteringChildren&&j){const{delayChildren:ke}=j.transition||{};C.delay=ge(R.enteringChildren,t,ke)}}return{animation:S,options:C}}))}if(d.size){const P={};if(typeof c.initial!="boolean"){const g=o.resolveVariant(t,Array.isArray(c.initial)?c.initial[0]:c.initial);g&&g.transition&&(P.transition=g.transition)}d.forEach(g=>{const y=t.getBaseTarget(g),v=t.getValue(g);v&&(v.liveStyle=!0),P[g]=y??null}),f.push({animation:P})}let T=!!f.length;return i&&(c.initial===!1||c.initial===c.animate)&&!t.manuallyAnimateOnMount&&(T=!1),i=!1,T?e(f):Promise.resolve()}function a(l,c){if(n[l].isActive===c)return Promise.resolve();t.variantChildren?.forEach(f=>f.animationState?.setActive(l,c)),n[l].isActive=c;const u=s(l);for(const f in n)n[f].protectedKeys={};return u}return{animateChanges:s,setActive:a,setAnimateFunction:h,getState:()=>n,reset:()=>{n=Ct()}}}function wn(t,e){return typeof e=="string"?e!==t:Array.isArray(e)?!ye(e,t):!1}function M(t=!1){return{isActive:t,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function Ct(){return{animate:M(!0),whileInView:M(),whileHover:M(),whileTap:M(),whileDrag:M(),whileFocus:M(),exit:M()}}class E{constructor(e){this.isMounted=!1,this.node=e}update(){}}class Vn extends E{constructor(e){super(e),e.animationState||(e.animationState=bn(e))}updateAnimationControlsSubscription(){const{animate:e}=this.node.getProps();o.isAnimationControls(e)&&(this.unmountControls=e.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:e}=this.node.getProps(),{animate:n}=this.node.prevProps||{};e!==n&&this.updateAnimationControlsSubscription()}unmount(){this.node.animationState.reset(),this.unmountControls?.()}}let Ln=0;class En extends E{constructor(){super(...arguments),this.id=Ln++}update(){if(!this.node.presenceContext)return;const{isPresent:e,onExitComplete:n}=this.node.presenceContext,{isPresent:i}=this.node.prevPresenceContext||{};if(!this.node.animationState||e===i)return;const r=this.node.animationState.setActive("exit",!e);n&&!e&&r.then(()=>{n(this.id)})}mount(){const{register:e,onExitComplete:n}=this.node.presenceContext||{};n&&n(this.id),e&&(this.unmount=e(this.id))}unmount(){}}const Rn={animation:{Feature:Vn},exit:{Feature:En}};function G(t,e,n,i={passive:!0}){return t.addEventListener(e,n,i),()=>t.removeEventListener(e,n)}function z(t){return{point:{x:t.pageX,y:t.pageY}}}const Mn=t=>e=>ht(e)&&t(e,z(e));function N(t,e,n,i){return G(t,e,Mn(n),i)}const xe=1e-4,Bn=1-xe,jn=1+xe,Pe=.01,kn=0-Pe,In=0+Pe;function D(t){return t.max-t.min}function On(t,e,n){return Math.abs(t-e)<=n}function bt(t,e,n,i=.5){t.origin=i,t.originPoint=o.mixNumber(e.min,e.max,t.origin),t.scale=D(n)/D(e),t.translate=o.mixNumber(n.min,n.max,t.origin)-t.originPoint,(t.scale>=Bn&&t.scale<=jn||isNaN(t.scale))&&(t.scale=1),(t.translate>=kn&&t.translate<=In||isNaN(t.translate))&&(t.translate=0)}function U(t,e,n,i){bt(t.x,e.x,n.x,i?i.originX:void 0),bt(t.y,e.y,n.y,i?i.originY:void 0)}function wt(t,e,n){t.min=n.min+e.min,t.max=t.min+D(e)}function Fn(t,e,n){wt(t.x,e.x,n.x),wt(t.y,e.y,n.y)}function Vt(t,e,n){t.min=e.min-n.min,t.max=t.min+D(e)}function W(t,e,n){Vt(t.x,e.x,n.x),Vt(t.y,e.y,n.y)}function w(t){return[t("x"),t("y")]}const Te=({current:t})=>t?t.ownerDocument.defaultView:null,Lt=(t,e)=>Math.abs(t-e);function Nn(t,e){const n=Lt(t.x,e.x),i=Lt(t.y,e.y);return Math.sqrt(n**2+i**2)}class Se{constructor(e,n,{transformPagePoint:i,contextWindow:r=window,dragSnapToOrigin:h=!1,distanceThreshold:s=3}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const d=nt(this.lastMoveEventInfo,this.history),m=this.startEvent!==null,p=Nn(d.offset,{x:0,y:0})>=this.distanceThreshold;if(!m&&!p)return;const{point:T}=d,{timestamp:P}=o.frameData;this.history.push({...T,timestamp:P});const{onStart:g,onMove:y}=this.handlers;m||(g&&g(this.lastMoveEvent,d),this.startEvent=this.lastMoveEvent),y&&y(this.lastMoveEvent,d)},this.handlePointerMove=(d,m)=>{this.lastMoveEvent=d,this.lastMoveEventInfo=et(m,this.transformPagePoint),o.frame.update(this.updatePoint,!0)},this.handlePointerUp=(d,m)=>{this.end();const{onEnd:p,onSessionEnd:T,resumeAnimation:P}=this.handlers;if(this.dragSnapToOrigin&&P&&P(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const g=nt(d.type==="pointercancel"?this.lastMoveEventInfo:et(m,this.transformPagePoint),this.history);this.startEvent&&p&&p(d,g),T&&T(d,g)},!ht(e))return;this.dragSnapToOrigin=h,this.handlers=n,this.transformPagePoint=i,this.distanceThreshold=s,this.contextWindow=r||window;const a=z(e),l=et(a,this.transformPagePoint),{point:c}=l,{timestamp:u}=o.frameData;this.history=[{...c,timestamp:u}];const{onSessionStart:f}=n;f&&f(e,nt(l,this.history)),this.removeListeners=o.pipe(N(this.contextWindow,"pointermove",this.handlePointerMove),N(this.contextWindow,"pointerup",this.handlePointerUp),N(this.contextWindow,"pointercancel",this.handlePointerUp))}updateHandlers(e){this.handlers=e}end(){this.removeListeners&&this.removeListeners(),o.cancelFrame(this.updatePoint)}}function et(t,e){return e?{point:e(t.point)}:t}function Et(t,e){return{x:t.x-e.x,y:t.y-e.y}}function nt({point:t},e){return{point:t,delta:Et(t,De(e)),offset:Et(t,Un(e)),velocity:Wn(e,.1)}}function Un(t){return t[0]}function De(t){return t[t.length-1]}function Wn(t,e){if(t.length<2)return{x:0,y:0};let n=t.length-1,i=null;const r=De(t);for(;n>=0&&(i=t[n],!(r.timestamp-i.timestamp>o.secondsToMilliseconds(e)));)n--;if(!i)return{x:0,y:0};const h=o.millisecondsToSeconds(r.timestamp-i.timestamp);if(h===0)return{x:0,y:0};const s={x:(r.x-i.x)/h,y:(r.y-i.y)/h};return s.x===1/0&&(s.x=0),s.y===1/0&&(s.y=0),s}function Hn(t,{min:e,max:n},i){return e!==void 0&&t<e?t=i?o.mixNumber(e,t,i.min):Math.max(t,e):n!==void 0&&t>n&&(t=i?o.mixNumber(n,t,i.max):Math.min(t,n)),t}function Rt(t,e,n){return{min:e!==void 0?t.min+e:void 0,max:n!==void 0?t.max+n-(t.max-t.min):void 0}}function Gn(t,{top:e,left:n,bottom:i,right:r}){return{x:Rt(t.x,n,r),y:Rt(t.y,e,i)}}function Mt(t,e){let n=e.min-t.min,i=e.max-t.max;return e.max-e.min<t.max-t.min&&([n,i]=[i,n]),{min:n,max:i}}function zn(t,e){return{x:Mt(t.x,e.x),y:Mt(t.y,e.y)}}function $n(t,e){let n=.5;const i=D(t),r=D(e);return r>i?n=o.progress(e.min,e.max-i,t.min):i>r&&(n=o.progress(t.min,t.max-r,e.min)),o.clamp(0,1,n)}function _n(t,e){const n={};return e.min!==void 0&&(n.min=e.min-t.min),e.max!==void 0&&(n.max=e.max-t.min),n}const ct=.35;function qn(t=ct){return t===!1?t=0:t===!0&&(t=ct),{x:Bt(t,"left","right"),y:Bt(t,"top","bottom")}}function Bt(t,e,n){return{min:jt(t,e),max:jt(t,n)}}function jt(t,e){return typeof t=="number"?t:t[e]||0}const Xn=new WeakMap;class Kn{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=o.createBox(),this.latestPointerEvent=null,this.latestPanInfo=null,this.visualElement=e}start(e,{snapToCursor:n=!1,distanceThreshold:i}={}){const{presenceContext:r}=this.visualElement;if(r&&r.isPresent===!1)return;const h=f=>{const{dragSnapToOrigin:d}=this.getProps();d?this.pauseAnimation():this.stopAnimation(),n&&this.snapToCursor(z(f).point)},s=(f,d)=>{const{drag:m,dragPropagation:p,onDragStart:T}=this.getProps();if(m&&!p&&(this.openDragLock&&this.openDragLock(),this.openDragLock=He(m),!this.openDragLock))return;this.latestPointerEvent=f,this.latestPanInfo=d,this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),w(g=>{let y=this.getAxisMotionValue(g).get()||0;if(o.percent.test(y)){const{projection:v}=this.visualElement;if(v&&v.layout){const A=v.layout.layoutBox[g];A&&(y=D(A)*(parseFloat(y)/100))}}this.originPoint[g]=y}),T&&o.frame.postRender(()=>T(f,d)),o.addValueToWillChange(this.visualElement,"transform");const{animationState:P}=this.visualElement;P&&P.setActive("whileDrag",!0)},a=(f,d)=>{this.latestPointerEvent=f,this.latestPanInfo=d;const{dragPropagation:m,dragDirectionLock:p,onDirectionLock:T,onDrag:P}=this.getProps();if(!m&&!this.openDragLock)return;const{offset:g}=d;if(p&&this.currentDirection===null){this.currentDirection=Yn(g),this.currentDirection!==null&&T&&T(this.currentDirection);return}this.updateAxis("x",d.point,g),this.updateAxis("y",d.point,g),this.visualElement.render(),P&&P(f,d)},l=(f,d)=>{this.latestPointerEvent=f,this.latestPanInfo=d,this.stop(f,d),this.latestPointerEvent=null,this.latestPanInfo=null},c=()=>w(f=>this.getAnimationState(f)==="paused"&&this.getAxisMotionValue(f).animation?.play()),{dragSnapToOrigin:u}=this.getProps();this.panSession=new Se(e,{onSessionStart:h,onStart:s,onMove:a,onSessionEnd:l,resumeAnimation:c},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:u,distanceThreshold:i,contextWindow:Te(this.visualElement)})}stop(e,n){const i=e||this.latestPointerEvent,r=n||this.latestPanInfo,h=this.isDragging;if(this.cancel(),!h||!r||!i)return;const{velocity:s}=r;this.startAnimation(s);const{onDragEnd:a}=this.getProps();a&&o.frame.postRender(()=>a(i,r))}cancel(){this.isDragging=!1;const{projection:e,animationState:n}=this.visualElement;e&&(e.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:i}=this.getProps();!i&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),n&&n.setActive("whileDrag",!1)}updateAxis(e,n,i){const{drag:r}=this.getProps();if(!i||!_(e,r,this.currentDirection))return;const h=this.getAxisMotionValue(e);let s=this.originPoint[e]+i[e];this.constraints&&this.constraints[e]&&(s=Hn(s,this.constraints[e],this.elastic[e])),h.set(s)}resolveConstraints(){const{dragConstraints:e,dragElastic:n}=this.getProps(),i=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):this.visualElement.projection?.layout,r=this.constraints;e&&k(e)?this.constraints||(this.constraints=this.resolveRefConstraints()):e&&i?this.constraints=Gn(i.layoutBox,e):this.constraints=!1,this.elastic=qn(n),r!==this.constraints&&i&&this.constraints&&!this.hasMutatedConstraints&&w(h=>{this.constraints!==!1&&this.getAxisMotionValue(h)&&(this.constraints[h]=_n(i.layoutBox[h],this.constraints[h]))})}resolveRefConstraints(){const{dragConstraints:e,onMeasureDragConstraints:n}=this.getProps();if(!e||!k(e))return!1;const i=e.current;o.invariant(i!==null,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.","drag-constraints-ref");const{projection:r}=this.visualElement;if(!r||!r.layout)return!1;const h=o.measurePageBox(i,r.root,this.visualElement.getTransformPagePoint());let s=zn(r.layout.layoutBox,h);if(n){const a=n(o.convertBoxToBoundingBox(s));this.hasMutatedConstraints=!!a,a&&(s=o.convertBoundingBoxToBox(a))}return s}startAnimation(e){const{drag:n,dragMomentum:i,dragElastic:r,dragTransition:h,dragSnapToOrigin:s,onDragTransitionEnd:a}=this.getProps(),l=this.constraints||{},c=w(u=>{if(!_(u,n,this.currentDirection))return;let f=l&&l[u]||{};s&&(f={min:0,max:0});const d=r?200:1e6,m=r?40:1e7,p={type:"inertia",velocity:i?e[u]:0,bounceStiffness:d,bounceDamping:m,timeConstant:750,restDelta:1,restSpeed:10,...h,...f};return this.startAxisValueAnimation(u,p)});return Promise.all(c).then(a)}startAxisValueAnimation(e,n){const i=this.getAxisMotionValue(e);return o.addValueToWillChange(this.visualElement,e),i.start(o.animateMotionValue(e,i,0,n,this.visualElement,!1))}stopAnimation(){w(e=>this.getAxisMotionValue(e).stop())}pauseAnimation(){w(e=>this.getAxisMotionValue(e).animation?.pause())}getAnimationState(e){return this.getAxisMotionValue(e).animation?.state}getAxisMotionValue(e){const n=`_drag${e.toUpperCase()}`,i=this.visualElement.getProps(),r=i[n];return r||this.visualElement.getValue(e,(i.initial?i.initial[e]:void 0)||0)}snapToCursor(e){w(n=>{const{drag:i}=this.getProps();if(!_(n,i,this.currentDirection))return;const{projection:r}=this.visualElement,h=this.getAxisMotionValue(n);if(r&&r.layout){const{min:s,max:a}=r.layout.layoutBox[n];h.set(e[n]-o.mixNumber(s,a,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:e,dragConstraints:n}=this.getProps(),{projection:i}=this.visualElement;if(!k(n)||!i||!this.constraints)return;this.stopAnimation();const r={x:0,y:0};w(s=>{const a=this.getAxisMotionValue(s);if(a&&this.constraints!==!1){const l=a.get();r[s]=$n({min:l,max:l},this.constraints[s])}});const{transformTemplate:h}=this.visualElement.getProps();this.visualElement.current.style.transform=h?h({},""):"none",i.root&&i.root.updateScroll(),i.updateLayout(),this.resolveConstraints(),w(s=>{if(!_(s,e,null))return;const a=this.getAxisMotionValue(s),{min:l,max:c}=this.constraints[s];a.set(o.mixNumber(l,c,r[s]))})}addListeners(){if(!this.visualElement.current)return;Xn.set(this.visualElement,this);const e=this.visualElement.current,n=N(e,"pointerdown",l=>{const{drag:c,dragListener:u=!0}=this.getProps();c&&u&&this.start(l)}),i=()=>{const{dragConstraints:l}=this.getProps();k(l)&&l.current&&(this.constraints=this.resolveRefConstraints())},{projection:r}=this.visualElement,h=r.addEventListener("measure",i);r&&!r.layout&&(r.root&&r.root.updateScroll(),r.updateLayout()),o.frame.read(i);const s=G(window,"resize",()=>this.scalePositionWithinConstraints()),a=r.addEventListener("didUpdate",(({delta:l,hasLayoutChanged:c})=>{this.isDragging&&c&&(w(u=>{const f=this.getAxisMotionValue(u);f&&(this.originPoint[u]+=l[u].translate,f.set(f.get()+l[u].translate))}),this.visualElement.render())}));return()=>{s(),n(),h(),a&&a()}}getProps(){const e=this.visualElement.getProps(),{drag:n=!1,dragDirectionLock:i=!1,dragPropagation:r=!1,dragConstraints:h=!1,dragElastic:s=ct,dragMomentum:a=!0}=e;return{...e,drag:n,dragDirectionLock:i,dragPropagation:r,dragConstraints:h,dragElastic:s,dragMomentum:a}}}function _(t,e,n){return(e===!0||e===t)&&(n===null||n===t)}function Yn(t,e=10){let n=null;return Math.abs(t.y)>e?n="y":Math.abs(t.x)>e&&(n="x"),n}class Zn extends E{constructor(e){super(e),this.removeGroupControls=o.noop,this.removeListeners=o.noop,this.controls=new Kn(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||o.noop}unmount(){this.removeGroupControls(),this.removeListeners()}}const kt=t=>(e,n)=>{t&&o.frame.postRender(()=>t(e,n))};class Jn extends E{constructor(){super(...arguments),this.removePointerDownListener=o.noop}onPointerDown(e){this.session=new Se(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:Te(this.node)})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:n,onPan:i,onPanEnd:r}=this.node.getProps();return{onSessionStart:kt(e),onStart:kt(n),onMove:i,onEnd:(h,s)=>{delete this.session,r&&o.frame.postRender(()=>r(h,s))}}}mount(){this.removePointerDownListener=N(this.node.current,"pointerdown",e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}const K={hasAnimatedSinceResize:!0,hasEverUpdated:!1};function It(t,e){return e.max===e.min?0:t/(e.max-e.min)*100}const F={correct:(t,e)=>{if(!e.target)return t;if(typeof t=="string")if(o.px.test(t))t=parseFloat(t);else return t;const n=It(t,e.target.x),i=It(t,e.target.y);return`${n}% ${i}%`}},Qn={correct:(t,{treeScale:e,projectionDelta:n})=>{const i=t,r=o.complex.parse(t);if(r.length>5)return i;const h=o.complex.createTransformer(t),s=typeof r[0]!="number"?1:0,a=n.x.scale*e.x,l=n.y.scale*e.y;r[0+s]/=a,r[1+s]/=l;const c=o.mixNumber(a,l,.5);return typeof r[2+s]=="number"&&(r[2+s]/=c),typeof r[3+s]=="number"&&(r[3+s]/=c),h(r)}};let it=!1;class ti extends x.Component{componentDidMount(){const{visualElement:e,layoutGroup:n,switchLayoutGroup:i,layoutId:r}=this.props,{projection:h}=e;o.addScaleCorrector(ei),h&&(n.group&&n.group.add(h),i&&i.register&&r&&i.register(h),it&&h.root.didUpdate(),h.addEventListener("animationComplete",()=>{this.safeToRemove()}),h.setOptions({...h.options,onExitComplete:()=>this.safeToRemove()})),K.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:n,visualElement:i,drag:r,isPresent:h}=this.props,{projection:s}=i;return s&&(s.isPresent=h,it=!0,r||e.layoutDependency!==n||n===void 0||e.isPresent!==h?s.willUpdate():this.safeToRemove(),e.isPresent!==h&&(h?s.promote():s.relegate()||o.frame.postRender(()=>{const a=s.getStack();(!a||!a.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),o.microtask.postRender(()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:e,layoutGroup:n,switchLayoutGroup:i}=this.props,{projection:r}=e;it=!0,r&&(r.scheduleCheckAfterUnmount(),n&&n.group&&n.group.remove(r),i&&i.deregister&&i.deregister(r))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function Ae(t){const[e,n]=H.usePresence(),i=x.useContext(I.LayoutGroupContext);return B.jsx(ti,{...t,layoutGroup:i,switchLayoutGroup:x.useContext(me),isPresent:e,safeToRemove:n})}const ei={borderRadius:{...F,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:F,borderTopRightRadius:F,borderBottomLeftRadius:F,borderBottomRightRadius:F,boxShadow:Qn},ni=(t,e)=>t.depth-e.depth;class ii{constructor(){this.children=[],this.isDirty=!1}add(e){o.addUniqueItem(this.children,e),this.isDirty=!0}remove(e){o.removeItem(this.children,e),this.isDirty=!0}forEach(e){this.isDirty&&this.children.sort(ni),this.isDirty=!1,this.children.forEach(e)}}function si(t,e){const n=o.time.now(),i=({timestamp:r})=>{const h=r-n;h>=e&&(o.cancelFrame(i),t(h-e))};return o.frame.setup(i,!0),()=>o.cancelFrame(i)}const Ce=["TopLeft","TopRight","BottomLeft","BottomRight"],oi=Ce.length,Ot=t=>typeof t=="string"?parseFloat(t):t,Ft=t=>typeof t=="number"||o.px.test(t);function ri(t,e,n,i,r,h){r?(t.opacity=o.mixNumber(0,n.opacity??1,ai(i)),t.opacityExit=o.mixNumber(e.opacity??1,0,li(i))):h&&(t.opacity=o.mixNumber(e.opacity??1,n.opacity??1,i));for(let s=0;s<oi;s++){const a=`border${Ce[s]}Radius`;let l=Nt(e,a),c=Nt(n,a);if(l===void 0&&c===void 0)continue;l||(l=0),c||(c=0),l===0||c===0||Ft(l)===Ft(c)?(t[a]=Math.max(o.mixNumber(Ot(l),Ot(c),i),0),(o.percent.test(c)||o.percent.test(l))&&(t[a]+="%")):t[a]=c}(e.rotate||n.rotate)&&(t.rotate=o.mixNumber(e.rotate||0,n.rotate||0,i))}function Nt(t,e){return t[e]!==void 0?t[e]:t.borderRadius}const ai=be(0,.5,o.circOut),li=be(.5,.95,o.noop);function be(t,e,n){return i=>i<t?0:i>e?1:n(o.progress(t,e,i))}function Ut(t,e){t.min=e.min,t.max=e.max}function b(t,e){Ut(t.x,e.x),Ut(t.y,e.y)}function Wt(t,e){t.translate=e.translate,t.scale=e.scale,t.originPoint=e.originPoint,t.origin=e.origin}function Ht(t,e,n,i,r){return t-=e,t=o.scalePoint(t,1/n,i),r!==void 0&&(t=o.scalePoint(t,1/r,i)),t}function ci(t,e=0,n=1,i=.5,r,h=t,s=t){if(o.percent.test(e)&&(e=parseFloat(e),e=o.mixNumber(s.min,s.max,e/100)-s.min),typeof e!="number")return;let a=o.mixNumber(h.min,h.max,i);t===h&&(a-=e),t.min=Ht(t.min,e,n,a,r),t.max=Ht(t.max,e,n,a,r)}function Gt(t,e,[n,i,r],h,s){ci(t,e[n],e[i],e[r],e.scale,h,s)}const ui=["x","scaleX","originX"],hi=["y","scaleY","originY"];function zt(t,e,n,i){Gt(t.x,e,ui,n?n.x:void 0,i?i.x:void 0),Gt(t.y,e,hi,n?n.y:void 0,i?i.y:void 0)}function $t(t){return t.translate===0&&t.scale===1}function we(t){return $t(t.x)&&$t(t.y)}function _t(t,e){return t.min===e.min&&t.max===e.max}function fi(t,e){return _t(t.x,e.x)&&_t(t.y,e.y)}function qt(t,e){return Math.round(t.min)===Math.round(e.min)&&Math.round(t.max)===Math.round(e.max)}function Ve(t,e){return qt(t.x,e.x)&&qt(t.y,e.y)}function Xt(t){return D(t.x)/D(t.y)}function Kt(t,e){return t.translate===e.translate&&t.scale===e.scale&&t.originPoint===e.originPoint}class di{constructor(){this.members=[]}add(e){o.addUniqueItem(this.members,e),e.scheduleRender()}remove(e){if(o.removeItem(this.members,e),e===this.prevLead&&(this.prevLead=void 0),e===this.lead){const n=this.members[this.members.length-1];n&&this.promote(n)}}relegate(e){const n=this.members.findIndex(r=>e===r);if(n===0)return!1;let i;for(let r=n;r>=0;r--){const h=this.members[r];if(h.isPresent!==!1){i=h;break}}return i?(this.promote(i),!0):!1}promote(e,n){const i=this.lead;if(e!==i&&(this.prevLead=i,this.lead=e,e.show(),i)){i.instance&&i.scheduleRender(),e.scheduleRender(),e.resumeFrom=i,n&&(e.resumeFrom.preserveOpacity=!0),i.snapshot&&(e.snapshot=i.snapshot,e.snapshot.latestValues=i.animationValues||i.latestValues),e.root&&e.root.isUpdating&&(e.isLayoutDirty=!0);const{crossfade:r}=e.options;r===!1&&i.hide()}}exitAnimationComplete(){this.members.forEach(e=>{const{options:n,resumingFrom:i}=e;n.onExitComplete&&n.onExitComplete(),i&&i.options.onExitComplete&&i.options.onExitComplete()})}scheduleRender(){this.members.forEach(e=>{e.instance&&e.scheduleRender(!1)})}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function mi(t,e,n){let i="";const r=t.x.translate/e.x,h=t.y.translate/e.y,s=n?.z||0;if((r||h||s)&&(i=`translate3d(${r}px, ${h}px, ${s}px) `),(e.x!==1||e.y!==1)&&(i+=`scale(${1/e.x}, ${1/e.y}) `),n){const{transformPerspective:c,rotate:u,rotateX:f,rotateY:d,skewX:m,skewY:p}=n;c&&(i=`perspective(${c}px) ${i}`),u&&(i+=`rotate(${u}deg) `),f&&(i+=`rotateX(${f}deg) `),d&&(i+=`rotateY(${d}deg) `),m&&(i+=`skewX(${m}deg) `),p&&(i+=`skewY(${p}deg) `)}const a=t.x.scale*e.x,l=t.y.scale*e.y;return(a!==1||l!==1)&&(i+=`scale(${a}, ${l})`),i||"none"}const st=["","X","Y","Z"],pi=1e3;let gi=0;function ot(t,e,n,i){const{latestValues:r}=e;r[t]&&(n[t]=r[t],e.setStaticValue(t,0),i&&(i[t]=0))}function Le(t){if(t.hasCheckedOptimisedAppear=!0,t.root===t)return;const{visualElement:e}=t.options;if(!e)return;const n=o.getOptimisedAppearId(e);if(window.MotionHasOptimisedAnimation(n,"transform")){const{layout:r,layoutId:h}=t.options;window.MotionCancelOptimisedAnimation(n,"transform",o.frame,!(r||h))}const{parent:i}=t;i&&!i.hasCheckedOptimisedAppear&&Le(i)}function Ee({attachResizeListener:t,defaultParent:e,measureScroll:n,checkIsScrollRoot:i,resetTransform:r}){return class{constructor(s={},a=e?.()){this.id=gi++,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.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(xi),this.nodes.forEach(Di),this.nodes.forEach(Ai),this.nodes.forEach(Pi)},this.resolvedRelativeTargetAt=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=s,this.root=a?a.root||a:this,this.path=a?[...a.path,a]:[],this.parent=a,this.depth=a?a.depth+1:0;for(let l=0;l<this.path.length;l++)this.path[l].shouldResetTransform=!0;this.root===this&&(this.nodes=new ii)}addEventListener(s,a){return this.eventHandlers.has(s)||this.eventHandlers.set(s,new o.SubscriptionManager),this.eventHandlers.get(s).add(a)}notifyListeners(s,...a){const l=this.eventHandlers.get(s);l&&l.notify(...a)}hasListeners(s){return this.eventHandlers.has(s)}mount(s){if(this.instance)return;this.isSVG=o.isSVGElement(s)&&!o.isSVGSVGElement(s),this.instance=s;const{layoutId:a,layout:l,visualElement:c}=this.options;if(c&&!c.current&&c.mount(s),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),this.root.hasTreeAnimated&&(l||a)&&(this.isLayoutDirty=!0),t){let u,f=0;const d=()=>this.root.updateBlockedByResize=!1;o.frame.read(()=>{f=window.innerWidth}),t(s,()=>{const m=window.innerWidth;m!==f&&(f=m,this.root.updateBlockedByResize=!0,u&&u(),u=si(d,250),K.hasAnimatedSinceResize&&(K.hasAnimatedSinceResize=!1,this.nodes.forEach(Jt)))})}a&&this.root.registerSharedNode(a,this),this.options.animate!==!1&&c&&(a||l)&&this.addEventListener("didUpdate",({delta:u,hasLayoutChanged:f,hasRelativeLayoutChanged:d,layout:m})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}const p=this.options.transition||c.getDefaultTransition()||Li,{onLayoutAnimationStart:T,onLayoutAnimationComplete:P}=c.getProps(),g=!this.targetLayout||!Ve(this.targetLayout,m),y=!f&&d;if(this.options.layoutRoot||this.resumeFrom||y||f&&(g||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0);const v={...o.getValueTransition(p,"layout"),onPlay:T,onComplete:P};(c.shouldReduceMotion||this.options.layoutRoot)&&(v.delay=0,v.type=!1),this.startAnimation(v),this.setAnimationOrigin(u,y)}else f||Jt(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=m})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const s=this.getStack();s&&s.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,this.eventHandlers.clear(),o.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.forEach(Ci),this.animationId++)}getTransformTemplate(){const{visualElement:s}=this.options;return s&&s.getProps().transformTemplate}willUpdate(s=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear&&Le(this),!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let u=0;u<this.path.length;u++){const f=this.path[u];f.shouldResetTransform=!0,f.updateScroll("snapshot"),f.options.layoutRoot&&f.willUpdate(!1)}const{layoutId:a,layout:l}=this.options;if(a===void 0&&!l)return;const c=this.getTransformTemplate();this.prevTransformTemplateValue=c?c(this.latestValues,""):void 0,this.updateSnapshot(),s&&this.notifyListeners("willUpdate")}update(){if(this.updateScheduled=!1,this.isUpdateBlocked()){this.unblockUpdate(),this.clearAllSnapshots(),this.nodes.forEach(Yt);return}if(this.animationId<=this.animationCommitId){this.nodes.forEach(Zt);return}this.animationCommitId=this.animationId,this.isUpdating?(this.isUpdating=!1,this.nodes.forEach(Si),this.nodes.forEach(yi),this.nodes.forEach(vi)):this.nodes.forEach(Zt),this.clearAllSnapshots();const a=o.time.now();o.frameData.delta=o.clamp(0,1e3/60,a-o.frameData.timestamp),o.frameData.timestamp=a,o.frameData.isProcessing=!0,o.frameSteps.update.process(o.frameData),o.frameSteps.preRender.process(o.frameData),o.frameSteps.render.process(o.frameData),o.frameData.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,o.microtask.read(this.scheduleUpdate))}clearAllSnapshots(){this.nodes.forEach(Ti),this.sharedNodes.forEach(bi)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,o.frame.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){o.frame.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure(),this.snapshot&&!D(this.snapshot.measuredBox.x)&&!D(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 l=0;l<this.path.length;l++)this.path[l].updateScroll();const s=this.layout;this.layout=this.measure(!1),this.layoutCorrected=o.createBox(),this.isLayoutDirty=!1,this.projectionDelta=void 0,this.notifyListeners("measure",this.layout.layoutBox);const{visualElement:a}=this.options;a&&a.notify("LayoutMeasure",this.layout.layoutBox,s?s.layoutBox:void 0)}updateScroll(s="measure"){let a=!!(this.options.layoutScroll&&this.instance);if(this.scroll&&this.scroll.animationId===this.root.animationId&&this.scroll.phase===s&&(a=!1),a&&this.instance){const l=i(this.instance);this.scroll={animationId:this.root.animationId,phase:s,isRoot:l,offset:n(this.instance),wasRoot:this.scroll?this.scroll.isRoot:l}}}resetTransform(){if(!r)return;const s=this.isLayoutDirty||this.shouldResetTransform||this.options.alwaysMeasureLayout,a=this.projectionDelta&&!we(this.projectionDelta),l=this.getTransformTemplate(),c=l?l(this.latestValues,""):void 0,u=c!==this.prevTransformTemplateValue;s&&this.instance&&(a||o.hasTransform(this.latestValues)||u)&&(r(this.instance,c),this.shouldResetTransform=!1,this.scheduleRender())}measure(s=!0){const a=this.measurePageBox();let l=this.removeElementScroll(a);return s&&(l=this.removeTransform(l)),Ei(l),{animationId:this.root.animationId,measuredBox:a,layoutBox:l,latestValues:{},source:this.id}}measurePageBox(){const{visualElement:s}=this.options;if(!s)return o.createBox();const a=s.measureViewportBox();if(!(this.scroll?.wasRoot||this.path.some(Ri))){const{scroll:c}=this.root;c&&(o.translateAxis(a.x,c.offset.x),o.translateAxis(a.y,c.offset.y))}return a}removeElementScroll(s){const a=o.createBox();if(b(a,s),this.scroll?.wasRoot)return a;for(let l=0;l<this.path.length;l++){const c=this.path[l],{scroll:u,options:f}=c;c!==this.root&&u&&f.layoutScroll&&(u.wasRoot&&b(a,s),o.translateAxis(a.x,u.offset.x),o.translateAxis(a.y,u.offset.y))}return a}applyTransform(s,a=!1){const l=o.createBox();b(l,s);for(let c=0;c<this.path.length;c++){const u=this.path[c];!a&&u.options.layoutScroll&&u.scroll&&u!==u.root&&o.transformBox(l,{x:-u.scroll.offset.x,y:-u.scroll.offset.y}),o.hasTransform(u.latestValues)&&o.transformBox(l,u.latestValues)}return o.hasTransform(this.latestValues)&&o.transformBox(l,this.latestValues),l}removeTransform(s){const a=o.createBox();b(a,s);for(let l=0;l<this.path.length;l++){const c=this.path[l];if(!c.instance||!o.hasTransform(c.latestValues))continue;o.hasScale(c.latestValues)&&c.updateSnapshot();const u=o.createBox(),f=c.measurePageBox();b(u,f),zt(a,c.latestValues,c.snapshot?c.snapshot.layoutBox:void 0,u)}return o.hasTransform(this.latestValues)&&zt(a,this.latestValues),a}setTargetDelta(s){this.targetDelta=s,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(s){this.options={...this.options,...s,crossfade:s.crossfade!==void 0?s.crossfade:!0}}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!==o.frameData.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(s=!1){const a=this.getLead();this.isProjectionDirty||(this.isProjectionDirty=a.isProjectionDirty),this.isTransformDirty||(this.isTransformDirty=a.isTransformDirty),this.isSharedProjectionDirty||(this.isSharedProjectionDirty=a.isSharedProjectionDirty);const l=!!this.resumingFrom||this!==a;if(!(s||l&&this.isSharedProjectionDirty||this.isProjectionDirty||this.parent?.isProjectionDirty||this.attemptToResolveRelativeTarget||this.root.updateBlockedByResize))return;const{layout:u,layoutId:f}=this.options;if(!(!this.layout||!(u||f))){if(this.resolvedRelativeTargetAt=o.frameData.timestamp,!this.targetDelta&&!this.relativeTarget){const d=this.getClosestProjectingParent();d&&d.layout&&this.animationProgress!==1?(this.relativeParent=d,this.forceRelativeParentToResolveTarget(),this.relativeTarget=o.createBox(),this.relativeTargetOrigin=o.createBox(),W(this.relativeTargetOrigin,this.layout.layoutBox,d.layout.layoutBox),b(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}if(!(!this.relativeTarget&&!this.targetDelta)&&(this.target||(this.target=o.createBox(),this.targetWithTransforms=o.createBox()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),Fn(this.target,this.relativeTarget,this.relativeParent.target)):this.targetDelta?(this.resumingFrom?this.target=this.applyTransform(this.layout.layoutBox):b(this.target,this.layout.layoutBox),o.applyBoxDelta(this.target,this.targetDelta)):b(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget)){this.attemptToResolveRelativeTarget=!1;const d=this.getClosestProjectingParent();d&&!!d.resumingFrom==!!this.resumingFrom&&!d.options.layoutScroll&&d.target&&this.animationProgress!==1?(this.relativeParent=d,this.forceRelativeParentToResolveTarget(),this.relativeTarget=o.createBox(),this.relativeTargetOrigin=o.createBox(),W(this.relativeTargetOrigin,this.target,d.target),b(this.relativeTarget,this.relativeTargetOrigin)):this.relativeParent=this.relativeTarget=void 0}}}getClosestProjectingParent(){if(!(!this.parent||o.hasScale(this.parent.latestValues)||o.has2DTranslate(this.parent.latestValues)))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return!!((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}calcProjection(){const s=this.getLead(),a=!!this.resumingFrom||this!==s;let l=!0;if((this.isProjectionDirty||this.parent?.isProjectionDirty)&&(l=!1),a&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(l=!1),this.resolvedRelativeTargetAt===o.frameData.timestamp&&(l=!1),l)return;const{layout:c,layoutId:u}=this.options;if(this.isTreeAnimating=!!(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!(c||u))return;b(this.layoutCorrected,this.layout.layoutBox);const f=this.treeScale.x,d=this.treeScale.y;o.applyTreeDeltas(this.layoutCorrected,this.treeScale,this.path,a),s.layout&&!s.target&&(this.treeScale.x!==1||this.treeScale.y!==1)&&(s.target=s.layout.layoutBox,s.targetWithTransforms=o.createBox());const{target:m}=s;if(!m){this.prevProjectionDelta&&(this.createProjectionDeltas(),this.scheduleRender());return}!this.projectionDelta||!this.prevProjectionDelta?this.createProjectionDeltas():(Wt(this.prevProjectionDelta.x,this.projectionDelta.x),Wt(this.prevProjectionDelta.y,this.projectionDelta.y)),U(this.projectionDelta,this.layoutCorrected,m,this.latestValues),(this.treeScale.x!==f||this.treeScale.y!==d||!Kt(this.projectionDelta.x,this.prevProjectionDelta.x)||!Kt(this.projectionDelta.y,this.prevProjectionDelta.y))&&(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners("projectionUpdate",m))}hide(){this.isVisible=!1}show(){this.isVisible=!0}scheduleRender(s=!0){if(this.options.visualElement?.scheduleRender(),s){const a=this.getStack();a&&a.scheduleRender()}this.resumingFrom&&!this.resumingFrom.instance&&(this.resumingFrom=void 0)}createProjectionDeltas(){this.prevProjectionDelta=o.createDelta(),this.projectionDelta=o.createDelta(),this.projectionDeltaWithTransform=o.createDelta()}setAnimationOrigin(s,a=!1){const l=this.snapshot,c=l?l.latestValues:{},u={...this.latestValues},f=o.createDelta();(!this.relativeParent||!this.relativeParent.options.layoutRoot)&&(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!a;const d=o.createBox(),m=l?l.source:void 0,p=this.layout?this.layout.source:void 0,T=m!==p,P=this.getStack(),g=!P||P.members.length<=1,y=!!(T&&!g&&this.options.crossfade===!0&&!this.path.some(Vi));this.animationProgress=0;let v;this.mixTargetDelta=A=>{const L=A/1e3;Qt(f.x,s.x,L),Qt(f.y,s.y,L),this.setTargetDelta(f),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(W(d,this.layout.layoutBox,this.relativeParent.layout.layoutBox),wi(this.relativeTarget,this.relativeTargetOrigin,d,L),v&&fi(this.relativeTarget,v)&&(this.isProjectionDirty=!1),v||(v=o.createBox()),b(v,this.relativeTarget)),T&&(this.animationValues=u,ri(u,c,this.latestValues,L,y,g)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=L},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(s){this.notifyListeners("animationStart"),this.currentAnimation?.stop(),this.resumingFrom?.currentAnimation?.stop(),this.pendingAnimation&&(o.cancelFrame(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=o.frame.update(()=>{K.hasAnimatedSinceResize=!0,this.motionValue||(this.motionValue=o.motionValue(0)),this.currentAnimation=o.animateSingleValue(this.motionValue,[0,1e3],{...s,velocity:0,isSync:!0,onUpdate:a=>{this.mixTargetDelta(a),s.onUpdate&&s.onUpdate(a)},onStop:()=>{},onComplete:()=>{s.onComplete&&s.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);const s=this.getStack();s&&s.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(pi),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const s=this.getLead();let{targetWithTransforms:a,target:l,layout:c,latestValues:u}=s;if(!(!a||!l||!c)){if(this!==s&&this.layout&&c&&Re(this.options.animationType,this.layout.layoutBox,c.layoutBox)){l=this.target||o.createBox();const f=D(this.layout.layoutBox.x);l.x.min=s.target.x.min,l.x.max=l.x.min+f;const d=D(this.layout.layoutBox.y);l.y.min=s.target.y.min,l.y.max=l.y.min+d}b(a,l),o.transformBox(a,u),U(this.projectionDeltaWithTransform,this.layoutCorrected,a,u)}}registerSharedNode(s,a){this.sharedNodes.has(s)||this.sharedNodes.set(s,new di),this.sharedNodes.get(s).add(a);const c=a.options.initialPromotionConfig;a.promote({transition:c?c.transition:void 0,preserveFollowOpacity:c&&c.shouldPreserveFollowOpacity?c.shouldPreserveFollowOpacity(a):void 0})}isLead(){const s=this.getStack();return s?s.lead===this:!0}getLead(){const{layoutId:s}=this.options;return s?this.getStack()?.lead||this:this}getPrevLead(){const{layoutId:s}=this.options;return s?this.getStack()?.prevLead:void 0}getStack(){const{layoutId:s}=this.options;if(s)return this.root.sharedNodes.get(s)}promote({needsReset:s,transition:a,preserveFollowOpacity:l}={}){const c=this.getStack();c&&c.promote(this,l),s&&(this.projectionDelta=void 0,this.needsReset=!0),a&&this.setOptions({transition:a})}relegate(){const s=this.getStack();return s?s.relegate(this):!1}resetSkewAndRotation(){const{visualElement:s}=this.options;if(!s)return;let a=!1;const{latestValues:l}=s;if((l.z||l.rotate||l.rotateX||l.rotateY||l.rotateZ||l.skewX||l.skewY)&&(a=!0),!a)return;const c={};l.z&&ot("z",s,c,this.animationValues);for(let u=0;u<st.length;u++)ot(`rotate${st[u]}`,s,c,this.animationValues),ot(`skew${st[u]}`,s,c,this.animationValues);s.render();for(const u in c)s.setStaticValue(u,c[u]),this.animationValues&&(this.animationValues[u]=c[u]);s.scheduleRender()}applyProjectionStyles(s,a){if(!this.instance||this.isSVG)return;if(!this.isVisible){s.visibility="hidden";return}const l=this.getTransformTemplate();if(this.needsReset){this.needsReset=!1,s.visibility="",s.opacity="",s.pointerEvents=X(a?.pointerEvents)||"",s.transform=l?l(this.latestValues,""):"none";return}const c=this.getLead();if(!this.projectionDelta||!this.layout||!c.target){this.options.layoutId&&(s.opacity=this.latestValues.opacity!==void 0?this.latestValues.opacity:1,s.pointerEvents=X(a?.pointerEvents)||""),this.hasProjected&&!o.hasTransform(this.latestValues)&&(s.transform=l?l({},""):"none",this.hasProjected=!1);return}s.visibility="";const u=c.animationValues||c.latestValues;this.applyTransformsToTarget();let f=mi(this.projectionDeltaWithTransform,this.treeScale,u);l&&(f=l(u,f)),s.transform=f;const{x:d,y:m}=this.projectionDelta;s.transformOrigin=`${d.origin*100}% ${m.origin*100}% 0`,c.animationValues?s.opacity=c===this?u.opacity??this.latestValues.opacity??1:this.preserveOpacity?this.latestValues.opacity:u.opacityExit:s.opacity=c===this?u.opacity!==void 0?u.opacity:"":u.opacityExit!==void 0?u.opacityExit:0;for(const p in o.scaleCorrectors){if(u[p]===void 0)continue;const{correct:T,applyTo:P,isCSSVariable:g}=o.scaleCorrectors[p],y=f==="none"?u[p]:T(u[p],c);if(P){const v=P.length;for(let A=0;A<v;A++)s[P[A]]=y}else g?this.options.visualElement.renderState.vars[p]=y:s[p]=y}this.options.layoutId&&(s.pointerEvents=c===this?X(a?.pointerEvents)||"":"none")}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(s=>s.currentAnimation?.stop()),this.root.nodes.forEach(Yt),this.root.sharedNodes.clear()}}}function yi(t){t.updateLayout()}function vi(t){const e=t.resumeFrom?.snapshot||t.snapshot;if(t.isLead()&&t.layout&&e&&t.hasListeners("didUpdate")){const{layoutBox:n,measuredBox:i}=t.layout,{animationType:r}=t.options,h=e.source!==t.layout.source;r==="size"?w(u=>{const f=h?e.measuredBox[u]:e.layoutBox[u],d=D(f);f.min=n[u].min,f.max=f.min+d}):Re(r,e.layoutBox,n)&&w(u=>{const f=h?e.measuredBox[u]:e.layoutBox[u],d=D(n[u]);f.max=f.min+d,t.relativeTarget&&!t.currentAnimation&&(t.isProjectionDirty=!0,t.relativeTarget[u].max=t.relativeTarget[u].min+d)});const s=o.createDelta();U(s,n,e.layoutBox);const a=o.createDelta();h?U(a,t.applyTransform(i,!0),e.measuredBox):U(a,n,e.layoutBox);const l=!we(s);let c=!1;if(!t.resumeFrom){const u=t.getClosestProjectingParent();if(u&&!u.resumeFrom){const{snapshot:f,layout:d}=u;if(f&&d){const m=o.createBox();W(m,e.layoutBox,f.layoutBox);const p=o.createBox();W(p,n,d.layoutBox),Ve(m,p)||(c=!0),u.options.layoutRoot&&(t.relativeTarget=p,t.relativeTargetOrigin=m,t.relativeParent=u)}}}t.notifyListeners("didUpdate",{layout:n,snapshot:e,delta:a,layoutDelta:s,hasLayoutChanged:l,hasRelativeLayoutChanged:c})}else if(t.isLead()){const{onExitComplete:n}=t.options;n&&n()}t.options.transition=void 0}function xi(t){t.parent&&(t.isProjecting()||(t.isProjectionDirty=t.parent.isProjectionDirty),t.isSharedProjectionDirty||(t.isSharedProjectionDirty=!!(t.isProjectionDirty||t.parent.isProjectionDirty||t.parent.isSharedProjectionDirty)),t.isTransformDirty||(t.isTransformDirty=t.parent.isTransformDirty))}function Pi(t){t.isProjectionDirty=t.isSharedProjectionDirty=t.isTransformDirty=!1}function Ti(t){t.clearSnapshot()}function Yt(t){t.clearMeasurements()}function Zt(t){t.isLayoutDirty=!1}function Si(t){const{visualElement:e}=t.options;e&&e.getProps().onBeforeLayoutMeasure&&e.notify("BeforeLayoutMeasure"),t.resetTransform()}function Jt(t){t.finishAnimation(),t.targetDelta=t.relativeTarget=t.target=void 0,t.isProjectionDirty=!0}function Di(t){t.resolveTargetDelta()}function Ai(t){t.calcProjection()}function Ci(t){t.resetSkewAndRotation()}function bi(t){t.removeLeadSnapshot()}function Qt(t,e,n){t.translate=o.mixNumber(e.translate,0,n),t.scale=o.mixNumber(e.scale,1,n),t.origin=e.origin,t.originPoint=e.originPoint}function te(t,e,n,i){t.min=o.mixNumber(e.min,n.min,i),t.max=o.mixNumber(e.max,n.max,i)}function wi(t,e,n,i){te(t.x,e.x,n.x,i),te(t.y,e.y,n.y,i)}function Vi(t){return t.animationValues&&t.animationValues.opacityExit!==void 0}const Li={duration:.45,ease:[.4,0,.1,1]},ee=t=>typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(t),ne=ee("applewebkit/")&&!ee("chrome/")?Math.round:o.noop;function ie(t){t.min=ne(t.min),t.max=ne(t.max)}function Ei(t){ie(t.x),ie(t.y)}function Re(t,e,n){return t==="position"||t==="preserve-aspect"&&!On(Xt(e),Xt(n),.2)}function Ri(t){return t!==t.root&&t.scroll?.wasRoot}const Mi=Ee({attachResizeListener:(t,e)=>G(t,"resize",e),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),rt={current:void 0},Me=Ee({measureScroll:t=>({x:t.scrollLeft,y:t.scrollTop}),defaultParent:()=>{if(!rt.current){const t=new Mi({});t.mount(window),t.setOptions({layoutScroll:!0}),rt.current=t}return rt.current},resetTransform:(t,e)=>{t.style.transform=e!==void 0?e:"none"},checkIsScrollRoot:t=>window.getComputedStyle(t).position==="fixed"}),Bi={pan:{Feature:Jn},drag:{Feature:Zn,ProjectionNode:Me,MeasureLayout:Ae}};function se(t,e,n){const{props:i}=t;t.animationState&&i.whileHover&&t.animationState.setActive("whileHover",n==="Start");const r="onHover"+n,h=i[r];h&&o.frame.postRender(()=>h(e,z(e)))}class ji extends E{mount(){const{current:e}=this.node;e&&(this.unmount=Ge(e,(n,i)=>(se(this.node,i,"Start"),r=>se(this.node,r,"End"))))}unmount(){}}class ki extends E{constructor(){super(...arguments),this.isActive=!1}onFocus(){let e=!1;try{e=this.node.current.matches(":focus-visible")}catch{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=o.pipe(G(this.node.current,"focus",()=>this.onFocus()),G(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}function oe(t,e,n){const{props:i}=t;if(t.current instanceof HTMLButtonElement&&t.current.disabled)return;t.animationState&&i.whileTap&&t.animationState.setActive("whileTap",n==="Start");const r="onTap"+(n==="End"?"":n),h=i[r];h&&o.frame.postRender(()=>h(e,z(e)))}class Ii extends E{mount(){const{current:e}=this.node;e&&(this.unmount=qe(e,(n,i)=>(oe(this.node,i,"Start"),(r,{success:h})=>oe(this.node,r,h?"End":"Cancel")),{useGlobalTarget:this.node.props.globalTapTarget}))}unmount(){}}const ut=new WeakMap,at=new WeakMap,Oi=t=>{const e=ut.get(t.target);e&&e(t)},Fi=t=>{t.forEach(Oi)};function Ni({root:t,...e}){const n=t||document;at.has(n)||at.set(n,{});const i=at.get(n),r=JSON.stringify(e);return i[r]||(i[r]=new IntersectionObserver(Fi,{root:t,...e})),i[r]}function Ui(t,e,n){const i=Ni(e);return ut.set(t,n),i.observe(t),()=>{ut.delete(t),i.unobserve(t)}}const Wi={some:0,all:1};class Hi extends E{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:e={}}=this.node.getProps(),{root:n,margin:i,amount:r="some",once:h}=e,s={root:n?n.current:void 0,rootMargin:i,threshold:typeof r=="number"?r:Wi[r]},a=l=>{const{isIntersecting:c}=l;if(this.isInView===c||(this.isInView=c,h&&!c&&this.hasEnteredView))return;c&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",c);const{onViewportEnter:u,onViewportLeave:f}=this.node.getProps(),d=c?u:f;d&&d(l)};return Ui(this.node.current,s,a)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:e,prevProps:n}=this.node;["amount","margin","root"].some(Gi(e,n))&&this.startObserver()}unmount(){}}function Gi({viewport:t={}},{viewport:e={}}={}){return n=>t[n]!==e[n]}const zi={inView:{Feature:Hi},tap:{Feature:Ii},focus:{Feature:ki},hover:{Feature:ji}},$i={layout:{ProjectionNode:Me,MeasureLayout:Ae}},_i={...Rn,...zi,...Bi,...$i},qi=vn(_i,xn),Be=We.forwardRef(({className:t,asChild:e,children:n,layout:i,...r},h)=>{const{variant:s,layout:a,activeValue:l,tabsId:c}=Ne.useTabsContext(),u=i??a,f=e?Oe.Slot:"button",d=l===r.value;return B.jsx(Ie.Trigger,{ref:h,asChild:!0,...r,children:B.jsxs(f,{className:Pt.cn(Fe.tabsTriggerVariants({variant:s,layout:u}),"mds:relative mds:z-0",t),children:[B.jsx("span",{className:"mds:relative mds:z-10 mds:flex mds:items-center mds:gap-6",children:n}),d&&B.jsx(qi.div,{layoutId:`active-tab-indicator-${c}`,className:Pt.cn("mds:absolute mds:z-0",s==="underline"&&"mds:-bottom-[9px] mds:left-0 mds:right-0 mds:h-2 mds:bg-interactive-primary",s==="button"&&"mds:inset-0 mds:bg-interactive-primary mds:rounded-full"),transition:{type:"spring",stiffness:380,damping:30}})]})})});Be.displayName="TabsTrigger";exports.TabsTrigger=Be;