@infinilabs/filter 0.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +31 -0
- package/dist/filter.cjs +14 -0
- package/dist/filter.js +4709 -0
- package/dist/index.d.ts +64 -0
- package/package.json +50 -0
package/README.md
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
# @infinilabs/filter 使用说明
|
|
2
|
+
|
|
3
|
+
Customized Entity components
|
|
4
|
+
|
|
5
|
+
**概述**
|
|
6
|
+
|
|
7
|
+
- `@infinilabs/filter` 是一个用于展示“过滤信息”的 UI 组件库,当前包含组件:
|
|
8
|
+
- `FilterCollapse`:折叠容器组件,使用 `motion` 提供流畅的展开/收起动画,支持清除功能和自定义标题。
|
|
9
|
+
- `FilterTags`:标签选择器,支持文本标签和图标标签两种模式,用于多值选择。
|
|
10
|
+
- `FilterInput`:输入框过滤组件,基于 Ant Design Input 封装,支持文本输入过滤。
|
|
11
|
+
- `FilterSlider`:滑块选择组件,基于 Ant Design Slider 封装,用于数值范围选择。
|
|
12
|
+
- `FilterSelect`:下拉选择组件,基于 Ant Design Select 封装,支持单选和多选。
|
|
13
|
+
- `FilterColorPicker`:颜色选择器,基于 Ant Design ColorPicker 封装,用于颜色值选择。
|
|
14
|
+
- `FilterCheckboxGroup`:多选框组件,支持展示图标、标签和数量,可展开显示更多选项。
|
|
15
|
+
- 采用命名导出,支持 tree-shaking。
|
|
16
|
+
|
|
17
|
+
**安装**
|
|
18
|
+
|
|
19
|
+
- 组件需要 `react` 与 `react-dom` 作为对等依赖(peerDependencies)。
|
|
20
|
+
|
|
21
|
+
```bash
|
|
22
|
+
pnpm add @infinilabs/filter
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
**导入方式**
|
|
26
|
+
|
|
27
|
+
- 推荐从根入口命名导入:
|
|
28
|
+
|
|
29
|
+
```tsx
|
|
30
|
+
import { FilterCollapse } from "@infinilabs/filter";
|
|
31
|
+
```
|
package/dist/filter.cjs
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(e&&(t=e(e=0)),t),s=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),c=e=>{let n={};for(var r in e)t(n,r,{get:e[r],enumerable:!0});return n},l=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},u=(n,r,a)=>(a=n==null?{}:e(i(n)),l(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n)),d=e=>l(t({},`__esModule`,{value:!0}),e);let f=require(`react`);f=u(f);let p=require(`lucide-react`),m=require(`clsx`),h=require(`tailwind-merge`),g=require(`antd`);var _=s((e=>{var t=Symbol.for(`react.transitional.element`),n=Symbol.for(`react.fragment`);function r(e,n,r){var i=null;if(r!==void 0&&(i=``+r),n.key!==void 0&&(i=``+n.key),`key`in n)for(var a in r={},n)a!==`key`&&(r[a]=n[a]);else r=n;return n=r.ref,{$$typeof:t,type:e,key:i,ref:n===void 0?null:n,props:r}}e.Fragment=n,e.jsx=r,e.jsxs=r})),v=s((e=>{process.env.NODE_ENV!==`production`&&(function(){function t(e){if(e==null)return null;if(typeof e==`function`)return e.$$typeof===ne?null:e.displayName||e.name||null;if(typeof e==`string`)return e;switch(e){case _:return`Fragment`;case y:return`Profiler`;case v:return`StrictMode`;case ee:return`Suspense`;case C:return`SuspenseList`;case T:return`Activity`}if(typeof e==`object`)switch(typeof e.tag==`number`&&console.error(`Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue.`),e.$$typeof){case g:return`Portal`;case x:return e.displayName||`Context`;case b:return(e._context.displayName||`Context`)+`.Consumer`;case S:var n=e.render;return e=e.displayName,e||=(e=n.displayName||n.name||``,e===``?`ForwardRef`:`ForwardRef(`+e+`)`),e;case te:return n=e.displayName||null,n===null?t(e.type)||`Memo`:n;case w:n=e._payload,e=e._init;try{return t(e(n))}catch{}}return null}function n(e){return``+e}function r(e){try{n(e);var t=!1}catch{t=!0}if(t){t=console;var r=t.error,i=typeof Symbol==`function`&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||`Object`;return r.call(t,`The provided key is an unsupported type %s. This value must be coerced to a string before using it here.`,i),n(e)}}function i(e){if(e===_)return`<>`;if(typeof e==`object`&&e&&e.$$typeof===w)return`<...>`;try{var n=t(e);return n?`<`+n+`>`:`<...>`}catch{return`<...>`}}function a(){var e=E.A;return e===null?null:e.getOwner()}function o(){return Error(`react-stack-top-frame`)}function s(e){if(D.call(e,`key`)){var t=Object.getOwnPropertyDescriptor(e,`key`).get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function c(e,t){function n(){ie||(ie=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}n.isReactWarning=!0,Object.defineProperty(e,`key`,{get:n,configurable:!0})}function l(){var e=t(this.type);return ae[e]||(ae[e]=!0,console.error(`Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.`)),e=this.props.ref,e===void 0?null:e}function u(e,t,n,r,i,a){var o=n.ref;return e={$$typeof:h,type:e,key:t,props:n,_owner:r},(o===void 0?null:o)===null?Object.defineProperty(e,`ref`,{enumerable:!1,value:null}):Object.defineProperty(e,`ref`,{enumerable:!1,get:l}),e._store={},Object.defineProperty(e._store,`validated`,{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,`_debugInfo`,{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,`_debugStack`,{configurable:!1,enumerable:!1,writable:!0,value:i}),Object.defineProperty(e,`_debugTask`,{configurable:!1,enumerable:!1,writable:!0,value:a}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function d(e,n,i,o,l,d){var p=n.children;if(p!==void 0)if(o)if(O(p)){for(o=0;o<p.length;o++)f(p[o]);Object.freeze&&Object.freeze(p)}else console.error(`React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.`);else f(p);if(D.call(n,`key`)){p=t(e);var m=Object.keys(n).filter(function(e){return e!==`key`});o=0<m.length?`{key: someKey, `+m.join(`: ..., `)+`: ...}`:`{key: someKey}`,se[p+o]||(m=0<m.length?`{`+m.join(`: ..., `)+`: ...}`:`{}`,console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
2
|
+
let props = %s;
|
|
3
|
+
<%s {...props} />
|
|
4
|
+
React keys must be passed directly to JSX without using spread:
|
|
5
|
+
let props = %s;
|
|
6
|
+
<%s key={someKey} {...props} />`,o,p,m,p),se[p+o]=!0)}if(p=null,i!==void 0&&(r(i),p=``+i),s(n)&&(r(n.key),p=``+n.key),`key`in n)for(var h in i={},n)h!==`key`&&(i[h]=n[h]);else i=n;return p&&c(i,typeof e==`function`?e.displayName||e.name||`Unknown`:e),u(e,p,i,a(),l,d)}function f(e){p(e)?e._store&&(e._store.validated=1):typeof e==`object`&&e&&e.$$typeof===w&&(e._payload.status===`fulfilled`?p(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function p(e){return typeof e==`object`&&!!e&&e.$$typeof===h}var m=require(`react`),h=Symbol.for(`react.transitional.element`),g=Symbol.for(`react.portal`),_=Symbol.for(`react.fragment`),v=Symbol.for(`react.strict_mode`),y=Symbol.for(`react.profiler`),b=Symbol.for(`react.consumer`),x=Symbol.for(`react.context`),S=Symbol.for(`react.forward_ref`),ee=Symbol.for(`react.suspense`),C=Symbol.for(`react.suspense_list`),te=Symbol.for(`react.memo`),w=Symbol.for(`react.lazy`),T=Symbol.for(`react.activity`),ne=Symbol.for(`react.client.reference`),E=m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,D=Object.prototype.hasOwnProperty,O=Array.isArray,re=console.createTask?console.createTask:function(){return null};m={react_stack_bottom_frame:function(e){return e()}};var ie,ae={},oe=m.react_stack_bottom_frame.bind(m,o)(),k=re(i(o)),se={};e.Fragment=_,e.jsx=function(e,t,n){var r=1e4>E.recentlyCreatedOwnerStacks++;return d(e,t,n,!1,r?Error(`react-stack-top-frame`):oe,r?re(i(e)):k)},e.jsxs=function(e,t,n){var r=1e4>E.recentlyCreatedOwnerStacks++;return d(e,t,n,!0,r?Error(`react-stack-top-frame`):oe,r?re(i(e)):k)}})()})),y=s(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=_():t.exports=v()})),b=(0,f.createContext)({});function x(e){let t=(0,f.useRef)(null);return t.current===null&&(t.current=e()),t.current}var S=typeof window<`u`,ee=S?f.useLayoutEffect:f.useEffect,C=(0,f.createContext)(null);function te(e,t){e.indexOf(t)===-1&&e.push(t)}function w(e,t){let n=e.indexOf(t);n>-1&&e.splice(n,1)}var T=(e,t,n)=>n>t?t:n<e?e:n;function ne(e,t){return t?`${e}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${t}`:e}var E=()=>{},D=()=>{};process.env.NODE_ENV!==`production`&&(E=(e,t,n)=>{!e&&typeof console<`u`&&console.warn(ne(t,n))},D=(e,t,n)=>{if(!e)throw Error(ne(t,n))});var O={},re=e=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e);function ie(e){return typeof e==`object`&&!!e}var ae=e=>/^0[^.\s]+$/u.test(e);function oe(e){let t;return()=>(t===void 0&&(t=e()),t)}var k=e=>e,se=(e,t)=>n=>t(e(n)),ce=(...e)=>e.reduce(se),le=(e,t,n)=>{let r=t-e;return r===0?1:(n-e)/r},ue=class{constructor(){this.subscriptions=[]}add(e){return te(this.subscriptions,e),()=>w(this.subscriptions,e)}notify(e,t,n){let r=this.subscriptions.length;if(r)if(r===1)this.subscriptions[0](e,t,n);else for(let i=0;i<r;i++){let r=this.subscriptions[i];r&&r(e,t,n)}}getSize(){return this.subscriptions.length}clear(){this.subscriptions.length=0}},A=e=>e*1e3,j=e=>e/1e3;function de(e,t){return t?e*(1e3/t):0}var fe=new Set;function pe(e,t,n){e||fe.has(t)||(console.warn(ne(t,n)),fe.add(t))}var me=(e,t,n)=>(((1-3*n+3*t)*e+(3*n-6*t))*e+3*t)*e,he=1e-7,ge=12;function _e(e,t,n,r,i){let a,o,s=0;do o=t+(n-t)/2,a=me(o,r,i)-e,a>0?n=o:t=o;while(Math.abs(a)>he&&++s<ge);return o}function ve(e,t,n,r){if(e===t&&n===r)return k;let i=t=>_e(t,0,1,e,n);return e=>e===0||e===1?e:me(i(e),t,r)}var ye=e=>t=>t<=.5?e(2*t)/2:(2-e(2*(1-t)))/2,be=e=>t=>1-e(1-t),xe=ve(.33,1.53,.69,.99),Se=be(xe),Ce=ye(Se),we=e=>(e*=2)<1?.5*Se(e):.5*(2-2**(-10*(e-1))),Te=e=>1-Math.sin(Math.acos(e)),Ee=be(Te),De=ye(Te),Oe=ve(.42,0,1,1),ke=ve(0,0,.58,1),Ae=ve(.42,0,.58,1),je=e=>Array.isArray(e)&&typeof e[0]!=`number`,Me=e=>Array.isArray(e)&&typeof e[0]==`number`,Ne={linear:k,easeIn:Oe,easeInOut:Ae,easeOut:ke,circIn:Te,circInOut:De,circOut:Ee,backIn:Se,backInOut:Ce,backOut:xe,anticipate:we},Pe=e=>typeof e==`string`,Fe=e=>{if(Me(e)){D(e.length===4,`Cubic bezier arrays must contain four numerical values.`,`cubic-bezier-length`);let[t,n,r,i]=e;return ve(t,n,r,i)}else if(Pe(e))return D(Ne[e]!==void 0,`Invalid easing type '${e}'`,`invalid-easing-type`),Ne[e];return e},Ie=[`setup`,`read`,`resolveKeyframes`,`preUpdate`,`update`,`preRender`,`render`,`postRender`],M={value:null,addProjectionMetrics:null};function Le(e,t){let n=new Set,r=new Set,i=!1,a=!1,o=new WeakSet,s={delta:0,timestamp:0,isProcessing:!1},c=0;function l(t){o.has(t)&&(u.schedule(t),e()),c++,t(s)}let u={schedule:(e,t=!1,a=!1)=>{let s=a&&i?n:r;return t&&o.add(e),s.has(e)||s.add(e),e},cancel:e=>{r.delete(e),o.delete(e)},process:e=>{if(s=e,i){a=!0;return}i=!0,[n,r]=[r,n],n.forEach(l),t&&M.value&&M.value.frameloop[t].push(c),c=0,n.clear(),i=!1,a&&(a=!1,u.process(e))}};return u}var Re=40;function ze(e,t){let n=!1,r=!0,i={delta:0,timestamp:0,isProcessing:!1},a=()=>n=!0,o=Ie.reduce((e,n)=>(e[n]=Le(a,t?n:void 0),e),{}),{setup:s,read:c,resolveKeyframes:l,preUpdate:u,update:d,preRender:f,render:p,postRender:m}=o,h=()=>{let a=O.useManualTiming?i.timestamp:performance.now();n=!1,O.useManualTiming||(i.delta=r?1e3/60:Math.max(Math.min(a-i.timestamp,Re),1)),i.timestamp=a,i.isProcessing=!0,s.process(i),c.process(i),l.process(i),u.process(i),d.process(i),f.process(i),p.process(i),m.process(i),i.isProcessing=!1,n&&t&&(r=!1,e(h))},g=()=>{n=!0,r=!0,i.isProcessing||e(h)};return{schedule:Ie.reduce((e,t)=>{let r=o[t];return e[t]=(e,t=!1,i=!1)=>(n||g(),r.schedule(e,t,i)),e},{}),cancel:e=>{for(let t=0;t<Ie.length;t++)o[Ie[t]].cancel(e)},state:i,steps:o}}var{schedule:N,cancel:P,state:F,steps:Be}=ze(typeof requestAnimationFrame<`u`?requestAnimationFrame:k,!0),Ve;function He(){Ve=void 0}var I={now:()=>(Ve===void 0&&I.set(F.isProcessing||O.useManualTiming?F.timestamp:performance.now()),Ve),set:e=>{Ve=e,queueMicrotask(He)}},Ue={layout:0,mainThread:0,waapi:0},We=e=>t=>typeof t==`string`&&t.startsWith(e),Ge=We(`--`),Ke=We(`var(--`),qe=e=>Ke(e)?Je.test(e.split(`/*`)[0].trim()):!1,Je=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,Ye={test:e=>typeof e==`number`,parse:parseFloat,transform:e=>e},Xe={...Ye,transform:e=>T(0,1,e)},Ze={...Ye,default:1},Qe=e=>Math.round(e*1e5)/1e5,$e=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function et(e){return e==null}var tt=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,nt=(e,t)=>n=>!!(typeof n==`string`&&tt.test(n)&&n.startsWith(e)||t&&!et(n)&&Object.prototype.hasOwnProperty.call(n,t)),rt=(e,t,n)=>r=>{if(typeof r!=`string`)return r;let[i,a,o,s]=r.match($e);return{[e]:parseFloat(i),[t]:parseFloat(a),[n]:parseFloat(o),alpha:s===void 0?1:parseFloat(s)}},it=e=>T(0,255,e),at={...Ye,transform:e=>Math.round(it(e))},ot={test:nt(`rgb`,`red`),parse:rt(`red`,`green`,`blue`),transform:({red:e,green:t,blue:n,alpha:r=1})=>`rgba(`+at.transform(e)+`, `+at.transform(t)+`, `+at.transform(n)+`, `+Qe(Xe.transform(r))+`)`};function st(e){let t=``,n=``,r=``,i=``;return e.length>5?(t=e.substring(1,3),n=e.substring(3,5),r=e.substring(5,7),i=e.substring(7,9)):(t=e.substring(1,2),n=e.substring(2,3),r=e.substring(3,4),i=e.substring(4,5),t+=t,n+=n,r+=r,i+=i),{red:parseInt(t,16),green:parseInt(n,16),blue:parseInt(r,16),alpha:i?parseInt(i,16)/255:1}}var ct={test:nt(`#`),parse:st,transform:ot.transform},lt=e=>({test:t=>typeof t==`string`&&t.endsWith(e)&&t.split(` `).length===1,parse:parseFloat,transform:t=>`${t}${e}`}),L=lt(`deg`),R=lt(`%`),z=lt(`px`),ut=lt(`vh`),dt=lt(`vw`),ft=(()=>({...R,parse:e=>R.parse(e)/100,transform:e=>R.transform(e*100)}))(),pt={test:nt(`hsl`,`hue`),parse:rt(`hue`,`saturation`,`lightness`),transform:({hue:e,saturation:t,lightness:n,alpha:r=1})=>`hsla(`+Math.round(e)+`, `+R.transform(Qe(t))+`, `+R.transform(Qe(n))+`, `+Qe(Xe.transform(r))+`)`},B={test:e=>ot.test(e)||ct.test(e)||pt.test(e),parse:e=>ot.test(e)?ot.parse(e):pt.test(e)?pt.parse(e):ct.parse(e),transform:e=>typeof e==`string`?e:e.hasOwnProperty(`red`)?ot.transform(e):pt.transform(e),getAnimatableNone:e=>{let t=B.parse(e);return t.alpha=0,B.transform(t)}},mt=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function ht(e){return isNaN(e)&&typeof e==`string`&&(e.match($e)?.length||0)+(e.match(mt)?.length||0)>0}var gt=`number`,_t=`color`,vt=`var`,yt=`var(`,bt="${}",xt=/var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;function St(e){let t=e.toString(),n=[],r={color:[],number:[],var:[]},i=[],a=0;return{values:n,split:t.replace(xt,e=>(B.test(e)?(r.color.push(a),i.push(_t),n.push(B.parse(e))):e.startsWith(yt)?(r.var.push(a),i.push(vt),n.push(e)):(r.number.push(a),i.push(gt),n.push(parseFloat(e))),++a,bt)).split(bt),indexes:r,types:i}}function Ct(e){return St(e).values}function wt(e){let{split:t,types:n}=St(e),r=t.length;return e=>{let i=``;for(let a=0;a<r;a++)if(i+=t[a],e[a]!==void 0){let t=n[a];t===gt?i+=Qe(e[a]):t===_t?i+=B.transform(e[a]):i+=e[a]}return i}}var Tt=e=>typeof e==`number`?0:B.test(e)?B.getAnimatableNone(e):e;function Et(e){let t=Ct(e);return wt(e)(t.map(Tt))}var V={test:ht,parse:Ct,createTransformer:wt,getAnimatableNone:Et};function Dt(e,t,n){return n<0&&(n+=1),n>1&&--n,n<1/6?e+(t-e)*6*n:n<1/2?t:n<2/3?e+(t-e)*(2/3-n)*6:e}function Ot({hue:e,saturation:t,lightness:n,alpha:r}){e/=360,t/=100,n/=100;let i=0,a=0,o=0;if(!t)i=a=o=n;else{let r=n<.5?n*(1+t):n+t-n*t,s=2*n-r;i=Dt(s,r,e+1/3),a=Dt(s,r,e),o=Dt(s,r,e-1/3)}return{red:Math.round(i*255),green:Math.round(a*255),blue:Math.round(o*255),alpha:r}}function kt(e,t){return n=>n>0?t:e}var H=(e,t,n)=>e+(t-e)*n,At=(e,t,n)=>{let r=e*e,i=n*(t*t-r)+r;return i<0?0:Math.sqrt(i)},jt=[ct,ot,pt],Mt=e=>jt.find(t=>t.test(e));function Nt(e){let t=Mt(e);if(E(!!t,`'${e}' is not an animatable color. Use the equivalent color code instead.`,`color-not-animatable`),!t)return!1;let n=t.parse(e);return t===pt&&(n=Ot(n)),n}var Pt=(e,t)=>{let n=Nt(e),r=Nt(t);if(!n||!r)return kt(e,t);let i={...n};return e=>(i.red=At(n.red,r.red,e),i.green=At(n.green,r.green,e),i.blue=At(n.blue,r.blue,e),i.alpha=H(n.alpha,r.alpha,e),ot.transform(i))},Ft=new Set([`none`,`hidden`]);function It(e,t){return Ft.has(e)?n=>n<=0?e:t:n=>n>=1?t:e}function Lt(e,t){return n=>H(e,t,n)}function Rt(e){return typeof e==`number`?Lt:typeof e==`string`?qe(e)?kt:B.test(e)?Pt:Ht:Array.isArray(e)?zt:typeof e==`object`?B.test(e)?Pt:Bt:kt}function zt(e,t){let n=[...e],r=n.length,i=e.map((e,n)=>Rt(e)(e,t[n]));return e=>{for(let t=0;t<r;t++)n[t]=i[t](e);return n}}function Bt(e,t){let n={...e,...t},r={};for(let i in n)e[i]!==void 0&&t[i]!==void 0&&(r[i]=Rt(e[i])(e[i],t[i]));return e=>{for(let t in r)n[t]=r[t](e);return n}}function Vt(e,t){let n=[],r={color:0,var:0,number:0};for(let i=0;i<t.values.length;i++){let a=t.types[i],o=e.indexes[a][r[a]];n[i]=e.values[o]??0,r[a]++}return n}var Ht=(e,t)=>{let n=V.createTransformer(t),r=St(e),i=St(t);return r.indexes.var.length===i.indexes.var.length&&r.indexes.color.length===i.indexes.color.length&&r.indexes.number.length>=i.indexes.number.length?Ft.has(e)&&!i.values.length||Ft.has(t)&&!r.values.length?It(e,t):ce(zt(Vt(r,i),i.values),n):(E(!0,`Complex values '${e}' and '${t}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`,`complex-values-different`),kt(e,t))};function Ut(e,t,n){return typeof e==`number`&&typeof t==`number`&&typeof n==`number`?H(e,t,n):Rt(e)(e,t)}var Wt=e=>{let t=({timestamp:t})=>e(t);return{start:(e=!0)=>N.update(t,e),stop:()=>P(t),now:()=>F.isProcessing?F.timestamp:I.now()}},Gt=(e,t,n=10)=>{let r=``,i=Math.max(Math.round(t/n),2);for(let t=0;t<i;t++)r+=Math.round(e(t/(i-1))*1e4)/1e4+`, `;return`linear(${r.substring(0,r.length-2)})`},Kt=2e4;function qt(e){let t=0,n=e.next(t);for(;!n.done&&t<2e4;)t+=50,n=e.next(t);return t>=2e4?1/0:t}function Jt(e,t=100,n){let r=n({...e,keyframes:[0,t]}),i=Math.min(qt(r),Kt);return{type:`keyframes`,ease:e=>r.next(i*e).value/t,duration:j(i)}}var Yt=5;function Xt(e,t,n){let r=Math.max(t-Yt,0);return de(n-e(r),t-r)}var U={stiffness:100,damping:10,mass:1,velocity:0,duration:800,bounce:.3,visualDuration:.3,restSpeed:{granular:.01,default:2},restDelta:{granular:.005,default:.5},minDuration:.01,maxDuration:10,minDamping:.05,maxDamping:1},Zt=.001;function Qt({duration:e=U.duration,bounce:t=U.bounce,velocity:n=U.velocity,mass:r=U.mass}){let i,a;E(e<=A(U.maxDuration),`Spring duration must be 10 seconds or less`,`spring-duration-limit`);let o=1-t;o=T(U.minDamping,U.maxDamping,o),e=T(U.minDuration,U.maxDuration,j(e)),o<1?(i=t=>{let r=t*o,i=r*e,a=r-n,s=tn(t,o),c=Math.exp(-i);return Zt-a/s*c},a=t=>{let r=t*o*e,a=r*n+n,s=o**2*t**2*e,c=Math.exp(-r),l=tn(t**2,o);return(-i(t)+Zt>0?-1:1)*((a-s)*c)/l}):(i=t=>{let r=Math.exp(-t*e),i=(t-n)*e+1;return-Zt+r*i},a=t=>Math.exp(-t*e)*((n-t)*(e*e)));let s=5/e,c=en(i,a,s);if(e=A(e),isNaN(c))return{stiffness:U.stiffness,damping:U.damping,duration:e};{let t=c**2*r;return{stiffness:t,damping:o*2*Math.sqrt(r*t),duration:e}}}var $t=12;function en(e,t,n){let r=n;for(let n=1;n<$t;n++)r-=e(r)/t(r);return r}function tn(e,t){return e*Math.sqrt(1-t*t)}var nn=[`duration`,`bounce`],rn=[`stiffness`,`damping`,`mass`];function an(e,t){return t.some(t=>e[t]!==void 0)}function on(e){let t={velocity:U.velocity,stiffness:U.stiffness,damping:U.damping,mass:U.mass,isResolvedFromDuration:!1,...e};if(!an(e,rn)&&an(e,nn))if(e.visualDuration){let n=e.visualDuration,r=2*Math.PI/(n*1.2),i=r*r,a=2*T(.05,1,1-(e.bounce||0))*Math.sqrt(i);t={...t,mass:U.mass,stiffness:i,damping:a}}else{let n=Qt(e);t={...t,...n,mass:U.mass},t.isResolvedFromDuration=!0}return t}function sn(e=U.visualDuration,t=U.bounce){let n=typeof e==`object`?e:{visualDuration:e,keyframes:[0,1],bounce:t},{restSpeed:r,restDelta:i}=n,a=n.keyframes[0],o=n.keyframes[n.keyframes.length-1],s={done:!1,value:a},{stiffness:c,damping:l,mass:u,duration:d,velocity:f,isResolvedFromDuration:p}=on({...n,velocity:-j(n.velocity||0)}),m=f||0,h=l/(2*Math.sqrt(c*u)),g=o-a,_=j(Math.sqrt(c/u)),v=Math.abs(g)<5;r||=v?U.restSpeed.granular:U.restSpeed.default,i||=v?U.restDelta.granular:U.restDelta.default;let y;if(h<1){let e=tn(_,h);y=t=>o-Math.exp(-h*_*t)*((m+h*_*g)/e*Math.sin(e*t)+g*Math.cos(e*t))}else if(h===1)y=e=>o-Math.exp(-_*e)*(g+(m+_*g)*e);else{let e=_*Math.sqrt(h*h-1);y=t=>{let n=Math.exp(-h*_*t),r=Math.min(e*t,300);return o-n*((m+h*_*g)*Math.sinh(r)+e*g*Math.cosh(r))/e}}let b={calculatedDuration:p&&d||null,next:e=>{let t=y(e);if(p)s.done=e>=d;else{let n=e===0?m:0;h<1&&(n=e===0?A(m):Xt(y,e,t));let a=Math.abs(n)<=r,c=Math.abs(o-t)<=i;s.done=a&&c}return s.value=s.done?o:t,s},toString:()=>{let e=Math.min(qt(b),Kt),t=Gt(t=>b.next(e*t).value,e,30);return e+`ms `+t},toTransition:()=>{}};return b}sn.applyToOptions=e=>{let t=Jt(e,100,sn);return e.ease=t.ease,e.duration=A(t.duration),e.type=`keyframes`,e};function cn({keyframes:e,velocity:t=0,power:n=.8,timeConstant:r=325,bounceDamping:i=10,bounceStiffness:a=500,modifyTarget:o,min:s,max:c,restDelta:l=.5,restSpeed:u}){let d=e[0],f={done:!1,value:d},p=e=>s!==void 0&&e<s||c!==void 0&&e>c,m=e=>s===void 0?c:c===void 0||Math.abs(s-e)<Math.abs(c-e)?s:c,h=n*t,g=d+h,_=o===void 0?g:o(g);_!==g&&(h=_-d);let v=e=>-h*Math.exp(-e/r),y=e=>_+v(e),b=e=>{let t=v(e),n=y(e);f.done=Math.abs(t)<=l,f.value=f.done?_:n},x,S,ee=e=>{p(f.value)&&(x=e,S=sn({keyframes:[f.value,m(f.value)],velocity:Xt(y,e,f.value),damping:i,stiffness:a,restDelta:l,restSpeed:u}))};return ee(0),{calculatedDuration:null,next:e=>{let t=!1;return!S&&x===void 0&&(t=!0,b(e),ee(e)),x!==void 0&&e>=x?S.next(e-x):(!t&&b(e),f)}}}function ln(e,t,n){let r=[],i=n||O.mix||Ut,a=e.length-1;for(let n=0;n<a;n++){let a=i(e[n],e[n+1]);t&&(a=ce(Array.isArray(t)?t[n]||k:t,a)),r.push(a)}return r}function un(e,t,{clamp:n=!0,ease:r,mixer:i}={}){let a=e.length;if(D(a===t.length,`Both input and output ranges must be the same length`,`range-length`),a===1)return()=>t[0];if(a===2&&t[0]===t[1])return()=>t[1];let o=e[0]===e[1];e[0]>e[a-1]&&(e=[...e].reverse(),t=[...t].reverse());let s=ln(t,r,i),c=s.length,l=n=>{if(o&&n<e[0])return t[0];let r=0;if(c>1)for(;r<e.length-2&&!(n<e[r+1]);r++);let i=le(e[r],e[r+1],n);return s[r](i)};return n?t=>l(T(e[0],e[a-1],t)):l}function dn(e,t){let n=e[e.length-1];for(let r=1;r<=t;r++){let i=le(0,t,r);e.push(H(n,1,i))}}function fn(e){let t=[0];return dn(t,e.length-1),t}function pn(e,t){return e.map(e=>e*t)}function mn(e,t){return e.map(()=>t||Ae).splice(0,e.length-1)}function hn({duration:e=300,keyframes:t,times:n,ease:r=`easeInOut`}){let i=je(r)?r.map(Fe):Fe(r),a={done:!1,value:t[0]},o=un(pn(n&&n.length===t.length?n:fn(t),e),t,{ease:Array.isArray(i)?i:mn(t,i)});return{calculatedDuration:e,next:t=>(a.value=o(t),a.done=t>=e,a)}}var gn=e=>e!==null;function _n(e,{repeat:t,repeatType:n=`loop`},r,i=1){let a=e.filter(gn),o=i<0||t&&n!==`loop`&&t%2==1?0:a.length-1;return!o||r===void 0?a[o]:r}var vn={decay:cn,inertia:cn,tween:hn,keyframes:hn,spring:sn};function yn(e){typeof e.type==`string`&&(e.type=vn[e.type])}var bn=class{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(e=>{this.resolve=e})}notifyFinished(){this.resolve()}then(e,t){return this.finished.then(e,t)}},xn=e=>e/100,Sn=class extends bn{constructor(e){super(),this.state=`idle`,this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.stop=()=>{let{motionValue:e}=this.options;e&&e.updatedAt!==I.now()&&this.tick(I.now()),this.isStopped=!0,this.state!==`idle`&&(this.teardown(),this.options.onStop?.())},Ue.mainThread++,this.options=e,this.initAnimation(),this.play(),e.autoplay===!1&&this.pause()}initAnimation(){let{options:e}=this;yn(e);let{type:t=hn,repeat:n=0,repeatDelay:r=0,repeatType:i,velocity:a=0}=e,{keyframes:o}=e,s=t||hn;process.env.NODE_ENV!==`production`&&s!==hn&&D(o.length<=2,`Only two keyframes currently supported with spring and inertia animations. Trying to animate ${o}`,`spring-two-frames`),s!==hn&&typeof o[0]!=`number`&&(this.mixKeyframes=ce(xn,Ut(o[0],o[1])),o=[0,100]);let c=s({...e,keyframes:o});i===`mirror`&&(this.mirroredGenerator=s({...e,keyframes:[...o].reverse(),velocity:-a})),c.calculatedDuration===null&&(c.calculatedDuration=qt(c));let{calculatedDuration:l}=c;this.calculatedDuration=l,this.resolvedDuration=l+r,this.totalDuration=this.resolvedDuration*(n+1)-r,this.generator=c}updateTime(e){let t=Math.round(e-this.startTime)*this.playbackSpeed;this.holdTime===null?this.currentTime=t:this.currentTime=this.holdTime}tick(e,t=!1){let{generator:n,totalDuration:r,mixKeyframes:i,mirroredGenerator:a,resolvedDuration:o,calculatedDuration:s}=this;if(this.startTime===null)return n.next(0);let{delay:c=0,keyframes:l,repeat:u,repeatType:d,repeatDelay:f,type:p,onUpdate:m,finalKeyframe:h}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,e):this.speed<0&&(this.startTime=Math.min(e-r/this.speed,this.startTime)),t?this.currentTime=e:this.updateTime(e);let g=this.currentTime-c*(this.playbackSpeed>=0?1:-1),_=this.playbackSpeed>=0?g<0:g>r;this.currentTime=Math.max(g,0),this.state===`finished`&&this.holdTime===null&&(this.currentTime=r);let v=this.currentTime,y=n;if(u){let e=Math.min(this.currentTime,r)/o,t=Math.floor(e),n=e%1;!n&&e>=1&&(n=1),n===1&&t--,t=Math.min(t,u+1),t%2&&(d===`reverse`?(n=1-n,f&&(n-=f/o)):d===`mirror`&&(y=a)),v=T(0,1,n)*o}let b=_?{done:!1,value:l[0]}:y.next(v);i&&(b.value=i(b.value));let{done:x}=b;!_&&s!==null&&(x=this.playbackSpeed>=0?this.currentTime>=r:this.currentTime<=0);let S=this.holdTime===null&&(this.state===`finished`||this.state===`running`&&x);return S&&p!==cn&&(b.value=_n(l,this.options,h,this.speed)),m&&m(b.value),S&&this.finish(),b}then(e,t){return this.finished.then(e,t)}get duration(){return j(this.calculatedDuration)}get iterationDuration(){let{delay:e=0}=this.options||{};return this.duration+j(e)}get time(){return j(this.currentTime)}set time(e){e=A(e),this.currentTime=e,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=e:this.driver&&(this.startTime=this.driver.now()-e/this.playbackSpeed),this.driver?.start(!1)}get speed(){return this.playbackSpeed}set speed(e){this.updateTime(I.now());let t=this.playbackSpeed!==e;this.playbackSpeed=e,t&&(this.time=j(this.currentTime))}play(){if(this.isStopped)return;let{driver:e=Wt,startTime:t}=this.options;this.driver||=e(e=>this.tick(e)),this.options.onPlay?.();let n=this.driver.now();this.state===`finished`?(this.updateFinished(),this.startTime=n):this.holdTime===null?this.startTime||=t??n:this.startTime=n-this.holdTime,this.state===`finished`&&this.speed<0&&(this.startTime+=this.calculatedDuration),this.holdTime=null,this.state=`running`,this.driver.start()}pause(){this.state=`paused`,this.updateTime(I.now()),this.holdTime=this.currentTime}complete(){this.state!==`running`&&this.play(),this.state=`finished`,this.holdTime=null}finish(){this.notifyFinished(),this.teardown(),this.state=`finished`,this.options.onComplete?.()}cancel(){this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),this.options.onCancel?.()}teardown(){this.state=`idle`,this.stopDriver(),this.startTime=this.holdTime=null,Ue.mainThread--}stopDriver(){this.driver&&=(this.driver.stop(),void 0)}sample(e){return this.startTime=0,this.tick(e,!0)}attachTimeline(e){return this.options.allowFlatten&&(this.options.type=`keyframes`,this.options.ease=`linear`,this.initAnimation()),this.driver?.stop(),e.observe(this)}};function Cn(e){for(let t=1;t<e.length;t++)e[t]??(e[t]=e[t-1])}var W=e=>e*180/Math.PI,wn=e=>En(W(Math.atan2(e[1],e[0]))),Tn={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:e=>(Math.abs(e[0])+Math.abs(e[3]))/2,rotate:wn,rotateZ:wn,skewX:e=>W(Math.atan(e[1])),skewY:e=>W(Math.atan(e[2])),skew:e=>(Math.abs(e[1])+Math.abs(e[2]))/2},En=e=>(e%=360,e<0&&(e+=360),e),Dn=wn,On=e=>Math.sqrt(e[0]*e[0]+e[1]*e[1]),kn=e=>Math.sqrt(e[4]*e[4]+e[5]*e[5]),An={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:On,scaleY:kn,scale:e=>(On(e)+kn(e))/2,rotateX:e=>En(W(Math.atan2(e[6],e[5]))),rotateY:e=>En(W(Math.atan2(-e[2],e[0]))),rotateZ:Dn,rotate:Dn,skewX:e=>W(Math.atan(e[4])),skewY:e=>W(Math.atan(e[1])),skew:e=>(Math.abs(e[1])+Math.abs(e[4]))/2};function jn(e){return e.includes(`scale`)?1:0}function Mn(e,t){if(!e||e===`none`)return jn(t);let n=e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u),r,i;if(n)r=An,i=n;else{let t=e.match(/^matrix\(([-\d.e\s,]+)\)$/u);r=Tn,i=t}if(!i)return jn(t);let a=r[t],o=i[1].split(`,`).map(Pn);return typeof a==`function`?a(o):o[a]}var Nn=(e,t)=>{let{transform:n=`none`}=getComputedStyle(e);return Mn(n,t)};function Pn(e){return parseFloat(e.trim())}var Fn=[`transformPerspective`,`x`,`y`,`z`,`translateX`,`translateY`,`translateZ`,`scale`,`scaleX`,`scaleY`,`rotate`,`rotateX`,`rotateY`,`rotateZ`,`skew`,`skewX`,`skewY`],In=(()=>new Set(Fn))(),Ln=e=>e===Ye||e===z,Rn=new Set([`x`,`y`,`z`]),zn=Fn.filter(e=>!Rn.has(e));function Bn(e){let t=[];return zn.forEach(n=>{let r=e.getValue(n);r!==void 0&&(t.push([n,r.get()]),r.set(n.startsWith(`scale`)?1:0))}),t}var G={width:({x:e},{paddingLeft:t=`0`,paddingRight:n=`0`})=>e.max-e.min-parseFloat(t)-parseFloat(n),height:({y:e},{paddingTop:t=`0`,paddingBottom:n=`0`})=>e.max-e.min-parseFloat(t)-parseFloat(n),top:(e,{top:t})=>parseFloat(t),left:(e,{left:t})=>parseFloat(t),bottom:({y:e},{top:t})=>parseFloat(t)+(e.max-e.min),right:({x:e},{left:t})=>parseFloat(t)+(e.max-e.min),x:(e,{transform:t})=>Mn(t,`x`),y:(e,{transform:t})=>Mn(t,`y`)};G.translateX=G.x,G.translateY=G.y;var Vn=new Set,Hn=!1,Un=!1,Wn=!1;function Gn(){if(Un){let e=Array.from(Vn).filter(e=>e.needsMeasurement),t=new Set(e.map(e=>e.element)),n=new Map;t.forEach(e=>{let t=Bn(e);t.length&&(n.set(e,t),e.render())}),e.forEach(e=>e.measureInitialState()),t.forEach(e=>{e.render();let t=n.get(e);t&&t.forEach(([t,n])=>{e.getValue(t)?.set(n)})}),e.forEach(e=>e.measureEndState()),e.forEach(e=>{e.suspendedScrollY!==void 0&&window.scrollTo(0,e.suspendedScrollY)})}Un=!1,Hn=!1,Vn.forEach(e=>e.complete(Wn)),Vn.clear()}function Kn(){Vn.forEach(e=>{e.readKeyframes(),e.needsMeasurement&&(Un=!0)})}function qn(){Wn=!0,Kn(),Gn(),Wn=!1}var Jn=class{constructor(e,t,n,r,i,a=!1){this.state=`pending`,this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...e],this.onComplete=t,this.name=n,this.motionValue=r,this.element=i,this.isAsync=a}scheduleResolve(){this.state=`scheduled`,this.isAsync?(Vn.add(this),Hn||(Hn=!0,N.read(Kn),N.resolveKeyframes(Gn))):(this.readKeyframes(),this.complete())}readKeyframes(){let{unresolvedKeyframes:e,name:t,element:n,motionValue:r}=this;if(e[0]===null){let i=r?.get(),a=e[e.length-1];if(i!==void 0)e[0]=i;else if(n&&t){let r=n.readValue(t,a);r!=null&&(e[0]=r)}e[0]===void 0&&(e[0]=a),r&&i===void 0&&r.set(e[0])}Cn(e)}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(e=!1){this.state=`complete`,this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,e),Vn.delete(this)}cancel(){this.state===`scheduled`&&(Vn.delete(this),this.state=`pending`)}resume(){this.state===`pending`&&this.scheduleResolve()}},Yn=e=>e.startsWith(`--`);function Xn(e,t,n){Yn(t)?e.style.setProperty(t,n):e.style[t]=n}var Zn=oe(()=>window.ScrollTimeline!==void 0),Qn={};function $n(e,t){let n=oe(e);return()=>Qn[t]??n()}var er=$n(()=>{try{document.createElement(`div`).animate({opacity:0},{easing:`linear(0, 1)`})}catch{return!1}return!0},`linearEasing`),tr=([e,t,n,r])=>`cubic-bezier(${e}, ${t}, ${n}, ${r})`,nr={linear:`linear`,ease:`ease`,easeIn:`ease-in`,easeOut:`ease-out`,easeInOut:`ease-in-out`,circIn:tr([0,.65,.55,1]),circOut:tr([.55,0,1,.45]),backIn:tr([.31,.01,.66,-.59]),backOut:tr([.33,1.53,.69,.99])};function rr(e,t){if(e)return typeof e==`function`?er()?Gt(e,t):`ease-out`:Me(e)?tr(e):Array.isArray(e)?e.map(e=>rr(e,t)||nr.easeOut):nr[e]}function ir(e,t,n,{delay:r=0,duration:i=300,repeat:a=0,repeatType:o=`loop`,ease:s=`easeOut`,times:c}={},l=void 0){let u={[t]:n};c&&(u.offset=c);let d=rr(s,i);Array.isArray(d)&&(u.easing=d),M.value&&Ue.waapi++;let f={delay:r,duration:i,easing:Array.isArray(d)?`linear`:d,fill:`both`,iterations:a+1,direction:o===`reverse`?`alternate`:`normal`};l&&(f.pseudoElement=l);let p=e.animate(u,f);return M.value&&p.finished.finally(()=>{Ue.waapi--}),p}function ar(e){return typeof e==`function`&&`applyToOptions`in e}function or({type:e,...t}){return ar(e)&&er()?e.applyToOptions(t):(t.duration??=300,t.ease??=`easeOut`,t)}var sr=class extends bn{constructor(e){if(super(),this.finishedTime=null,this.isStopped=!1,!e)return;let{element:t,name:n,keyframes:r,pseudoElement:i,allowFlatten:a=!1,finalKeyframe:o,onComplete:s}=e;this.isPseudoElement=!!i,this.allowFlatten=a,this.options=e,D(typeof e.type!=`string`,`Mini animate() doesn't support "type" as a string.`,`mini-spring`);let c=or(e);this.animation=ir(t,n,r,c,i),c.autoplay===!1&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!i){let e=_n(r,this.options,o,this.speed);this.updateMotionValue?this.updateMotionValue(e):Xn(t,n,e),this.animation.cancel()}s?.(),this.notifyFinished()}}play(){this.isStopped||(this.animation.play(),this.state===`finished`&&this.updateFinished())}pause(){this.animation.pause()}complete(){this.animation.finish?.()}cancel(){try{this.animation.cancel()}catch{}}stop(){if(this.isStopped)return;this.isStopped=!0;let{state:e}=this;e===`idle`||e===`finished`||(this.updateMotionValue?this.updateMotionValue():this.commitStyles(),this.isPseudoElement||this.cancel())}commitStyles(){this.isPseudoElement||this.animation.commitStyles?.()}get duration(){let e=this.animation.effect?.getComputedTiming?.().duration||0;return j(Number(e))}get iterationDuration(){let{delay:e=0}=this.options||{};return this.duration+j(e)}get time(){return j(Number(this.animation.currentTime)||0)}set time(e){this.finishedTime=null,this.animation.currentTime=A(e)}get speed(){return this.animation.playbackRate}set speed(e){e<0&&(this.finishedTime=null),this.animation.playbackRate=e}get state(){return this.finishedTime===null?this.animation.playState:`finished`}get startTime(){return Number(this.animation.startTime)}set startTime(e){this.animation.startTime=e}attachTimeline({timeline:e,observe:t}){return this.allowFlatten&&this.animation.effect?.updateTiming({easing:`linear`}),this.animation.onfinish=null,e&&Zn()?(this.animation.timeline=e,k):t(this)}},cr={anticipate:we,backInOut:Ce,circInOut:De};function lr(e){return e in cr}function ur(e){typeof e.ease==`string`&&lr(e.ease)&&(e.ease=cr[e.ease])}var dr=10,fr=class extends sr{constructor(e){ur(e),yn(e),super(e),e.startTime&&(this.startTime=e.startTime),this.options=e}updateMotionValue(e){let{motionValue:t,onUpdate:n,onComplete:r,element:i,...a}=this.options;if(!t)return;if(e!==void 0){t.set(e);return}let o=new Sn({...a,autoplay:!1}),s=A(this.finishedTime??this.time);t.setWithVelocity(o.sample(s-dr).value,o.sample(s).value,dr),o.stop()}},pr=(e,t)=>t===`zIndex`?!1:!!(typeof e==`number`||Array.isArray(e)||typeof e==`string`&&(V.test(e)||e===`0`)&&!e.startsWith(`url(`));function mr(e){let t=e[0];if(e.length===1)return!0;for(let n=0;n<e.length;n++)if(e[n]!==t)return!0}function hr(e,t,n,r){let i=e[0];if(i===null)return!1;if(t===`display`||t===`visibility`)return!0;let a=e[e.length-1],o=pr(i,t),s=pr(a,t);return E(o===s,`You are trying to animate ${t} from "${i}" to "${a}". "${o?a:i}" is not an animatable value.`,`value-not-animatable`),!o||!s?!1:mr(e)||(n===`spring`||ar(n))&&r}function gr(e){e.duration=0,e.type=`keyframes`}var _r=new Set([`opacity`,`clipPath`,`filter`,`transform`]),vr=oe(()=>Object.hasOwnProperty.call(Element.prototype,`animate`));function yr(e){let{motionValue:t,name:n,repeatDelay:r,repeatType:i,damping:a,type:o}=e;if(!(t?.owner?.current instanceof HTMLElement))return!1;let{onUpdate:s,transformTemplate:c}=t.owner.getProps();return vr()&&n&&_r.has(n)&&(n!==`transform`||!c)&&!s&&!r&&i!==`mirror`&&a!==0&&o!==`inertia`}var br=40,xr=class extends bn{constructor({autoplay:e=!0,delay:t=0,type:n=`keyframes`,repeat:r=0,repeatDelay:i=0,repeatType:a=`loop`,keyframes:o,name:s,motionValue:c,element:l,...u}){super(),this.stop=()=>{this._animation&&(this._animation.stop(),this.stopTimeline?.()),this.keyframeResolver?.cancel()},this.createdAt=I.now();let d={autoplay:e,delay:t,type:n,repeat:r,repeatDelay:i,repeatType:a,name:s,motionValue:c,element:l,...u};this.keyframeResolver=new(l?.KeyframeResolver||Jn)(o,(e,t,n)=>this.onKeyframesResolved(e,t,d,!n),s,c,l),this.keyframeResolver?.scheduleResolve()}onKeyframesResolved(e,t,n,r){this.keyframeResolver=void 0;let{name:i,type:a,velocity:o,delay:s,isHandoff:c,onUpdate:l}=n;this.resolvedAt=I.now(),hr(e,i,a,o)||((O.instantAnimations||!s)&&l?.(_n(e,n,t)),e[0]=e[e.length-1],gr(n),n.repeat=0);let u={startTime:r?this.resolvedAt&&this.resolvedAt-this.createdAt>br?this.resolvedAt:this.createdAt:void 0,finalKeyframe:t,...n,keyframes:e},d=!c&&yr(u)?new fr({...u,element:u.motionValue.owner.current}):new Sn(u);d.finished.then(()=>this.notifyFinished()).catch(k),this.pendingTimeline&&=(this.stopTimeline=d.attachTimeline(this.pendingTimeline),void 0),this._animation=d}get finished(){return this._animation?this.animation.finished:this._finished}then(e,t){return this.finished.finally(e).then(()=>{})}get animation(){return this._animation||(this.keyframeResolver?.resume(),qn()),this._animation}get duration(){return this.animation.duration}get iterationDuration(){return this.animation.iterationDuration}get time(){return this.animation.time}set time(e){this.animation.time=e}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(e){this.animation.speed=e}get startTime(){return this.animation.startTime}attachTimeline(e){return this._animation?this.stopTimeline=this.animation.attachTimeline(e):this.pendingTimeline=e,()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){this._animation&&this.animation.cancel(),this.keyframeResolver?.cancel()}},Sr=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function Cr(e){let t=Sr.exec(e);if(!t)return[,];let[,n,r,i]=t;return[`--${n??r}`,i]}var wr=4;function Tr(e,t,n=1){D(n<=wr,`Max CSS variable fallback depth detected in property "${e}". This may indicate a circular fallback dependency.`,`max-css-var-depth`);let[r,i]=Cr(e);if(!r)return;let a=window.getComputedStyle(t).getPropertyValue(r);if(a){let e=a.trim();return re(e)?parseFloat(e):e}return qe(i)?Tr(i,t,n+1):i}function Er(e,t){return e?.[t]??e?.default??e}var Dr=new Set([`width`,`height`,`top`,`left`,`right`,`bottom`,...Fn]),Or={test:e=>e===`auto`,parse:e=>e},kr=e=>t=>t.test(e),Ar=[Ye,z,R,L,dt,ut,Or],jr=e=>Ar.find(kr(e));function Mr(e){return typeof e==`number`?e===0:e===null?!0:e===`none`||e===`0`||ae(e)}var Nr=new Set([`brightness`,`contrast`,`saturate`,`opacity`]);function Pr(e){let[t,n]=e.slice(0,-1).split(`(`);if(t===`drop-shadow`)return e;let[r]=n.match($e)||[];if(!r)return e;let i=n.replace(r,``),a=Nr.has(t)?1:0;return r!==n&&(a*=100),t+`(`+a+i+`)`}var Fr=/\b([a-z-]*)\(.*?\)/gu,Ir={...V,getAnimatableNone:e=>{let t=e.match(Fr);return t?t.map(Pr).join(` `):e}},Lr={...Ye,transform:Math.round},Rr={rotate:L,rotateX:L,rotateY:L,rotateZ:L,scale:Ze,scaleX:Ze,scaleY:Ze,scaleZ:Ze,skew:L,skewX:L,skewY:L,distance:z,translateX:z,translateY:z,translateZ:z,x:z,y:z,z,perspective:z,transformPerspective:z,opacity:Xe,originX:ft,originY:ft,originZ:z},zr={borderWidth:z,borderTopWidth:z,borderRightWidth:z,borderBottomWidth:z,borderLeftWidth:z,borderRadius:z,radius:z,borderTopLeftRadius:z,borderTopRightRadius:z,borderBottomRightRadius:z,borderBottomLeftRadius:z,width:z,maxWidth:z,height:z,maxHeight:z,top:z,right:z,bottom:z,left:z,padding:z,paddingTop:z,paddingRight:z,paddingBottom:z,paddingLeft:z,margin:z,marginTop:z,marginRight:z,marginBottom:z,marginLeft:z,backgroundPositionX:z,backgroundPositionY:z,...Rr,zIndex:Lr,fillOpacity:Xe,strokeOpacity:Xe,numOctaves:Lr},Br={...zr,color:B,backgroundColor:B,outlineColor:B,fill:B,stroke:B,borderColor:B,borderTopColor:B,borderRightColor:B,borderBottomColor:B,borderLeftColor:B,filter:Ir,WebkitFilter:Ir},Vr=e=>Br[e];function Hr(e,t){let n=Vr(e);return n!==Ir&&(n=V),n.getAnimatableNone?n.getAnimatableNone(t):void 0}var Ur=new Set([`auto`,`none`,`0`]);function Wr(e,t,n){let r=0,i;for(;r<e.length&&!i;){let t=e[r];typeof t==`string`&&!Ur.has(t)&&St(t).values.length&&(i=e[r]),r++}if(i&&n)for(let r of t)e[r]=Hr(n,i)}var Gr=class extends Jn{constructor(e,t,n,r,i){super(e,t,n,r,i,!0)}readKeyframes(){let{unresolvedKeyframes:e,element:t,name:n}=this;if(!t||!t.current)return;super.readKeyframes();for(let n=0;n<e.length;n++){let r=e[n];if(typeof r==`string`&&(r=r.trim(),qe(r))){let i=Tr(r,t.current);i!==void 0&&(e[n]=i),n===e.length-1&&(this.finalKeyframe=r)}}if(this.resolveNoneKeyframes(),!Dr.has(n)||e.length!==2)return;let[r,i]=e,a=jr(r),o=jr(i);if(a!==o)if(Ln(a)&&Ln(o))for(let t=0;t<e.length;t++){let n=e[t];typeof n==`string`&&(e[t]=parseFloat(n))}else G[n]&&(this.needsMeasurement=!0)}resolveNoneKeyframes(){let{unresolvedKeyframes:e,name:t}=this,n=[];for(let t=0;t<e.length;t++)(e[t]===null||Mr(e[t]))&&n.push(t);n.length&&Wr(e,n,t)}measureInitialState(){let{element:e,unresolvedKeyframes:t,name:n}=this;if(!e||!e.current)return;n===`height`&&(this.suspendedScrollY=window.pageYOffset),this.measuredOrigin=G[n](e.measureViewportBox(),window.getComputedStyle(e.current)),t[0]=this.measuredOrigin;let r=t[t.length-1];r!==void 0&&e.getValue(n,r).jump(r,!1)}measureEndState(){let{element:e,name:t,unresolvedKeyframes:n}=this;if(!e||!e.current)return;let r=e.getValue(t);r&&r.jump(this.measuredOrigin,!1);let i=n.length-1,a=n[i];n[i]=G[t](e.measureViewportBox(),window.getComputedStyle(e.current)),a!==null&&this.finalKeyframe===void 0&&(this.finalKeyframe=a),this.removedTransforms?.length&&this.removedTransforms.forEach(([t,n])=>{e.getValue(t).set(n)}),this.resolveNoneKeyframes()}};function Kr(e,t,n){if(e instanceof EventTarget)return[e];if(typeof e==`string`){let r=document;t&&(r=t.current);let i=n?.[e]??r.querySelectorAll(e);return i?Array.from(i):[]}return Array.from(e)}var qr=(e,t)=>t&&typeof e==`number`?t.transform(e):e;function Jr(e){return ie(e)&&`offsetHeight`in e}var Yr=30,Xr=e=>!isNaN(parseFloat(e)),Zr={current:void 0},Qr=class{constructor(e,t={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=e=>{let t=I.now();if(this.updatedAt!==t&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(e),this.current!==this.prev&&(this.events.change?.notify(this.current),this.dependents))for(let e of this.dependents)e.dirty()},this.hasAnimated=!1,this.setCurrent(e),this.owner=t.owner}setCurrent(e){this.current=e,this.updatedAt=I.now(),this.canTrackVelocity===null&&e!==void 0&&(this.canTrackVelocity=Xr(this.current))}setPrevFrameValue(e=this.current){this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt}onChange(e){return process.env.NODE_ENV!==`production`&&pe(!1,`value.onChange(callback) is deprecated. Switch to value.on("change", callback).`),this.on(`change`,e)}on(e,t){this.events[e]||(this.events[e]=new ue);let n=this.events[e].add(t);return e===`change`?()=>{n(),N.read(()=>{this.events.change.getSize()||this.stop()})}:n}clearListeners(){for(let e in this.events)this.events[e].clear()}attach(e,t){this.passiveEffect=e,this.stopPassiveEffect=t}set(e){this.passiveEffect?this.passiveEffect(e,this.updateAndNotify):this.updateAndNotify(e)}setWithVelocity(e,t,n){this.set(t),this.prev=void 0,this.prevFrameValue=e,this.prevUpdatedAt=this.updatedAt-n}jump(e,t=!0){this.updateAndNotify(e),this.prev=e,this.prevUpdatedAt=this.prevFrameValue=void 0,t&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){this.events.change?.notify(this.current)}addDependent(e){this.dependents||=new Set,this.dependents.add(e)}removeDependent(e){this.dependents&&this.dependents.delete(e)}get(){return Zr.current&&Zr.current.push(this),this.current}getPrevious(){return this.prev}getVelocity(){let e=I.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||e-this.updatedAt>Yr)return 0;let t=Math.min(this.updatedAt-this.prevUpdatedAt,Yr);return de(parseFloat(this.current)-parseFloat(this.prevFrameValue),t)}start(e){return this.stop(),new Promise(t=>{this.hasAnimated=!0,this.animation=e(t),this.events.animationStart&&this.events.animationStart.notify()}).then(()=>{this.events.animationComplete&&this.events.animationComplete.notify(),this.clearAnimation()})}stop(){this.animation&&(this.animation.stop(),this.events.animationCancel&&this.events.animationCancel.notify()),this.clearAnimation()}isAnimating(){return!!this.animation}clearAnimation(){delete this.animation}destroy(){this.dependents?.clear(),this.events.destroy?.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}};function $r(e,t){return new Qr(e,t)}var{schedule:ei,cancel:ti}=ze(queueMicrotask,!1),K={x:!1,y:!1};function ni(){return K.x||K.y}function ri(e){return e===`x`||e===`y`?K[e]?null:(K[e]=!0,()=>{K[e]=!1}):K.x||K.y?null:(K.x=K.y=!0,()=>{K.x=K.y=!1})}function ii(e,t){let n=Kr(e),r=new AbortController;return[n,{passive:!0,...t,signal:r.signal},()=>r.abort()]}function ai(e){return!(e.pointerType===`touch`||ni())}function oi(e,t,n={}){let[r,i,a]=ii(e,n),o=e=>{if(!ai(e))return;let{target:n}=e,r=t(n,e);if(typeof r!=`function`||!n)return;let a=e=>{ai(e)&&(r(e),n.removeEventListener(`pointerleave`,a))};n.addEventListener(`pointerleave`,a,i)};return r.forEach(e=>{e.addEventListener(`pointerenter`,o,i)}),a}var si=(e,t)=>t?e===t?!0:si(e,t.parentElement):!1,ci=e=>e.pointerType===`mouse`?typeof e.button!=`number`||e.button<=0:e.isPrimary!==!1,li=new Set([`BUTTON`,`INPUT`,`SELECT`,`TEXTAREA`,`A`]);function ui(e){return li.has(e.tagName)||e.tabIndex!==-1}var di=new WeakSet;function fi(e){return t=>{t.key===`Enter`&&e(t)}}function pi(e,t){e.dispatchEvent(new PointerEvent(`pointer`+t,{isPrimary:!0,bubbles:!0}))}var mi=(e,t)=>{let n=e.currentTarget;if(!n)return;let r=fi(()=>{if(di.has(n))return;pi(n,`down`);let e=fi(()=>{pi(n,`up`)});n.addEventListener(`keyup`,e,t),n.addEventListener(`blur`,()=>pi(n,`cancel`),t)});n.addEventListener(`keydown`,r,t),n.addEventListener(`blur`,()=>n.removeEventListener(`keydown`,r),t)};function hi(e){return ci(e)&&!ni()}function gi(e,t,n={}){let[r,i,a]=ii(e,n),o=e=>{let r=e.currentTarget;if(!hi(e))return;di.add(r);let a=t(r,e),o=(e,t)=>{window.removeEventListener(`pointerup`,s),window.removeEventListener(`pointercancel`,c),di.has(r)&&di.delete(r),hi(e)&&typeof a==`function`&&a(e,{success:t})},s=e=>{o(e,r===window||r===document||n.useGlobalTarget||si(r,e.target))},c=e=>{o(e,!1)};window.addEventListener(`pointerup`,s,i),window.addEventListener(`pointercancel`,c,i)};return r.forEach(e=>{(n.useGlobalTarget?window:e).addEventListener(`pointerdown`,o,i),Jr(e)&&(e.addEventListener(`focus`,e=>mi(e,i)),!ui(e)&&!e.hasAttribute(`tabindex`)&&(e.tabIndex=0))}),a}function _i(e){return ie(e)&&`ownerSVGElement`in e}function vi(e){return _i(e)&&e.tagName===`svg`}var q=e=>!!(e&&e.getVelocity),yi=[...Ar,B,V],bi=e=>yi.find(kr(e)),xi=(0,f.createContext)({transformPagePoint:e=>e,isStatic:!1,reducedMotion:`never`});function Si(e,t){if(typeof e==`function`)return e(t);e!=null&&(e.current=t)}function Ci(...e){return t=>{let n=!1,r=e.map(e=>{let r=Si(e,t);return!n&&typeof r==`function`&&(n=!0),r});if(n)return()=>{for(let t=0;t<r.length;t++){let n=r[t];typeof n==`function`?n():Si(e[t],null)}}}}function wi(...e){return f.useCallback(Ci(...e),e)}var J=y(),Ti=class extends f.Component{getSnapshotBeforeUpdate(e){let t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){let e=t.offsetParent,n=Jr(e)&&e.offsetWidth||0,r=this.props.sizeRef.current;r.height=t.offsetHeight||0,r.width=t.offsetWidth||0,r.top=t.offsetTop,r.left=t.offsetLeft,r.right=n-r.width-r.left}return null}componentDidUpdate(){}render(){return this.props.children}};function Ei({children:e,isPresent:t,anchorX:n,root:r}){let i=(0,f.useId)(),a=(0,f.useRef)(null),o=(0,f.useRef)({width:0,height:0,top:0,left:0,right:0}),{nonce:s}=(0,f.useContext)(xi),c=wi(a,e?.ref);return(0,f.useInsertionEffect)(()=>{let{width:e,height:c,top:l,left:u,right:d}=o.current;if(t||!a.current||!e||!c)return;let f=n===`left`?`left: ${u}`:`right: ${d}`;a.current.dataset.motionPopId=i;let p=document.createElement(`style`);s&&(p.nonce=s);let m=r??document.head;return m.appendChild(p),p.sheet&&p.sheet.insertRule(`
|
|
7
|
+
[data-motion-pop-id="${i}"] {
|
|
8
|
+
position: absolute !important;
|
|
9
|
+
width: ${e}px !important;
|
|
10
|
+
height: ${c}px !important;
|
|
11
|
+
${f}px !important;
|
|
12
|
+
top: ${l}px !important;
|
|
13
|
+
}
|
|
14
|
+
`),()=>{m.contains(p)&&m.removeChild(p)}},[t]),(0,J.jsx)(Ti,{isPresent:t,childRef:a,sizeRef:o,children:f.cloneElement(e,{ref:c})})}var Di=({children:e,initial:t,isPresent:n,onExitComplete:r,custom:i,presenceAffectsLayout:a,mode:o,anchorX:s,root:c})=>{let l=x(Oi),u=(0,f.useId)(),d=!0,p=(0,f.useMemo)(()=>(d=!1,{id:u,initial:t,isPresent:n,custom:i,onExitComplete:e=>{l.set(e,!0);for(let e of l.values())if(!e)return;r&&r()},register:e=>(l.set(e,!1),()=>l.delete(e))}),[n,l,r]);return a&&d&&(p={...p}),(0,f.useMemo)(()=>{l.forEach((e,t)=>l.set(t,!1))},[n]),f.useEffect(()=>{!n&&!l.size&&r&&r()},[n]),o===`popLayout`&&(e=(0,J.jsx)(Ei,{isPresent:n,anchorX:s,root:c,children:e})),(0,J.jsx)(C.Provider,{value:p,children:e})};function Oi(){return new Map}function ki(e=!0){let t=(0,f.useContext)(C);if(t===null)return[!0,null];let{isPresent:n,onExitComplete:r,register:i}=t,a=(0,f.useId)();(0,f.useEffect)(()=>{if(e)return i(a)},[e]);let o=(0,f.useCallback)(()=>e&&r&&r(a),[a,r,e]);return!n&&r?[!1,o]:[!0]}var Ai=e=>e.key||``;function ji(e){let t=[];return f.Children.forEach(e,e=>{(0,f.isValidElement)(e)&&t.push(e)}),t}var Mi=({children:e,custom:t,initial:n=!0,onExitComplete:r,presenceAffectsLayout:i=!0,mode:a=`sync`,propagate:o=!1,anchorX:s=`left`,root:c})=>{let[l,u]=ki(o),d=(0,f.useMemo)(()=>ji(e),[e]),p=o&&!l?[]:d.map(Ai),m=(0,f.useRef)(!0),h=(0,f.useRef)(d),g=x(()=>new Map),[_,v]=(0,f.useState)(d),[y,S]=(0,f.useState)(d);ee(()=>{m.current=!1,h.current=d;for(let e=0;e<y.length;e++){let t=Ai(y[e]);p.includes(t)?g.delete(t):g.get(t)!==!0&&g.set(t,!1)}},[y,p.length,p.join(`-`)]);let C=[];if(d!==_){let e=[...d];for(let t=0;t<y.length;t++){let n=y[t],r=Ai(n);p.includes(r)||(e.splice(t,0,n),C.push(n))}return a===`wait`&&C.length&&(e=C),S(ji(e)),v(d),null}process.env.NODE_ENV!==`production`&&a===`wait`&&y.length>1&&console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);let{forceRender:te}=(0,f.useContext)(b);return(0,J.jsx)(J.Fragment,{children:y.map(e=>{let f=Ai(e),_=o&&!l?!1:d===y||p.includes(f);return(0,J.jsx)(Di,{isPresent:_,initial:!m.current||n?void 0:!1,custom:t,presenceAffectsLayout:i,mode:a,root:c,onExitComplete:_?void 0:()=>{if(g.has(f))g.set(f,!0);else return;let e=!0;g.forEach(t=>{t||(e=!1)}),e&&(te?.(),S(h.current),o&&u?.(),r&&r())},anchorX:s,children:e},f)})})},Ni=(0,f.createContext)({strict:!1}),Pi={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`]},Fi={};for(let e in Pi)Fi[e]={isEnabled:t=>Pi[e].some(e=>!!t[e])};function Ii(e){for(let t in e)Fi[t]={...Fi[t],...e[t]}}var Li=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`.split(`.`));function Ri(e){return e.startsWith(`while`)||e.startsWith(`drag`)&&e!==`draggable`||e.startsWith(`layout`)||e.startsWith(`onTap`)||e.startsWith(`onPan`)||e.startsWith(`onLayout`)||Li.has(e)}var zi=c({default:()=>Bi}),Bi,Vi=o((()=>{throw Bi={},Error(`Could not resolve "@emotion/is-prop-valid" imported by "framer-motion". Is it installed?`)})),Hi=e=>!Ri(e);function Ui(e){typeof e==`function`&&(Hi=t=>t.startsWith(`on`)?!Ri(t):e(t))}try{Ui((Vi(),d(zi)).default)}catch{}function Wi(e,t,n){let r={};for(let i in e)i===`values`&&typeof e.values==`object`||(Hi(i)||n===!0&&Ri(i)||!t&&!Ri(i)||e.draggable&&i.startsWith(`onDrag`))&&(r[i]=e[i]);return r}var Gi=(0,f.createContext)({});function Ki(e){return typeof e==`object`&&!!e&&typeof e.start==`function`}function qi(e){return typeof e==`string`||Array.isArray(e)}var Ji=[`animate`,`whileInView`,`whileFocus`,`whileHover`,`whileTap`,`whileDrag`,`exit`],Yi=[`initial`,...Ji];function Xi(e){return Ki(e.animate)||Yi.some(t=>qi(e[t]))}function Zi(e){return!!(Xi(e)||e.variants)}function Qi(e,t){if(Xi(e)){let{initial:t,animate:n}=e;return{initial:t===!1||qi(t)?t:void 0,animate:qi(n)?n:void 0}}return e.inherit===!1?{}:t}function $i(e){let{initial:t,animate:n}=Qi(e,(0,f.useContext)(Gi));return(0,f.useMemo)(()=>({initial:t,animate:n}),[ea(t),ea(n)])}function ea(e){return Array.isArray(e)?e.join(` `):e}function ta(e,t){return t.max===t.min?0:e/(t.max-t.min)*100}var na={correct:(e,t)=>{if(!t.target)return e;if(typeof e==`string`)if(z.test(e))e=parseFloat(e);else return e;return`${ta(e,t.target.x)}% ${ta(e,t.target.y)}%`}},ra={correct:(e,{treeScale:t,projectionDelta:n})=>{let r=e,i=V.parse(e);if(i.length>5)return r;let a=V.createTransformer(e),o=typeof i[0]==`number`?0:1,s=n.x.scale*t.x,c=n.y.scale*t.y;i[0+o]/=s,i[1+o]/=c;let l=H(s,c,.5);return typeof i[2+o]==`number`&&(i[2+o]/=l),typeof i[3+o]==`number`&&(i[3+o]/=l),a(i)}},ia={borderRadius:{...na,applyTo:[`borderTopLeftRadius`,`borderTopRightRadius`,`borderBottomLeftRadius`,`borderBottomRightRadius`]},borderTopLeftRadius:na,borderTopRightRadius:na,borderBottomLeftRadius:na,borderBottomRightRadius:na,boxShadow:ra};function aa(e,{layout:t,layoutId:n}){return In.has(e)||e.startsWith(`origin`)||(t||n!==void 0)&&(!!ia[e]||e===`opacity`)}var oa={x:`translateX`,y:`translateY`,z:`translateZ`,transformPerspective:`perspective`},sa=Fn.length;function ca(e,t,n){let r=``,i=!0;for(let a=0;a<sa;a++){let o=Fn[a],s=e[o];if(s===void 0)continue;let c=!0;if(c=typeof s==`number`?s===(o.startsWith(`scale`)?1:0):parseFloat(s)===0,!c||n){let e=qr(s,zr[o]);if(!c){i=!1;let t=oa[o]||o;r+=`${t}(${e}) `}n&&(t[o]=e)}}return r=r.trim(),n?r=n(t,i?``:r):i&&(r=`none`),r}function la(e,t,n){let{style:r,vars:i,transformOrigin:a}=e,o=!1,s=!1;for(let e in t){let n=t[e];if(In.has(e)){o=!0;continue}else if(Ge(e)){i[e]=n;continue}else{let t=qr(n,zr[e]);e.startsWith(`origin`)?(s=!0,a[e]=t):r[e]=t}}if(t.transform||(o||n?r.transform=ca(t,e.transform,n):r.transform&&=`none`),s){let{originX:e=`50%`,originY:t=`50%`,originZ:n=0}=a;r.transformOrigin=`${e} ${t} ${n}`}}var ua=()=>({style:{},transform:{},transformOrigin:{},vars:{}});function da(e,t,n){for(let r in t)!q(t[r])&&!aa(r,n)&&(e[r]=t[r])}function fa({transformTemplate:e},t){return(0,f.useMemo)(()=>{let n=ua();return la(n,t,e),Object.assign({},n.vars,n.style)},[t])}function pa(e,t){let n=e.style||{},r={};return da(r,n,e),Object.assign(r,fa(e,t)),r}function ma(e,t){let n={},r=pa(e,t);return e.drag&&e.dragListener!==!1&&(n.draggable=!1,r.userSelect=r.WebkitUserSelect=r.WebkitTouchCallout=`none`,r.touchAction=e.drag===!0?`none`:`pan-${e.drag===`x`?`y`:`x`}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(n.tabIndex=0),n.style=r,n}var ha={offset:`stroke-dashoffset`,array:`stroke-dasharray`},ga={offset:`strokeDashoffset`,array:`strokeDasharray`};function _a(e,t,n=1,r=0,i=!0){e.pathLength=1;let a=i?ha:ga;e[a.offset]=z.transform(-r);let o=z.transform(t),s=z.transform(n);e[a.array]=`${o} ${s}`}function va(e,{attrX:t,attrY:n,attrScale:r,pathLength:i,pathSpacing:a=1,pathOffset:o=0,...s},c,l,u){if(la(e,s,l),c){e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox);return}e.attrs=e.style,e.style={};let{attrs:d,style:f}=e;d.transform&&(f.transform=d.transform,delete d.transform),(f.transform||d.transformOrigin)&&(f.transformOrigin=d.transformOrigin??`50% 50%`,delete d.transformOrigin),f.transform&&(f.transformBox=u?.transformBox??`fill-box`,delete d.transformBox),t!==void 0&&(d.x=t),n!==void 0&&(d.y=n),r!==void 0&&(d.scale=r),i!==void 0&&_a(d,i,a,o,!1)}var ya=()=>({...ua(),attrs:{}}),ba=e=>typeof e==`string`&&e.toLowerCase()===`svg`;function xa(e,t,n,r){let i=(0,f.useMemo)(()=>{let n=ya();return va(n,t,ba(r),e.transformTemplate,e.style),{...n.attrs,style:{...n.style}}},[t]);if(e.style){let t={};da(t,e.style,e),i.style={...t,...i.style}}return i}var Sa=[`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 Ca(e){return typeof e!=`string`||e.includes(`-`)?!1:!!(Sa.indexOf(e)>-1||/[A-Z]/u.test(e))}function wa(e,t,n,{latestValues:r},i,a=!1){let o=(Ca(e)?xa:ma)(t,r,i,e),s=Wi(t,typeof e==`string`,a),c=e===f.Fragment?{}:{...s,...o,ref:n},{children:l}=t,u=(0,f.useMemo)(()=>q(l)?l.get():l,[l]);return(0,f.createElement)(e,{...c,children:u})}function Ta(e){let t=[{},{}];return e?.values.forEach((e,n)=>{t[0][n]=e.get(),t[1][n]=e.getVelocity()}),t}function Ea(e,t,n,r){if(typeof t==`function`){let[i,a]=Ta(r);t=t(n===void 0?e.custom:n,i,a)}if(typeof t==`string`&&(t=e.variants&&e.variants[t]),typeof t==`function`){let[i,a]=Ta(r);t=t(n===void 0?e.custom:n,i,a)}return t}function Da(e){return q(e)?e.get():e}function Oa({scrapeMotionValuesFromProps:e,createRenderState:t},n,r,i){return{latestValues:ka(n,r,i,e),renderState:t()}}function ka(e,t,n,r){let i={},a=r(e,{});for(let e in a)i[e]=Da(a[e]);let{initial:o,animate:s}=e,c=Xi(e),l=Zi(e);t&&l&&!c&&e.inherit!==!1&&(o===void 0&&(o=t.initial),s===void 0&&(s=t.animate));let u=n?n.initial===!1:!1;u||=o===!1;let d=u?s:o;if(d&&typeof d!=`boolean`&&!Ki(d)){let t=Array.isArray(d)?d:[d];for(let n=0;n<t.length;n++){let r=Ea(e,t[n]);if(r){let{transitionEnd:e,transition:t,...n}=r;for(let e in n){let t=n[e];if(Array.isArray(t)){let e=u?t.length-1:0;t=t[e]}t!==null&&(i[e]=t)}for(let t in e)i[t]=e[t]}}}return i}var Aa=e=>(t,n)=>{let r=(0,f.useContext)(Gi),i=(0,f.useContext)(C),a=()=>Oa(e,t,r,i);return n?a():x(a)};function ja(e,t,n){let{style:r}=e,i={};for(let a in r)(q(r[a])||t.style&&q(t.style[a])||aa(a,e)||n?.getValue(a)?.liveStyle!==void 0)&&(i[a]=r[a]);return i}var Ma=Aa({scrapeMotionValuesFromProps:ja,createRenderState:ua});function Na(e,t,n){let r=ja(e,t,n);for(let n in e)if(q(e[n])||q(t[n])){let t=Fn.indexOf(n)===-1?n:`attr`+n.charAt(0).toUpperCase()+n.substring(1);r[t]=e[n]}return r}var Pa=Aa({scrapeMotionValuesFromProps:Na,createRenderState:ya}),Fa=Symbol.for(`motionComponentSymbol`);function Ia(e){return e&&typeof e==`object`&&Object.prototype.hasOwnProperty.call(e,`current`)}function La(e,t,n){return(0,f.useCallback)(r=>{r&&e.onMount&&e.onMount(r),t&&(r?t.mount(r):t.unmount()),n&&(typeof n==`function`?n(r):Ia(n)&&(n.current=r))},[t])}var Ra=e=>e.replace(/([a-z])([A-Z])/gu,`$1-$2`).toLowerCase(),za=`framerAppearId`,Ba=`data-`+Ra(za),Va=(0,f.createContext)({});function Ha(e,t,n,r,i){let{visualElement:a}=(0,f.useContext)(Gi),o=(0,f.useContext)(Ni),s=(0,f.useContext)(C),c=(0,f.useContext)(xi).reducedMotion,l=(0,f.useRef)(null);r||=o.renderer,!l.current&&r&&(l.current=r(e,{visualState:t,parent:a,props:n,presenceContext:s,blockInitialAnimation:s?s.initial===!1:!1,reducedMotionConfig:c}));let u=l.current,d=(0,f.useContext)(Va);u&&!u.projection&&i&&(u.type===`html`||u.type===`svg`)&&Ua(l.current,n,i,d);let p=(0,f.useRef)(!1);(0,f.useInsertionEffect)(()=>{u&&p.current&&u.update(n,s)});let m=n[Ba],h=(0,f.useRef)(!!m&&!window.MotionHandoffIsComplete?.(m)&&window.MotionHasOptimisedAnimation?.(m));return ee(()=>{u&&(p.current=!0,window.MotionIsMounted=!0,u.updateFeatures(),u.scheduleRenderMicrotask(),h.current&&u.animationState&&u.animationState.animateChanges())}),(0,f.useEffect)(()=>{u&&(!h.current&&u.animationState&&u.animationState.animateChanges(),h.current&&=(queueMicrotask(()=>{window.MotionHandoffMarkAsComplete?.(m)}),!1),u.enteringChildren=void 0)}),u}function Ua(e,t,n,r){let{layoutId:i,layout:a,drag:o,dragConstraints:s,layoutScroll:c,layoutRoot:l,layoutCrossfade:u}=t;e.projection=new n(e.latestValues,t[`data-framer-portal-id`]?void 0:Wa(e.parent)),e.projection.setOptions({layoutId:i,layout:a,alwaysMeasureLayout:!!o||s&&Ia(s),visualElement:e,animationType:typeof a==`string`?a:`both`,initialPromotionConfig:r,crossfade:u,layoutScroll:c,layoutRoot:l})}function Wa(e){if(e)return e.options.allowProjection===!1?Wa(e.parent):e.projection}function Ga(e,{forwardMotionProps:t=!1}={},n,r){n&&Ii(n);let i=Ca(e)?Pa:Ma;function a(a,o){let s,c={...(0,f.useContext)(xi),...a,layoutId:Ka(a)},{isStatic:l}=c,u=$i(a),d=i(a,l);if(!l&&S){qa(c,n);let t=Ja(c);s=t.MeasureLayout,u.visualElement=Ha(e,d,c,r,t.ProjectionNode)}return(0,J.jsxs)(Gi.Provider,{value:u,children:[s&&u.visualElement?(0,J.jsx)(s,{visualElement:u.visualElement,...c}):null,wa(e,a,La(d,u.visualElement,o),d,l,t)]})}a.displayName=`motion.${typeof e==`string`?e:`create(${e.displayName??e.name??``})`}`;let o=(0,f.forwardRef)(a);return o[Fa]=e,o}function Ka({layoutId:e}){let t=(0,f.useContext)(b).id;return t&&e!==void 0?t+`-`+e:e}function qa(e,t){let n=(0,f.useContext)(Ni).strict;if(process.env.NODE_ENV!==`production`&&t&&n){let t="You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";e.ignoreStrict?E(!1,t,`lazy-strict-mode`):D(!1,t,`lazy-strict-mode`)}}function Ja(e){let{drag:t,layout:n}=Fi;if(!t&&!n)return{};let r={...t,...n};return{MeasureLayout:t?.isEnabled(e)||n?.isEnabled(e)?r.MeasureLayout:void 0,ProjectionNode:r.ProjectionNode}}function Ya(e,t){if(typeof Proxy>`u`)return Ga;let n=new Map,r=(n,r)=>Ga(n,r,e,t);return new Proxy((e,t)=>(process.env.NODE_ENV!==`production`&&pe(!1,`motion() is deprecated. Use motion.create() instead.`),r(e,t)),{get:(i,a)=>a===`create`?r:(n.has(a)||n.set(a,Ga(a,void 0,e,t)),n.get(a))})}function Xa({top:e,left:t,right:n,bottom:r}){return{x:{min:t,max:n},y:{min:e,max:r}}}function Za({x:e,y:t}){return{top:t.min,right:e.max,bottom:t.max,left:e.min}}function Qa(e,t){if(!t)return e;let n=t({x:e.left,y:e.top}),r=t({x:e.right,y:e.bottom});return{top:n.y,left:n.x,bottom:r.y,right:r.x}}function $a(e){return e===void 0||e===1}function eo({scale:e,scaleX:t,scaleY:n}){return!$a(e)||!$a(t)||!$a(n)}function to(e){return eo(e)||no(e)||e.z||e.rotate||e.rotateX||e.rotateY||e.skewX||e.skewY}function no(e){return ro(e.x)||ro(e.y)}function ro(e){return e&&e!==`0%`}function io(e,t,n){return n+t*(e-n)}function ao(e,t,n,r,i){return i!==void 0&&(e=io(e,i,r)),io(e,n,r)+t}function oo(e,t=0,n=1,r,i){e.min=ao(e.min,t,n,r,i),e.max=ao(e.max,t,n,r,i)}function so(e,{x:t,y:n}){oo(e.x,t.translate,t.scale,t.originPoint),oo(e.y,n.translate,n.scale,n.originPoint)}var co=.999999999999,lo=1.0000000000001;function uo(e,t,n,r=!1){let i=n.length;if(!i)return;t.x=t.y=1;let a,o;for(let s=0;s<i;s++){a=n[s],o=a.projectionDelta;let{visualElement:i}=a.options;i&&i.props.style&&i.props.style.display===`contents`||(r&&a.options.layoutScroll&&a.scroll&&a!==a.root&&mo(e,{x:-a.scroll.offset.x,y:-a.scroll.offset.y}),o&&(t.x*=o.x.scale,t.y*=o.y.scale,so(e,o)),r&&to(a.latestValues)&&mo(e,a.latestValues))}t.x<lo&&t.x>co&&(t.x=1),t.y<lo&&t.y>co&&(t.y=1)}function fo(e,t){e.min+=t,e.max+=t}function po(e,t,n,r,i=.5){oo(e,t,n,H(e.min,e.max,i),r)}function mo(e,t){po(e.x,t.x,t.scaleX,t.scale,t.originX),po(e.y,t.y,t.scaleY,t.scale,t.originY)}function ho(e,t){return Xa(Qa(e.getBoundingClientRect(),t))}function go(e,t,n){let r=ho(e,n),{scroll:i}=t;return i&&(fo(r.x,i.offset.x),fo(r.y,i.offset.y)),r}var _o=()=>({translate:0,scale:1,origin:0,originPoint:0}),vo=()=>({x:_o(),y:_o()}),yo=()=>({min:0,max:0}),Y=()=>({x:yo(),y:yo()}),bo={current:null},xo={current:!1};function So(){if(xo.current=!0,S)if(window.matchMedia){let e=window.matchMedia(`(prefers-reduced-motion)`),t=()=>bo.current=e.matches;e.addEventListener(`change`,t),t()}else bo.current=!1}var Co=new WeakMap;function wo(e,t,n){for(let r in t){let i=t[r],a=n[r];if(q(i))e.addValue(r,i);else if(q(a))e.addValue(r,$r(i,{owner:e}));else if(a!==i)if(e.hasValue(r)){let t=e.getValue(r);t.liveStyle===!0?t.jump(i):t.hasAnimated||t.set(i)}else{let t=e.getStaticValue(r);e.addValue(r,$r(t===void 0?i:t,{owner:e}))}}for(let r in n)t[r]===void 0&&e.removeValue(r);return t}var To=[`AnimationStart`,`AnimationComplete`,`Update`,`BeforeLayoutMeasure`,`LayoutMeasure`,`LayoutAnimationStart`,`LayoutAnimationComplete`],Eo=class{scrapeMotionValuesFromProps(e,t,n){return{}}constructor({parent:e,props:t,presenceContext:n,reducedMotionConfig:r,blockInitialAnimation:i,visualState:a},o={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.KeyframeResolver=Jn,this.features={},this.valueSubscriptions=new Map,this.prevMotionValues={},this.events={},this.propEventSubscriptions={},this.notifyUpdate=()=>this.notify(`Update`,this.latestValues),this.render=()=>{this.current&&(this.triggerBuild(),this.renderInstance(this.current,this.renderState,this.props.style,this.projection))},this.renderScheduledAt=0,this.scheduleRender=()=>{let e=I.now();this.renderScheduledAt<e&&(this.renderScheduledAt=e,N.render(this.render,!1,!0))};let{latestValues:s,renderState:c}=a;this.latestValues=s,this.baseTarget={...s},this.initialValues=t.initial?{...s}:{},this.renderState=c,this.parent=e,this.props=t,this.presenceContext=n,this.depth=e?e.depth+1:0,this.reducedMotionConfig=r,this.options=o,this.blockInitialAnimation=!!i,this.isControllingVariants=Xi(t),this.isVariantNode=Zi(t),this.isVariantNode&&(this.variantChildren=new Set),this.manuallyAnimateOnMount=!!(e&&e.current);let{willChange:l,...u}=this.scrapeMotionValuesFromProps(t,{},this);for(let e in u){let t=u[e];s[e]!==void 0&&q(t)&&t.set(s[e])}}mount(e){this.current=e,Co.set(e,this),this.projection&&!this.projection.instance&&this.projection.mount(e),this.parent&&this.isVariantNode&&!this.isControllingVariants&&(this.removeFromVariantTree=this.parent.addVariantChild(this)),this.values.forEach((e,t)=>this.bindToMotionValue(t,e)),xo.current||So(),this.shouldReduceMotion=this.reducedMotionConfig===`never`?!1:this.reducedMotionConfig===`always`?!0:bo.current,process.env.NODE_ENV!==`production`&&pe(this.shouldReduceMotion!==!0,`You have Reduced Motion enabled on your device. Animations may not appear as expected.`,`reduced-motion-disabled`),this.parent?.addChild(this),this.update(this.props,this.presenceContext)}unmount(){for(let e in this.projection&&this.projection.unmount(),P(this.notifyUpdate),P(this.render),this.valueSubscriptions.forEach(e=>e()),this.valueSubscriptions.clear(),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent?.removeChild(this),this.events)this.events[e].clear();for(let e in this.features){let t=this.features[e];t&&(t.unmount(),t.isMounted=!1)}this.current=null}addChild(e){this.children.add(e),this.enteringChildren??=new Set,this.enteringChildren.add(e)}removeChild(e){this.children.delete(e),this.enteringChildren&&this.enteringChildren.delete(e)}bindToMotionValue(e,t){this.valueSubscriptions.has(e)&&this.valueSubscriptions.get(e)();let n=In.has(e);n&&this.onBindTransform&&this.onBindTransform();let r=t.on(`change`,t=>{this.latestValues[e]=t,this.props.onUpdate&&N.preRender(this.notifyUpdate),n&&this.projection&&(this.projection.isTransformDirty=!0),this.scheduleRender()}),i;window.MotionCheckAppearSync&&(i=window.MotionCheckAppearSync(this,e,t)),this.valueSubscriptions.set(e,()=>{r(),i&&i(),t.owner&&t.stop()})}sortNodePosition(e){return!this.current||!this.sortInstanceNodePosition||this.type!==e.type?0:this.sortInstanceNodePosition(this.current,e.current)}updateFeatures(){let e=`animation`;for(e in Fi){let t=Fi[e];if(!t)continue;let{isEnabled:n,Feature:r}=t;if(!this.features[e]&&r&&n(this.props)&&(this.features[e]=new r(this)),this.features[e]){let t=this.features[e];t.isMounted?t.update():(t.mount(),t.isMounted=!0)}}}triggerBuild(){this.build(this.renderState,this.latestValues,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):Y()}getStaticValue(e){return this.latestValues[e]}setStaticValue(e,t){this.latestValues[e]=t}update(e,t){(e.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=e,this.prevPresenceContext=this.presenceContext,this.presenceContext=t;for(let t=0;t<To.length;t++){let n=To[t];this.propEventSubscriptions[n]&&(this.propEventSubscriptions[n](),delete this.propEventSubscriptions[n]);let r=e[`on`+n];r&&(this.propEventSubscriptions[n]=this.on(n,r))}this.prevMotionValues=wo(this,this.scrapeMotionValuesFromProps(e,this.prevProps,this),this.prevMotionValues),this.handleChildMotionValue&&this.handleChildMotionValue()}getProps(){return this.props}getVariant(e){return this.props.variants?this.props.variants[e]:void 0}getDefaultTransition(){return this.props.transition}getTransformPagePoint(){return this.props.transformPagePoint}getClosestVariantNode(){return this.isVariantNode?this:this.parent?this.parent.getClosestVariantNode():void 0}addVariantChild(e){let t=this.getClosestVariantNode();if(t)return t.variantChildren&&t.variantChildren.add(e),()=>t.variantChildren.delete(e)}addValue(e,t){let n=this.values.get(e);t!==n&&(n&&this.removeValue(e),this.bindToMotionValue(e,t),this.values.set(e,t),this.latestValues[e]=t.get())}removeValue(e){this.values.delete(e);let t=this.valueSubscriptions.get(e);t&&(t(),this.valueSubscriptions.delete(e)),delete this.latestValues[e],this.removeValueFromRenderState(e,this.renderState)}hasValue(e){return this.values.has(e)}getValue(e,t){if(this.props.values&&this.props.values[e])return this.props.values[e];let n=this.values.get(e);return n===void 0&&t!==void 0&&(n=$r(t===null?void 0:t,{owner:this}),this.addValue(e,n)),n}readValue(e,t){let n=this.latestValues[e]!==void 0||!this.current?this.latestValues[e]:this.getBaseTargetFromProps(this.props,e)??this.readValueFromInstance(this.current,e,this.options);return n!=null&&(typeof n==`string`&&(re(n)||ae(n))?n=parseFloat(n):!bi(n)&&V.test(t)&&(n=Hr(e,t)),this.setBaseTarget(e,q(n)?n.get():n)),q(n)?n.get():n}setBaseTarget(e,t){this.baseTarget[e]=t}getBaseTarget(e){let{initial:t}=this.props,n;if(typeof t==`string`||typeof t==`object`){let r=Ea(this.props,t,this.presenceContext?.custom);r&&(n=r[e])}if(t&&n!==void 0)return n;let r=this.getBaseTargetFromProps(this.props,e);return r!==void 0&&!q(r)?r:this.initialValues[e]!==void 0&&n===void 0?void 0:this.baseTarget[e]}on(e,t){return this.events[e]||(this.events[e]=new ue),this.events[e].add(t)}notify(e,...t){this.events[e]&&this.events[e].notify(...t)}scheduleRenderMicrotask(){ei.render(this.render)}},Do=class extends Eo{constructor(){super(...arguments),this.KeyframeResolver=Gr}sortInstanceNodePosition(e,t){return e.compareDocumentPosition(t)&2?1:-1}getBaseTargetFromProps(e,t){return e.style?e.style[t]:void 0}removeValueFromRenderState(e,{vars:t,style:n}){delete t[e],delete n[e]}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);let{children:e}=this.props;q(e)&&(this.childSubscription=e.on(`change`,e=>{this.current&&(this.current.textContent=`${e}`)}))}};function Oo(e,{style:t,vars:n},r,i){let a=e.style,o;for(o in t)a[o]=t[o];for(o in i?.applyProjectionStyles(a,r),n)a.setProperty(o,n[o])}function ko(e){return window.getComputedStyle(e)}var Ao=class extends Do{constructor(){super(...arguments),this.type=`html`,this.renderInstance=Oo}readValueFromInstance(e,t){if(In.has(t))return this.projection?.isProjecting?jn(t):Nn(e,t);{let n=ko(e),r=(Ge(t)?n.getPropertyValue(t):n[t])||0;return typeof r==`string`?r.trim():r}}measureInstanceViewportBox(e,{transformPagePoint:t}){return ho(e,t)}build(e,t,n){la(e,t,n.transformTemplate)}scrapeMotionValuesFromProps(e,t,n){return ja(e,t,n)}},jo=new Set([`baseFrequency`,`diffuseConstant`,`kernelMatrix`,`kernelUnitLength`,`keySplines`,`keyTimes`,`limitingConeAngle`,`markerHeight`,`markerWidth`,`numOctaves`,`targetX`,`targetY`,`surfaceScale`,`specularConstant`,`specularExponent`,`stdDeviation`,`tableValues`,`viewBox`,`gradientTransform`,`pathLength`,`startOffset`,`textLength`,`lengthAdjust`]);function Mo(e,t,n,r){for(let n in Oo(e,t,void 0,r),t.attrs)e.setAttribute(jo.has(n)?n:Ra(n),t.attrs[n])}var No=class extends Do{constructor(){super(...arguments),this.type=`svg`,this.isSVGTag=!1,this.measureInstanceViewportBox=Y}getBaseTargetFromProps(e,t){return e[t]}readValueFromInstance(e,t){if(In.has(t)){let e=Vr(t);return e&&e.default||0}return t=jo.has(t)?t:Ra(t),e.getAttribute(t)}scrapeMotionValuesFromProps(e,t,n){return Na(e,t,n)}build(e,t,n){va(e,t,this.isSVGTag,n.transformTemplate,n.style)}renderInstance(e,t,n,r){Mo(e,t,n,r)}mount(e){this.isSVGTag=ba(e.tagName),super.mount(e)}},Po=(e,t)=>Ca(e)?new No(t):new Ao(t,{allowProjection:e!==f.Fragment});function Fo(e,t,n){let r=e.getProps();return Ea(r,t,n===void 0?r.custom:n,e)}var Io=e=>Array.isArray(e);function Lo(e,t,n){e.hasValue(t)?e.getValue(t).set(n):e.addValue(t,$r(n))}function Ro(e){return Io(e)?e[e.length-1]||0:e}function zo(e,t){let{transitionEnd:n={},transition:r={},...i}=Fo(e,t)||{};for(let t in i={...i,...n},i)Lo(e,t,Ro(i[t]))}function Bo(e){return!!(q(e)&&e.add)}function Vo(e,t){let n=e.getValue(`willChange`);if(Bo(n))return n.add(t);if(!n&&O.WillChange){let n=new O.WillChange(`auto`);e.addValue(`willChange`,n),n.add(t)}}function Ho(e){return e.props[Ba]}var Uo=e=>e!==null;function Wo(e,{repeat:t,repeatType:n=`loop`},r){let i=e.filter(Uo),a=t&&n!==`loop`&&t%2==1?0:i.length-1;return!a||r===void 0?i[a]:r}var Go={type:`spring`,stiffness:500,damping:25,restSpeed:10},Ko=e=>({type:`spring`,stiffness:550,damping:e===0?2*Math.sqrt(550):30,restSpeed:10}),qo={type:`keyframes`,duration:.8},Jo={type:`keyframes`,ease:[.25,.1,.35,1],duration:.3},Yo=(e,{keyframes:t})=>t.length>2?qo:In.has(e)?e.startsWith(`scale`)?Ko(t[1]):Go:Jo;function Xo({when:e,delay:t,delayChildren:n,staggerChildren:r,staggerDirection:i,repeat:a,repeatType:o,repeatDelay:s,from:c,elapsed:l,...u}){return!!Object.keys(u).length}var Zo=(e,t,n,r={},i,a)=>o=>{let s=Er(r,e)||{},c=s.delay||r.delay||0,{elapsed:l=0}=r;l-=A(c);let u={keyframes:Array.isArray(n)?n:[null,n],ease:`easeOut`,velocity:t.getVelocity(),...s,delay:-l,onUpdate:e=>{t.set(e),s.onUpdate&&s.onUpdate(e)},onComplete:()=>{o(),s.onComplete&&s.onComplete()},name:e,motionValue:t,element:a?void 0:i};Xo(s)||Object.assign(u,Yo(e,u)),u.duration&&=A(u.duration),u.repeatDelay&&=A(u.repeatDelay),u.from!==void 0&&(u.keyframes[0]=u.from);let d=!1;if((u.type===!1||u.duration===0&&!u.repeatDelay)&&(gr(u),u.delay===0&&(d=!0)),(O.instantAnimations||O.skipAnimations)&&(d=!0,gr(u),u.delay=0),u.allowFlatten=!s.type&&!s.ease,d&&!a&&t.get()!==void 0){let e=Wo(u.keyframes,s);if(e!==void 0){N.update(()=>{u.onUpdate(e),u.onComplete()});return}}return s.isSync?new Sn(u):new xr(u)};function Qo({protectedKeys:e,needsAnimating:t},n){let r=e.hasOwnProperty(n)&&t[n]!==!0;return t[n]=!1,r}function $o(e,t,{delay:n=0,transitionOverride:r,type:i}={}){let{transition:a=e.getDefaultTransition(),transitionEnd:o,...s}=t;r&&(a=r);let c=[],l=i&&e.animationState&&e.animationState.getState()[i];for(let t in s){let r=e.getValue(t,e.latestValues[t]??null),i=s[t];if(i===void 0||l&&Qo(l,t))continue;let o={delay:n,...Er(a||{},t)},u=r.get();if(u!==void 0&&!r.isAnimating&&!Array.isArray(i)&&i===u&&!o.velocity)continue;let d=!1;if(window.MotionHandoffAnimation){let n=Ho(e);if(n){let e=window.MotionHandoffAnimation(n,t,N);e!==null&&(o.startTime=e,d=!0)}}Vo(e,t),r.start(Zo(t,r,i,e.shouldReduceMotion&&Dr.has(t)?{type:!1}:o,e,d));let f=r.animation;f&&c.push(f)}return o&&Promise.all(c).then(()=>{N.update(()=>{o&&zo(e,o)})}),c}function es(e,t,n,r=0,i=1){let a=Array.from(e).sort((e,t)=>e.sortNodePosition(t)).indexOf(t),o=e.size,s=(o-1)*r;return typeof n==`function`?n(a,o):i===1?a*r:s-a*r}function ts(e,t,n={}){let r=Fo(e,t,n.type===`exit`?e.presenceContext?.custom:void 0),{transition:i=e.getDefaultTransition()||{}}=r||{};n.transitionOverride&&(i=n.transitionOverride);let a=r?()=>Promise.all($o(e,r,n)):()=>Promise.resolve(),o=e.variantChildren&&e.variantChildren.size?(r=0)=>{let{delayChildren:a=0,staggerChildren:o,staggerDirection:s}=i;return ns(e,t,r,a,o,s,n)}:()=>Promise.resolve(),{when:s}=i;if(s){let[e,t]=s===`beforeChildren`?[a,o]:[o,a];return e().then(()=>t())}else return Promise.all([a(),o(n.delay)])}function ns(e,t,n=0,r=0,i=0,a=1,o){let s=[];for(let c of e.variantChildren)c.notify(`AnimationStart`,t),s.push(ts(c,t,{...o,delay:n+(typeof r==`function`?0:r)+es(e.variantChildren,c,r,i,a)}).then(()=>c.notify(`AnimationComplete`,t)));return Promise.all(s)}function rs(e,t,n={}){e.notify(`AnimationStart`,t);let r;if(Array.isArray(t)){let i=t.map(t=>ts(e,t,n));r=Promise.all(i)}else if(typeof t==`string`)r=ts(e,t,n);else{let i=typeof t==`function`?Fo(e,t,n.custom):t;r=Promise.all($o(e,i,n))}return r.then(()=>{e.notify(`AnimationComplete`,t)})}function is(e,t){if(!Array.isArray(t))return!1;let n=t.length;if(n!==e.length)return!1;for(let r=0;r<n;r++)if(t[r]!==e[r])return!1;return!0}var as=Yi.length;function os(e){if(!e)return;if(!e.isControllingVariants){let t=e.parent&&os(e.parent)||{};return e.props.initial!==void 0&&(t.initial=e.props.initial),t}let t={};for(let n=0;n<as;n++){let r=Yi[n],i=e.props[r];(qi(i)||i===!1)&&(t[r]=i)}return t}var ss=[...Ji].reverse(),cs=Ji.length;function ls(e){return t=>Promise.all(t.map(({animation:t,options:n})=>rs(e,t,n)))}function us(e){let t=ls(e),n=ps(),r=!0,i=t=>(n,r)=>{let i=Fo(e,r,t===`exit`?e.presenceContext?.custom:void 0);if(i){let{transition:e,transitionEnd:t,...r}=i;n={...n,...r,...t}}return n};function a(n){t=n(e)}function o(a){let{props:o}=e,s=os(e.parent)||{},c=[],l=new Set,u={},d=1/0;for(let t=0;t<cs;t++){let f=ss[t],p=n[f],m=o[f]===void 0?s[f]:o[f],h=qi(m),g=f===a?p.isActive:null;g===!1&&(d=t);let _=m===s[f]&&m!==o[f]&&h;if(_&&r&&e.manuallyAnimateOnMount&&(_=!1),p.protectedKeys={...u},!p.isActive&&g===null||!m&&!p.prevProp||Ki(m)||typeof m==`boolean`)continue;let v=ds(p.prevProp,m),y=v||f===a&&p.isActive&&!_&&h||t>d&&h,b=!1,x=Array.isArray(m)?m:[m],S=x.reduce(i(f),{});g===!1&&(S={});let{prevResolvedValues:ee={}}=p,C={...ee,...S},te=t=>{y=!0,l.has(t)&&(b=!0,l.delete(t)),p.needsAnimating[t]=!0;let n=e.getValue(t);n&&(n.liveStyle=!1)};for(let e in C){let t=S[e],n=ee[e];if(u.hasOwnProperty(e))continue;let r=!1;r=Io(t)&&Io(n)?!is(t,n):t!==n,r?t==null?l.add(e):te(e):t!==void 0&&l.has(e)?te(e):p.protectedKeys[e]=!0}p.prevProp=m,p.prevResolvedValues=S,p.isActive&&(u={...u,...S}),r&&e.blockInitialAnimation&&(y=!1);let w=_&&v;y&&(!w||b)&&c.push(...x.map(t=>{let n={type:f};if(typeof t==`string`&&r&&!w&&e.manuallyAnimateOnMount&&e.parent){let{parent:r}=e,i=Fo(r,t);if(r.enteringChildren&&i){let{delayChildren:t}=i.transition||{};n.delay=es(r.enteringChildren,e,t)}}return{animation:t,options:n}}))}if(l.size){let t={};if(typeof o.initial!=`boolean`){let n=Fo(e,Array.isArray(o.initial)?o.initial[0]:o.initial);n&&n.transition&&(t.transition=n.transition)}l.forEach(n=>{let r=e.getBaseTarget(n),i=e.getValue(n);i&&(i.liveStyle=!0),t[n]=r??null}),c.push({animation:t})}let f=!!c.length;return r&&(o.initial===!1||o.initial===o.animate)&&!e.manuallyAnimateOnMount&&(f=!1),r=!1,f?t(c):Promise.resolve()}function s(t,r){if(n[t].isActive===r)return Promise.resolve();e.variantChildren?.forEach(e=>e.animationState?.setActive(t,r)),n[t].isActive=r;let i=o(t);for(let e in n)n[e].protectedKeys={};return i}return{animateChanges:o,setActive:s,setAnimateFunction:a,getState:()=>n,reset:()=>{n=ps()}}}function ds(e,t){return typeof t==`string`?t!==e:Array.isArray(t)?!is(t,e):!1}function fs(e=!1){return{isActive:e,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function ps(){return{animate:fs(!0),whileInView:fs(),whileHover:fs(),whileTap:fs(),whileDrag:fs(),whileFocus:fs(),exit:fs()}}var X=class{constructor(e){this.isMounted=!1,this.node=e}update(){}},ms=class extends X{constructor(e){super(e),e.animationState||=us(e)}updateAnimationControlsSubscription(){let{animate:e}=this.node.getProps();Ki(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?.()}},hs=0,gs=class extends X{constructor(){super(...arguments),this.id=hs++}update(){if(!this.node.presenceContext)return;let{isPresent:e,onExitComplete:t}=this.node.presenceContext,{isPresent:n}=this.node.prevPresenceContext||{};if(!this.node.animationState||e===n)return;let r=this.node.animationState.setActive(`exit`,!e);t&&!e&&r.then(()=>{t(this.id)})}mount(){let{register:e,onExitComplete:t}=this.node.presenceContext||{};t&&t(this.id),e&&(this.unmount=e(this.id))}unmount(){}},_s={animation:{Feature:ms},exit:{Feature:gs}};function vs(e,t,n,r={passive:!0}){return e.addEventListener(t,n,r),()=>e.removeEventListener(t,n)}function ys(e){return{point:{x:e.pageX,y:e.pageY}}}var bs=e=>t=>ci(t)&&e(t,ys(t));function xs(e,t,n,r){return vs(e,t,bs(n),r)}var Ss=1e-4,Cs=1-Ss,ws=1+Ss,Ts=.01,Es=0-Ts,Ds=0+Ts;function Z(e){return e.max-e.min}function Os(e,t,n){return Math.abs(e-t)<=n}function ks(e,t,n,r=.5){e.origin=r,e.originPoint=H(t.min,t.max,e.origin),e.scale=Z(n)/Z(t),e.translate=H(n.min,n.max,e.origin)-e.originPoint,(e.scale>=Cs&&e.scale<=ws||isNaN(e.scale))&&(e.scale=1),(e.translate>=Es&&e.translate<=Ds||isNaN(e.translate))&&(e.translate=0)}function As(e,t,n,r){ks(e.x,t.x,n.x,r?r.originX:void 0),ks(e.y,t.y,n.y,r?r.originY:void 0)}function js(e,t,n){e.min=n.min+t.min,e.max=e.min+Z(t)}function Ms(e,t,n){js(e.x,t.x,n.x),js(e.y,t.y,n.y)}function Ns(e,t,n){e.min=t.min-n.min,e.max=e.min+Z(t)}function Ps(e,t,n){Ns(e.x,t.x,n.x),Ns(e.y,t.y,n.y)}function Q(e){return[e(`x`),e(`y`)]}var Fs=({current:e})=>e?e.ownerDocument.defaultView:null,Is=(e,t)=>Math.abs(e-t);function Ls(e,t){let n=Is(e.x,t.x),r=Is(e.y,t.y);return Math.sqrt(n**2+r**2)}var Rs=class{constructor(e,t,{transformPagePoint:n,contextWindow:r=window,dragSnapToOrigin:i=!1,distanceThreshold:a=3}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;let e=Vs(this.lastMoveEventInfo,this.history),t=this.startEvent!==null,n=Ls(e.offset,{x:0,y:0})>=this.distanceThreshold;if(!t&&!n)return;let{point:r}=e,{timestamp:i}=F;this.history.push({...r,timestamp:i});let{onStart:a,onMove:o}=this.handlers;t||(a&&a(this.lastMoveEvent,e),this.startEvent=this.lastMoveEvent),o&&o(this.lastMoveEvent,e)},this.handlePointerMove=(e,t)=>{this.lastMoveEvent=e,this.lastMoveEventInfo=zs(t,this.transformPagePoint),N.update(this.updatePoint,!0)},this.handlePointerUp=(e,t)=>{this.end();let{onEnd:n,onSessionEnd:r,resumeAnimation:i}=this.handlers;if(this.dragSnapToOrigin&&i&&i(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;let a=Vs(e.type===`pointercancel`?this.lastMoveEventInfo:zs(t,this.transformPagePoint),this.history);this.startEvent&&n&&n(e,a),r&&r(e,a)},!ci(e))return;this.dragSnapToOrigin=i,this.handlers=t,this.transformPagePoint=n,this.distanceThreshold=a,this.contextWindow=r||window;let o=zs(ys(e),this.transformPagePoint),{point:s}=o,{timestamp:c}=F;this.history=[{...s,timestamp:c}];let{onSessionStart:l}=t;l&&l(e,Vs(o,this.history)),this.removeListeners=ce(xs(this.contextWindow,`pointermove`,this.handlePointerMove),xs(this.contextWindow,`pointerup`,this.handlePointerUp),xs(this.contextWindow,`pointercancel`,this.handlePointerUp))}updateHandlers(e){this.handlers=e}end(){this.removeListeners&&this.removeListeners(),P(this.updatePoint)}};function zs(e,t){return t?{point:t(e.point)}:e}function Bs(e,t){return{x:e.x-t.x,y:e.y-t.y}}function Vs({point:e},t){return{point:e,delta:Bs(e,Us(t)),offset:Bs(e,Hs(t)),velocity:Ws(t,.1)}}function Hs(e){return e[0]}function Us(e){return e[e.length-1]}function Ws(e,t){if(e.length<2)return{x:0,y:0};let n=e.length-1,r=null,i=Us(e);for(;n>=0&&(r=e[n],!(i.timestamp-r.timestamp>A(t)));)n--;if(!r)return{x:0,y:0};let a=j(i.timestamp-r.timestamp);if(a===0)return{x:0,y:0};let o={x:(i.x-r.x)/a,y:(i.y-r.y)/a};return o.x===1/0&&(o.x=0),o.y===1/0&&(o.y=0),o}function Gs(e,{min:t,max:n},r){return t!==void 0&&e<t?e=r?H(t,e,r.min):Math.max(e,t):n!==void 0&&e>n&&(e=r?H(n,e,r.max):Math.min(e,n)),e}function Ks(e,t,n){return{min:t===void 0?void 0:e.min+t,max:n===void 0?void 0:e.max+n-(e.max-e.min)}}function qs(e,{top:t,left:n,bottom:r,right:i}){return{x:Ks(e.x,n,i),y:Ks(e.y,t,r)}}function Js(e,t){let n=t.min-e.min,r=t.max-e.max;return t.max-t.min<e.max-e.min&&([n,r]=[r,n]),{min:n,max:r}}function Ys(e,t){return{x:Js(e.x,t.x),y:Js(e.y,t.y)}}function Xs(e,t){let n=.5,r=Z(e),i=Z(t);return i>r?n=le(t.min,t.max-r,e.min):r>i&&(n=le(e.min,e.max-i,t.min)),T(0,1,n)}function Zs(e,t){let n={};return t.min!==void 0&&(n.min=t.min-e.min),t.max!==void 0&&(n.max=t.max-e.min),n}var Qs=.35;function $s(e=Qs){return e===!1?e=0:e===!0&&(e=Qs),{x:ec(e,`left`,`right`),y:ec(e,`top`,`bottom`)}}function ec(e,t,n){return{min:tc(e,t),max:tc(e,n)}}function tc(e,t){return typeof e==`number`?e:e[t]||0}var nc=new WeakMap,rc=class{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=Y(),this.latestPointerEvent=null,this.latestPanInfo=null,this.visualElement=e}start(e,{snapToCursor:t=!1,distanceThreshold:n}={}){let{presenceContext:r}=this.visualElement;if(r&&r.isPresent===!1)return;let i=e=>{let{dragSnapToOrigin:n}=this.getProps();n?this.pauseAnimation():this.stopAnimation(),t&&this.snapToCursor(ys(e).point)},a=(e,t)=>{let{drag:n,dragPropagation:r,onDragStart:i}=this.getProps();if(n&&!r&&(this.openDragLock&&this.openDragLock(),this.openDragLock=ri(n),!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),Q(e=>{let t=this.getAxisMotionValue(e).get()||0;if(R.test(t)){let{projection:n}=this.visualElement;if(n&&n.layout){let r=n.layout.layoutBox[e];r&&(t=Z(r)*(parseFloat(t)/100))}}this.originPoint[e]=t}),i&&N.postRender(()=>i(e,t)),Vo(this.visualElement,`transform`);let{animationState:a}=this.visualElement;a&&a.setActive(`whileDrag`,!0)},o=(e,t)=>{this.latestPointerEvent=e,this.latestPanInfo=t;let{dragPropagation:n,dragDirectionLock:r,onDirectionLock:i,onDrag:a}=this.getProps();if(!n&&!this.openDragLock)return;let{offset:o}=t;if(r&&this.currentDirection===null){this.currentDirection=ac(o),this.currentDirection!==null&&i&&i(this.currentDirection);return}this.updateAxis(`x`,t.point,o),this.updateAxis(`y`,t.point,o),this.visualElement.render(),a&&a(e,t)},s=(e,t)=>{this.latestPointerEvent=e,this.latestPanInfo=t,this.stop(e,t),this.latestPointerEvent=null,this.latestPanInfo=null},c=()=>Q(e=>this.getAnimationState(e)===`paused`&&this.getAxisMotionValue(e).animation?.play()),{dragSnapToOrigin:l}=this.getProps();this.panSession=new Rs(e,{onSessionStart:i,onStart:a,onMove:o,onSessionEnd:s,resumeAnimation:c},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:l,distanceThreshold:n,contextWindow:Fs(this.visualElement)})}stop(e,t){let n=e||this.latestPointerEvent,r=t||this.latestPanInfo,i=this.isDragging;if(this.cancel(),!i||!r||!n)return;let{velocity:a}=r;this.startAnimation(a);let{onDragEnd:o}=this.getProps();o&&N.postRender(()=>o(n,r))}cancel(){this.isDragging=!1;let{projection:e,animationState:t}=this.visualElement;e&&(e.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;let{dragPropagation:n}=this.getProps();!n&&this.openDragLock&&(this.openDragLock(),this.openDragLock=null),t&&t.setActive(`whileDrag`,!1)}updateAxis(e,t,n){let{drag:r}=this.getProps();if(!n||!ic(e,r,this.currentDirection))return;let i=this.getAxisMotionValue(e),a=this.originPoint[e]+n[e];this.constraints&&this.constraints[e]&&(a=Gs(a,this.constraints[e],this.elastic[e])),i.set(a)}resolveConstraints(){let{dragConstraints:e,dragElastic:t}=this.getProps(),n=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):this.visualElement.projection?.layout,r=this.constraints;e&&Ia(e)?this.constraints||=this.resolveRefConstraints():e&&n?this.constraints=qs(n.layoutBox,e):this.constraints=!1,this.elastic=$s(t),r!==this.constraints&&n&&this.constraints&&!this.hasMutatedConstraints&&Q(e=>{this.constraints!==!1&&this.getAxisMotionValue(e)&&(this.constraints[e]=Zs(n.layoutBox[e],this.constraints[e]))})}resolveRefConstraints(){let{dragConstraints:e,onMeasureDragConstraints:t}=this.getProps();if(!e||!Ia(e))return!1;let n=e.current;D(n!==null,"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;let i=go(n,r.root,this.visualElement.getTransformPagePoint()),a=Ys(r.layout.layoutBox,i);if(t){let e=t(Za(a));this.hasMutatedConstraints=!!e,e&&(a=Xa(e))}return a}startAnimation(e){let{drag:t,dragMomentum:n,dragElastic:r,dragTransition:i,dragSnapToOrigin:a,onDragTransitionEnd:o}=this.getProps(),s=this.constraints||{},c=Q(o=>{if(!ic(o,t,this.currentDirection))return;let c=s&&s[o]||{};a&&(c={min:0,max:0});let l=r?200:1e6,u=r?40:1e7,d={type:`inertia`,velocity:n?e[o]:0,bounceStiffness:l,bounceDamping:u,timeConstant:750,restDelta:1,restSpeed:10,...i,...c};return this.startAxisValueAnimation(o,d)});return Promise.all(c).then(o)}startAxisValueAnimation(e,t){let n=this.getAxisMotionValue(e);return Vo(this.visualElement,e),n.start(Zo(e,n,0,t,this.visualElement,!1))}stopAnimation(){Q(e=>this.getAxisMotionValue(e).stop())}pauseAnimation(){Q(e=>this.getAxisMotionValue(e).animation?.pause())}getAnimationState(e){return this.getAxisMotionValue(e).animation?.state}getAxisMotionValue(e){let t=`_drag${e.toUpperCase()}`,n=this.visualElement.getProps();return n[t]||this.visualElement.getValue(e,(n.initial?n.initial[e]:void 0)||0)}snapToCursor(e){Q(t=>{let{drag:n}=this.getProps();if(!ic(t,n,this.currentDirection))return;let{projection:r}=this.visualElement,i=this.getAxisMotionValue(t);if(r&&r.layout){let{min:n,max:a}=r.layout.layoutBox[t];i.set(e[t]-H(n,a,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;let{drag:e,dragConstraints:t}=this.getProps(),{projection:n}=this.visualElement;if(!Ia(t)||!n||!this.constraints)return;this.stopAnimation();let r={x:0,y:0};Q(e=>{let t=this.getAxisMotionValue(e);if(t&&this.constraints!==!1){let n=t.get();r[e]=Xs({min:n,max:n},this.constraints[e])}});let{transformTemplate:i}=this.visualElement.getProps();this.visualElement.current.style.transform=i?i({},``):`none`,n.root&&n.root.updateScroll(),n.updateLayout(),this.resolveConstraints(),Q(t=>{if(!ic(t,e,null))return;let n=this.getAxisMotionValue(t),{min:i,max:a}=this.constraints[t];n.set(H(i,a,r[t]))})}addListeners(){if(!this.visualElement.current)return;nc.set(this.visualElement,this);let e=this.visualElement.current,t=xs(e,`pointerdown`,e=>{let{drag:t,dragListener:n=!0}=this.getProps();t&&n&&this.start(e)}),n=()=>{let{dragConstraints:e}=this.getProps();Ia(e)&&e.current&&(this.constraints=this.resolveRefConstraints())},{projection:r}=this.visualElement,i=r.addEventListener(`measure`,n);r&&!r.layout&&(r.root&&r.root.updateScroll(),r.updateLayout()),N.read(n);let a=vs(window,`resize`,()=>this.scalePositionWithinConstraints()),o=r.addEventListener(`didUpdate`,(({delta:e,hasLayoutChanged:t})=>{this.isDragging&&t&&(Q(t=>{let n=this.getAxisMotionValue(t);n&&(this.originPoint[t]+=e[t].translate,n.set(n.get()+e[t].translate))}),this.visualElement.render())}));return()=>{a(),t(),i(),o&&o()}}getProps(){let e=this.visualElement.getProps(),{drag:t=!1,dragDirectionLock:n=!1,dragPropagation:r=!1,dragConstraints:i=!1,dragElastic:a=Qs,dragMomentum:o=!0}=e;return{...e,drag:t,dragDirectionLock:n,dragPropagation:r,dragConstraints:i,dragElastic:a,dragMomentum:o}}};function ic(e,t,n){return(t===!0||t===e)&&(n===null||n===e)}function ac(e,t=10){let n=null;return Math.abs(e.y)>t?n=`y`:Math.abs(e.x)>t&&(n=`x`),n}var oc=class extends X{constructor(e){super(e),this.removeGroupControls=k,this.removeListeners=k,this.controls=new rc(e)}mount(){let{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||k}unmount(){this.removeGroupControls(),this.removeListeners()}},sc=e=>(t,n)=>{e&&N.postRender(()=>e(t,n))},cc=class extends X{constructor(){super(...arguments),this.removePointerDownListener=k}onPointerDown(e){this.session=new Rs(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:Fs(this.node)})}createPanHandlers(){let{onPanSessionStart:e,onPanStart:t,onPan:n,onPanEnd:r}=this.node.getProps();return{onSessionStart:sc(e),onStart:sc(t),onMove:n,onEnd:(e,t)=>{delete this.session,r&&N.postRender(()=>r(e,t))}}}mount(){this.removePointerDownListener=xs(this.node.current,`pointerdown`,e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}},lc={hasAnimatedSinceResize:!0,hasEverUpdated:!1},uc=!1,dc=class extends f.Component{componentDidMount(){let{visualElement:e,layoutGroup:t,switchLayoutGroup:n,layoutId:r}=this.props,{projection:i}=e;i&&(t.group&&t.group.add(i),n&&n.register&&r&&n.register(i),uc&&i.root.didUpdate(),i.addEventListener(`animationComplete`,()=>{this.safeToRemove()}),i.setOptions({...i.options,onExitComplete:()=>this.safeToRemove()})),lc.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){let{layoutDependency:t,visualElement:n,drag:r,isPresent:i}=this.props,{projection:a}=n;return a?(a.isPresent=i,uc=!0,r||e.layoutDependency!==t||t===void 0||e.isPresent!==i?a.willUpdate():this.safeToRemove(),e.isPresent!==i&&(i?a.promote():a.relegate()||N.postRender(()=>{let e=a.getStack();(!e||!e.members.length)&&this.safeToRemove()})),null):null}componentDidUpdate(){let{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),ei.postRender(()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()}))}componentWillUnmount(){let{visualElement:e,layoutGroup:t,switchLayoutGroup:n}=this.props,{projection:r}=e;uc=!0,r&&(r.scheduleCheckAfterUnmount(),t&&t.group&&t.group.remove(r),n&&n.deregister&&n.deregister(r))}safeToRemove(){let{safeToRemove:e}=this.props;e&&e()}render(){return null}};function fc(e){let[t,n]=ki(),r=(0,f.useContext)(b);return(0,J.jsx)(dc,{...e,layoutGroup:r,switchLayoutGroup:(0,f.useContext)(Va),isPresent:t,safeToRemove:n})}function pc(e,t,n){let r=q(e)?e:$r(e);return r.start(Zo(``,r,t,n)),r.animation}var mc=(e,t)=>e.depth-t.depth,hc=class{constructor(){this.children=[],this.isDirty=!1}add(e){te(this.children,e),this.isDirty=!0}remove(e){w(this.children,e),this.isDirty=!0}forEach(e){this.isDirty&&this.children.sort(mc),this.isDirty=!1,this.children.forEach(e)}};function gc(e,t){let n=I.now(),r=({timestamp:i})=>{let a=i-n;a>=t&&(P(r),e(a-t))};return N.setup(r,!0),()=>P(r)}var _c=[`TopLeft`,`TopRight`,`BottomLeft`,`BottomRight`],vc=_c.length,yc=e=>typeof e==`string`?parseFloat(e):e,bc=e=>typeof e==`number`||z.test(e);function xc(e,t,n,r,i,a){i?(e.opacity=H(0,n.opacity??1,Cc(r)),e.opacityExit=H(t.opacity??1,0,wc(r))):a&&(e.opacity=H(t.opacity??1,n.opacity??1,r));for(let i=0;i<vc;i++){let a=`border${_c[i]}Radius`,o=Sc(t,a),s=Sc(n,a);o===void 0&&s===void 0||(o||=0,s||=0,o===0||s===0||bc(o)===bc(s)?(e[a]=Math.max(H(yc(o),yc(s),r),0),(R.test(s)||R.test(o))&&(e[a]+=`%`)):e[a]=s)}(t.rotate||n.rotate)&&(e.rotate=H(t.rotate||0,n.rotate||0,r))}function Sc(e,t){return e[t]===void 0?e.borderRadius:e[t]}var Cc=Tc(0,.5,Ee),wc=Tc(.5,.95,k);function Tc(e,t,n){return r=>r<e?0:r>t?1:n(le(e,t,r))}function Ec(e,t){e.min=t.min,e.max=t.max}function $(e,t){Ec(e.x,t.x),Ec(e.y,t.y)}function Dc(e,t){e.translate=t.translate,e.scale=t.scale,e.originPoint=t.originPoint,e.origin=t.origin}function Oc(e,t,n,r,i){return e-=t,e=io(e,1/n,r),i!==void 0&&(e=io(e,1/i,r)),e}function kc(e,t=0,n=1,r=.5,i,a=e,o=e){if(R.test(t)&&(t=parseFloat(t),t=H(o.min,o.max,t/100)-o.min),typeof t!=`number`)return;let s=H(a.min,a.max,r);e===a&&(s-=t),e.min=Oc(e.min,t,n,s,i),e.max=Oc(e.max,t,n,s,i)}function Ac(e,t,[n,r,i],a,o){kc(e,t[n],t[r],t[i],t.scale,a,o)}var jc=[`x`,`scaleX`,`originX`],Mc=[`y`,`scaleY`,`originY`];function Nc(e,t,n,r){Ac(e.x,t,jc,n?n.x:void 0,r?r.x:void 0),Ac(e.y,t,Mc,n?n.y:void 0,r?r.y:void 0)}function Pc(e){return e.translate===0&&e.scale===1}function Fc(e){return Pc(e.x)&&Pc(e.y)}function Ic(e,t){return e.min===t.min&&e.max===t.max}function Lc(e,t){return Ic(e.x,t.x)&&Ic(e.y,t.y)}function Rc(e,t){return Math.round(e.min)===Math.round(t.min)&&Math.round(e.max)===Math.round(t.max)}function zc(e,t){return Rc(e.x,t.x)&&Rc(e.y,t.y)}function Bc(e){return Z(e.x)/Z(e.y)}function Vc(e,t){return e.translate===t.translate&&e.scale===t.scale&&e.originPoint===t.originPoint}var Hc=class{constructor(){this.members=[]}add(e){te(this.members,e),e.scheduleRender()}remove(e){if(w(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){let t=this.members.findIndex(t=>e===t);if(t===0)return!1;let n;for(let e=t;e>=0;e--){let t=this.members[e];if(t.isPresent!==!1){n=t;break}}return n?(this.promote(n),!0):!1}promote(e,t){let n=this.lead;if(e!==n&&(this.prevLead=n,this.lead=e,e.show(),n)){n.instance&&n.scheduleRender(),e.scheduleRender(),e.resumeFrom=n,t&&(e.resumeFrom.preserveOpacity=!0),n.snapshot&&(e.snapshot=n.snapshot,e.snapshot.latestValues=n.animationValues||n.latestValues),e.root&&e.root.isUpdating&&(e.isLayoutDirty=!0);let{crossfade:r}=e.options;r===!1&&n.hide()}}exitAnimationComplete(){this.members.forEach(e=>{let{options:t,resumingFrom:n}=e;t.onExitComplete&&t.onExitComplete(),n&&n.options.onExitComplete&&n.options.onExitComplete()})}scheduleRender(){this.members.forEach(e=>{e.instance&&e.scheduleRender(!1)})}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}};function Uc(e,t,n){let r=``,i=e.x.translate/t.x,a=e.y.translate/t.y,o=n?.z||0;if((i||a||o)&&(r=`translate3d(${i}px, ${a}px, ${o}px) `),(t.x!==1||t.y!==1)&&(r+=`scale(${1/t.x}, ${1/t.y}) `),n){let{transformPerspective:e,rotate:t,rotateX:i,rotateY:a,skewX:o,skewY:s}=n;e&&(r=`perspective(${e}px) ${r}`),t&&(r+=`rotate(${t}deg) `),i&&(r+=`rotateX(${i}deg) `),a&&(r+=`rotateY(${a}deg) `),o&&(r+=`skewX(${o}deg) `),s&&(r+=`skewY(${s}deg) `)}let s=e.x.scale*t.x,c=e.y.scale*t.y;return(s!==1||c!==1)&&(r+=`scale(${s}, ${c})`),r||`none`}var Wc={nodes:0,calculatedTargetDeltas:0,calculatedProjections:0},Gc=[``,`X`,`Y`,`Z`],Kc=1e3,qc=0;function Jc(e,t,n,r){let{latestValues:i}=t;i[e]&&(n[e]=i[e],t.setStaticValue(e,0),r&&(r[e]=0))}function Yc(e){if(e.hasCheckedOptimisedAppear=!0,e.root===e)return;let{visualElement:t}=e.options;if(!t)return;let n=Ho(t);if(window.MotionHasOptimisedAnimation(n,`transform`)){let{layout:t,layoutId:r}=e.options;window.MotionCancelOptimisedAnimation(n,`transform`,N,!(t||r))}let{parent:r}=e;r&&!r.hasCheckedOptimisedAppear&&Yc(r)}function Xc({attachResizeListener:e,defaultParent:t,measureScroll:n,checkIsScrollRoot:r,resetTransform:i}){return class{constructor(e={},n=t?.()){this.id=qc++,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,M.value&&(Wc.nodes=Wc.calculatedTargetDeltas=Wc.calculatedProjections=0),this.nodes.forEach($c),this.nodes.forEach(ol),this.nodes.forEach(sl),this.nodes.forEach(el),M.addProjectionMetrics&&M.addProjectionMetrics(Wc)},this.resolvedRelativeTargetAt=0,this.linkedParentVersion=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=e,this.root=n?n.root||n:this,this.path=n?[...n.path,n]:[],this.parent=n,this.depth=n?n.depth+1:0;for(let e=0;e<this.path.length;e++)this.path[e].shouldResetTransform=!0;this.root===this&&(this.nodes=new hc)}addEventListener(e,t){return this.eventHandlers.has(e)||this.eventHandlers.set(e,new ue),this.eventHandlers.get(e).add(t)}notifyListeners(e,...t){let n=this.eventHandlers.get(e);n&&n.notify(...t)}hasListeners(e){return this.eventHandlers.has(e)}mount(t){if(this.instance)return;this.isSVG=_i(t)&&!vi(t),this.instance=t;let{layoutId:n,layout:r,visualElement:i}=this.options;if(i&&!i.current&&i.mount(t),this.root.nodes.add(this),this.parent&&this.parent.children.add(this),this.root.hasTreeAnimated&&(r||n)&&(this.isLayoutDirty=!0),e){let n,r=0,i=()=>this.root.updateBlockedByResize=!1;N.read(()=>{r=window.innerWidth}),e(t,()=>{let e=window.innerWidth;e!==r&&(r=e,this.root.updateBlockedByResize=!0,n&&n(),n=gc(i,250),lc.hasAnimatedSinceResize&&(lc.hasAnimatedSinceResize=!1,this.nodes.forEach(al)))})}n&&this.root.registerSharedNode(n,this),this.options.animate!==!1&&i&&(n||r)&&this.addEventListener(`didUpdate`,({delta:e,hasLayoutChanged:t,hasRelativeLayoutChanged:n,layout:r})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}let a=this.options.transition||i.getDefaultTransition()||ml,{onLayoutAnimationStart:o,onLayoutAnimationComplete:s}=i.getProps(),c=!this.targetLayout||!zc(this.targetLayout,r),l=!t&&n;if(this.options.layoutRoot||this.resumeFrom||l||t&&(c||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0);let t={...Er(a,`layout`),onPlay:o,onComplete:s};(i.shouldReduceMotion||this.options.layoutRoot)&&(t.delay=0,t.type=!1),this.startAnimation(t),this.setAnimationOrigin(e,l)}else t||al(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=r})}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(),P(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(cl),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&&Yc(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,t.updateScroll(`snapshot`),t.options.layoutRoot&&t.willUpdate(!1)}let{layoutId:t,layout:n}=this.options;if(t===void 0&&!n)return;let r=this.getTransformTemplate();this.prevTransformTemplateValue=r?r(this.latestValues,``):void 0,this.updateSnapshot(),e&&this.notifyListeners(`willUpdate`)}update(){if(this.updateScheduled=!1,this.isUpdateBlocked()){this.unblockUpdate(),this.clearAllSnapshots(),this.nodes.forEach(nl);return}if(this.animationId<=this.animationCommitId){this.nodes.forEach(rl);return}this.animationCommitId=this.animationId,this.isUpdating?(this.isUpdating=!1,this.nodes.forEach(il),this.nodes.forEach(Zc),this.nodes.forEach(Qc)):this.nodes.forEach(rl),this.clearAllSnapshots();let e=I.now();F.delta=T(0,1e3/60,e-F.timestamp),F.timestamp=e,F.isProcessing=!0,Be.update.process(F),Be.preRender.process(F),Be.render.process(F),F.isProcessing=!1}didUpdate(){this.updateScheduled||(this.updateScheduled=!0,ei.read(this.scheduleUpdate))}clearAllSnapshots(){this.nodes.forEach(tl),this.sharedNodes.forEach(ll)}scheduleUpdateProjection(){this.projectionUpdateScheduled||(this.projectionUpdateScheduled=!0,N.preRender(this.updateProjection,!1,!0))}scheduleCheckAfterUnmount(){N.postRender(()=>{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure(),this.snapshot&&!Z(this.snapshot.measuredBox.x)&&!Z(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=Y(),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=r(this.instance);this.scroll={animationId:this.root.animationId,phase:e,isRoot:t,offset:n(this.instance),wasRoot:this.scroll?this.scroll.isRoot:t}}}resetTransform(){if(!i)return;let e=this.isLayoutDirty||this.shouldResetTransform||this.options.alwaysMeasureLayout,t=this.projectionDelta&&!Fc(this.projectionDelta),n=this.getTransformTemplate(),r=n?n(this.latestValues,``):void 0,a=r!==this.prevTransformTemplateValue;e&&this.instance&&(t||to(this.latestValues)||a)&&(i(this.instance,r),this.shouldResetTransform=!1,this.scheduleRender())}measure(e=!0){let t=this.measurePageBox(),n=this.removeElementScroll(t);return e&&(n=this.removeTransform(n)),vl(n),{animationId:this.root.animationId,measuredBox:t,layoutBox:n,latestValues:{},source:this.id}}measurePageBox(){let{visualElement:e}=this.options;if(!e)return Y();let t=e.measureViewportBox();if(!(this.scroll?.wasRoot||this.path.some(bl))){let{scroll:e}=this.root;e&&(fo(t.x,e.offset.x),fo(t.y,e.offset.y))}return t}removeElementScroll(e){let t=Y();if($(t,e),this.scroll?.wasRoot)return t;for(let n=0;n<this.path.length;n++){let r=this.path[n],{scroll:i,options:a}=r;r!==this.root&&i&&a.layoutScroll&&(i.wasRoot&&$(t,e),fo(t.x,i.offset.x),fo(t.y,i.offset.y))}return t}applyTransform(e,t=!1){let n=Y();$(n,e);for(let e=0;e<this.path.length;e++){let r=this.path[e];!t&&r.options.layoutScroll&&r.scroll&&r!==r.root&&mo(n,{x:-r.scroll.offset.x,y:-r.scroll.offset.y}),to(r.latestValues)&&mo(n,r.latestValues)}return to(this.latestValues)&&mo(n,this.latestValues),n}removeTransform(e){let t=Y();$(t,e);for(let e=0;e<this.path.length;e++){let n=this.path[e];if(!n.instance||!to(n.latestValues))continue;eo(n.latestValues)&&n.updateSnapshot();let r=Y();$(r,n.measurePageBox()),Nc(t,n.latestValues,n.snapshot?n.snapshot.layoutBox:void 0,r)}return to(this.latestValues)&&Nc(t,this.latestValues),t}setTargetDelta(e){this.targetDelta=e,this.root.scheduleUpdateProjection(),this.isProjectionDirty=!0}setOptions(e){this.options={...this.options,...e,crossfade:e.crossfade===void 0?!0: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!==F.timestamp&&this.relativeParent.resolveTargetDelta(!0)}resolveTargetDelta(e=!1){let t=this.getLead();this.isProjectionDirty||=t.isProjectionDirty,this.isTransformDirty||=t.isTransformDirty,this.isSharedProjectionDirty||=t.isSharedProjectionDirty;let n=!!this.resumingFrom||this!==t;if(!(e||n&&this.isSharedProjectionDirty||this.isProjectionDirty||this.parent?.isProjectionDirty||this.attemptToResolveRelativeTarget||this.root.updateBlockedByResize))return;let{layout:r,layoutId:i}=this.options;if(!this.layout||!(r||i))return;this.resolvedRelativeTargetAt=F.timestamp;let a=this.getClosestProjectingParent();a&&this.linkedParentVersion!==a.layoutVersion&&!a.options.layoutRoot&&this.removeRelativeTarget(),!this.targetDelta&&!this.relativeTarget&&(a&&a.layout?this.createRelativeTarget(a,this.layout.layoutBox,a.layout.layoutBox):this.removeRelativeTarget()),!(!this.relativeTarget&&!this.targetDelta)&&(this.target||(this.target=Y(),this.targetWithTransforms=Y()),this.relativeTarget&&this.relativeTargetOrigin&&this.relativeParent&&this.relativeParent.target?(this.forceRelativeParentToResolveTarget(),Ms(this.target,this.relativeTarget,this.relativeParent.target)):this.targetDelta?(this.resumingFrom?this.target=this.applyTransform(this.layout.layoutBox):$(this.target,this.layout.layoutBox),so(this.target,this.targetDelta)):$(this.target,this.layout.layoutBox),this.attemptToResolveRelativeTarget&&(this.attemptToResolveRelativeTarget=!1,a&&!!a.resumingFrom==!!this.resumingFrom&&!a.options.layoutScroll&&a.target&&this.animationProgress!==1?this.createRelativeTarget(a,this.target,a.target):this.relativeParent=this.relativeTarget=void 0),M.value&&Wc.calculatedTargetDeltas++)}getClosestProjectingParent(){if(!(!this.parent||eo(this.parent.latestValues)||no(this.parent.latestValues)))return this.parent.isProjecting()?this.parent:this.parent.getClosestProjectingParent()}isProjecting(){return!!((this.relativeTarget||this.targetDelta||this.options.layoutRoot)&&this.layout)}createRelativeTarget(e,t,n){this.relativeParent=e,this.linkedParentVersion=e.layoutVersion,this.forceRelativeParentToResolveTarget(),this.relativeTarget=Y(),this.relativeTargetOrigin=Y(),Ps(this.relativeTargetOrigin,t,n),$(this.relativeTarget,this.relativeTargetOrigin)}removeRelativeTarget(){this.relativeParent=this.relativeTarget=void 0}calcProjection(){let e=this.getLead(),t=!!this.resumingFrom||this!==e,n=!0;if((this.isProjectionDirty||this.parent?.isProjectionDirty)&&(n=!1),t&&(this.isSharedProjectionDirty||this.isTransformDirty)&&(n=!1),this.resolvedRelativeTargetAt===F.timestamp&&(n=!1),n)return;let{layout:r,layoutId:i}=this.options;if(this.isTreeAnimating=!!(this.parent&&this.parent.isTreeAnimating||this.currentAnimation||this.pendingAnimation),this.isTreeAnimating||(this.targetDelta=this.relativeTarget=void 0),!this.layout||!(r||i))return;$(this.layoutCorrected,this.layout.layoutBox);let a=this.treeScale.x,o=this.treeScale.y;uo(this.layoutCorrected,this.treeScale,this.path,t),e.layout&&!e.target&&(this.treeScale.x!==1||this.treeScale.y!==1)&&(e.target=e.layout.layoutBox,e.targetWithTransforms=Y());let{target:s}=e;if(!s){this.prevProjectionDelta&&(this.createProjectionDeltas(),this.scheduleRender());return}!this.projectionDelta||!this.prevProjectionDelta?this.createProjectionDeltas():(Dc(this.prevProjectionDelta.x,this.projectionDelta.x),Dc(this.prevProjectionDelta.y,this.projectionDelta.y)),As(this.projectionDelta,this.layoutCorrected,s,this.latestValues),(this.treeScale.x!==a||this.treeScale.y!==o||!Vc(this.projectionDelta.x,this.prevProjectionDelta.x)||!Vc(this.projectionDelta.y,this.prevProjectionDelta.y))&&(this.hasProjected=!0,this.scheduleRender(),this.notifyListeners(`projectionUpdate`,s)),M.value&&Wc.calculatedProjections++}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=vo(),this.projectionDelta=vo(),this.projectionDeltaWithTransform=vo()}setAnimationOrigin(e,t=!1){let n=this.snapshot,r=n?n.latestValues:{},i={...this.latestValues},a=vo();(!this.relativeParent||!this.relativeParent.options.layoutRoot)&&(this.relativeTarget=this.relativeTargetOrigin=void 0),this.attemptToResolveRelativeTarget=!t;let o=Y(),s=(n?n.source:void 0)!==(this.layout?this.layout.source:void 0),c=this.getStack(),l=!c||c.members.length<=1,u=!!(s&&!l&&this.options.crossfade===!0&&!this.path.some(pl));this.animationProgress=0;let d;this.mixTargetDelta=t=>{let n=t/1e3;ul(a.x,e.x,n),ul(a.y,e.y,n),this.setTargetDelta(a),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(Ps(o,this.layout.layoutBox,this.relativeParent.layout.layoutBox),fl(this.relativeTarget,this.relativeTargetOrigin,o,n),d&&Lc(this.relativeTarget,d)&&(this.isProjectionDirty=!1),d||=Y(),$(d,this.relativeTarget)),s&&(this.animationValues=i,xc(i,r,this.latestValues,n,u,l)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=n},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(e){this.notifyListeners(`animationStart`),this.currentAnimation?.stop(),this.resumingFrom?.currentAnimation?.stop(),this.pendingAnimation&&=(P(this.pendingAnimation),void 0),this.pendingAnimation=N.update(()=>{lc.hasAnimatedSinceResize=!0,Ue.layout++,this.motionValue||=$r(0),this.currentAnimation=pc(this.motionValue,[0,1e3],{...e,velocity:0,isSync:!0,onUpdate:t=>{this.mixTargetDelta(t),e.onUpdate&&e.onUpdate(t)},onStop:()=>{Ue.layout--},onComplete:()=>{Ue.layout--,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(Kc),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){let e=this.getLead(),{targetWithTransforms:t,target:n,layout:r,latestValues:i}=e;if(!(!t||!n||!r)){if(this!==e&&this.layout&&r&&yl(this.options.animationType,this.layout.layoutBox,r.layoutBox)){n=this.target||Y();let t=Z(this.layout.layoutBox.x);n.x.min=e.target.x.min,n.x.max=n.x.min+t;let r=Z(this.layout.layoutBox.y);n.y.min=e.target.y.min,n.y.max=n.y.min+r}$(t,n),mo(t,i),As(this.projectionDeltaWithTransform,this.layoutCorrected,t,i)}}registerSharedNode(e,t){this.sharedNodes.has(e)||this.sharedNodes.set(e,new Hc),this.sharedNodes.get(e).add(t);let n=t.options.initialPromotionConfig;t.promote({transition:n?n.transition:void 0,preserveFollowOpacity:n&&n.shouldPreserveFollowOpacity?n.shouldPreserveFollowOpacity(t):void 0})}isLead(){let e=this.getStack();return e?e.lead===this:!0}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:n}={}){let r=this.getStack();r&&r.promote(this,n),e&&(this.projectionDelta=void 0,this.needsReset=!0),t&&this.setOptions({transition:t})}relegate(){let e=this.getStack();return e?e.relegate(this):!1}resetSkewAndRotation(){let{visualElement:e}=this.options;if(!e)return;let t=!1,{latestValues:n}=e;if((n.z||n.rotate||n.rotateX||n.rotateY||n.rotateZ||n.skewX||n.skewY)&&(t=!0),!t)return;let r={};n.z&&Jc(`z`,e,r,this.animationValues);for(let t=0;t<Gc.length;t++)Jc(`rotate${Gc[t]}`,e,r,this.animationValues),Jc(`skew${Gc[t]}`,e,r,this.animationValues);for(let t in e.render(),r)e.setStaticValue(t,r[t]),this.animationValues&&(this.animationValues[t]=r[t]);e.scheduleRender()}applyProjectionStyles(e,t){if(!this.instance||this.isSVG)return;if(!this.isVisible){e.visibility=`hidden`;return}let n=this.getTransformTemplate();if(this.needsReset){this.needsReset=!1,e.visibility=``,e.opacity=``,e.pointerEvents=Da(t?.pointerEvents)||``,e.transform=n?n(this.latestValues,``):`none`;return}let r=this.getLead();if(!this.projectionDelta||!this.layout||!r.target){this.options.layoutId&&(e.opacity=this.latestValues.opacity===void 0?1:this.latestValues.opacity,e.pointerEvents=Da(t?.pointerEvents)||``),this.hasProjected&&!to(this.latestValues)&&(e.transform=n?n({},``):`none`,this.hasProjected=!1);return}e.visibility=``;let i=r.animationValues||r.latestValues;this.applyTransformsToTarget();let a=Uc(this.projectionDeltaWithTransform,this.treeScale,i);n&&(a=n(i,a)),e.transform=a;let{x:o,y:s}=this.projectionDelta;for(let t in e.transformOrigin=`${o.origin*100}% ${s.origin*100}% 0`,r.animationValues?e.opacity=r===this?i.opacity??this.latestValues.opacity??1:this.preserveOpacity?this.latestValues.opacity:i.opacityExit:e.opacity=r===this?i.opacity===void 0?``:i.opacity:i.opacityExit===void 0?0:i.opacityExit,ia){if(i[t]===void 0)continue;let{correct:n,applyTo:o,isCSSVariable:s}=ia[t],c=a===`none`?i[t]:n(i[t],r);if(o){let t=o.length;for(let n=0;n<t;n++)e[o[n]]=c}else s?this.options.visualElement.renderState.vars[t]=c:e[t]=c}this.options.layoutId&&(e.pointerEvents=r===this?Da(t?.pointerEvents)||``:`none`)}clearSnapshot(){this.resumeFrom=this.snapshot=void 0}resetTree(){this.root.nodes.forEach(e=>e.currentAnimation?.stop()),this.root.nodes.forEach(nl),this.root.sharedNodes.clear()}}}function Zc(e){e.updateLayout()}function Qc(e){let t=e.resumeFrom?.snapshot||e.snapshot;if(e.isLead()&&e.layout&&t&&e.hasListeners(`didUpdate`)){let{layoutBox:n,measuredBox:r}=e.layout,{animationType:i}=e.options,a=t.source!==e.layout.source;i===`size`?Q(e=>{let r=a?t.measuredBox[e]:t.layoutBox[e],i=Z(r);r.min=n[e].min,r.max=r.min+i}):yl(i,t.layoutBox,n)&&Q(r=>{let i=a?t.measuredBox[r]:t.layoutBox[r],o=Z(n[r]);i.max=i.min+o,e.relativeTarget&&!e.currentAnimation&&(e.isProjectionDirty=!0,e.relativeTarget[r].max=e.relativeTarget[r].min+o)});let o=vo();As(o,n,t.layoutBox);let s=vo();a?As(s,e.applyTransform(r,!0),t.measuredBox):As(s,n,t.layoutBox);let c=!Fc(o),l=!1;if(!e.resumeFrom){let r=e.getClosestProjectingParent();if(r&&!r.resumeFrom){let{snapshot:i,layout:a}=r;if(i&&a){let o=Y();Ps(o,t.layoutBox,i.layoutBox);let s=Y();Ps(s,n,a.layoutBox),zc(o,s)||(l=!0),r.options.layoutRoot&&(e.relativeTarget=s,e.relativeTargetOrigin=o,e.relativeParent=r)}}}e.notifyListeners(`didUpdate`,{layout:n,snapshot:t,delta:s,layoutDelta:o,hasLayoutChanged:c,hasRelativeLayoutChanged:l})}else if(e.isLead()){let{onExitComplete:t}=e.options;t&&t()}e.options.transition=void 0}function $c(e){M.value&&Wc.nodes++,e.parent&&(e.isProjecting()||(e.isProjectionDirty=e.parent.isProjectionDirty),e.isSharedProjectionDirty||=!!(e.isProjectionDirty||e.parent.isProjectionDirty||e.parent.isSharedProjectionDirty),e.isTransformDirty||=e.parent.isTransformDirty)}function el(e){e.isProjectionDirty=e.isSharedProjectionDirty=e.isTransformDirty=!1}function tl(e){e.clearSnapshot()}function nl(e){e.clearMeasurements()}function rl(e){e.isLayoutDirty=!1}function il(e){let{visualElement:t}=e.options;t&&t.getProps().onBeforeLayoutMeasure&&t.notify(`BeforeLayoutMeasure`),e.resetTransform()}function al(e){e.finishAnimation(),e.targetDelta=e.relativeTarget=e.target=void 0,e.isProjectionDirty=!0}function ol(e){e.resolveTargetDelta()}function sl(e){e.calcProjection()}function cl(e){e.resetSkewAndRotation()}function ll(e){e.removeLeadSnapshot()}function ul(e,t,n){e.translate=H(t.translate,0,n),e.scale=H(t.scale,1,n),e.origin=t.origin,e.originPoint=t.originPoint}function dl(e,t,n,r){e.min=H(t.min,n.min,r),e.max=H(t.max,n.max,r)}function fl(e,t,n,r){dl(e.x,t.x,n.x,r),dl(e.y,t.y,n.y,r)}function pl(e){return e.animationValues&&e.animationValues.opacityExit!==void 0}var ml={duration:.45,ease:[.4,0,.1,1]},hl=e=>typeof navigator<`u`&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(e),gl=hl(`applewebkit/`)&&!hl(`chrome/`)?Math.round:k;function _l(e){e.min=gl(e.min),e.max=gl(e.max)}function vl(e){_l(e.x),_l(e.y)}function yl(e,t,n){return e===`position`||e===`preserve-aspect`&&!Os(Bc(t),Bc(n),.2)}function bl(e){return e!==e.root&&e.scroll?.wasRoot}var xl=Xc({attachResizeListener:(e,t)=>vs(e,`resize`,t),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),Sl={current:void 0},Cl=Xc({measureScroll:e=>({x:e.scrollLeft,y:e.scrollTop}),defaultParent:()=>{if(!Sl.current){let e=new xl({});e.mount(window),e.setOptions({layoutScroll:!0}),Sl.current=e}return Sl.current},resetTransform:(e,t)=>{e.style.transform=t===void 0?`none`:t},checkIsScrollRoot:e=>window.getComputedStyle(e).position===`fixed`}),wl={pan:{Feature:cc},drag:{Feature:oc,ProjectionNode:Cl,MeasureLayout:fc}};function Tl(e,t,n){let{props:r}=e;e.animationState&&r.whileHover&&e.animationState.setActive(`whileHover`,n===`Start`);let i=r[`onHover`+n];i&&N.postRender(()=>i(t,ys(t)))}var El=class extends X{mount(){let{current:e}=this.node;e&&(this.unmount=oi(e,(e,t)=>(Tl(this.node,t,`Start`),e=>Tl(this.node,e,`End`))))}unmount(){}},Dl=class extends X{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=ce(vs(this.node.current,`focus`,()=>this.onFocus()),vs(this.node.current,`blur`,()=>this.onBlur()))}unmount(){}};function Ol(e,t,n){let{props:r}=e;if(e.current instanceof HTMLButtonElement&&e.current.disabled)return;e.animationState&&r.whileTap&&e.animationState.setActive(`whileTap`,n===`Start`);let i=r[`onTap`+(n===`End`?``:n)];i&&N.postRender(()=>i(t,ys(t)))}var kl=class extends X{mount(){let{current:e}=this.node;e&&(this.unmount=gi(e,(e,t)=>(Ol(this.node,t,`Start`),(e,{success:t})=>Ol(this.node,e,t?`End`:`Cancel`)),{useGlobalTarget:this.node.props.globalTapTarget}))}unmount(){}},Al=new WeakMap,jl=new WeakMap,Ml=e=>{let t=Al.get(e.target);t&&t(e)},Nl=e=>{e.forEach(Ml)};function Pl({root:e,...t}){let n=e||document;jl.has(n)||jl.set(n,{});let r=jl.get(n),i=JSON.stringify(t);return r[i]||(r[i]=new IntersectionObserver(Nl,{root:e,...t})),r[i]}function Fl(e,t,n){let r=Pl(t);return Al.set(e,n),r.observe(e),()=>{Al.delete(e),r.unobserve(e)}}var Il={some:0,all:1},Ll=class extends X{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();let{viewport:e={}}=this.node.getProps(),{root:t,margin:n,amount:r=`some`,once:i}=e,a={root:t?t.current:void 0,rootMargin:n,threshold:typeof r==`number`?r:Il[r]};return Fl(this.node.current,a,e=>{let{isIntersecting:t}=e;if(this.isInView===t||(this.isInView=t,i&&!t&&this.hasEnteredView))return;t&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive(`whileInView`,t);let{onViewportEnter:n,onViewportLeave:r}=this.node.getProps(),a=t?n:r;a&&a(e)})}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>`u`)return;let{props:e,prevProps:t}=this.node;[`amount`,`margin`,`root`].some(Rl(e,t))&&this.startObserver()}unmount(){}};function Rl({viewport:e={}},{viewport:t={}}={}){return n=>e[n]!==t[n]}var zl={inView:{Feature:Ll},tap:{Feature:kl},focus:{Feature:Dl},hover:{Feature:El}},Bl={layout:{ProjectionNode:Cl,MeasureLayout:fc}},Vl={..._s,...zl,...wl,...Bl},Hl=Ya(Vl,Po),Ul=e=>{let{defaultExpand:t,title:n,children:r,onClear:i}=e,[a,o]=(0,f.useState)(t??!1);return(0,J.jsxs)(`div`,{className:`text-sm`,children:[(0,J.jsxs)(`div`,{className:`flex items-center justify-between cursor-pointer`,onClick:()=>{o(e=>!e)},children:[(0,J.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,J.jsxs)(`div`,{className:`relative size-4 children:absolute children:inset-0`,children:[(0,J.jsx)(Hl.div,{initial:{opacity:1},animate:{opacity:a?0:1},children:(0,J.jsx)(p.SquarePlus,{className:`size-4`})}),(0,J.jsx)(Hl.div,{initial:{opacity:0},animate:{opacity:a?1:0},children:(0,J.jsx)(p.SquareMinus,{className:`size-4`})})]}),(0,J.jsx)(`span`,{children:n})]}),(0,J.jsx)(p.BrushCleaning,{className:`size-4`,onClick:e=>{e.stopPropagation(),i?.(e)}})]}),(0,J.jsx)(Hl.div,{initial:{height:0,opacity:0},animate:{height:a?`auto`:0,opacity:a?1:0},className:`overflow-hidden`,children:(0,J.jsx)(`div`,{className:`pt-4`,children:r})})]})},Wl=Ul;const Gl=(...e)=>(0,h.twMerge)((0,m.clsx)(e));var Kl=e=>{let{value:t,options:n,onChange:r,...i}=e,a=n.filter(e=>!e.icon),o=n.filter(e=>e.icon),s=e=>{t.includes(e)?r?.(t.filter(t=>t!==e)):r?.([...t,e])};return(0,J.jsxs)(Wl,{...i,children:[(0,J.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:a.map(e=>{let{label:n,value:r}=e;return(0,J.jsx)(`div`,{className:Gl(`inline-flex items-center h-6 px-3 cursor-pointer b-default rounded-full hover:border-primary transition-colors`,{"border-primary bg-primary-bg":t.includes(r)}),onClick:()=>{s(r)},children:n},r)})}),(0,J.jsx)(`div`,{className:`flex flex-wrap gap-2 mt-2`,children:o.map(e=>{let{label:n,value:r,icon:i}=e;return(0,J.jsx)(`div`,{className:Gl(`size-12 rounded-full overflow-hidden cursor-pointer b-default b-2 border-transparent hover:border-primary transition-colors`,{"border-primary":t.includes(r)}),onClick:()=>{s(r)},children:(0,J.jsx)(`img`,{src:i,alt:n,className:`size-full`})},r)})})]})},ql=Kl,Jl=e=>{let{options:t,value:n,onChange:r,...i}=e,[a,o]=(0,f.useState)(!1),s=e=>(0,J.jsx)(`div`,{className:`flex flex-col gap-4`,children:e.map(e=>{let{label:t,value:i,icon:a,count:o}=e;return(0,J.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,J.jsx)(g.Checkbox,{checked:n.includes(i),onChange:e=>{e.target.checked?r?.([...n,i]):r?.(n.filter(e=>e!==i))},children:(0,J.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,J.jsx)(`img`,{src:a,alt:t,className:`size-4`}),(0,J.jsx)(`span`,{children:t})]})}),(0,J.jsx)(`span`,{children:o})]},i)})}),c=()=>{o(e=>!e)};return(0,J.jsxs)(Wl,{...i,children:[s(t.slice(0,5)),(0,J.jsx)(Mi,{children:a&&(0,J.jsx)(Hl.div,{initial:{height:0,opacity:0},animate:{height:`auto`,opacity:1},exit:{height:0,opacity:0},className:`overflow-hidden`,children:(0,J.jsx)(`div`,{className:`mt-4`,children:s(t.slice(5))})})}),t.length>5&&(0,J.jsxs)(`div`,{className:`inline-flex items-center mt-4 text-primary cursor-pointer`,onClick:c,children:[(0,J.jsx)(`span`,{children:`更多`}),(0,J.jsx)(p.ChevronDown,{className:Gl(`size-4 transition`,{"-scale-y-100":a})})]})]})},Yl=Jl,Xl=e=>(0,J.jsx)(Wl,{...e,children:(0,J.jsx)(`div`,{className:`px-0.5 pb-0.5`,children:(0,J.jsx)(g.Select,{className:`w-full`,...e})})}),Zl=Xl,Ql=e=>(0,J.jsx)(Wl,{...e,children:(0,J.jsx)(g.ColorPicker,{...e})}),$l=Ql,eu=e=>(0,J.jsx)(Wl,{...e,children:(0,J.jsx)(`div`,{className:`px-2`,children:(0,J.jsx)(g.Slider,{...e})})}),tu=eu,nu=e=>(0,J.jsx)(Wl,{...e,children:(0,J.jsx)(`div`,{className:`px-0.5 pb-0.5`,children:(0,J.jsx)(g.Input,{...e})})}),ru=nu;exports.FilterCheckboxGroup=Yl,exports.FilterCollapse=Wl,exports.FilterColorPicker=$l,exports.FilterInput=ru,exports.FilterSelect=Zl,exports.FilterSlider=tu,exports.FilterTags=ql;
|