diff --git a/bun.lock b/bun.lock index fb1a367..834ee18 100644 --- a/bun.lock +++ b/bun.lock @@ -7,6 +7,7 @@ "dependencies": { "@ag-grid-community/locale": "^35.1.0", "@iconify/vue": "^5.0.0", + "@internationalized/date": "^3.12.0", "@tailwindcss/vite": "^4.1.18", "@vueuse/core": "^14.2.1", "ag-grid-community": "^35.1.0", @@ -72,7 +73,7 @@ "@iconify/vue": ["@iconify/vue@5.0.0", "", { "dependencies": { "@iconify/types": "^2.0.0" }, "peerDependencies": { "vue": ">=3" } }, "sha512-C+KuEWIF5nSBrobFJhT//JS87OZ++QDORB6f2q2Wm6fl2mueSTpFBeBsveK0KW9hWiZ4mNiPjsh6Zs4jjdROSg=="], - "@internationalized/date": ["@internationalized/date@3.11.0", "", { "dependencies": { "@swc/helpers": "^0.5.0" } }, "sha512-BOx5huLAWhicM9/ZFs84CzP+V3gBW6vlpM02yzsdYC7TGlZJX1OJiEEHcSayF00Z+3jLlm4w79amvSt6RqKN3Q=="], + "@internationalized/date": ["@internationalized/date@3.12.0", "", { "dependencies": { "@swc/helpers": "^0.5.0" } }, "sha512-/PyIMzK29jtXaGU23qTvNZxvBXRtKbNnGDFD+PY6CZw/Y8Ex8pFUzkuCJCG9aOqmShjqhS9mPqP6Dk5onQY8rQ=="], "@internationalized/number": ["@internationalized/number@3.6.5", "", { "dependencies": { "@swc/helpers": "^0.5.0" } }, "sha512-6hY4Kl4HPBvtfS62asS/R22JzNNy8vi/Ssev7x6EobfCp+9QIB2hKvI2EtbdJ0VSQacxVNtqhE/NmF/NZ0gm6g=="], @@ -542,6 +543,8 @@ "lazystream/readable-stream": ["readable-stream@2.3.8", "", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="], + "reka-ui/@internationalized/date": ["@internationalized/date@3.11.0", "", { "dependencies": { "@swc/helpers": "^0.5.0" } }, "sha512-BOx5huLAWhicM9/ZFs84CzP+V3gBW6vlpM02yzsdYC7TGlZJX1OJiEEHcSayF00Z+3jLlm4w79amvSt6RqKN3Q=="], + "rolldown/@rolldown/pluginutils": ["@rolldown/pluginutils@1.0.0-rc.5", "", {}, "sha512-RxlLX/DPoarZ9PtxVrQgZhPoor987YtKQqCo5zkjX+0S0yLJ7Vv515Wk6+xtTL67VONKJKxETWZwuZjss2idYw=="], "string_decoder/safe-buffer": ["safe-buffer@5.2.1", "", {}, "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ=="], diff --git a/package.json b/package.json index 031a9c8..e3b1b72 100644 --- a/package.json +++ b/package.json @@ -12,6 +12,7 @@ "dependencies": { "@ag-grid-community/locale": "^35.1.0", "@iconify/vue": "^5.0.0", + "@internationalized/date": "^3.12.0", "@tailwindcss/vite": "^4.1.18", "@vueuse/core": "^14.2.1", "ag-grid-community": "^35.1.0", diff --git a/src/components/common/xmCommonAgGrid.vue b/src/components/common/xmCommonAgGrid.vue index 8862673..9951901 100644 --- a/src/components/common/xmCommonAgGrid.vue +++ b/src/components/common/xmCommonAgGrid.vue @@ -1,13 +1,14 @@ @@ -212,18 +354,30 @@ onBeforeUnmount(() => {

{{ props.title }}

-
+
+ 粗略计算 + + + +
+import { parseDate } from '@internationalized/date' import { onMounted, ref, watch } from 'vue' import localforage from 'localforage' import { industryTypeList } from '@/sql' -import { CircleHelp } from 'lucide-vue-next' +import { Calendar as CalendarIcon, CircleHelp } from 'lucide-vue-next' import { TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger } from '@/components/ui/tooltip' +import { + DatePickerAnchor, + DatePickerArrow, + DatePickerCalendar, + DatePickerCell, + DatePickerCellTrigger, + DatePickerClose, + DatePickerContent, + DatePickerField, + DatePickerGrid, + DatePickerGridBody, + DatePickerGridHead, + DatePickerGridRow, + DatePickerHeadCell, + DatePickerHeader, + DatePickerHeading, + DatePickerInput, + DatePickerNext, + DatePickerPrev, + DatePickerRoot, + DatePickerTrigger +} from 'reka-ui' interface XmInfoState { projectIndustry?: string @@ -31,6 +54,37 @@ const preparedBy = ref('') const reviewedBy = ref('') const preparedCompany = ref('') const preparedDate = ref('') +const preparedDatePickerValue = ref(undefined) + +const normalizeDateString = (value: unknown): string => { + if (typeof value !== 'string') return '' + const trimmed = value.trim() + if (!trimmed) return '' + try { + const parsed = parseDate(trimmed) + return parsed.toString() === trimmed ? trimmed : '' + } catch { + return '' + } +} + +const syncPreparedDatePickerFromString = () => { + if (!preparedDate.value) { + preparedDatePickerValue.value = undefined + return + } + try { + preparedDatePickerValue.value = parseDate(preparedDate.value) + } catch { + preparedDatePickerValue.value = undefined + preparedDate.value = '' + } +} + +const handlePreparedDateSelect = (date: any) => { + preparedDatePickerValue.value = date + preparedDate.value = date?.toString() ?? '' +} const majorParentNodes: MajorParentNode[] = industryTypeList.map(item => ({ id: item.id, @@ -69,7 +123,8 @@ const loadFromIndexedDB = async () => { preparedBy.value = typeof data.preparedBy === 'string' ? data.preparedBy : '' reviewedBy.value = typeof data.reviewedBy === 'string' ? data.reviewedBy : '' preparedCompany.value = typeof data.preparedCompany === 'string' ? data.preparedCompany : '' - preparedDate.value = typeof data.preparedDate === 'string' ? data.preparedDate : '' + preparedDate.value = normalizeDateString(data.preparedDate) + syncPreparedDatePickerFromString() return } @@ -80,6 +135,7 @@ const loadFromIndexedDB = async () => { reviewedBy.value = '' preparedCompany.value = '' preparedDate.value = '' + syncPreparedDatePickerFromString() } catch (error) { console.error('loadFromIndexedDB failed:', error) projectIndustry.value = DEFAULT_PROJECT_INDUSTRY @@ -88,6 +144,7 @@ const loadFromIndexedDB = async () => { reviewedBy.value = '' preparedCompany.value = '' preparedDate.value = '' + syncPreparedDatePickerFromString() } } @@ -126,6 +183,7 @@ const createProject = async () => { reviewedBy.value = '' preparedCompany.value = '' preparedDate.value = '' + syncPreparedDatePickerFromString() isProjectInitialized.value = true showCreateDialog.value = false await saveToIndexedDB() @@ -238,12 +296,112 @@ onMounted(async () => {
- + + + +
+ +
+ + + + + + + + + + + + + + + + + +
+ + + + + {{ day }} + + + + + + + + {{ dateValue.day }} + + + + + +
+ +
+ + + +
+ +
diff --git a/src/main.ts b/src/main.ts index 2bc46f2..1dfd39d 100644 --- a/src/main.ts +++ b/src/main.ts @@ -10,7 +10,7 @@ import { RowAutoHeightModule, TextEditorModule, TooltipModule, - UndoRedoEditModule, + UndoRedoEditModule,RenderApiModule } from 'ag-grid-community' import { @@ -40,7 +40,7 @@ const AG_GRID_MODULES = [ LargeTextEditorModule, UndoRedoEditModule, CellStyleModule, - PinnedRowModule, + PinnedRowModule,RenderApiModule , TooltipModule, TreeDataModule, AggregationModule, diff --git a/tmp_reka_dialog.html b/tmp_reka_dialog.html deleted file mode 100644 index 0b570d5..0000000 --- a/tmp_reka_dialog.html +++ /dev/null @@ -1,43 +0,0 @@ - - - - - - Dialog Gesture Driven | Reka UI - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Reka UI logoReka
backdrop
Examples
Examples

Dialog Gesture Driven

An iOS-style gesture driven modal sheet built with Reka UI, and Motion-v.

Dialog
Motion-v

Dialog

Credit

Inspired by React Aria

- - - - - diff --git a/tmp_reka_dialog_md.js b/tmp_reka_dialog_md.js deleted file mode 100644 index ce1845a..0000000 --- a/tmp_reka_dialog_md.js +++ /dev/null @@ -1,528 +0,0 @@ -import{c6 as qi,ac as Hi,ad as zi,ae as Xi,af as Yi,ai as Zi,I as Ji,ag as Qi,ah as _i,ab as tr}from"./chunks/theme.dny5emIm.js";import{i as er,p as nr,w as oo,H as We,a as ie,d as qe,L as re,Q as io,o as He,R as F,r as sr,O as ro,a4 as or,aD as ir,aE as rr,q as ao,aA as ar,B as lr,aC as ur,x as pr,aF as cr,I as dr,h as lo,N as fr,P as hr,y as mr,z as Se,e as b,u as j,a5 as f,U as yr,b as o,aa as et,c as gr,ai as vr}from"./chunks/framework.CmFBNk3_.js";const uo=e=>n=>typeof n=="string"&&n.startsWith(e),ze=uo("--"),Er=uo("var(--"),Xe=e=>Er(e)?br.test(e.split("/*")[0].trim()):!1,br=/var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu,Rt={};function po(e){for(const n in e)Rt[n]=e[n],ze(n)&&(Rt[n].isCSSVariable=!0)}function jt(e,n){const t=typeof e=="string"&&!n?`${e}Context`:n,s=Symbol(t);return[r=>{const l=er(s,r);if(l===void 0)throw new Error(`Injection \`${s.toString()}\` not found. Component must be used within ${Array.isArray(e)?`one of the following components: ${e.join(", ")}`:`\`${e}\``}`);return l},r=>(nr(s,r),r)]}const[xr,Tr]=jt("Motion"),[wr]=jt("LayoutGroup");function Sn(e){return e!==null&&typeof e=="object"&&typeof e.start=="function"}class _{constructor(n){this.state=n}beforeMount(){}mount(){}unmount(){}update(){}beforeUpdate(){}beforeUnmount(){}}function St(e,n,t){if(Array.isArray(e))return e.reduce((s,i)=>{const a=St(i,n,t);return a?{...s,...a}:s},{});if(typeof e=="object")return e;if(e&&n){const s=n[e];return typeof s=="function"?s(t):s}}function Fr(e,n){return typeof e!=typeof n?!0:Array.isArray(e)&&Array.isArray(n)?!Cr(e,n):e!==n}function Cr(e,n){const t=n.length;if(t!==e.length)return!1;for(let s=0;se;function Ar(e){return typeof e=="number"}const Dr=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","svg","switch","symbol","text","tspan","use","view","clipPath","feBlend","feColorMatrix","feComponentTransfer","feComposite","feConvolveMatrix","feDiffuseLighting","feDisplacementMap","feDistantLight","feDropShadow","feFlood","feFuncA","feFuncB","feFuncG","feFuncR","feGaussianBlur","feImage","feMerge","feMergeNode","feMorphology","feOffset","fePointLight","feSpecularLighting","feSpotLight","feTile","feTurbulence","foreignObject","linearGradient","radialGradient","textPath"],Pr=new Set(Dr);function co(e){return Pr.has(e)}class Vr{constructor(n){this.features=[];const{features:t=[],lazyMotionContext:s}=n.options,i=t.concat(s.features.value);this.features=i.map(r=>new r(n));const a=this.features;oo(s.features,r=>{r.forEach(l=>{if(!i.includes(l)){i.push(l);const u=new l(n);a.push(u),n.isMounted()&&(u.beforeMount(),u.mount())}})},{flush:"pre"})}mount(){this.features.forEach(n=>n.mount())}beforeMount(){this.features.forEach(n=>{var t;return(t=n.beforeMount)==null?void 0:t.call(n)})}unmount(){this.features.forEach(n=>n.unmount())}update(){this.features.forEach(n=>{var t;return(t=n.update)==null?void 0:t.call(n)})}beforeUpdate(){this.features.forEach(n=>n.beforeUpdate())}beforeUnmount(){this.features.forEach(n=>n.beforeUnmount())}}const mt=new WeakMap;function ue(e){const n=mt.get(e);n&&e.removeEventListener("motioncomplete",n),mt.delete(e)}const[Br,Mr]=jt("AnimatePresenceContext");function Rr(e){const n={initial:e.initial,custom:e.custom};oo(()=>e.custom,t=>{n.custom=t},{flush:"pre"}),Mr(n),We(()=>{n.initial=void 0})}function kr(e){return typeof e=="string"||e===!1||Array.isArray(e)}const $=e=>e,Wt=["setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender"];function Lr(e,n){let t=new Set,s=new Set,i=!1,a=!1;const r=new WeakSet;let l={delta:0,timestamp:0,isProcessing:!1};function u(p){r.has(p)&&(c.schedule(p),e()),p(l)}const c={schedule:(p,d=!1,m=!1)=>{const y=m&&i?t:s;return d&&r.add(p),y.has(p)||y.add(p),p},cancel:p=>{s.delete(p),r.delete(p)},process:p=>{if(l=p,i){a=!0;return}i=!0,[t,s]=[s,t],t.forEach(u),t.clear(),i=!1,a&&(a=!1,c.process(p))}};return c}const J={},Or=40;function fo(e,n){let t=!1,s=!0;const i={delta:0,timestamp:0,isProcessing:!1},a=()=>t=!0,r=Wt.reduce((x,A)=>(x[A]=Lr(a),x),{}),{setup:l,read:u,resolveKeyframes:c,preUpdate:p,update:d,preRender:m,render:h,postRender:y}=r,g=()=>{const x=J.useManualTiming?i.timestamp:performance.now();t=!1,J.useManualTiming||(i.delta=s?1e3/60:Math.max(Math.min(x-i.timestamp,Or),1)),i.timestamp=x,i.isProcessing=!0,l.process(i),u.process(i),c.process(i),p.process(i),d.process(i),m.process(i),h.process(i),y.process(i),i.isProcessing=!1,t&&n&&(s=!1,e(g))},v=()=>{t=!0,s=!0,i.isProcessing||e(g)};return{schedule:Wt.reduce((x,A)=>{const T=r[A];return x[A]=(D,M=!1,S=!1)=>(t||v(),T.schedule(D,M,S)),x},{}),cancel:x=>{for(let A=0;A{var i;return kr(this.options[s])?this.options[s]:(i=this.parent)==null?void 0:i.context[s]}};this._context=new Proxy({},n)}return this._context}initTarget(n){var t;const s=this.options.custom??((t=this.options.animatePresenceContext)==null?void 0:t.custom);this.baseTarget=n.reduce((i,a)=>({...i,...St(this.options[a]||this.context[a],this.options.variants,s)}),{}),this.target={}}updateOptions(n){var t;this.options=n,(t=this.visualElement)==null||t.update({...this.options,whileTap:this.options.whilePress},{isPresent:!mt.has(this.element)})}beforeMount(){this.featureManager.beforeMount()}mount(n,t,s=!1){var i;this.element=n,this.updateOptions(t),this.featureManager.mount(),!s&&this.options.animate&&((i=this.startAnimation)==null||i.call(this)),this.options.layoutId&&(ce.add(this.options.layoutId),V.render(()=>{ce.clear()}))}clearAnimation(){var n,t;this.currentProcess&&Y(this.currentProcess),this.currentProcess=null,(t=(n=this.visualElement)==null?void 0:n.variantChildren)==null||t.forEach(s=>{s.state.clearAnimation()})}startAnimation(){this.clearAnimation(),this.currentProcess=V.render(()=>{this.currentProcess=null,this.animateUpdates()})}beforeUnmount(){this.featureManager.beforeUnmount()}unmount(n=!1){const t=this.options.layoutId&&!ce.has(this.options.layoutId);(()=>{const i=()=>{var a,r,l;n&&Array.from(this.children).reverse().forEach(this.unmountChild),(r=(a=this.parent)==null?void 0:a.children)==null||r.delete(this),At.delete(this.element),this.featureManager.unmount(),(l=this.visualElement)==null||l.unmount(),this.clearAnimation()};t?Promise.resolve().then(i):i()})()}unmountChild(n){n.unmount(!0)}beforeUpdate(){this.featureManager.beforeUpdate()}update(n){this.updateOptions(n),this.featureManager.update(),this.startAnimation()}setActive(n,t,s=!0){var i;!this.element||this.activeStates[n]===t||(this.activeStates[n]=t,(i=this.visualElement.variantChildren)==null||i.forEach(a=>{a.state.setActive(n,t,!1)}),s&&this.animateUpdates({isFallback:!t&&n!=="exit"&&this.visualElement.isControllingVariants,isExit:n==="exit"&&this.activeStates.exit}))}isMounted(){return!!this.element}willUpdate(n){var t;(this.options.layout||this.options.layoutId)&&((t=this.visualElement.projection)==null||t.willUpdate())}}const ct=new WeakMap;function Dn(e,n,t){return new CustomEvent(e,{detail:{target:n,isExit:t}})}const Pn={syntax:"",initialValue:"0deg",toDefaultUnit:e=>`${e}deg`},Ur={translate:{syntax:"",initialValue:"0px",toDefaultUnit:e=>`${e}px`},rotate:Pn,scale:{syntax:"",initialValue:1,toDefaultUnit:Sr},skew:Pn},$r=["translate","scale","rotate","skew"],Nr=["","X","Y","Z"],Ye=new Map,Qt=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"];$r.forEach(e=>{Nr.forEach(n=>{Qt.push(e+n),Ye.set(e+n,Ur[e])})});const Kr=new Set(Qt),Gr=e=>Kr.has(e),Vn={x:"translateX",y:"translateY",z:"translateZ"};function Wr([e],[n]){return Qt.indexOf(e)-Qt.indexOf(n)}function qr(e,[n,t]){return`${e} ${n}(${t})`}function Hr(e){return e.sort(Wr).reduce(qr,"").trim()}const Bn={translate:[0,0],rotate:0,scale:1,skew:0,x:0,y:0,z:0},It=e=>({test:n=>typeof n=="string"&&n.endsWith(e)&&n.split(" ").length===1,parse:parseFloat,transform:n=>`${n}${e}`}),nt=It("deg"),z=It("%"),w=It("px"),zr=It("vh"),Xr=It("vw"),Mn={...z,parse:e=>z.parse(e)/100,transform:e=>z.transform(e*100)},O=e=>!!(e&&e.getVelocity),Yr={get:(e,n)=>{let t=An(n)?e.style.getPropertyValue(n):getComputedStyle(e)[n];if(!t&&t!=="0"){const s=Ye.get(n);s&&(t=s.initialValue)}return t},set:(e,n,t)=>{An(n)?e.style.setProperty(n,t):e.style[n]=t}};function Zr(e){var n;const t={},s=[];for(let i in e){let a=e[i];a=O(a)?a.get():a,Gr(i)&&i in Vn&&(i=Vn[i]);let r=Array.isArray(a)?a[0]:a;const l=Ye.get(i);l?(r=Ar(a)?(n=l.toDefaultUnit)==null?void 0:n.call(l,a):a,s.push([i,r])):t[i]=r}return s.length&&(t.transform=Hr(s)),Object.keys(t).length===0?null:t}const Jr={fill:!0,stroke:!0,opacity:!0,"stroke-width":!0,"fill-opacity":!0,"stroke-opacity":!0,"stroke-linecap":!0,"stroke-linejoin":!0,"stroke-dasharray":!0,"stroke-dashoffset":!0,cx:!0,cy:!0,r:!0,d:!0,x1:!0,y1:!0,x2:!0,y2:!0,points:!0,"path-length":!0,viewBox:!0,width:!0,height:!0,"preserve-aspect-ratio":!0,"clip-path":!0,filter:!0,mask:!0,"stop-color":!0,"stop-opacity":!0,"gradient-transform":!0,"gradient-units":!0,"spread-method":!0,"marker-end":!0,"marker-mid":!0,"marker-start":!0,"text-anchor":!0,"dominant-baseline":!0,"font-family":!0,"font-size":!0,"font-weight":!0,"letter-spacing":!0,"vector-effect":!0};function Qr(e){return e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function _r(e,n,t=1,s=0){e.pathLength=1,delete e["path-length"],e["stroke-dashoffset"]=w.transform(-s);const i=w.transform(n),a=w.transform(t);e["stroke-dasharray"]=`${i} ${a}`}function ta(e){const n={},t={};for(const s in e){const i=Qr(s);if(i in Jr){const a=e[s];n[i]=O(a)?a.get():a}else t[s]=e[s]}return n["path-length"]!==void 0&&_r(n,n["path-length"],n["path-spacing"],n["path-offset"]),{attrs:n,style:t}}typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const Rn=e=>typeof e<"u";function ea({top:e,left:n,right:t,bottom:s}){return{x:{min:n,max:t},y:{min:e,max:s}}}function na(e,n){if(!n)return e;const t=n({x:e.left,y:e.top}),s=n({x:e.right,y:e.bottom});return{top:t.y,left:t.x,bottom:s.y,right:s.x}}function sa(e,n){return ea(na(e.getBoundingClientRect(),n))}const kn={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"]},Ae={};for(const e in kn)Ae[e]={isEnabled:n=>kn[e].some(t=>!!n[t])};const Ln=()=>({translate:0,scale:1,origin:0,originPoint:0}),dt=()=>({x:Ln(),y:Ln()}),On=()=>({min:0,max:0}),k=()=>({x:On(),y:On()}),oa=typeof window<"u",_t={current:null},ho={current:!1};function ia(){if(ho.current=!0,!!oa)if(window.matchMedia){const e=window.matchMedia("(prefers-reduced-motion)"),n=()=>_t.current=e.matches;e.addListener(n),n()}else _t.current=!1}function ra(e){return e!==null&&typeof e=="object"&&typeof e.start=="function"}function aa(e){return typeof e=="string"||Array.isArray(e)}const la=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],ua=["initial",...la];function mo(e){return ra(e.animate)||ua.some(n=>aa(e[n]))}function pa(e){return!!(mo(e)||e.variants)}let Yt;function ca(){Yt=void 0}const U={now:()=>(Yt===void 0&&U.set(I.isProcessing||J.useManualTiming?I.timestamp:performance.now()),Yt),set:e=>{Yt=e,queueMicrotask(ca)}};function Ze(e,n){e.indexOf(n)===-1&&e.push(n)}function ae(e,n){const t=e.indexOf(n);t>-1&&e.splice(t,1)}class Je{constructor(){this.subscriptions=[]}add(n){return Ze(this.subscriptions,n),()=>ae(this.subscriptions,n)}notify(n,t,s){const i=this.subscriptions.length;if(i)if(i===1)this.subscriptions[0](n,t,s);else for(let a=0;a!isNaN(parseFloat(e)),st={current:void 0};class fa{constructor(n,t={}){this.canTrackVelocity=null,this.events={},this.updateAndNotify=(s,i=!0)=>{var a,r;const l=U.now();if(this.updatedAt!==l&&this.setPrevFrameValue(),this.prev=this.current,this.setCurrent(s),this.current!==this.prev&&((a=this.events.change)==null||a.notify(this.current),this.dependents))for(const u of this.dependents)u.dirty();i&&((r=this.events.renderRequest)==null||r.notify(this.current))},this.hasAnimated=!1,this.setCurrent(n),this.owner=t.owner}setCurrent(n){this.current=n,this.updatedAt=U.now(),this.canTrackVelocity===null&&n!==void 0&&(this.canTrackVelocity=da(this.current))}setPrevFrameValue(n=this.current){this.prevFrameValue=n,this.prevUpdatedAt=this.updatedAt}onChange(n){return this.on("change",n)}on(n,t){this.events[n]||(this.events[n]=new Je);const s=this.events[n].add(t);return n==="change"?()=>{s(),V.read(()=>{this.events.change.getSize()||this.stop()})}:s}clearListeners(){for(const n in this.events)this.events[n].clear()}attach(n,t){this.passiveEffect=n,this.stopPassiveEffect=t}set(n,t=!0){!t||!this.passiveEffect?this.updateAndNotify(n,t):this.passiveEffect(n,this.updateAndNotify)}setWithVelocity(n,t,s){this.set(t),this.prev=void 0,this.prevFrameValue=n,this.prevUpdatedAt=this.updatedAt-s}jump(n,t=!0){this.updateAndNotify(n),this.prev=n,this.prevUpdatedAt=this.prevFrameValue=void 0,t&&this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}dirty(){var n;(n=this.events.change)==null||n.notify(this.current)}addDependent(n){this.dependents||(this.dependents=new Set),this.dependents.add(n)}removeDependent(n){this.dependents&&this.dependents.delete(n)}get(){return st.current&&st.current.push(this),this.current}getPrevious(){return this.prev}getVelocity(){const n=U.now();if(!this.canTrackVelocity||this.prevFrameValue===void 0||n-this.updatedAt>jn)return 0;const t=Math.min(this.updatedAt-this.prevUpdatedAt,jn);return yo(parseFloat(this.current)-parseFloat(this.prevFrameValue),t)}start(n){return this.stop(),new Promise(t=>{this.hasAnimated=!0,this.animation=n(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(){var n,t;(n=this.dependents)==null||n.clear(),(t=this.events.destroy)==null||t.notify(),this.clearListeners(),this.stop(),this.stopPassiveEffect&&this.stopPassiveEffect()}}function ot(e,n){return new fa(e,n)}function ha(e,n,t){for(const s in n){const i=n[s],a=t[s];if(O(i))e.addValue(s,i);else if(O(a))e.addValue(s,ot(i,{owner:e}));else if(a!==i)if(e.hasValue(s)){const r=e.getValue(s);r.liveStyle===!0?r.jump(i):r.hasAnimated||r.set(i)}else{const r=e.getStaticValue(s);e.addValue(s,ot(r!==void 0?r:i,{owner:e}))}}for(const s in t)n[s]===void 0&&e.removeValue(s);return n}function In(e){const n=[{},{}];return e==null||e.values.forEach((t,s)=>{n[0][s]=t.get(),n[1][s]=t.getVelocity()}),n}function go(e,n,t,s){if(typeof n=="function"){const[i,a]=In(s);n=n(t!==void 0?t:e.custom,i,a)}if(typeof n=="string"&&(n=e.variants&&e.variants[n]),typeof n=="function"){const[i,a]=In(s);n=n(t!==void 0?t:e.custom,i,a)}return n}function ma(e){for(let n=1;ne*180/Math.PI,De=e=>{const n=at(Math.atan2(e[1],e[0]));return Pe(n)},ya={x:4,y:5,translateX:4,translateY:5,scaleX:0,scaleY:3,scale:e=>(Math.abs(e[0])+Math.abs(e[3]))/2,rotate:De,rotateZ:De,skewX:e=>at(Math.atan(e[1])),skewY:e=>at(Math.atan(e[2])),skew:e=>(Math.abs(e[1])+Math.abs(e[2]))/2},Pe=e=>(e=e%360,e<0&&(e+=360),e),Un=De,$n=e=>Math.sqrt(e[0]*e[0]+e[1]*e[1]),Nn=e=>Math.sqrt(e[4]*e[4]+e[5]*e[5]),ga={x:12,y:13,z:14,translateX:12,translateY:13,translateZ:14,scaleX:$n,scaleY:Nn,scale:e=>($n(e)+Nn(e))/2,rotateX:e=>Pe(at(Math.atan2(e[6],e[5]))),rotateY:e=>Pe(at(Math.atan2(-e[2],e[0]))),rotateZ:Un,rotate:Un,skewX:e=>at(Math.atan(e[4])),skewY:e=>at(Math.atan(e[1])),skew:e=>(Math.abs(e[1])+Math.abs(e[4]))/2};function Ve(e){return e.includes("scale")?1:0}function Be(e,n){if(!e||e==="none")return Ve(n);const t=e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);let s,i;if(t)s=ga,i=t;else{const l=e.match(/^matrix\(([-\d.e\s,]+)\)$/u);s=ya,i=l}if(!i)return Ve(n);const a=s[n],r=i[1].split(",").map(Ea);return typeof a=="function"?a(r):r[a]}const va=(e,n)=>{const{transform:t="none"}=getComputedStyle(e);return Be(t,n)};function Ea(e){return parseFloat(e.trim())}const gt=["transformPerspective","x","y","z","translateX","translateY","translateZ","scale","scaleX","scaleY","rotate","rotateX","rotateY","rotateZ","skew","skewX","skewY"],vt=new Set(gt),Q=(e,n,t)=>t>n?n:ttypeof e=="number",parse:parseFloat,transform:e=>e},kt={...Et,transform:e=>Q(0,1,e)},qt={...Et,default:1},Kn=e=>e===Et||e===w,ba=new Set(["x","y","z"]),xa=gt.filter(e=>!ba.has(e));function Ta(e){const n=[];return xa.forEach(t=>{const s=e.getValue(t);s!==void 0&&(n.push([t,s.get()]),s.set(t.startsWith("scale")?1:0))}),n}const ut={width:({x:e},{paddingLeft:n="0",paddingRight:t="0"})=>e.max-e.min-parseFloat(n)-parseFloat(t),height:({y:e},{paddingTop:n="0",paddingBottom:t="0"})=>e.max-e.min-parseFloat(n)-parseFloat(t),top:(e,{top:n})=>parseFloat(n),left:(e,{left:n})=>parseFloat(n),bottom:({y:e},{top:n})=>parseFloat(n)+(e.max-e.min),right:({x:e},{left:n})=>parseFloat(n)+(e.max-e.min),x:(e,{transform:n})=>Be(n,"x"),y:(e,{transform:n})=>Be(n,"y")};ut.translateX=ut.x;ut.translateY=ut.y;const pt=new Set;let Me=!1,Re=!1,ke=!1;function vo(){if(Re){const e=Array.from(pt).filter(s=>s.needsMeasurement),n=new Set(e.map(s=>s.element)),t=new Map;n.forEach(s=>{const i=Ta(s);i.length&&(t.set(s,i),s.render())}),e.forEach(s=>s.measureInitialState()),n.forEach(s=>{s.render();const i=t.get(s);i&&i.forEach(([a,r])=>{var l;(l=s.getValue(a))==null||l.set(r)})}),e.forEach(s=>s.measureEndState()),e.forEach(s=>{s.suspendedScrollY!==void 0&&window.scrollTo(0,s.suspendedScrollY)})}Re=!1,Me=!1,pt.forEach(e=>e.complete(ke)),pt.clear()}function Eo(){pt.forEach(e=>{e.readKeyframes(),e.needsMeasurement&&(Re=!0)})}function wa(){ke=!0,Eo(),vo(),ke=!1}class Qe{constructor(n,t,s,i,a,r=!1){this.state="pending",this.isAsync=!1,this.needsMeasurement=!1,this.unresolvedKeyframes=[...n],this.onComplete=t,this.name=s,this.motionValue=i,this.element=a,this.isAsync=r}scheduleResolve(){this.state="scheduled",this.isAsync?(pt.add(this),Me||(Me=!0,V.read(Eo),V.resolveKeyframes(vo))):(this.readKeyframes(),this.complete())}readKeyframes(){const{unresolvedKeyframes:n,name:t,element:s,motionValue:i}=this;if(n[0]===null){const a=i==null?void 0:i.get(),r=n[n.length-1];if(a!==void 0)n[0]=a;else if(s&&t){const l=s.readValue(t,r);l!=null&&(n[0]=l)}n[0]===void 0&&(n[0]=r),i&&a===void 0&&i.set(n[0])}ma(n)}setFinalKeyframe(){}measureInitialState(){}renderEndStyles(){}measureEndState(){}complete(n=!1){this.state="complete",this.onComplete(this.unresolvedKeyframes,this.finalKeyframe,n),pt.delete(this)}cancel(){this.state==="scheduled"&&(pt.delete(this),this.state="pending")}resume(){this.state==="pending"&&this.scheduleResolve()}}const bo=e=>/^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(e),xo=e=>/^0[^.\s]+$/u.test(e),Dt=e=>Math.round(e*1e5)/1e5,_e=/-?(?:\d+(?:\.\d+)?|\.\d+)/gu;function Fa(e){return e==null}const Ca=/^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu,tn=(e,n)=>t=>!!(typeof t=="string"&&Ca.test(t)&&t.startsWith(e)||n&&!Fa(t)&&Object.prototype.hasOwnProperty.call(t,n)),To=(e,n,t)=>s=>{if(typeof s!="string")return s;const[i,a,r,l]=s.match(_e);return{[e]:parseFloat(i),[n]:parseFloat(a),[t]:parseFloat(r),alpha:l!==void 0?parseFloat(l):1}},Sa=e=>Q(0,255,e),de={...Et,transform:e=>Math.round(Sa(e))},lt={test:tn("rgb","red"),parse:To("red","green","blue"),transform:({red:e,green:n,blue:t,alpha:s=1})=>"rgba("+de.transform(e)+", "+de.transform(n)+", "+de.transform(t)+", "+Dt(kt.transform(s))+")"};function Aa(e){let n="",t="",s="",i="";return e.length>5?(n=e.substring(1,3),t=e.substring(3,5),s=e.substring(5,7),i=e.substring(7,9)):(n=e.substring(1,2),t=e.substring(2,3),s=e.substring(3,4),i=e.substring(4,5),n+=n,t+=t,s+=s,i+=i),{red:parseInt(n,16),green:parseInt(t,16),blue:parseInt(s,16),alpha:i?parseInt(i,16)/255:1}}const Le={test:tn("#"),parse:Aa,transform:lt.transform},ft={test:tn("hsl","hue"),parse:To("hue","saturation","lightness"),transform:({hue:e,saturation:n,lightness:t,alpha:s=1})=>"hsla("+Math.round(e)+", "+z.transform(Dt(n))+", "+z.transform(Dt(t))+", "+Dt(kt.transform(s))+")"},L={test:e=>lt.test(e)||Le.test(e)||ft.test(e),parse:e=>lt.test(e)?lt.parse(e):ft.test(e)?ft.parse(e):Le.parse(e),transform:e=>typeof e=="string"?e:e.hasOwnProperty("red")?lt.transform(e):ft.transform(e),getAnimatableNone:e=>{const n=L.parse(e);return n.alpha=0,L.transform(n)}},Da=/(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;function Pa(e){var n,t;return isNaN(e)&&typeof e=="string"&&(((n=e.match(_e))==null?void 0:n.length)||0)+(((t=e.match(Da))==null?void 0:t.length)||0)>0}const wo="number",Fo="color",Va="var",Ba="var(",Gn="${}",Ma=/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 Lt(e){const n=e.toString(),t=[],s={color:[],number:[],var:[]},i=[];let a=0;const l=n.replace(Ma,u=>(L.test(u)?(s.color.push(a),i.push(Fo),t.push(L.parse(u))):u.startsWith(Ba)?(s.var.push(a),i.push(Va),t.push(u)):(s.number.push(a),i.push(wo),t.push(parseFloat(u))),++a,Gn)).split(Gn);return{values:t,split:l,indexes:s,types:i}}function Co(e){return Lt(e).values}function So(e){const{split:n,types:t}=Lt(e),s=n.length;return i=>{let a="";for(let r=0;rtypeof e=="number"?0:L.test(e)?L.getAnimatableNone(e):e;function ka(e){const n=Co(e);return So(e)(n.map(Ra))}const it={test:Pa,parse:Co,createTransformer:So,getAnimatableNone:ka},La={test:e=>e==="auto",parse:e=>e},Ao=e=>n=>n.test(e),Do=[Et,w,z,nt,Xr,zr,La],Wn=e=>Do.find(Ao(e)),Oa=[...Do,L,it],ja=e=>Oa.find(Ao(e)),Ia=new Set(["brightness","contrast","saturate","opacity"]);function Ua(e){const[n,t]=e.slice(0,-1).split("(");if(n==="drop-shadow")return e;const[s]=t.match(_e)||[];if(!s)return e;const i=t.replace(s,"");let a=Ia.has(n)?1:0;return s!==t&&(a*=100),n+"("+a+i+")"}const $a=/\b([a-z-]*)\(.*?\)/gu,Oe={...it,getAnimatableNone:e=>{const n=e.match($a);return n?n.map(Ua).join(" "):e}},qn={...Et,transform:Math.round},Na={rotate:nt,rotateX:nt,rotateY:nt,rotateZ:nt,scale:qt,scaleX:qt,scaleY:qt,scaleZ:qt,skew:nt,skewX:nt,skewY:nt,distance:w,translateX:w,translateY:w,translateZ:w,x:w,y:w,z:w,perspective:w,transformPerspective:w,opacity:kt,originX:Mn,originY:Mn,originZ:w},en={borderWidth:w,borderTopWidth:w,borderRightWidth:w,borderBottomWidth:w,borderLeftWidth:w,borderRadius:w,radius:w,borderTopLeftRadius:w,borderTopRightRadius:w,borderBottomRightRadius:w,borderBottomLeftRadius:w,width:w,maxWidth:w,height:w,maxHeight:w,top:w,right:w,bottom:w,left:w,padding:w,paddingTop:w,paddingRight:w,paddingBottom:w,paddingLeft:w,margin:w,marginTop:w,marginRight:w,marginBottom:w,marginLeft:w,backgroundPositionX:w,backgroundPositionY:w,...Na,zIndex:qn,fillOpacity:kt,strokeOpacity:kt,numOctaves:qn},Ka={...en,color:L,backgroundColor:L,outlineColor:L,fill:L,stroke:L,borderColor:L,borderTopColor:L,borderRightColor:L,borderBottomColor:L,borderLeftColor:L,filter:Oe,WebkitFilter:Oe},Po=e=>Ka[e];function Vo(e,n){let t=Po(e);return t!==Oe&&(t=it),t.getAnimatableNone?t.getAnimatableNone(n):void 0}const Hn=["AnimationStart","AnimationComplete","Update","BeforeLayoutMeasure","LayoutMeasure","LayoutAnimationStart","LayoutAnimationComplete"];class Bo{scrapeMotionValuesFromProps(n,t,s){return{}}constructor({parent:n,props:t,presenceContext:s,reducedMotionConfig:i,blockInitialAnimation:a,visualState:r},l={}){this.current=null,this.children=new Set,this.isVariantNode=!1,this.isControllingVariants=!1,this.shouldReduceMotion=null,this.values=new Map,this.KeyframeResolver=Qe,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=()=>{const m=U.now();this.renderScheduledAtthis.bindToMotionValue(s,t)),ho.current||ia(),this.shouldReduceMotion=this.reducedMotionConfig==="never"?!1:this.reducedMotionConfig==="always"?!0:_t.current,this.parent&&this.parent.children.add(this),this.update(this.props,this.presenceContext)}unmount(){this.projection&&this.projection.unmount(),Y(this.notifyUpdate),Y(this.render),this.valueSubscriptions.forEach(n=>n()),this.valueSubscriptions.clear(),this.removeFromVariantTree&&this.removeFromVariantTree(),this.parent&&this.parent.children.delete(this);for(const n in this.events)this.events[n].clear();for(const n in this.features){const t=this.features[n];t&&(t.unmount(),t.isMounted=!1)}this.current=null}bindToMotionValue(n,t){this.valueSubscriptions.has(n)&&this.valueSubscriptions.get(n)();const s=vt.has(n);s&&this.onBindTransform&&this.onBindTransform();const i=t.on("change",l=>{this.latestValues[n]=l,this.props.onUpdate&&V.preRender(this.notifyUpdate),s&&this.projection&&(this.projection.isTransformDirty=!0)}),a=t.on("renderRequest",this.scheduleRender);let r;window.MotionCheckAppearSync&&(r=window.MotionCheckAppearSync(this,n,t)),this.valueSubscriptions.set(n,()=>{i(),a(),r&&r(),t.owner&&t.stop()})}sortNodePosition(n){return!this.current||!this.sortInstanceNodePosition||this.type!==n.type?0:this.sortInstanceNodePosition(this.current,n.current)}updateFeatures(){let n="animation";for(n in Ae){const t=Ae[n];if(!t)continue;const{isEnabled:s,Feature:i}=t;if(!this.features[n]&&i&&s(this.props)&&(this.features[n]=new i(this)),this.features[n]){const a=this.features[n];a.isMounted?a.update():(a.mount(),a.isMounted=!0)}}}triggerBuild(){this.build(this.renderState,this.latestValues,this.props)}measureViewportBox(){return this.current?this.measureInstanceViewportBox(this.current,this.props):k()}getStaticValue(n){return this.latestValues[n]}setStaticValue(n,t){this.latestValues[n]=t}update(n,t){(n.transformTemplate||this.props.transformTemplate)&&this.scheduleRender(),this.prevProps=this.props,this.props=n,this.prevPresenceContext=this.presenceContext,this.presenceContext=t;for(let s=0;st.variantChildren.delete(n)}addValue(n,t){const s=this.values.get(n);t!==s&&(s&&this.removeValue(n),this.bindToMotionValue(n,t),this.values.set(n,t),this.latestValues[n]=t.get())}removeValue(n){this.values.delete(n);const t=this.valueSubscriptions.get(n);t&&(t(),this.valueSubscriptions.delete(n)),delete this.latestValues[n],this.removeValueFromRenderState(n,this.renderState)}hasValue(n){return this.values.has(n)}getValue(n,t){if(this.props.values&&this.props.values[n])return this.props.values[n];let s=this.values.get(n);return s===void 0&&t!==void 0&&(s=ot(t===null?void 0:t,{owner:this}),this.addValue(n,s)),s}readValue(n,t){let s=this.latestValues[n]!==void 0||!this.current?this.latestValues[n]:this.getBaseTargetFromProps(this.props,n)??this.readValueFromInstance(this.current,n,this.options);return s!=null&&(typeof s=="string"&&(bo(s)||xo(s))?s=parseFloat(s):!ja(s)&&it.test(t)&&(s=Vo(n,t)),this.setBaseTarget(n,O(s)?s.get():s)),O(s)?s.get():s}setBaseTarget(n,t){this.baseTarget[n]=t}getBaseTarget(n){var t;const{initial:s}=this.props;let i;if(typeof s=="string"||typeof s=="object"){const r=go(this.props,s,(t=this.presenceContext)==null?void 0:t.custom);r&&(i=r[n])}if(s&&i!==void 0)return i;const a=this.getBaseTargetFromProps(this.props,n);return a!==void 0&&!O(a)?a:this.initialValues[n]!==void 0&&i===void 0?void 0:this.baseTarget[n]}on(n,t){return this.events[n]||(this.events[n]=new Je),this.events[n].add(t)}notify(n,...t){this.events[n]&&this.events[n].notify(...t)}}const Mo=new Set(["width","height","top","left","right","bottom",...gt]);let nn=()=>{};const Ga=/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u;function Wa(e){const n=Ga.exec(e);if(!n)return[,];const[,t,s,i]=n;return[`--${t??s}`,i]}function Ro(e,n,t=1){const[s,i]=Wa(e);if(!s)return;const a=window.getComputedStyle(n).getPropertyValue(s);if(a){const r=a.trim();return bo(r)?parseFloat(r):r}return Xe(i)?Ro(i,n,t+1):i}function qa(e){return typeof e=="number"?e===0:e!==null?e==="none"||e==="0"||xo(e):!0}const Ha=new Set(["auto","none","0"]);function za(e,n,t){let s=0,i;for(;s{t.getValue(u).set(c)}),this.resolveNoneKeyframes()}}class ko extends Bo{constructor(){super(...arguments),this.KeyframeResolver=Xa}sortInstanceNodePosition(n,t){return n.compareDocumentPosition(t)&2?1:-1}getBaseTargetFromProps(n,t){return n.style?n.style[t]:void 0}removeValueFromRenderState(n,{vars:t,style:s}){delete t[n],delete s[n]}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:n}=this.props;O(n)&&(this.childSubscription=n.on("change",t=>{this.current&&(this.current.textContent=`${t}`)}))}}const Lo=(e,n)=>n&&typeof e=="number"?n.transform(e):e,Ya={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},Za=gt.length;function Ja(e,n,t){let s="",i=!0;for(let a=0;ae.replace(/([a-z])([A-Z])/gu,"$1-$2").toLowerCase(),tl={offset:"stroke-dashoffset",array:"stroke-dasharray"},el={offset:"strokeDashoffset",array:"strokeDasharray"};function nl(e,n,t=1,s=0,i=!0){e.pathLength=1;const a=i?tl:el;e[a.offset]=w.transform(-s);const r=w.transform(n),l=w.transform(t);e[a.array]=`${r} ${l}`}function sl(e,{attrX:n,attrY:t,attrScale:s,pathLength:i,pathSpacing:a=1,pathOffset:r=0,...l},u,c,p){if(Oo(e,l,c),u){e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox);return}e.attrs=e.style,e.style={};const{attrs:d,style:m}=e;d.transform&&(m.transform=d.transform,delete d.transform),(m.transform||d.transformOrigin)&&(m.transformOrigin=d.transformOrigin??"50% 50%",delete d.transformOrigin),m.transform&&(m.transformBox=(p==null?void 0:p.transformBox)??"fill-box",delete d.transformBox),n!==void 0&&(d.x=n),t!==void 0&&(d.y=t),s!==void 0&&(d.scale=s),i!==void 0&&nl(d,i,a,r,!1)}const $o=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"]),ol=e=>typeof e=="string"&&e.toLowerCase()==="svg";function il(e,n,t,s){jo(e,n,void 0,s);for(const i in n.attrs)e.setAttribute($o.has(i)?i:sn(i),n.attrs[i])}function rl(e,n,t){const s=Io(e,n,t);for(const i in e)if(O(e[i])||O(n[i])){const a=gt.indexOf(i)!==-1?"attr"+i.charAt(0).toUpperCase()+i.substring(1):i;s[a]=e[i]}return s}class No extends ko{constructor(){super(...arguments),this.type="svg",this.isSVGTag=!1,this.measureInstanceViewportBox=k}getBaseTargetFromProps(n,t){return n[t]}readValueFromInstance(n,t){if(vt.has(t)){const s=Po(t);return s&&s.default||0}return t=$o.has(t)?t:sn(t),n.getAttribute(t)}scrapeMotionValuesFromProps(n,t,s){return rl(n,t,s)}build(n,t,s){sl(n,t,this.isSVGTag,s.transformTemplate,s.style)}renderInstance(n,t,s,i){il(n,t,s,i)}mount(n){this.isSVGTag=ol(n.tagName),super.mount(n)}}function al(e,n){return co(e)?new No(n):new Uo(n)}function on(e){return typeof e=="object"&&!Array.isArray(e)}function rn(e,n,t){if(e instanceof EventTarget)return[e];if(typeof e=="string"){let s=document;const i=(t==null?void 0:t[e])??s.querySelectorAll(e);return i?Array.from(i):[]}return Array.from(e)}function Ko(e,n,t,s){return typeof e=="string"&&on(n)?rn(e,t,s):e instanceof NodeList?Array.from(e):Array.isArray(e)?e:[e]}function ll(e,n,t){return e*(n+1)}function zn(e,n,t,s){return typeof n=="number"?n:n.startsWith("-")||n.startsWith("+")?Math.max(0,e+parseFloat(n)):n==="<"?t:n.startsWith("<")?Math.max(0,t+parseFloat(n.slice(1))):s.get(n)??e}const B=(e,n,t)=>e+(n-e)*t,ul=(e,n,t)=>{const s=n-e;return((t-e)%s+s)%s+e},Go=e=>Array.isArray(e)&&typeof e[0]!="number";function Wo(e,n){return Go(e)?e[ul(0,e.length,n)]:e}function pl(e,n,t){for(let s=0;sn&&i.at{const s=n-e;return s===0?1:(t-e)/s};function qo(e,n){const t=e[e.length-1];for(let s=1;s<=n;s++){const i=yt(0,n,s);e.push(B(t,1,i))}}function Ho(e){const n=[0];return qo(n,e.length-1),n}const te=2e4;function an(e){let n=0;const t=50;let s=e.next(n);for(;!s.done&&n=te?1/0:n}const W=e=>e*1e3,X=e=>e/1e3;function zo(e,n=100,t){const s=t({...e,keyframes:[0,n]}),i=Math.min(an(s),te);return{type:"keyframes",ease:a=>s.next(i*a).value/n,duration:X(i)}}function ln(e){return typeof e=="function"&&"applyToOptions"in e}const hl="easeInOut";function ml(e,{defaultTransition:n={},...t}={},s,i){const a=n.duration||.3,r=new Map,l=new Map,u={},c=new Map;let p=0,d=0,m=0;for(let h=0;h{const P=yl(A),{delay:N=0,times:q=Ho(P),type:le="keyframes",repeat:Nt,repeatType:xd,repeatDelay:Td=0,...Wi}=T;let{ease:tt=n.ease||"easeOut",duration:Z}=T;const bn=typeof N=="function"?N(M,S):N,xn=P.length,Tn=ln(le)?le:i==null?void 0:i[le||"keyframes"];if(xn<=2&&Tn){let bt=100;if(xn===2&&El(P)){const xt=P[1]-P[0];bt=Math.abs(xt)}const Kt={...Wi};Z!==void 0&&(Kt.duration=W(Z));const Gt=zo(Kt,bt,Tn);tt=Gt.ease,Z=Gt.duration}Z??(Z=a);const wn=d+bn;q.length===1&&q[0]===0&&(q[1]=1);const Fn=q.length-P.length;if(Fn>0&&qo(q,Fn),P.length===1&&P.unshift(null),Nt){Z=ll(Z,Nt);const bt=[...P],Kt=[...q];tt=Array.isArray(tt)?[...tt]:[tt];const Gt=[...tt];for(let xt=0;xt{for(const g in h){const v=h[g];v.sort(fl);const E=[],C=[],x=[];for(let T=0;Ttypeof e=="number",El=e=>e.every(vl),bl=e=>Array.isArray(e);function xl(e,n,t){const s=e.getProps();return go(s,n,s.custom,e)}function Tl(e,n,t){e.hasValue(n)?e.getValue(n).set(t):e.addValue(n,ot(t))}function wl(e){return bl(e)?e[e.length-1]||0:e}function Fl(e,n){const t=xl(e,n);let{transitionEnd:s={},transition:i={},...a}=t||{};a={...a,...s};for(const r in a){const l=wl(a[r]);Tl(e,r,l)}}function Cl(e){return!!(O(e)&&e.add)}function Sl(e,n){const t=e.getValue("willChange");if(Cl(t))return t.add(n);if(!t&&J.WillChange){const s=new J.WillChange("auto");e.addValue("willChange",s),s.add(n)}}const Al="framerAppearId",Dl="data-"+sn(Al);function Xo(e){return e.props[Dl]}const Pl=e=>e!==null;function Vl(e,{repeat:n,repeatType:t="loop"},s){const i=e.filter(Pl),a=n&&t!=="loop"&&n%2===1?0:i.length-1;return i[a]}const Bl={type:"spring",stiffness:500,damping:25,restSpeed:10},Ml=e=>({type:"spring",stiffness:550,damping:e===0?2*Math.sqrt(550):30,restSpeed:10}),Rl={type:"keyframes",duration:.8},kl={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},Ll=(e,{keyframes:n})=>n.length>2?Rl:vt.has(e)?e.startsWith("scale")?Ml(n[1]):Bl:kl;function Ol({when:e,delay:n,delayChildren:t,staggerChildren:s,staggerDirection:i,repeat:a,repeatType:r,repeatDelay:l,from:u,elapsed:c,...p}){return!!Object.keys(p).length}function un(e,n){return(e==null?void 0:e[n])??(e==null?void 0:e.default)??e}function fe(e,n,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?e+(n-e)*6*t:t<1/2?n:t<2/3?e+(n-e)*(2/3-t)*6:e}function jl({hue:e,saturation:n,lightness:t,alpha:s}){e/=360,n/=100,t/=100;let i=0,a=0,r=0;if(!n)i=a=r=t;else{const l=t<.5?t*(1+n):t+n-t*n,u=2*t-l;i=fe(u,l,e+1/3),a=fe(u,l,e),r=fe(u,l,e-1/3)}return{red:Math.round(i*255),green:Math.round(a*255),blue:Math.round(r*255),alpha:s}}function ee(e,n){return t=>t>0?n:e}const he=(e,n,t)=>{const s=e*e,i=t*(n*n-s)+s;return i<0?0:Math.sqrt(i)},Il=[Le,lt,ft],Ul=e=>Il.find(n=>n.test(e));function Zn(e){const n=Ul(e);if(!n)return!1;let t=n.parse(e);return n===ft&&(t=jl(t)),t}const Jn=(e,n)=>{const t=Zn(e),s=Zn(n);if(!t||!s)return ee(e,n);const i={...t};return a=>(i.red=he(t.red,s.red,a),i.green=he(t.green,s.green,a),i.blue=he(t.blue,s.blue,a),i.alpha=B(t.alpha,s.alpha,a),lt.transform(i))},je=new Set(["none","hidden"]);function $l(e,n){return je.has(e)?t=>t<=0?e:n:t=>t>=1?n:e}const Nl=(e,n)=>t=>n(e(t)),Ut=(...e)=>e.reduce(Nl);function Kl(e,n){return t=>B(e,n,t)}function pn(e){return typeof e=="number"?Kl:typeof e=="string"?Xe(e)?ee:L.test(e)?Jn:ql:Array.isArray(e)?Yo:typeof e=="object"?L.test(e)?Jn:Gl:ee}function Yo(e,n){const t=[...e],s=t.length,i=e.map((a,r)=>pn(a)(a,n[r]));return a=>{for(let r=0;r{for(const a in s)t[a]=s[a](i);return t}}function Wl(e,n){const t=[],s={color:0,var:0,number:0};for(let i=0;i{const t=it.createTransformer(n),s=Lt(e),i=Lt(n);return s.indexes.var.length===i.indexes.var.length&&s.indexes.color.length===i.indexes.color.length&&s.indexes.number.length>=i.indexes.number.length?je.has(e)&&!i.values.length||je.has(n)&&!s.values.length?$l(e,n):Ut(Yo(Wl(s,i),i.values),t):ee(e,n)};function Zo(e,n,t){return typeof e=="number"&&typeof n=="number"&&typeof t=="number"?B(e,n,t):pn(e)(e,n)}const Hl=e=>{const n=({timestamp:t})=>e(t);return{start:(t=!0)=>V.update(n,t),stop:()=>Y(n),now:()=>I.isProcessing?I.timestamp:U.now()}},Jo=(e,n,t=10)=>{let s="";const i=Math.max(Math.round(n/t),2);for(let a=0;a{const p=c*r,d=p*e,m=p-t,h=Ie(c,r),y=Math.exp(-d);return me-m/h*y},a=c=>{const d=c*r*e,m=d*t+t,h=Math.pow(r,2)*Math.pow(c,2)*e,y=Math.exp(-d),g=Ie(Math.pow(c,2),r);return(-i(c)+me>0?-1:1)*((m-h)*y)/g}):(i=c=>{const p=Math.exp(-c*e),d=(c-t)*e+1;return-me+p*d},a=c=>{const p=Math.exp(-c*e),d=(t-c)*(e*e);return p*d});const l=5/e,u=Zl(i,a,l);if(e=W(e),isNaN(u))return{stiffness:R.stiffness,damping:R.damping,duration:e};{const c=Math.pow(u,2)*s;return{stiffness:c,damping:r*2*Math.sqrt(s*c),duration:e}}}const Yl=12;function Zl(e,n,t){let s=t;for(let i=1;ie[t]!==void 0)}function _l(e){let n={velocity:R.velocity,stiffness:R.stiffness,damping:R.damping,mass:R.mass,isResolvedFromDuration:!1,...e};if(!Qn(e,Ql)&&Qn(e,Jl))if(e.visualDuration){const t=e.visualDuration,s=2*Math.PI/(t*1.2),i=s*s,a=2*Q(.05,1,1-(e.bounce||0))*Math.sqrt(i);n={...n,mass:R.mass,stiffness:i,damping:a}}else{const t=Xl(e);n={...n,...t,mass:R.mass},n.isResolvedFromDuration=!0}return n}function Ot(e=R.visualDuration,n=R.bounce){const t=typeof e!="object"?{visualDuration:e,keyframes:[0,1],bounce:n}:e;let{restSpeed:s,restDelta:i}=t;const a=t.keyframes[0],r=t.keyframes[t.keyframes.length-1],l={done:!1,value:a},{stiffness:u,damping:c,mass:p,duration:d,velocity:m,isResolvedFromDuration:h}=_l({...t,velocity:-X(t.velocity||0)}),y=m||0,g=c/(2*Math.sqrt(u*p)),v=r-a,E=X(Math.sqrt(u/p)),C=Math.abs(v)<5;s||(s=C?R.restSpeed.granular:R.restSpeed.default),i||(i=C?R.restDelta.granular:R.restDelta.default);let x;if(g<1){const T=Ie(E,g);x=D=>{const M=Math.exp(-g*E*D);return r-M*((y+g*E*v)/T*Math.sin(T*D)+v*Math.cos(T*D))}}else if(g===1)x=T=>r-Math.exp(-E*T)*(v+(y+E*v)*T);else{const T=E*Math.sqrt(g*g-1);x=D=>{const M=Math.exp(-g*E*D),S=Math.min(T*D,300);return r-M*((y+g*E*v)*Math.sinh(S)+T*v*Math.cosh(S))/T}}const A={calculatedDuration:h&&d||null,next:T=>{const D=x(T);if(h)l.done=T>=d;else{let M=T===0?y:0;g<1&&(M=T===0?W(y):Qo(x,T,D));const S=Math.abs(M)<=s,P=Math.abs(r-D)<=i;l.done=S&&P}return l.value=l.done?r:D,l},toString:()=>{const T=Math.min(an(A),te),D=Jo(M=>A.next(T*M).value,T,30);return T+"ms "+D},toTransition:()=>{}};return A}Ot.applyToOptions=e=>{const n=zo(e,100,Ot);return e.ease=n.ease,e.duration=W(n.duration),e.type="keyframes",e};function Ue({keyframes:e,velocity:n=0,power:t=.8,timeConstant:s=325,bounceDamping:i=10,bounceStiffness:a=500,modifyTarget:r,min:l,max:u,restDelta:c=.5,restSpeed:p}){const d=e[0],m={done:!1,value:d},h=S=>l!==void 0&&Su,y=S=>l===void 0?u:u===void 0||Math.abs(l-S)-g*Math.exp(-S/s),x=S=>E+C(S),A=S=>{const P=C(S),N=x(S);m.done=Math.abs(P)<=c,m.value=m.done?E:N};let T,D;const M=S=>{h(m.value)&&(T=S,D=Ot({keyframes:[m.value,y(m.value)],velocity:Qo(x,S,m.value),damping:i,stiffness:a,restDelta:c,restSpeed:p}))};return M(0),{calculatedDuration:null,next:S=>{let P=!1;return!D&&T===void 0&&(P=!0,A(S),M(S)),T!==void 0&&S>=T?D.next(S-T):(!P&&A(S),m)}}}function tu(e,n,t){const s=[],i=t||J.mix||Zo,a=e.length-1;for(let r=0;rn[0];if(a===2&&n[0]===n[1])return()=>n[1];const r=e[0]===e[1];e[0]>e[a-1]&&(e=[...e].reverse(),n=[...n].reverse());const l=tu(n,s,i),u=l.length,c=p=>{if(r&&p1)for(;dc(Q(e[0],e[a-1],p)):c}function eu(e,n){return e.map(t=>t*n)}const ti=(e,n,t)=>(((1-3*t+3*n)*e+(3*t-6*n))*e+3*n)*e,nu=1e-7,su=12;function ou(e,n,t,s,i){let a,r,l=0;do r=n+(t-n)/2,a=ti(r,s,i)-e,a>0?t=r:n=r;while(Math.abs(a)>nu&&++lou(a,0,1,e,t);return a=>a===0||a===1?a:ti(i(a),n,s)}const iu=$t(.42,0,1,1),ru=$t(0,0,.58,1),ei=$t(.42,0,.58,1),ni=e=>n=>n<=.5?e(2*n)/2:(2-e(2*(1-n)))/2,si=e=>n=>1-e(1-n),oi=$t(.33,1.53,.69,.99),cn=si(oi),ii=ni(cn),ri=e=>(e*=2)<1?.5*cn(e):.5*(2-Math.pow(2,-10*(e-1))),dn=e=>1-Math.sin(Math.acos(e)),ai=si(dn),li=ni(dn),ui=e=>Array.isArray(e)&&typeof e[0]=="number",au={linear:$,easeIn:iu,easeInOut:ei,easeOut:ru,circIn:dn,circInOut:li,circOut:ai,backIn:cn,backInOut:ii,backOut:oi,anticipate:ri},lu=e=>typeof e=="string",_n=e=>{if(ui(e)){nn(e.length===4);const[n,t,s,i]=e;return $t(n,t,s,i)}else if(lu(e))return au[e];return e};function uu(e,n){return e.map(()=>n||ei).splice(0,e.length-1)}function Pt({duration:e=300,keyframes:n,times:t,ease:s="easeInOut"}){const i=Go(s)?s.map(_n):_n(s),a={done:!1,value:n[0]},r=eu(t&&t.length===n.length?t:Ho(n),e),l=_o(r,n,{ease:Array.isArray(i)?i:uu(n,i)});return{calculatedDuration:e,next:u=>(a.value=l(u),a.done=u>=e,a)}}const pu=e=>e!==null;function fn(e,{repeat:n,repeatType:t="loop"},s,i=1){const a=e.filter(pu),l=i<0||n&&t!=="loop"&&n%2===1?0:a.length-1;return!l||s===void 0?a[l]:s}const cu={decay:Ue,inertia:Ue,tween:Pt,keyframes:Pt,spring:Ot};function pi(e){typeof e.type=="string"&&(e.type=cu[e.type])}class hn{constructor(){this.updateFinished()}get finished(){return this._finished}updateFinished(){this._finished=new Promise(n=>{this.resolve=n})}notifyFinished(){this.resolve()}then(n,t){return this.finished.then(n,t)}}const du=e=>e/100;class mn extends hn{constructor(n){super(),this.state="idle",this.startTime=null,this.isStopped=!1,this.currentTime=0,this.holdTime=null,this.playbackSpeed=1,this.stop=()=>{var t,s;const{motionValue:i}=this.options;i&&i.updatedAt!==U.now()&&this.tick(U.now()),this.isStopped=!0,this.state!=="idle"&&(this.teardown(),(s=(t=this.options).onStop)==null||s.call(t))},this.options=n,this.initAnimation(),this.play(),n.autoplay===!1&&this.pause()}initAnimation(){const{options:n}=this;pi(n);const{type:t=Pt,repeat:s=0,repeatDelay:i=0,repeatType:a,velocity:r=0}=n;let{keyframes:l}=n;const u=t||Pt;u!==Pt&&typeof l[0]!="number"&&(this.mixKeyframes=Ut(du,Zo(l[0],l[1])),l=[0,100]);const c=u({...n,keyframes:l});a==="mirror"&&(this.mirroredGenerator=u({...n,keyframes:[...l].reverse(),velocity:-r})),c.calculatedDuration===null&&(c.calculatedDuration=an(c));const{calculatedDuration:p}=c;this.calculatedDuration=p,this.resolvedDuration=p+i,this.totalDuration=this.resolvedDuration*(s+1)-i,this.generator=c}updateTime(n){const t=Math.round(n-this.startTime)*this.playbackSpeed;this.holdTime!==null?this.currentTime=this.holdTime:this.currentTime=t}tick(n,t=!1){const{generator:s,totalDuration:i,mixKeyframes:a,mirroredGenerator:r,resolvedDuration:l,calculatedDuration:u}=this;if(this.startTime===null)return s.next(0);const{delay:c=0,keyframes:p,repeat:d,repeatType:m,repeatDelay:h,type:y,onUpdate:g,finalKeyframe:v}=this.options;this.speed>0?this.startTime=Math.min(this.startTime,n):this.speed<0&&(this.startTime=Math.min(n-i/this.speed,this.startTime)),t?this.currentTime=n:this.updateTime(n);const E=this.currentTime-c*(this.playbackSpeed>=0?1:-1),C=this.playbackSpeed>=0?E<0:E>i;this.currentTime=Math.max(E,0),this.state==="finished"&&this.holdTime===null&&(this.currentTime=i);let x=this.currentTime,A=s;if(d){const S=Math.min(this.currentTime,i)/l;let P=Math.floor(S),N=S%1;!N&&S>=1&&(N=1),N===1&&P--,P=Math.min(P,d+1),!!(P%2)&&(m==="reverse"?(N=1-N,h&&(N-=h/l)):m==="mirror"&&(A=r)),x=Q(0,1,N)*l}const T=C?{done:!1,value:p[0]}:A.next(x);a&&(T.value=a(T.value));let{done:D}=T;!C&&u!==null&&(D=this.playbackSpeed>=0?this.currentTime>=i:this.currentTime<=0);const M=this.holdTime===null&&(this.state==="finished"||this.state==="running"&&D);return M&&y!==Ue&&(T.value=fn(p,this.options,v,this.speed)),g&&g(T.value),M&&this.finish(),T}then(n,t){return this.finished.then(n,t)}get duration(){return X(this.calculatedDuration)}get time(){return X(this.currentTime)}set time(n){var t;n=W(n),this.currentTime=n,this.startTime===null||this.holdTime!==null||this.playbackSpeed===0?this.holdTime=n:this.driver&&(this.startTime=this.driver.now()-n/this.playbackSpeed),(t=this.driver)==null||t.start(!1)}get speed(){return this.playbackSpeed}set speed(n){this.updateTime(U.now());const t=this.playbackSpeed!==n;this.playbackSpeed=n,t&&(this.time=X(this.currentTime))}play(){var n,t;if(this.isStopped)return;const{driver:s=Hl,startTime:i}=this.options;this.driver||(this.driver=s(r=>this.tick(r))),(t=(n=this.options).onPlay)==null||t.call(n);const a=this.driver.now();this.state==="finished"?(this.updateFinished(),this.startTime=a):this.holdTime!==null?this.startTime=a-this.holdTime:this.startTime||(this.startTime=i??a),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(U.now()),this.holdTime=this.currentTime}complete(){this.state!=="running"&&this.play(),this.state="finished",this.holdTime=null}finish(){var n,t;this.notifyFinished(),this.teardown(),this.state="finished",(t=(n=this.options).onComplete)==null||t.call(n)}cancel(){var n,t;this.holdTime=null,this.startTime=0,this.tick(0),this.teardown(),(t=(n=this.options).onCancel)==null||t.call(n)}teardown(){this.state="idle",this.stopDriver(),this.startTime=this.holdTime=null}stopDriver(){this.driver&&(this.driver.stop(),this.driver=void 0)}sample(n){return this.startTime=0,this.tick(n,!0)}attachTimeline(n){var t;return this.options.allowFlatten&&(this.options.type="keyframes",this.options.ease="linear",this.initAnimation()),(t=this.driver)==null||t.stop(),n.observe(this)}}const fu=e=>e.startsWith("--");function hu(e,n,t){fu(n)?e.style.setProperty(n,t):e.style[n]=t}function yn(e){let n;return()=>(n===void 0&&(n=e()),n)}const mu=yn(()=>window.ScrollTimeline!==void 0),yu={};function gu(e,n){const t=yn(e);return()=>yu[n]??t()}const ci=gu(()=>{try{document.createElement("div").animate({opacity:0},{easing:"linear(0, 1)"})}catch{return!1}return!0},"linearEasing"),Ft=([e,n,t,s])=>`cubic-bezier(${e}, ${n}, ${t}, ${s})`,ts={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:Ft([0,.65,.55,1]),circOut:Ft([.55,0,1,.45]),backIn:Ft([.31,.01,.66,-.59]),backOut:Ft([.33,1.53,.69,.99])};function di(e,n){if(e)return typeof e=="function"?ci()?Jo(e,n):"ease-out":ui(e)?Ft(e):Array.isArray(e)?e.map(t=>di(t,n)||ts.easeOut):ts[e]}function vu(e,n,t,{delay:s=0,duration:i=300,repeat:a=0,repeatType:r="loop",ease:l="easeOut",times:u}={},c=void 0){const p={[n]:t};u&&(p.offset=u);const d=di(l,i);Array.isArray(d)&&(p.easing=d);const m={delay:s,duration:i,easing:Array.isArray(d)?"linear":d,fill:"both",iterations:a+1,direction:r==="reverse"?"alternate":"normal"};return c&&(m.pseudoElement=c),e.animate(p,m)}function Eu({type:e,...n}){return ln(e)&&ci()?e.applyToOptions(n):(n.duration??(n.duration=300),n.ease??(n.ease="easeOut"),n)}class bu extends hn{constructor(n){if(super(),this.finishedTime=null,this.isStopped=!1,!n)return;const{element:t,name:s,keyframes:i,pseudoElement:a,allowFlatten:r=!1,finalKeyframe:l,onComplete:u}=n;this.isPseudoElement=!!a,this.allowFlatten=r,this.options=n,nn(typeof n.type!="string");const c=Eu(n);this.animation=vu(t,s,i,c,a),c.autoplay===!1&&this.animation.pause(),this.animation.onfinish=()=>{if(this.finishedTime=this.time,!a){const p=fn(i,this.options,l,this.speed);this.updateMotionValue?this.updateMotionValue(p):hu(t,s,p),this.animation.cancel()}u==null||u(),this.notifyFinished()}}play(){this.isStopped||(this.animation.play(),this.state==="finished"&&this.updateFinished())}pause(){this.animation.pause()}complete(){var n,t;(t=(n=this.animation).finish)==null||t.call(n)}cancel(){try{this.animation.cancel()}catch{}}stop(){if(this.isStopped)return;this.isStopped=!0;const{state:n}=this;n==="idle"||n==="finished"||(this.updateMotionValue?this.updateMotionValue():this.commitStyles(),this.isPseudoElement||this.cancel())}commitStyles(){var n,t;this.isPseudoElement||(t=(n=this.animation).commitStyles)==null||t.call(n)}get duration(){var n,t;const s=((t=(n=this.animation.effect)==null?void 0:n.getComputedTiming)==null?void 0:t.call(n).duration)||0;return X(Number(s))}get time(){return X(Number(this.animation.currentTime)||0)}set time(n){this.finishedTime=null,this.animation.currentTime=W(n)}get speed(){return this.animation.playbackRate}set speed(n){n<0&&(this.finishedTime=null),this.animation.playbackRate=n}get state(){return this.finishedTime!==null?"finished":this.animation.playState}get startTime(){return Number(this.animation.startTime)}set startTime(n){this.animation.startTime=n}attachTimeline({timeline:n,observe:t}){var s;return this.allowFlatten&&((s=this.animation.effect)==null||s.updateTiming({easing:"linear"})),this.animation.onfinish=null,n&&mu()?(this.animation.timeline=n,$):t(this)}}const fi={anticipate:ri,backInOut:ii,circInOut:li};function xu(e){return e in fi}function Tu(e){typeof e.ease=="string"&&xu(e.ease)&&(e.ease=fi[e.ease])}const es=10;class wu extends bu{constructor(n){Tu(n),pi(n),super(n),n.startTime&&(this.startTime=n.startTime),this.options=n}updateMotionValue(n){const{motionValue:t,onUpdate:s,onComplete:i,element:a,...r}=this.options;if(!t)return;if(n!==void 0){t.set(n);return}const l=new mn({...r,autoplay:!1}),u=W(this.finishedTime??this.time);t.setWithVelocity(l.sample(u-es).value,l.sample(u).value,es),l.stop()}}const ns=(e,n)=>n==="zIndex"?!1:!!(typeof e=="number"||Array.isArray(e)||typeof e=="string"&&(it.test(e)||e==="0")&&!e.startsWith("url("));function Fu(e){const n=e[0];if(e.length===1)return!0;for(let t=0;tObject.hasOwnProperty.call(Element.prototype,"animate"));function Du(e){var n;const{motionValue:t,name:s,repeatDelay:i,repeatType:a,damping:r,type:l}=e;if(!mi((n=t==null?void 0:t.owner)==null?void 0:n.current))return!1;const{onUpdate:u,transformTemplate:c}=t.owner.getProps();return Au()&&s&&Su.has(s)&&(s!=="transform"||!c)&&!u&&!i&&a!=="mirror"&&r!==0&&l!=="inertia"}const Pu=40;class Vu extends hn{constructor({autoplay:n=!0,delay:t=0,type:s="keyframes",repeat:i=0,repeatDelay:a=0,repeatType:r="loop",keyframes:l,name:u,motionValue:c,element:p,...d}){var m;super(),this.stop=()=>{var g,v;this._animation&&(this._animation.stop(),(g=this.stopTimeline)==null||g.call(this)),(v=this.keyframeResolver)==null||v.cancel()},this.createdAt=U.now();const h={autoplay:n,delay:t,type:s,repeat:i,repeatDelay:a,repeatType:r,name:u,motionValue:c,element:p,...d},y=(p==null?void 0:p.KeyframeResolver)||Qe;this.keyframeResolver=new y(l,(g,v,E)=>this.onKeyframesResolved(g,v,h,!E),u,c,p),(m=this.keyframeResolver)==null||m.scheduleResolve()}onKeyframesResolved(n,t,s,i){this.keyframeResolver=void 0;const{name:a,type:r,velocity:l,delay:u,isHandoff:c,onUpdate:p}=s;this.resolvedAt=U.now(),Cu(n,a,r,l)||((J.instantAnimations||!u)&&(p==null||p(fn(n,s,t))),n[0]=n[n.length-1],s.duration=0,s.repeat=0);const m={startTime:i?this.resolvedAt?this.resolvedAt-this.createdAt>Pu?this.resolvedAt:this.createdAt:this.createdAt:void 0,finalKeyframe:t,...s,keyframes:n},h=!c&&Du(m)?new wu({...m,element:m.motionValue.owner.current}):new mn(m);h.finished.then(()=>this.notifyFinished()).catch($),this.pendingTimeline&&(this.stopTimeline=h.attachTimeline(this.pendingTimeline),this.pendingTimeline=void 0),this._animation=h}get finished(){return this._animation?this.animation.finished:this._finished}then(n,t){return this.finished.finally(n).then(()=>{})}get animation(){var n;return this._animation||((n=this.keyframeResolver)==null||n.resume(),wa()),this._animation}get duration(){return this.animation.duration}get time(){return this.animation.time}set time(n){this.animation.time=n}get speed(){return this.animation.speed}get state(){return this.animation.state}set speed(n){this.animation.speed=n}get startTime(){return this.animation.startTime}attachTimeline(n){return this._animation?this.stopTimeline=this.animation.attachTimeline(n):this.pendingTimeline=n,()=>this.stop()}play(){this.animation.play()}pause(){this.animation.pause()}complete(){this.animation.complete()}cancel(){var n;this._animation&&this.animation.cancel(),(n=this.keyframeResolver)==null||n.cancel()}}const gn=(e,n,t,s={},i,a)=>r=>{const l=un(s,e)||{},u=l.delay||s.delay||0;let{elapsed:c=0}=s;c=c-W(u);const p={keyframes:Array.isArray(t)?t:[null,t],ease:"easeOut",velocity:n.getVelocity(),...l,delay:-c,onUpdate:m=>{n.set(m),l.onUpdate&&l.onUpdate(m)},onComplete:()=>{r(),l.onComplete&&l.onComplete()},name:e,motionValue:n,element:a?void 0:i};Ol(l)||Object.assign(p,Ll(e,p)),p.duration&&(p.duration=W(p.duration)),p.repeatDelay&&(p.repeatDelay=W(p.repeatDelay)),p.from!==void 0&&(p.keyframes[0]=p.from);let d=!1;if((p.type===!1||p.duration===0&&!p.repeatDelay)&&(p.duration=0,p.delay===0&&(d=!0)),(J.instantAnimations||J.skipAnimations)&&(d=!0,p.duration=0,p.delay=0),p.allowFlatten=!l.type&&!l.ease,d&&!a&&n.get()!==void 0){const m=Vl(p.keyframes,l);if(m!==void 0){V.update(()=>{p.onUpdate(m),p.onComplete()});return}}return l.isSync?new mn(p):new Vu(p)};function Bu({protectedKeys:e,needsAnimating:n},t){const s=e.hasOwnProperty(t)&&n[t]!==!0;return n[t]=!1,s}function Mu(e,n,{delay:t=0,transitionOverride:s,type:i}={}){let{transition:a=e.getDefaultTransition(),transitionEnd:r,...l}=n;s&&(a=s);const u=[],c=i&&e.animationState&&e.animationState.getState()[i];for(const p in l){const d=e.getValue(p,e.latestValues[p]??null),m=l[p];if(m===void 0||c&&Bu(c,p))continue;const h={delay:t,...un(a||{},p)},y=d.get();if(y!==void 0&&!d.isAnimating&&!Array.isArray(m)&&m===y&&!h.velocity)continue;let g=!1;if(window.MotionHandoffAnimation){const E=Xo(e);if(E){const C=window.MotionHandoffAnimation(E,p,V);C!==null&&(h.startTime=C,g=!0)}}Sl(e,p),d.start(gn(p,d,m,e.shouldReduceMotion&&Mo.has(p)?{type:!1}:h,e,g));const v=d.animation;v&&u.push(v)}return r&&Promise.all(u).then(()=>{V.update(()=>{r&&Fl(e,r)})}),u}function Ru(e,n){return e in n}class ku extends Bo{constructor(){super(...arguments),this.type="object"}readValueFromInstance(n,t){if(Ru(t,n)){const s=n[t];if(typeof s=="string"||typeof s=="number")return s}}getBaseTargetFromProps(){}removeValueFromRenderState(n,t){delete t.output[n]}measureInstanceViewportBox(){return k()}build(n,t){Object.assign(n.output,t)}renderInstance(n,{output:t}){Object.assign(n,t)}sortInstanceNodePosition(){return 0}}function vn(e){return hi(e)&&"ownerSVGElement"in e}function yi(e){return vn(e)&&e.tagName==="svg"}function Lu(e){const n={presenceContext:null,props:{},visualState:{renderState:{transform:{},transformOrigin:{},style:{},vars:{},attrs:{}},latestValues:{}}},t=vn(e)&&!yi(e)?new No(n):new Uo(n);t.mount(e),ct.set(e,t)}function Ou(e){const n={presenceContext:null,props:{},visualState:{renderState:{output:{}},latestValues:{}}},t=new ku(n);t.mount(e),ct.set(e,t)}function gi(e,n,t){const s=O(e)?e:ot(e);return s.start(gn("",s,n,t)),s.animation}function ju(e,n){return O(e)||typeof e=="number"||typeof e=="string"&&!on(n)}function vi(e,n,t,s){const i=[];if(ju(e,n))i.push(gi(e,on(n)&&n.default||n,t&&(t.default||t)));else{const a=Ko(e,n,s),r=a.length;for(let l=0;l{s.push(...vi(l,a,r))}),s}class Uu{constructor(n){this.stop=()=>this.runAll("stop"),this.animations=n.filter(Boolean)}get finished(){return Promise.all(this.animations.map(n=>n.finished))}getAll(n){return this.animations[0][n]}setAll(n,t){for(let s=0;ss.attachTimeline(n));return()=>{t.forEach((s,i)=>{s&&s(),this.animations[i].stop()})}}get time(){return this.getAll("time")}set time(n){this.setAll("time",n)}get speed(){return this.getAll("speed")}set speed(n){this.setAll("speed",n)}get state(){return this.getAll("state")}get startTime(){return this.getAll("startTime")}get duration(){let n=0;for(let t=0;tt[n]())}play(){this.runAll("play")}pause(){this.runAll("pause")}cancel(){this.runAll("cancel")}complete(){this.runAll("complete")}}class $u extends Uu{then(n,t){return this.finished.finally(n).then(()=>{})}}function Nu(e){return Array.isArray(e)&&e.some(Array.isArray)}function Ku(e){function n(t,s,i){let a=[];return Nu(t)?a=Iu(t,s,e):a=vi(t,s,i,e),new $u(a)}return n}const Ei=Ku(),Gu=["initial","animate","whileInView","whileHover","whilePress","whileDrag","whileFocus","exit"];class Wu extends _{constructor(n){var t;super(n),this.animateUpdates=({controlActiveState:s,directAnimate:i,directTransition:a,controlDelay:r=0,isFallback:l,isExit:u}={})=>{const{reducedMotion:c}=this.state.options.motionConfig;this.state.visualElement.shouldReduceMotion=c==="always"||c==="user"&&!!_t.current;const p=this.state.target;this.state.target={...this.state.baseTarget};let d={};d=this.resolveStateAnimation({controlActiveState:s,directAnimate:i,directTransition:a});const m=this.createAnimationFactories(p,d,r),{getChildAnimations:h,childAnimations:y}=this.setupChildAnimations(d,this.state.activeStates,l);return this.executeAnimations({factories:m,getChildAnimations:h,childAnimations:y,transition:d,controlActiveState:s,isExit:u})},this.state.visualElement=al(this.state.options.as,{presenceContext:null,parent:(t=this.state.parent)==null?void 0:t.visualElement,props:{...this.state.options,whileTap:this.state.options.whilePress},visualState:{renderState:{transform:{},transformOrigin:{},style:{},vars:{},attrs:{}},latestValues:{...this.state.baseTarget}},reducedMotionConfig:this.state.options.motionConfig.reducedMotion}),this.state.animateUpdates=this.animateUpdates,this.state.isMounted()&&this.state.startAnimation()}updateAnimationControlsSubscription(){const{animate:n}=this.state.options;Sn(n)&&(this.unmountControls=n.subscribe(this.state))}executeAnimations({factories:n,getChildAnimations:t,transition:s,controlActiveState:i,isExit:a=!1}){const r=()=>Promise.all(n.map(d=>d()).filter(Boolean)),l={...this.state.target},u=this.state.element,c=d=>{var m,h;u.dispatchEvent(Dn("motionstart",l)),(h=(m=this.state.options).onAnimationStart)==null||h.call(m,l),d.then(()=>{var y,g;u.dispatchEvent(Dn("motioncomplete",l,a)),(g=(y=this.state.options).onAnimationComplete)==null||g.call(y,l)}).catch($)},p=()=>{const d=s!=null&&s.when?(s.when==="beforeChildren"?r():t()).then(()=>s.when==="beforeChildren"?t():r()):Promise.all([r(),t()]);return c(d),d};return i?p:p()}setupChildAnimations(n,t,s){var i;if(!((i=this.state.visualElement.variantChildren)!=null&&i.size)||!t)return{getChildAnimations:()=>Promise.resolve(),childAnimations:[]};const{staggerChildren:a=0,staggerDirection:r=1,delayChildren:l=0}=n||{},u=(this.state.visualElement.variantChildren.size-1)*a,c=r===1?(d=0)=>d*a:(d=0)=>u-d*a,p=Array.from(this.state.visualElement.variantChildren).map((d,m)=>{const h=l+c(m);return d.state.animateUpdates({controlActiveState:t,controlDelay:s?0:h})}).filter(Boolean);return{getChildAnimations:()=>Promise.all(p.map(d=>d==null?void 0:d())),childAnimations:p}}createAnimationFactories(n,t,s){const i=[];return Object.keys(this.state.target).forEach(a=>{var r;if(!Fr(n[a],this.state.target[a]))return;(r=this.state.baseTarget)[a]??(r[a]=Yr.get(this.state.element,a));const l=this.state.target[a]==="none"&&Rn(Bn[a])?Bn[a]:this.state.target[a];i.push(()=>{var u;return Ei(this.state.element,{[a]:l},{...(t==null?void 0:t[a])||t,delay:(((u=t==null?void 0:t[a])==null?void 0:u.delay)||(t==null?void 0:t.delay)||0)+s})})}),i}resolveStateAnimation({controlActiveState:n,directAnimate:t,directTransition:s}){let i=this.state.options.transition,a={};const{variants:r,custom:l,transition:u,animatePresenceContext:c}=this.state.options,p=l??(c==null?void 0:c.custom);return this.state.activeStates={...this.state.activeStates,...n},Gu.forEach(d=>{if(!this.state.activeStates[d]||Sn(this.state.options[d]))return;const m=this.state.options[d];let h=Rn(m)?St(m,r,p):void 0;if(this.state.visualElement.isVariantNode){const y=St(this.state.context[d],r,p);h=y?Object.assign(y||{},h):a}h&&(d!=="initial"&&(i=h.transition||this.state.options.transition||{}),a=Object.assign(a,h))}),t&&(a=St(t,r,p),i=a.transition||s||u),Object.entries(a).forEach(([d,m])=>{d!=="transition"&&(this.state.target[d]=m)}),i}mount(){const{element:n}=this.state;At.set(n,this.state),ct.get(n)||(this.state.visualElement.mount(n),ct.set(n,this.state.visualElement)),this.state.visualElement.state=this.state,this.updateAnimationControlsSubscription()}update(){const{animate:n}=this.state.options,{animate:t}=this.state.visualElement.prevProps||{};n!==t&&this.updateAnimationControlsSubscription()}unmount(){var n;(n=this.unmountControls)==null||n.call(this)}}const qu={y:!1};function Hu(){return qu.y}const bi=(e,n)=>n?e===n?!0:bi(e,n.parentElement):!1,zu=e=>e.pointerType==="mouse"?typeof e.button!="number"||e.button<=0:e.isPrimary!==!1;function xi(e,n){const t=rn(e),s=new AbortController,i={passive:!0,...n,signal:s.signal};return[t,i,()=>s.abort()]}const Xu=new Set(["BUTTON","INPUT","SELECT","TEXTAREA","A"]);function Yu(e){return Xu.has(e.tagName)||e.tabIndex!==-1}const Zt=new WeakSet;function ss(e){return n=>{n.key==="Enter"&&e(n)}}function ye(e,n){e.dispatchEvent(new PointerEvent("pointer"+n,{isPrimary:!0,bubbles:!0}))}const Zu=(e,n)=>{const t=e.currentTarget;if(!t)return;const s=ss(()=>{if(Zt.has(t))return;ye(t,"down");const i=ss(()=>{ye(t,"up")}),a=()=>ye(t,"cancel");t.addEventListener("keyup",i,n),t.addEventListener("blur",a,n)});t.addEventListener("keydown",s,n),t.addEventListener("blur",()=>t.removeEventListener("keydown",s),n)};function os(e){return zu(e)&&!0}function Ju(e,n,t={}){const[s,i,a]=xi(e,t),r=l=>{const u=l.currentTarget;if(!os(l))return;Zt.add(u);const c=n(u,l),p=(h,y)=>{window.removeEventListener("pointerup",d),window.removeEventListener("pointercancel",m),Zt.has(u)&&Zt.delete(u),os(h)&&typeof c=="function"&&c(h,{success:y})},d=h=>{p(h,u===window||u===document||t.useGlobalTarget||bi(u,h.target))},m=h=>{p(h,!1)};window.addEventListener("pointerup",d,i),window.addEventListener("pointercancel",m,i)};return s.forEach(l=>{(t.useGlobalTarget?window:l).addEventListener("pointerdown",r,i),mi(l)&&(l.addEventListener("focus",c=>Zu(c,i)),!Yu(l)&&!l.hasAttribute("tabindex")&&(l.tabIndex=0))}),a}function Ti(e){return{point:{x:e.pageX,y:e.pageY}}}function is(e,n,t){const s=e.options;s.whilePress&&e.setActive("whilePress",t==="Start");const i=`onPress${t==="End"?"":t}`,a=s[i];a&&V.postRender(()=>a(n,Ti(n)))}class Qu extends _{isActive(){const{whilePress:n,onPress:t,onPressCancel:s,onPressStart:i}=this.state.options;return!!(n||t||s||i)}constructor(n){super(n)}mount(){this.register()}update(){const{whilePress:n,onPress:t,onPressCancel:s,onPressStart:i}=this.state.options;n||t||s||i||this.register()}register(){const n=this.state.element;!n||!this.isActive()||(this.unmount(),this.unmount=Ju(n,(t,s)=>(is(this.state,s,"Start"),(i,{success:a})=>is(this.state,i,a?"End":"Cancel")),{useGlobalTarget:this.state.options.globalPressTarget}))}}function rs(e){return!(e.pointerType==="touch"||Hu())}function _u(e,n,t={}){const[s,i,a]=xi(e,t),r=l=>{if(!rs(l))return;const{target:u}=l,c=n(u,l);if(typeof c!="function"||!u)return;const p=d=>{rs(d)&&(c(d),u.removeEventListener("pointerleave",p))};u.addEventListener("pointerleave",p,i)};return s.forEach(l=>{l.addEventListener("pointerenter",r,i)}),a}function as(e,n,t){const s=e.options;s.whileHover&&e.setActive("whileHover",t==="Start");const i=`onHover${t}`,a=s[i];a&&V.postRender(()=>a(n,Ti(n)))}class tp extends _{isActive(){const{whileHover:n,onHoverStart:t,onHoverEnd:s}=this.state.options;return!!(n||t||s)}constructor(n){super(n)}mount(){this.register()}update(){const{whileHover:n,onHoverStart:t,onHoverEnd:s}=this.state.visualElement.prevProps;n||t||s||this.register()}register(){const n=this.state.element;!n||!this.isActive()||(this.unmount(),this.unmount=_u(n,(t,s)=>(as(this.state,s,"Start"),i=>{as(this.state,i,"End")})))}}const ep={some:0,all:1};function np(e,n,{root:t,margin:s,amount:i="some"}={}){const a=rn(e),r=new WeakMap,l=c=>{c.forEach(p=>{const d=r.get(p.target);if(p.isIntersecting!==!!d)if(p.isIntersecting){const m=n(p.target,p);typeof m=="function"?r.set(p.target,m):u.unobserve(p.target)}else typeof d=="function"&&(d(p),r.delete(p.target))})},u=new IntersectionObserver(l,{root:t,rootMargin:s,threshold:typeof i=="number"?i:ep[i]});return a.forEach(c=>u.observe(c)),()=>u.disconnect()}function ls(e,n,t){const s=e.options;s.whileInView&&e.setActive("whileInView",t==="Enter");const i=`onViewport${t}`,a=s[i];a&&V.postRender(()=>a(n))}class sp extends _{isActive(){const{whileInView:n,onViewportEnter:t,onViewportLeave:s}=this.state.options;return!!(n||t||s)}constructor(n){super(n)}startObserver(){const n=this.state.element;if(!n||!this.isActive())return;this.unmount();const{once:t,...s}=this.state.options.inViewOptions||{};this.unmount=np(n,(i,a)=>{if(ls(this.state,a,"Enter"),!t)return r=>{ls(this.state,a,"Leave")}},s)}mount(){this.startObserver()}update(){const{props:n,prevProps:t}=this.state.visualElement;["amount","margin","root"].some(op(n,t))&&this.startObserver()}}function op({inViewOptions:e={}},{inViewOptions:n={}}={}){return t=>e[t]!==n[t]}function ne(e,n,t,s={passive:!0}){return e.addEventListener(n,t,s),()=>e.removeEventListener(n,t)}class ip extends _{constructor(){super(...arguments),this.isActive=!1}onFocus(){let n=!1;try{n=this.state.element.matches(":focus-visible")}catch{n=!0}n&&(this.state.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){this.isActive&&(this.state.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=Ut(ne(this.state.element,"focus",()=>this.onFocus()),ne(this.state.element,"blur",()=>this.onBlur()))}}const rp=(e,n)=>e.depth-n.depth;class ap{constructor(){this.children=[],this.isDirty=!1}add(n){Ze(this.children,n),this.isDirty=!0}remove(n){ae(this.children,n),this.isDirty=!0}forEach(n){this.isDirty&&this.children.sort(rp),this.isDirty=!1,this.children.forEach(n)}}function lp(e,n){const t=U.now(),s=({timestamp:i})=>{const a=i-t;a>=n&&(Y(s),e(a-n))};return V.setup(s,!0),()=>Y(s)}function ge(e){return O(e)?e.get():e}const wi=["TopLeft","TopRight","BottomLeft","BottomRight"],up=wi.length,us=e=>typeof e=="string"?parseFloat(e):e,ps=e=>typeof e=="number"||w.test(e);function pp(e,n,t,s,i,a){i?(e.opacity=B(0,t.opacity??1,cp(s)),e.opacityExit=B(n.opacity??1,0,dp(s))):a&&(e.opacity=B(n.opacity??1,t.opacity??1,s));for(let r=0;rsn?1:t(yt(e,n,s))}function ds(e,n){e.min=n.min,e.max=n.max}function K(e,n){ds(e.x,n.x),ds(e.y,n.y)}function fs(e,n){e.translate=n.translate,e.scale=n.scale,e.originPoint=n.originPoint,e.origin=n.origin}function ve(e){return e===void 0||e===1}function $e({scale:e,scaleX:n,scaleY:t}){return!ve(e)||!ve(n)||!ve(t)}function rt(e){return $e(e)||Ci(e)||e.z||e.rotate||e.rotateX||e.rotateY||e.skewX||e.skewY}function Ci(e){return hs(e.x)||hs(e.y)}function hs(e){return e&&e!=="0%"}function se(e,n,t){const s=e-t,i=n*s;return t+i}function ms(e,n,t,s,i){return i!==void 0&&(e=se(e,i,s)),se(e,t,s)+n}function Ne(e,n=0,t=1,s,i){e.min=ms(e.min,n,t,s,i),e.max=ms(e.max,n,t,s,i)}function Si(e,{x:n,y:t}){Ne(e.x,n.translate,n.scale,n.originPoint),Ne(e.y,t.translate,t.scale,t.originPoint)}const ys=.999999999999,gs=1.0000000000001;function fp(e,n,t,s=!1){const i=t.length;if(!i)return;n.x=n.y=1;let a,r;for(let l=0;lys&&(n.x=1),n.yys&&(n.y=1)}function Ht(e,n){e.min=e.min+n,e.max=e.max+n}function vs(e,n,t,s,i=.5){const a=B(e.min,e.max,i);Ne(e,n,t,a,s)}function ht(e,n){vs(e.x,n.x,n.scaleX,n.scale,n.originX),vs(e.y,n.y,n.scaleY,n.scale,n.originY)}const Ai=1e-4,hp=1-Ai,mp=1+Ai,Di=.01,yp=0-Di,gp=0+Di;function G(e){return e.max-e.min}function vp(e,n,t){return Math.abs(e-n)<=t}function Es(e,n,t,s=.5){e.origin=s,e.originPoint=B(n.min,n.max,e.origin),e.scale=G(t)/G(n),e.translate=B(t.min,t.max,e.origin)-e.originPoint,(e.scale>=hp&&e.scale<=mp||isNaN(e.scale))&&(e.scale=1),(e.translate>=yp&&e.translate<=gp||isNaN(e.translate))&&(e.translate=0)}function Vt(e,n,t,s){Es(e.x,n.x,t.x,s?s.originX:void 0),Es(e.y,n.y,t.y,s?s.originY:void 0)}function bs(e,n,t){e.min=t.min+n.min,e.max=e.min+G(n)}function Ep(e,n,t){bs(e.x,n.x,t.x),bs(e.y,n.y,t.y)}function xs(e,n,t){e.min=n.min-t.min,e.max=e.min+G(n)}function Bt(e,n,t){xs(e.x,n.x,t.x),xs(e.y,n.y,t.y)}function Ts(e,n,t,s,i){return e-=n,e=se(e,1/t,s),i!==void 0&&(e=se(e,1/i,s)),e}function bp(e,n=0,t=1,s=.5,i,a=e,r=e){if(z.test(n)&&(n=parseFloat(n),n=B(r.min,r.max,n/100)-r.min),typeof n!="number")return;let l=B(a.min,a.max,s);e===a&&(l-=n),e.min=Ts(e.min,n,t,l,i),e.max=Ts(e.max,n,t,l,i)}function ws(e,n,[t,s,i],a,r){bp(e,n[t],n[s],n[i],n.scale,a,r)}const xp=["x","scaleX","originX"],Tp=["y","scaleY","originY"];function Fs(e,n,t,s){ws(e.x,n,xp,t?t.x:void 0,s?s.x:void 0),ws(e.y,n,Tp,t?t.y:void 0,s?s.y:void 0)}function Cs(e){return e.translate===0&&e.scale===1}function Pi(e){return Cs(e.x)&&Cs(e.y)}function Ss(e,n){return e.min===n.min&&e.max===n.max}function wp(e,n){return Ss(e.x,n.x)&&Ss(e.y,n.y)}function As(e,n){return Math.round(e.min)===Math.round(n.min)&&Math.round(e.max)===Math.round(n.max)}function Vi(e,n){return As(e.x,n.x)&&As(e.y,n.y)}function Ds(e){return G(e.x)/G(e.y)}function Ps(e,n){return e.translate===n.translate&&e.scale===n.scale&&e.originPoint===n.originPoint}class Fp{constructor(){this.members=[]}add(n){Ze(this.members,n),n.scheduleRender()}remove(n){if(ae(this.members,n),n===this.prevLead&&(this.prevLead=void 0),n===this.lead){const t=this.members[this.members.length-1];t&&this.promote(t)}}relegate(n){const t=this.members.findIndex(i=>n===i);if(t===0)return!1;let s;for(let i=t;i>=0;i--){const a=this.members[i];if(a.isPresent!==!1){s=a;break}}return s?(this.promote(s),!0):!1}promote(n,t){const s=this.lead;if(n!==s&&(this.prevLead=s,this.lead=n,n.show(),s)){s.instance&&s.scheduleRender(),n.scheduleRender(),n.resumeFrom=s,t&&(n.resumeFrom.preserveOpacity=!0),s.snapshot&&(n.snapshot=s.snapshot,n.snapshot.latestValues=s.animationValues||s.latestValues),n.root&&n.root.isUpdating&&(n.isLayoutDirty=!0);const{crossfade:i}=n.options;i===!1&&s.hide()}}exitAnimationComplete(){this.members.forEach(n=>{const{options:t,resumingFrom:s}=n;t.onExitComplete&&t.onExitComplete(),s&&s.options.onExitComplete&&s.options.onExitComplete()})}scheduleRender(){this.members.forEach(n=>{n.instance&&n.scheduleRender(!1)})}removeLeadSnapshot(){this.lead&&this.lead.snapshot&&(this.lead.snapshot=void 0)}}function Cp(e,n,t){let s="";const i=e.x.translate/n.x,a=e.y.translate/n.y,r=(t==null?void 0:t.z)||0;if((i||a||r)&&(s=`translate3d(${i}px, ${a}px, ${r}px) `),(n.x!==1||n.y!==1)&&(s+=`scale(${1/n.x}, ${1/n.y}) `),t){const{transformPerspective:c,rotate:p,rotateX:d,rotateY:m,skewX:h,skewY:y}=t;c&&(s=`perspective(${c}px) ${s}`),p&&(s+=`rotate(${p}deg) `),d&&(s+=`rotateX(${d}deg) `),m&&(s+=`rotateY(${m}deg) `),h&&(s+=`skewX(${h}deg) `),y&&(s+=`skewY(${y}deg) `)}const l=e.x.scale*n.x,u=e.y.scale*n.y;return(l!==1||u!==1)&&(s+=`scale(${l}, ${u})`),s||"none"}function Vs(e){return[e("x"),e("y")]}const Jt={hasAnimatedSinceResize:!0,hasEverUpdated:!1},{schedule:Sp}=fo(queueMicrotask,!1),Ee=["","X","Y","Z"],Ap={visibility:"hidden"},Dp=1e3;let Pp=0;function be(e,n,t,s){const{latestValues:i}=n;i[e]&&(t[e]=i[e],n.setStaticValue(e,0),s&&(s[e]=0))}function Bi(e){if(e.hasCheckedOptimisedAppear=!0,e.root===e)return;const{visualElement:n}=e.options;if(!n)return;const t=Xo(n);if(window.MotionHasOptimisedAnimation(t,"transform")){const{layout:i,layoutId:a}=e.options;window.MotionCancelOptimisedAnimation(t,"transform",V,!(i||a))}const{parent:s}=e;s&&!s.hasCheckedOptimisedAppear&&Bi(s)}function Mi({attachResizeListener:e,defaultParent:n,measureScroll:t,checkIsScrollRoot:s,resetTransform:i}){return class{constructor(r={},l=n==null?void 0:n()){this.id=Pp++,this.animationId=0,this.children=new Set,this.options={},this.isTreeAnimating=!1,this.isAnimationBlocked=!1,this.isLayoutDirty=!1,this.isProjectionDirty=!1,this.isSharedProjectionDirty=!1,this.isTransformDirty=!1,this.updateManuallyBlocked=!1,this.updateBlockedByResize=!1,this.isUpdating=!1,this.isSVG=!1,this.needsReset=!1,this.shouldResetTransform=!1,this.hasCheckedOptimisedAppear=!1,this.treeScale={x:1,y:1},this.eventHandlers=new Map,this.hasTreeAnimated=!1,this.updateScheduled=!1,this.scheduleUpdate=()=>this.update(),this.projectionUpdateScheduled=!1,this.checkUpdateFailed=()=>{this.isUpdating&&(this.isUpdating=!1,this.clearAllSnapshots())},this.updateProjection=()=>{this.projectionUpdateScheduled=!1,this.nodes.forEach(Mp),this.nodes.forEach(jp),this.nodes.forEach(Ip),this.nodes.forEach(Rp)},this.resolvedRelativeTargetAt=0,this.hasProjected=!1,this.isVisible=!0,this.animationProgress=0,this.sharedNodes=new Map,this.latestValues=r,this.root=l?l.root||l:this,this.path=l?[...l.path,l]:[],this.parent=l,this.depth=l?l.depth+1:0;for(let u=0;uthis.root.updateBlockedByResize=!1;e(r,()=>{this.root.updateBlockedByResize=!0,p&&p(),p=lp(d,250),Jt.hasAnimatedSinceResize&&(Jt.hasAnimatedSinceResize=!1,this.nodes.forEach(Ms))})}l&&this.root.registerSharedNode(l,this),this.options.animate!==!1&&c&&(l||u)&&this.addEventListener("didUpdate",({delta:p,hasLayoutChanged:d,hasRelativeLayoutChanged:m,layout:h})=>{if(this.isTreeAnimationBlocked()){this.target=void 0,this.relativeTarget=void 0;return}const y=this.options.transition||c.getDefaultTransition()||Gp,{onLayoutAnimationStart:g,onLayoutAnimationComplete:v}=c.getProps(),E=!this.targetLayout||!Vi(this.targetLayout,h),C=!d&&m;if(this.options.layoutRoot||this.resumeFrom||C||d&&(E||!this.currentAnimation)){this.resumeFrom&&(this.resumingFrom=this.resumeFrom,this.resumingFrom.resumingFrom=void 0);const x={...un(y,"layout"),onPlay:g,onComplete:v};(c.shouldReduceMotion||this.options.layoutRoot)&&(x.delay=0,x.type=!1),this.startAnimation(x),this.setAnimationOrigin(p,C)}else d||Ms(this),this.isLead()&&this.options.onExitComplete&&this.options.onExitComplete();this.targetLayout=h})}unmount(){this.options.layoutId&&this.willUpdate(),this.root.nodes.remove(this);const r=this.getStack();r&&r.remove(this),this.parent&&this.parent.children.delete(this),this.instance=void 0,this.eventHandlers.clear(),Y(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(Up),this.animationId++)}getTransformTemplate(){const{visualElement:r}=this.options;return r&&r.getProps().transformTemplate}willUpdate(r=!0){if(this.root.hasTreeAnimated=!0,this.root.isUpdateBlocked()){this.options.onExitComplete&&this.options.onExitComplete();return}if(window.MotionCancelOptimisedAnimation&&!this.hasCheckedOptimisedAppear&&Bi(this),!this.root.isUpdating&&this.root.startUpdate(),this.isLayoutDirty)return;this.isLayoutDirty=!0;for(let p=0;p{this.isLayoutDirty?this.root.didUpdate():this.root.checkUpdateFailed()})}updateSnapshot(){this.snapshot||!this.instance||(this.snapshot=this.measure(),this.snapshot&&!G(this.snapshot.measuredBox.x)&&!G(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 u=0;u{const T=A/1e3;Rs(d.x,r.x,T),Rs(d.y,r.y,T),this.setTargetDelta(d),this.relativeTarget&&this.relativeTargetOrigin&&this.layout&&this.relativeParent&&this.relativeParent.layout&&(Bt(m,this.layout.layoutBox,this.relativeParent.layout.layoutBox),Np(this.relativeTarget,this.relativeTargetOrigin,m,T),x&&wp(this.relativeTarget,x)&&(this.isProjectionDirty=!1),x||(x=k()),K(x,this.relativeTarget)),g&&(this.animationValues=p,pp(p,c,this.latestValues,T,C,E)),this.root.scheduleUpdateProjection(),this.scheduleRender(),this.animationProgress=T},this.mixTargetDelta(this.options.layoutRoot?1e3:0)}startAnimation(r){var l,u,c;this.notifyListeners("animationStart"),(l=this.currentAnimation)==null||l.stop(),(c=(u=this.resumingFrom)==null?void 0:u.currentAnimation)==null||c.stop(),this.pendingAnimation&&(Y(this.pendingAnimation),this.pendingAnimation=void 0),this.pendingAnimation=V.update(()=>{Jt.hasAnimatedSinceResize=!0,this.motionValue||(this.motionValue=ot(0)),this.currentAnimation=gi(this.motionValue,[0,1e3],{...r,velocity:0,isSync:!0,onUpdate:p=>{this.mixTargetDelta(p),r.onUpdate&&r.onUpdate(p)},onStop:()=>{},onComplete:()=>{r.onComplete&&r.onComplete(),this.completeAnimation()}}),this.resumingFrom&&(this.resumingFrom.currentAnimation=this.currentAnimation),this.pendingAnimation=void 0})}completeAnimation(){this.resumingFrom&&(this.resumingFrom.currentAnimation=void 0,this.resumingFrom.preserveOpacity=void 0);const r=this.getStack();r&&r.exitAnimationComplete(),this.resumingFrom=this.currentAnimation=this.animationValues=void 0,this.notifyListeners("animationComplete")}finishAnimation(){this.currentAnimation&&(this.mixTargetDelta&&this.mixTargetDelta(Dp),this.currentAnimation.stop()),this.completeAnimation()}applyTransformsToTarget(){const r=this.getLead();let{targetWithTransforms:l,target:u,layout:c,latestValues:p}=r;if(!(!l||!u||!c)){if(this!==r&&this.layout&&c&&Ri(this.options.animationType,this.layout.layoutBox,c.layoutBox)){u=this.target||k();const d=G(this.layout.layoutBox.x);u.x.min=r.target.x.min,u.x.max=u.x.min+d;const m=G(this.layout.layoutBox.y);u.y.min=r.target.y.min,u.y.max=u.y.min+m}K(l,u),ht(l,p),Vt(this.projectionDeltaWithTransform,this.layoutCorrected,l,p)}}registerSharedNode(r,l){this.sharedNodes.has(r)||this.sharedNodes.set(r,new Fp),this.sharedNodes.get(r).add(l);const c=l.options.initialPromotionConfig;l.promote({transition:c?c.transition:void 0,preserveFollowOpacity:c&&c.shouldPreserveFollowOpacity?c.shouldPreserveFollowOpacity(l):void 0})}isLead(){const r=this.getStack();return r?r.lead===this:!0}getLead(){var r;const{layoutId:l}=this.options;return l?((r=this.getStack())==null?void 0:r.lead)||this:this}getPrevLead(){var r;const{layoutId:l}=this.options;return l?(r=this.getStack())==null?void 0:r.prevLead:void 0}getStack(){const{layoutId:r}=this.options;if(r)return this.root.sharedNodes.get(r)}promote({needsReset:r,transition:l,preserveFollowOpacity:u}={}){const c=this.getStack();c&&c.promote(this,u),r&&(this.projectionDelta=void 0,this.needsReset=!0),l&&this.setOptions({transition:l})}relegate(){const r=this.getStack();return r?r.relegate(this):!1}resetSkewAndRotation(){const{visualElement:r}=this.options;if(!r)return;let l=!1;const{latestValues:u}=r;if((u.z||u.rotate||u.rotateX||u.rotateY||u.rotateZ||u.skewX||u.skewY)&&(l=!0),!l)return;const c={};u.z&&be("z",r,c,this.animationValues);for(let p=0;p{var l;return(l=r.currentAnimation)==null?void 0:l.stop()}),this.root.nodes.forEach(Bs),this.root.sharedNodes.clear()}}}function Vp(e){e.updateLayout()}function Bp(e){var n;const t=((n=e.resumeFrom)==null?void 0:n.snapshot)||e.snapshot;if(e.isLead()&&e.layout&&t&&e.hasListeners("didUpdate")){const{layoutBox:s,measuredBox:i}=e.layout,{animationType:a}=e.options,r=t.source!==e.layout.source;a==="size"?Vs(d=>{const m=r?t.measuredBox[d]:t.layoutBox[d],h=G(m);m.min=s[d].min,m.max=m.min+h}):Ri(a,t.layoutBox,s)&&Vs(d=>{const m=r?t.measuredBox[d]:t.layoutBox[d],h=G(s[d]);m.max=m.min+h,e.relativeTarget&&!e.currentAnimation&&(e.isProjectionDirty=!0,e.relativeTarget[d].max=e.relativeTarget[d].min+h)});const l=dt();Vt(l,s,t.layoutBox);const u=dt();r?Vt(u,e.applyTransform(i,!0),t.measuredBox):Vt(u,s,t.layoutBox);const c=!Pi(l);let p=!1;if(!e.resumeFrom){const d=e.getClosestProjectingParent();if(d&&!d.resumeFrom){const{snapshot:m,layout:h}=d;if(m&&h){const y=k();Bt(y,t.layoutBox,m.layoutBox);const g=k();Bt(g,s,h.layoutBox),Vi(y,g)||(p=!0),d.options.layoutRoot&&(e.relativeTarget=g,e.relativeTargetOrigin=y,e.relativeParent=d)}}}e.notifyListeners("didUpdate",{layout:s,snapshot:t,delta:u,layoutDelta:l,hasLayoutChanged:c,hasRelativeLayoutChanged:p})}else if(e.isLead()){const{onExitComplete:s}=e.options;s&&s()}e.options.transition=void 0}function Mp(e){e.parent&&(e.isProjecting()||(e.isProjectionDirty=e.parent.isProjectionDirty),e.isSharedProjectionDirty||(e.isSharedProjectionDirty=!!(e.isProjectionDirty||e.parent.isProjectionDirty||e.parent.isSharedProjectionDirty)),e.isTransformDirty||(e.isTransformDirty=e.parent.isTransformDirty))}function Rp(e){e.isProjectionDirty=e.isSharedProjectionDirty=e.isTransformDirty=!1}function kp(e){e.clearSnapshot()}function Bs(e){e.clearMeasurements()}function Lp(e){e.isLayoutDirty=!1}function Op(e){const{visualElement:n}=e.options;n&&n.getProps().onBeforeLayoutMeasure&&n.notify("BeforeLayoutMeasure"),e.resetTransform()}function Ms(e){e.finishAnimation(),e.targetDelta=e.relativeTarget=e.target=void 0,e.isProjectionDirty=!0}function jp(e){e.resolveTargetDelta()}function Ip(e){e.calcProjection()}function Up(e){e.resetSkewAndRotation()}function $p(e){e.removeLeadSnapshot()}function Rs(e,n,t){e.translate=B(n.translate,0,t),e.scale=B(n.scale,1,t),e.origin=n.origin,e.originPoint=n.originPoint}function ks(e,n,t,s){e.min=B(n.min,t.min,s),e.max=B(n.max,t.max,s)}function Np(e,n,t,s){ks(e.x,n.x,t.x,s),ks(e.y,n.y,t.y,s)}function Kp(e){return e.animationValues&&e.animationValues.opacityExit!==void 0}const Gp={duration:.45,ease:[.4,0,.1,1]},Ls=e=>typeof navigator<"u"&&navigator.userAgent&&navigator.userAgent.toLowerCase().includes(e),Os=Ls("applewebkit/")&&!Ls("chrome/")?Math.round:$;function js(e){e.min=Os(e.min),e.max=Os(e.max)}function Wp(e){js(e.x),js(e.y)}function Ri(e,n,t){return e==="position"||e==="preserve-aspect"&&!vp(Ds(n),Ds(t),.2)}function qp(e){var n;return e!==e.root&&((n=e.scroll)==null?void 0:n.wasRoot)}function Hp(e,n,t,s={passive:!0}){return e.addEventListener(n,t,s),()=>e.removeEventListener(n,t)}const zp=Mi({attachResizeListener:(e,n)=>Hp(e,"resize",n),measureScroll:()=>({x:document.documentElement.scrollLeft||document.body.scrollLeft,y:document.documentElement.scrollTop||document.body.scrollTop}),checkIsScrollRoot:()=>!0}),xe={current:void 0},Xp=Mi({measureScroll:e=>({x:e.scrollLeft,y:e.scrollTop}),defaultParent:()=>{if(!xe.current){const e=new zp({});e.mount(window),e.setOptions({layoutScroll:!0}),xe.current=e}return xe.current},resetTransform:(e,n)=>{e.style.transform=n!==void 0?n:"none"},checkIsScrollRoot:e=>window.getComputedStyle(e).position==="fixed"});function ki(e){if(e)return e.options.allowProjection!==!1?e.projection:ki(e.parent)}function Is(e,n){return n.max===n.min?0:e/(n.max-n.min)*100}const wt={correct:(e,n)=>{if(!n.target)return e;if(typeof e=="string")if(w.test(e))e=parseFloat(e);else return e;const t=Is(e,n.target.x),s=Is(e,n.target.y);return`${t}% ${s}%`}},Yp={correct:(e,{treeScale:n,projectionDelta:t})=>{const s=e,i=it.parse(e);if(i.length>5)return s;const a=it.createTransformer(e),r=typeof i[0]!="number"?1:0,l=t.x.scale*n.x,u=t.y.scale*n.y;i[0+r]/=l,i[1+r]/=u;const c=B(l,u,.5);return typeof i[2+r]=="number"&&(i[2+r]/=c),typeof i[3+r]=="number"&&(i[3+r]/=c),a(i)}},Li={borderRadius:{...wt,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:wt,borderTopRightRadius:wt,borderBottomLeftRadius:wt,borderBottomRightRadius:wt,boxShadow:Yp};function Ct(e){return typeof e=="object"&&e!==null&&"nodeType"in e}class Zp extends _{constructor(n){super(n),po(Li)}initProjection(){const n=this.state.options;this.state.visualElement.projection=new Xp(this.state.visualElement.latestValues,n["data-framer-portal-id"]?void 0:ki(this.state.visualElement.parent)),this.state.visualElement.projection.isPresent=!0,this.setOptions()}beforeMount(){this.initProjection()}setOptions(){const n=this.state.options;this.state.visualElement.projection.setOptions({layout:n.layout,layoutId:n.layoutId,alwaysMeasureLayout:!!n.drag||n.dragConstraints&&Ct(n.dragConstraints),visualElement:this.state.visualElement,animationType:typeof n.layout=="string"?n.layout:"both",layoutRoot:n.layoutRoot,layoutScroll:n.layoutScroll,crossfade:n.crossfade,onExitComplete:()=>{var t;if(!((t=this.state.visualElement.projection)!=null&&t.isPresent)){const s=mt.get(this.state.element);this.state.isSafeToRemove=!0,s&&s({detail:{isExit:!0}},!0)}}})}update(){this.setOptions()}mount(){var n;(n=this.state.visualElement.projection)==null||n.mount(this.state.element)}}function Oi(e){return e.pointerType==="mouse"?typeof e.button!="number"||e.button<=0:e.isPrimary!==!1}function En(e,n="page"){return{point:{x:e[`${n}X`],y:e[`${n}Y`]}}}function Jp(e){return n=>Oi(n)&&e(n,En(n))}function Mt(e,n,t,s){return ne(e,n,Jp(t),s)}function ji(e){let n=null;return()=>{const t=()=>{n=null};return n===null?(n=e,t):!1}}const Us=ji("dragHorizontal"),$s=ji("dragVertical");function Qp(e){let n=!1;if(e==="y")n=$s();else if(e==="x")n=Us();else{const t=Us(),s=$s();t&&s?n=()=>{t(),s()}:(t&&t(),s&&s())}return n}function Ke(e){return e.max-e.min}function _p(e,{min:n,max:t},s){return n!==void 0&&et&&(e=s?B(t,e,s.max):Math.min(e,t)),e}const Ge=.35;function tc(e,{top:n,left:t,bottom:s,right:i}){return{x:Ns(e.x,t,i),y:Ns(e.y,n,s)}}function Ns(e,n,t){return{min:n!==void 0?e.min+n:void 0,max:t!==void 0?e.max+t-(e.max-e.min):void 0}}function ec(e=Ge){return e===!1?e=0:e===!0&&(e=Ge),{x:Ks(e,"left","right"),y:Ks(e,"top","bottom")}}function Ks(e,n,t){return{min:Gs(e,n),max:Gs(e,t)}}function Gs(e,n){return typeof e=="number"?e:e[n]||0}function nc(e,n){const t={};return n.min!==void 0&&(t.min=n.min-e.min),n.max!==void 0&&(t.max=n.max-e.min),t}function sc(e,n){return{x:Ws(e.x,n.x),y:Ws(e.y,n.y)}}function Ws(e,n){let t=n.min-e.min,s=n.max-e.max;return n.max-n.mins?t=yt(n.min,n.max-s,e.min):s>i&&(t=yt(e.min,e.max-i,n.min)),Q(0,1,t)}const qs=(e,n)=>Math.abs(e-n);function ic(e,n){const t=qs(e.x,n.x),s=qs(e.y,n.y);return Math.sqrt(t**2+s**2)}class Ii{constructor(n,t,{transformPagePoint:s,contextWindow:i,dragSnapToOrigin:a=!1}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.contextWindow=window,this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const d=we(this.lastMoveEventInfo,this.history),m=this.startEvent!==null,h=ic(d.offset,{x:0,y:0})>=3;if(!m&&!h)return;const{point:y}=d,{timestamp:g}=I;this.history.push({...y,timestamp:g});const{onStart:v,onMove:E}=this.handlers;m||(v&&v(this.lastMoveEvent,d),this.startEvent=this.lastMoveEvent),E&&E(this.lastMoveEvent,d)},this.handlePointerMove=(d,m)=>{this.lastMoveEvent=d,this.lastMoveEventInfo=Te(m,this.transformPagePoint),V.update(this.updatePoint,!0)},this.handlePointerUp=(d,m)=>{this.end();const{onEnd:h,onSessionEnd:y,resumeAnimation:g}=this.handlers;if(this.dragSnapToOrigin&&g&&g(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const v=we(d.type==="pointercancel"?this.lastMoveEventInfo:Te(m,this.transformPagePoint),this.history);this.startEvent&&h&&h(d,v),y&&y(d,v)},!Oi(n))return;this.dragSnapToOrigin=a,this.handlers=t,this.transformPagePoint=s,this.contextWindow=i||window;const r=En(n),l=Te(r,this.transformPagePoint),{point:u}=l,{timestamp:c}=I;this.history=[{...u,timestamp:c}];const{onSessionStart:p}=t;p&&p(n,we(l,this.history)),this.removeListeners=Ut(Mt(this.contextWindow,"pointermove",this.handlePointerMove),Mt(this.contextWindow,"pointerup",this.handlePointerUp),Mt(this.contextWindow,"pointercancel",this.handlePointerUp))}updateHandlers(n){this.handlers=n}end(){this.removeListeners&&this.removeListeners(),Y(this.updatePoint)}}function Te(e,n){return n?{point:n(e.point)}:e}function Hs(e,n){return{x:e.x-n.x,y:e.y-n.y}}function we({point:e},n){return{point:e,delta:Hs(e,Ui(n)),offset:Hs(e,rc(n)),velocity:ac(n,.1)}}function rc(e){return e[0]}function Ui(e){return e[e.length-1]}function ac(e,n){if(e.length<2)return{x:0,y:0};let t=e.length-1,s=null;const i=Ui(e);for(;t>=0&&(s=e[t],!(i.timestamp-s.timestamp>W(n)));)t--;if(!s)return{x:0,y:0};const a=X(i.timestamp-s.timestamp);if(a===0)return{x:0,y:0};const r={x:(i.x-s.x)/a,y:(i.y-s.y)/a};return r.x===1/0&&(r.x=0),r.y===1/0&&(r.y=0),r}const zs=()=>({min:0,max:0});function lc(){return{x:zs(),y:zs()}}function H(e){return[e("x"),e("y")]}function uc(e){return!!(O(e)&&e.add)}function Xs(e,n){const t=e.getValue("willChange");if(uc(t))return t.add(n)}function $i({top:e,left:n,right:t,bottom:s}){return{x:{min:n,max:t},y:{min:e,max:s}}}function pc(e,n){if(!n)return e;const t=n({x:e.left,y:e.top}),s=n({x:e.right,y:e.bottom});return{top:t.y,left:t.x,bottom:s.y,right:s.x}}function cc({x:e,y:n}){return{top:n.min,right:e.max,bottom:n.max,left:e.min}}function Ys(e,n){e.min=e.min+n,e.max=e.max+n}function dc(e,n){return $i(pc(e.getBoundingClientRect(),n))}function fc(e,n,t){const s=dc(e,t),{scroll:i}=n;return i&&(Ys(s.x,i.offset.x),Ys(s.y,i.offset.y)),s}function Zs(e){return!mt.has(e.current)}function Ni({current:e}){return e?e.ownerDocument.defaultView:null}const hc=new WeakMap;class mc{constructor(n){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=lc(),this.visualElement=n}start(n,{snapToCursor:t=!1}={}){if(!Zs(this.visualElement))return;const s=c=>{const{dragSnapToOrigin:p}=this.getProps();p?this.pauseAnimation():this.stopAnimation(),t&&this.snapToCursor(En(c,"page").point)},i=(c,p)=>{const{drag:d,dragPropagation:m,onDragStart:h}=this.getProps();if(d&&!m&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=Qp(d),!this.openGlobalLock))return;this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),H(g=>{let v=this.getAxisMotionValue(g).get()||0;if(z.test(v)){const{projection:E}=this.visualElement;if(E&&E.layout){const C=E.layout.layoutBox[g];C&&(v=Ke(C)*(parseFloat(v)/100))}}this.originPoint[g]=v}),h&&V.postRender(()=>h(c,p)),Xs(this.visualElement,"transform"),this.visualElement.state.setActive("whileDrag",!0)},a=(c,p)=>{const{dragPropagation:d,dragDirectionLock:m,onDirectionLock:h,onDrag:y}=this.getProps();if(!d&&!this.openGlobalLock)return;const{offset:g}=p;if(m&&this.currentDirection===null){this.currentDirection=yc(g),this.currentDirection!==null&&h&&h(this.currentDirection);return}this.updateAxis("x",p.point,g),this.updateAxis("y",p.point,g),this.visualElement.render(),y&&y(c,p)},r=(c,p)=>this.stop(c,p),l=()=>H(c=>{var p;return this.getAnimationState(c)==="paused"&&((p=this.getAxisMotionValue(c).animation)==null?void 0:p.play())}),{dragSnapToOrigin:u}=this.getProps();this.panSession=new Ii(n,{onSessionStart:s,onStart:i,onMove:a,onSessionEnd:r,resumeAnimation:l},{transformPagePoint:this.visualElement.getTransformPagePoint(),dragSnapToOrigin:u,contextWindow:Ni(this.visualElement)})}stop(n,t){const s=this.isDragging;if(this.cancel(),!s)return;const{velocity:i}=t;this.startAnimation(i);const{onDragEnd:a}=this.getProps();a&&V.postRender(()=>a(n,t))}cancel(){this.isDragging=!1;const{projection:n,animationState:t}=this.visualElement;n&&(n.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:s}=this.getProps();!s&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),this.visualElement.state.setActive("whileDrag",!1)}updateAxis(n,t,s){const{drag:i}=this.getProps();if(!s||!zt(n,i,this.currentDirection))return;const a=this.getAxisMotionValue(n);let r=this.originPoint[n]+s[n];this.constraints&&this.constraints[n]&&(r=_p(r,this.constraints[n],this.elastic[n])),a.set(r)}resolveConstraints(){var n;const{dragConstraints:t,dragElastic:s}=this.getProps(),i=this.visualElement.projection&&!this.visualElement.projection.layout?this.visualElement.projection.measure(!1):(n=this.visualElement.projection)==null?void 0:n.layout,a=this.constraints;t&&Ct(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):t&&i?this.constraints=tc(i.layoutBox,t):this.constraints=!1,this.elastic=ec(s),a!==this.constraints&&i&&this.constraints&&!this.hasMutatedConstraints&&H(r=>{this.constraints!==!1&&this.getAxisMotionValue(r)&&(this.constraints[r]=nc(i.layoutBox[r],this.constraints[r]))})}resolveRefConstraints(){const{dragConstraints:n,onMeasureDragConstraints:t}=this.getProps();if(!n||!Ct(n))return!1;const s=n,{projection:i}=this.visualElement;if(!i||!i.layout)return!1;const a=fc(s,i.root,this.visualElement.getTransformPagePoint());let r=sc(i.layout.layoutBox,a);if(t){const l=t(cc(r));this.hasMutatedConstraints=!!l,l&&(r=$i(l))}return r}startAnimation(n){const{drag:t,dragMomentum:s,dragElastic:i,dragTransition:a,dragSnapToOrigin:r,onDragTransitionEnd:l}=this.getProps(),u=this.constraints||{},c=H(p=>{if(!zt(p,t,this.currentDirection))return;let d=u&&u[p]||{};r&&(d={min:0,max:0});const m=i?200:1e6,h=i?40:1e7,y={type:"inertia",velocity:s?n[p]:0,bounceStiffness:m,bounceDamping:h,timeConstant:750,restDelta:1,restSpeed:10,...a,...d};return this.startAxisValueAnimation(p,y)});return Promise.all(c).then(l)}startAxisValueAnimation(n,t){const s=this.getAxisMotionValue(n);return Xs(this.visualElement,n),s.start(gn(n,s,0,t,this.visualElement,!1))}stopAnimation(){Zs(this.visualElement)&&H(n=>this.getAxisMotionValue(n).stop())}pauseAnimation(){H(n=>{var t;return(t=this.getAxisMotionValue(n).animation)==null?void 0:t.pause()})}getAnimationState(n){var t;return(t=this.getAxisMotionValue(n).animation)==null?void 0:t.state}getAxisMotionValue(n){const t=`_drag${n.toUpperCase()}`,s=this.visualElement.getProps();return s[t]||this.visualElement.getValue(n,(s.initial?s.initial[n]:void 0)||0)}snapToCursor(n){H(t=>{const{drag:s}=this.getProps();if(!zt(t,s,this.currentDirection))return;const{projection:i}=this.visualElement,a=this.getAxisMotionValue(t);if(i&&i.layout){const{min:r,max:l}=i.layout.layoutBox[t];a.set(n[t]-B(r,l,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:n,dragConstraints:t}=this.getProps(),{projection:s}=this.visualElement;if(!Ct(t)||!s||!this.constraints)return;this.stopAnimation();const i={x:0,y:0};H(r=>{const l=this.getAxisMotionValue(r);if(l&&this.constraints!==!1){const u=l.get();i[r]=oc({min:u,max:u},this.constraints[r])}});const{transformTemplate:a}=this.visualElement.getProps();this.visualElement.current.style.transform=a?a({},""):"none",s.root&&s.root.updateScroll(),s.updateLayout(),this.resolveConstraints(),H(r=>{if(!zt(r,n,null))return;const l=this.getAxisMotionValue(r),{min:u,max:c}=this.constraints[r];l.set(B(u,c,i[r]))})}addListeners(){if(!this.visualElement.current)return;hc.set(this.visualElement,this);const n=this.visualElement.current,t=Mt(n,"pointerdown",u=>{const{drag:c,dragListener:p=!0}=this.getProps();c&&p&&this.start(u)}),s=()=>{const{dragConstraints:u}=this.getProps();Ct(u)&&(this.constraints=this.resolveRefConstraints())},{projection:i}=this.visualElement,a=i.addEventListener("measure",s);i&&!i.layout&&(i.root&&i.root.updateScroll(),i.updateLayout()),V.read(s);const r=ne(window,"resize",()=>this.scalePositionWithinConstraints()),l=i.addEventListener("didUpdate",({delta:u,hasLayoutChanged:c})=>{this.isDragging&&c&&(H(p=>{const d=this.getAxisMotionValue(p);d&&(this.originPoint[p]+=u[p].translate,d.set(d.get()+u[p].translate))}),this.visualElement.render())});return()=>{r(),t(),a(),l&&l()}}getProps(){const n=this.visualElement.getProps(),{drag:t=!1,dragDirectionLock:s=!1,dragPropagation:i=!1,dragConstraints:a=!1,dragElastic:r=Ge,dragMomentum:l=!0}=n;return{...n,drag:t,dragDirectionLock:s,dragPropagation:i,dragConstraints:a,dragElastic:r,dragMomentum:l}}}function zt(e,n,t){return(n===!0||n===e)&&(t===null||t===e)}function yc(e,n=10){let t=null;return Math.abs(e.y)>n?t="y":Math.abs(e.x)>n&&(t="x"),t}class gc extends _{constructor(n){super(n),this.removeGroupControls=$,this.removeListeners=$,this.controls=new mc(n.visualElement)}mount(){const{dragControls:n}=this.state.options;n&&(this.removeGroupControls=n.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||$}unmount(){this.removeGroupControls(),this.removeListeners()}}class vc extends _{constructor(n){super(n),po(Li)}beforeUpdate(){this.state.willUpdate("beforeUpdate")}update(){this.didUpdate()}didUpdate(){var n,t;(this.state.options.layout||this.state.options.layoutId||this.state.options.drag)&&((t=(n=this.state.visualElement.projection)==null?void 0:n.root)==null||t.didUpdate())}mount(){var n;const t=this.state.options,s=this.state.options.layoutGroup;if(t.layout||t.layoutId){const i=this.state.visualElement.projection;i&&(i.promote(),(n=s==null?void 0:s.group)==null||n.add(i)),Jt.hasEverUpdated=!0}this.didUpdate()}beforeUnmount(){const n=this.state.visualElement.projection;n&&(this.state.willUpdate("beforeUnmount"),this.state.options.layoutId?(n.isPresent=!1,n.relegate()):this.state.options.layout&&(this.state.isSafeToRemove=!0))}unmount(){const n=this.state.options.layoutGroup,t=this.state.visualElement.projection;t&&(n!=null&&n.group&&(this.state.options.layout||this.state.options.layoutId)&&n.group.remove(t),this.didUpdate())}}function Js(e){return(n,t)=>{e&&V.postRender(()=>e(n,t))}}class Ec extends _{constructor(){super(...arguments),this.removePointerDownListener=$}onPointerDown(n){this.session=new Ii(n,this.createPanHandlers(),{transformPagePoint:this.state.visualElement.getTransformPagePoint(),contextWindow:Ni(this.state.visualElement)})}createPanHandlers(){return{onSessionStart:Js((n,t)=>{const{onPanSessionStart:s}=this.state.options;s&&s(n,t)}),onStart:Js((n,t)=>{const{onPanStart:s}=this.state.options;s&&s(n,t)}),onMove:(n,t)=>{const{onPan:s}=this.state.options;s&&s(n,t)},onEnd:(n,t)=>{const{onPanEnd:s}=this.state.options;delete this.session,s&&V.postRender(()=>s(n,t))}}}mount(){this.removePointerDownListener=Mt(this.state.element,"pointerdown",this.onPointerDown.bind(this))}update(){}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}const bc=[Wu,Qu,tp,sp,ip,Zp,Ec,gc,vc],xc={reducedMotion:"never",transition:void 0,nonce:void 0},[Tc]=jt("MotionConfig");function Ki(){return Tc(ie(()=>xc))}function wc(e){const n=new WeakMap,t=Ki();function s(a){if(e.mode!=="popLayout")return;const r=a.element.offsetParent,l=r instanceof HTMLElement&&r.offsetWidth||0,u={height:a.element.offsetHeight||0,width:a.element.offsetWidth||0,top:a.element.offsetTop,left:a.element.offsetLeft,right:0};u.right=l-u.width-u.left;const c=e.anchorX==="left"?`left: ${u.left}`:`right: ${u.right}`;a.element.dataset.motionPopId=a.id;const p=document.createElement("style");t.value.nonce&&(p.nonce=t.value.nonce),n.set(a,p),document.head.appendChild(p),p.sheet&&p.sheet.insertRule(` - [data-motion-pop-id="${a.id}"] { - position: absolute !important; - width: ${u.width}px !important; - height: ${u.height}px !important; - top: ${u.top}px !important; - ${c}px !important; - } - `)}function i(a){const r=n.get(a);r&&(n.delete(a),V.render(()=>{document.head.removeChild(r)}))}return{addPopStyle:s,removePopStyle:i,styles:n}}function Qs(e){return Promise.resolve().then(()=>{e()})}const Fc=qe({name:"AnimatePresence",inheritAttrs:!0,__name:"AnimatePresence",props:{mode:{default:"sync"},initial:{type:Boolean,default:!0},as:{},custom:{},onExitComplete:{},anchorX:{default:"left"}},setup(e){const n=e;Rr(n);const{addPopStyle:t,removePopStyle:s,styles:i}=wc(n);function a(p){let d=p;for(;d;){if(At.get(d))return d;d=d.firstElementChild}return null}function r(p){const d=At.get(p);d&&(s(d),d.isVShow=!0,ue(p),Qs(()=>{d.setActive("exit",!1)}))}const l=new Map;re(()=>{l.clear()});function u(p,d){var m;const h=a(p),y=At.get(h);if(!h||!y){d(),l.size===0&&((m=n.onExitComplete)==null||m.call(n));return}l.set(h,!0),ue(h),t(y);function g(v){var E,C;if((E=v==null?void 0:v.detail)!=null&&E.isExit){const x=y.visualElement.projection;if((x==null?void 0:x.animationProgress)>0&&!y.isSafeToRemove&&!y.isVShow)return;ue(h),l.delete(h),l.size===0&&((C=n.onExitComplete)==null||C.call(n)),i.has(y)?s(y):y.willUpdate("done"),d(),h.isConnected||y.unmount(!0)}}Qs(()=>{y.setActive("exit",!0),mt.set(h,g),h.addEventListener("motioncomplete",g)})}const c=ie(()=>n.mode!=="wait"?{tag:n.as}:{mode:n.mode==="wait"?"out-in":void 0});return(p,d)=>(He(),io(or(p.mode==="wait"?ir:rr),ro({css:!1},c.value,{appear:"",onEnter:r,onLeave:u}),{default:F(()=>[sr(p.$slots,"default")]),_:3},16))}});function _s(...e){const n=!Array.isArray(e[0]),t=n?0:-1,s=e[0+t],i=e[1+t],a=e[2+t],r=e[3+t],l=_o(i,a,r);return n?l(s):l}function oe(e){return(e==null?void 0:e.nodeType)===3||(e==null?void 0:e.nodeType)===8?oe(e.nextSibling):e}const[Cc]=jt("LazyMotionContext");function Sc(e){const n=xr(null),t=wr({}),s=Ki(),i=Br({}),a=Cc({features:ao([]),strict:!1}),r=ar();function l(){return t.id&&e.layoutId?`${t.id}-${e.layoutId}`:e.layoutId||void 0}function u(){return{...e,lazyMotionContext:a,layoutId:l(),transition:e.transition??s.value.transition,layoutGroup:t,motionConfig:s.value,inViewOptions:e.inViewOptions??s.value.inViewOptions,animatePresenceContext:i,initial:i.initial===!1?i.initial:e.initial===!0?void 0:e.initial}}function c(){return{...r,...u()}}const p=new Ir(c(),n);Tr(p);function d(){var h;const y=p.type==="svg",g={...r};Object.keys(r).forEach(C=>{O(r[C])&&(g[C]=r[C].get())});let v={...e.style,...y?{}:((h=p.visualElement)==null?void 0:h.latestValues)||p.baseTarget};if(y){const{attrs:C,style:x}=ta({...p.isMounted()?p.target:p.baseTarget,...v});(x.transform||C.transformOrigin)&&(x.transformOrigin=C.transformOrigin??"50% 50%",delete C.transformOrigin),x.transform&&(x.transformBox=x.transformBox??"fill-box",delete C.transformBox),Object.assign(g,C),v=x}e.drag&&e.dragListener!==!1&&Object.assign(v,{userSelect:"none",WebkitUserSelect:"none",WebkitTouchCallout:"none",touchAction:e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`});const E=Zr(v);return E&&(g.style=E),g}const m=lr().proxy;return ur(()=>{p.beforeMount()}),We(()=>{p.mount(oe(m.$el),c(),Dc(m))}),pr(()=>p.beforeUnmount()),re(()=>{const h=oe(m.$el);h!=null&&h.isConnected||p.unmount()}),cr(()=>{p.beforeUpdate()}),dr(()=>{p.update(c())}),{getProps:u,getAttrs:d,layoutGroup:t,state:p}}const Ac={ignoreStrict:{type:Boolean},forwardMotionProps:{type:Boolean,default:!1},asChild:{type:Boolean,default:!1},hover:{type:[String,Array,Object]},press:{type:[String,Array,Object]},inView:{type:[String,Array,Object]},focus:{type:[String,Array,Object]},whileDrag:{type:[String,Array,Object]},whileHover:{type:[String,Array,Object],default:({hover:e})=>e},whilePress:{type:[String,Array,Object],default:({press:e})=>e},whileInView:{type:[String,Array,Object],default:({inView:e})=>e},whileFocus:{type:[String,Array,Object],default:({focus:e})=>e},custom:{type:[String,Number,Object,Array]},initial:{type:[String,Array,Object,Boolean],default:void 0},animate:{type:[String,Array,Object],default:void 0},exit:{type:[String,Array,Object]},variants:{type:Object},inherit:{type:Boolean},style:{type:Object},transformTemplate:{type:Function},transition:{type:Object},layoutGroup:{type:Object},motionConfig:{type:Object},onAnimationComplete:{type:Function},onUpdate:{type:Function},layout:{type:[Boolean,String],default:!1},layoutId:{type:String,default:void 0},layoutScroll:{type:Boolean,default:!1},layoutRoot:{type:Boolean,default:!1},"data-framer-portal-id":{type:String},crossfade:{type:Boolean,default:!0},layoutDependency:{type:[String,Number,Object,Array]},onBeforeLayoutMeasure:{type:Function},onLayoutMeasure:{type:Function},onLayoutAnimationStart:{type:Function},onLayoutAnimationComplete:{type:Function},globalPressTarget:{type:Boolean},onPressStart:{type:Function},onPress:{type:Function},onPressCancel:{type:Function},onHoverStart:{type:Function},onHoverEnd:{type:Function},inViewOptions:{type:Object},onViewportEnter:{type:Function},onViewportLeave:{type:Function},drag:{type:[Boolean,String]},dragSnapToOrigin:{type:Boolean},dragDirectionLock:{type:Boolean},dragPropagation:{type:Boolean},dragConstraints:{type:[Boolean,Object]},dragElastic:{type:[Boolean,Number,Object],default:.5},dragMomentum:{type:Boolean,default:!0},dragTransition:{type:Object},dragListener:{type:Boolean,default:!0},dragControls:{type:Object},onDragStart:{type:Function},onDragEnd:{type:Function},onDrag:{type:Function},onDirectionLock:{type:Function},onDragTransitionEnd:{type:Function},onMeasureDragConstraints:{type:Function},onPanSessionStart:{type:Function},onPanStart:{type:Function},onPan:{type:Function},onPanEnd:{type:Function}};function Dc(e){var n;const t=((n=oe(e.$el))==null?void 0:n.style.display)==="none";return e.$.vnode.transition&&t}const Pc=new Map,Vc=new Map;function Bc(e){if(!Array.isArray(e))return[e];const n=[];for(const t of e)Array.isArray(t)?n.push(...t):n.push(t);return n}const Mc=["area","img","input"];function Rc(e,n,t){var s,i;if(typeof e=="string"&&Mc.includes(e))return lo(e,n);if(e==="template"){if(!t.default)return null;const a=Bc(t.default()),r=a.findIndex(p=>p.type!==fr);if(r===-1)return a;const l=a[r];(s=l.props)==null||delete s.ref;const u=l.props?ro(n,l.props):n;n.class&&((i=l.props)!=null&&i.class)&&delete l.props.class;const c=hr(l,u);for(const p in u)p.startsWith("on")&&(c.props||(c.props={}),c.props[p]=u[p]);return a.length===1?c:(a[r]=c,a)}return null}function to(e,n={}){var t;const s=typeof e=="string",i=s?e:e.name||"",a=((t=n.features)==null?void 0:t.length)>0?Pc:Vc;if(s&&(a!=null&&a.has(e)))return a.get(e);const r=qe({inheritAttrs:!1,props:{...Ac,features:{type:Object,default:()=>n.features||[]},as:{type:[String,Object],default:e||"div"}},name:i?`motion.${i}`:"Motion",setup(l,{slots:u}){const{getProps:c,getAttrs:p,state:d}=Sc(l);function m(){const h=d.element;if((!(typeof l.as=="object")||l.asChild)&&h){const{style:g}=p();if(g)for(const[v,E]of Object.entries(g))h.style[v]=E}}return()=>{const h=c(),y=p(),g=l.asChild?"template":l.as,v={...n.forwardMotionProps||l.forwardMotionProps?h:{},...y,onVnodeUpdated:m},E=Rc(g,v,u);return E!==null?E:lo(g,{...v},u)}}});return s&&(a==null||a.set(e,r)),r}function kc(e=[]){return new Proxy({},{get(n,t){return t==="create"?(s,i)=>to(s,{...i,features:e}):to(t,{features:e})}})}const Lc=kc(bc),eo=Lc.create("div");function Gi(e){const n=ot(e()),t=()=>n.set(e()),s=()=>V.preRender(t,!1,!0);let i;const a=l=>{i=l.map(u=>u.on("change",s))},r=()=>{i.forEach(l=>l()),Y(t)};return re(()=>{r()}),{subscribe:a,unsubscribe:r,value:n,updateValue:t}}function Oc(e){st.current=[];const{value:n,subscribe:t,unsubscribe:s,updateValue:i}=Gi(e);return t(st.current),st.current=void 0,mr(()=>{s(),st.current=[],i(),t(st.current),st.current=void 0}),n}function Fe(e,n,t,s){if(typeof e=="function")return Oc(e);const i=typeof n=="function"?n:Se(n)?ie(()=>_s(n.value,t,s)):_s(n,t,s);return Array.isArray(e)?no(e,i):no([e],([a])=>Se(i)?i.value(a):i(a))}function no(e,n){const t=[],{value:s,subscribe:i}=Gi(()=>{t.length=0;const a=e.length;for(let r=0;r{s()}),s}const jc={class:"px-4 pb-4 outline-hidden max-w-xl mx-auto"},Ic={class:"flex justify-end"},Xt=34,so=12,Uc=qe({__name:"index",setup(e){const n={type:"inertia",bounceStiffness:300,bounceDamping:40,timeConstant:300},t={duration:.5,ease:[.32,.72,0,1]};let s;We(()=>{s=document.body.firstElementChild});const{height:i,width:a}=qi(),r=ao(!1),l=ie(()=>i.value-Xt),u=ot(l.value),c=Fe(u,[0,l.value],[(a.value-Xt)/a.value,1]),p=Fe(u,[0,l.value],[Xt-so,0]),d=Fe(u,[0,l.value],[so,0]);return Ce(c,"change",m=>s.style.scale=`${m}`),Ce(p,"change",m=>s.style.translate=`0 ${m}px`),Ce(d,"change",m=>s.style.borderRadius=`${m}px`),(m,h)=>(He(),io(j(tr),{open:r.value,"onUpdate:open":h[1]||(h[1]=y=>r.value=y)},{default:F(()=>[b(j(Hi),{class:"dark:text-white inline-flex items-center bg-background dark:bg-muted px-3 py-2 rounded-lg text-sm border border-muted-foreground/30"},{default:F(()=>h[2]||(h[2]=[f(" Open sheet ")])),_:1,__:[2]}),b(j(zi),null,{default:F(()=>[b(j(Fc),{multiple:"",as:"div"},{default:F(()=>[b(j(Xi),{"as-child":""},{default:F(()=>[b(j(eo),{class:"fixed inset-0 z-10 bg-background/60",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:t})]),_:1}),b(j(Yi),{"as-child":""},{default:F(()=>[b(j(eo),{class:"bg-card dark:bg-stone-900 fixed inset-0 z-20 bottom-0 w-full rounded-t-xl shadow-lg will-change-transform",initial:{y:l.value},animate:{y:0},exit:{y:l.value},transition:t,style:yr({y:j(u),top:`${Xt}px`,paddingBottom:`${j(i)}px`}),drag:"y","drag-constraints":{top:0},onDragEnd:h[0]||(h[0]=(y,{offset:g,velocity:v})=>{g.y>j(i)*.75||v.y>10?r.value=!1:j(Ei)(j(u),0,{...n,min:0,max:0})})},{default:F(()=>[h[6]||(h[6]=o("div",{class:"mx-auto w-12 mt-2 h-1.5 rounded-full bg-gray-300 dark:bg-gray-400"},null,-1)),o("div",jc,[o("div",Ic,[b(j(Zi),{class:"dark:text-white inline-flex items-center bg-background dark: p-2 rounded-full text-sm border border-muted-foreground/30"},{default:F(()=>[b(j(Ji),{icon:"lucide:x"})]),_:1})]),b(j(Qi),{class:"text-3xl font-semibold mb-4"},{default:F(()=>h[3]||(h[3]=[f(" Modal sheet ")])),_:1,__:[3]}),b(j(_i),{class:"text-lg mb-4"},{default:F(()=>h[4]||(h[4]=[f(" This is a dialog with a custom modal overlay built with Reka UI and Motion-v. ")])),_:1,__:[4]}),h[5]||(h[5]=o("p",{class:"text-lg"}," Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean sit amet nisl blandit, pellentesque eros eu, scelerisque eros. Sed cursus urna at nunc lacinia dapibus. ",-1))])]),_:1,__:[6]},8,["initial","exit","style"])]),_:1})]),_:1})]),_:1})]),_:1},8,["open"]))}}),$c={name:"index.vue",class:"language-vue"},Nc={class:"shiki github-dark vp-code",tabindex:"0"},Kc={class:"line"},Gc={style:{color:"#85E89D"}},Wc={class:"line"},qc={style:{color:"#85E89D"}},Hc={class:"line"},zc={style:{color:"#85E89D"}},Xc={class:"line"},Yc={style:{color:"#85E89D"}},Zc={class:"line"},Jc={style:{color:"#85E89D"}},Qc={class:"line"},_c={style:{color:"#85E89D"}},td={class:"line"},ed={style:{color:"#85E89D"}},nd={class:"line"},sd={style:{color:"#85E89D"}},od={class:"line"},id={style:{color:"#85E89D"}},rd={class:"line"},ad={style:{color:"#85E89D"}},ld={class:"line"},ud={style:{color:"#85E89D"}},pd={class:"line"},cd={style:{color:"#85E89D"}},dd={class:"line"},fd={style:{color:"#85E89D"}},hd={class:"line"},md={style:{color:"#85E89D"}},yd={class:"line"},gd={style:{color:"#85E89D"}},vd={class:"line"},Ed={style:{color:"#85E89D"}},Sd=JSON.parse('{"title":"Dialog Gesture Driven","description":"","frontmatter":{"title":"Dialog Gesture Driven","tags":["Dialog","Motion-v"],"sidebar":true},"headers":[{"level":3,"title":"Dialog","slug":"dialog","link":"#dialog","children":[]}],"relativePath":"examples/dialog-gesture-driven.md","filePath":"examples/dialog-gesture-driven.md","lastUpdated":1772376063000}'),bd={name:"examples/dialog-gesture-driven.md"},Ad=Object.assign(bd,{setup(e){return(n,t)=>{const s=et("CopyOrDownloadAsMarkdownButtons"),i=et("Description"),a=et("Tags"),r=et("link-hover-card-content"),l=et("link-hover-card"),u=et("ComponentPreview"),c=et("Callout"),p=et("ExampleSection");return He(),gr("div",null,[t[311]||(t[311]=vr("",1)),b(s),b(i,null,{default:F(()=>t[0]||(t[0]=[o("p",null,[f("An iOS-style gesture driven modal sheet built with Reka UI, and "),o("a",{href:"https://motion.unovue.com/",target:"_blank",rel:"noreferrer"},"Motion-v"),f(".")],-1)])),_:1,__:[0]}),b(a),b(u,{name:"DialogGestureDriven",type:"example",files:"%7B%22tailwind%22%3A%5B%22index.vue%22%5D%7D"},{tailwind:F(()=>[o("div",$c,[t[307]||(t[307]=o("button",{title:"Copy Code",class:"copy"},null,-1)),t[308]||(t[308]=o("span",{class:"lang"},"vue",-1)),o("pre",Nc,[o("code",null,[t[70]||(t[70]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}},"<"),o("span",{style:{color:"#85E89D"}},"script"),o("span",{style:{color:"#B392F0"}}," setup"),o("span",{style:{color:"#B392F0"}}," lang"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"ts"'),o("span",{style:{color:"#E1E4E8"}},">")],-1)),t[71]||(t[71]=f(` -`)),t[72]||(t[72]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}},"import"),o("span",{style:{color:"#E1E4E8"}}," { Icon } "),o("span",{style:{color:"#F97583"}},"from"),o("span",{style:{color:"#9ECBFF"}}," '@iconify/vue'")],-1)),t[73]||(t[73]=f(` -`)),t[74]||(t[74]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}},"import"),o("span",{style:{color:"#E1E4E8"}}," { useWindowSize } "),o("span",{style:{color:"#F97583"}},"from"),o("span",{style:{color:"#9ECBFF"}}," '@vueuse/core'")],-1)),t[75]||(t[75]=f(` -`)),t[76]||(t[76]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}},"import"),o("span",{style:{color:"#E1E4E8"}}," { animate, AnimatePresence, Motion, useMotionValue, useMotionValueEvent, useTransform } "),o("span",{style:{color:"#F97583"}},"from"),o("span",{style:{color:"#9ECBFF"}}," 'motion-v'")],-1)),t[77]||(t[77]=f(` -`)),t[78]||(t[78]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}},"import"),o("span",{style:{color:"#E1E4E8"}}," { DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } "),o("span",{style:{color:"#F97583"}},"from"),o("span",{style:{color:"#9ECBFF"}}," 'reka-ui'")],-1)),t[79]||(t[79]=f(` -`)),t[80]||(t[80]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}},"import"),o("span",{style:{color:"#E1E4E8"}}," { computed, onMounted, ref } "),o("span",{style:{color:"#F97583"}},"from"),o("span",{style:{color:"#9ECBFF"}}," 'vue'")],-1)),t[81]||(t[81]=f(` -`)),t[82]||(t[82]=o("span",{class:"line"},null,-1)),t[83]||(t[83]=f(` -`)),t[84]||(t[84]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}},"const"),o("span",{style:{color:"#79B8FF"}}," inertiaTransition"),o("span",{style:{color:"#F97583"}}," ="),o("span",{style:{color:"#E1E4E8"}}," {")],-1)),t[85]||(t[85]=f(` -`)),t[86]||(t[86]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," type: "),o("span",{style:{color:"#9ECBFF"}},"'inertia'"),o("span",{style:{color:"#F97583"}}," as"),o("span",{style:{color:"#F97583"}}," const"),o("span",{style:{color:"#E1E4E8"}},",")],-1)),t[87]||(t[87]=f(` -`)),t[88]||(t[88]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," bounceStiffness: "),o("span",{style:{color:"#79B8FF"}},"300"),o("span",{style:{color:"#E1E4E8"}},",")],-1)),t[89]||(t[89]=f(` -`)),t[90]||(t[90]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," bounceDamping: "),o("span",{style:{color:"#79B8FF"}},"40"),o("span",{style:{color:"#E1E4E8"}},",")],-1)),t[91]||(t[91]=f(` -`)),t[92]||(t[92]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," timeConstant: "),o("span",{style:{color:"#79B8FF"}},"300"),o("span",{style:{color:"#E1E4E8"}},",")],-1)),t[93]||(t[93]=f(` -`)),t[94]||(t[94]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}},"}")],-1)),t[95]||(t[95]=f(` -`)),t[96]||(t[96]=o("span",{class:"line"},null,-1)),t[97]||(t[97]=f(` -`)),t[98]||(t[98]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}},"const"),o("span",{style:{color:"#79B8FF"}}," staticTransition"),o("span",{style:{color:"#F97583"}}," ="),o("span",{style:{color:"#E1E4E8"}}," {")],-1)),t[99]||(t[99]=f(` -`)),t[100]||(t[100]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," duration: "),o("span",{style:{color:"#79B8FF"}},"0.5"),o("span",{style:{color:"#E1E4E8"}},",")],-1)),t[101]||(t[101]=f(` -`)),t[102]||(t[102]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," ease: ["),o("span",{style:{color:"#79B8FF"}},"0.32"),o("span",{style:{color:"#E1E4E8"}},", "),o("span",{style:{color:"#79B8FF"}},"0.72"),o("span",{style:{color:"#E1E4E8"}},", "),o("span",{style:{color:"#79B8FF"}},"0"),o("span",{style:{color:"#E1E4E8"}},", "),o("span",{style:{color:"#79B8FF"}},"1"),o("span",{style:{color:"#E1E4E8"}},"],")],-1)),t[103]||(t[103]=f(` -`)),t[104]||(t[104]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}},"}")],-1)),t[105]||(t[105]=f(` -`)),t[106]||(t[106]=o("span",{class:"line"},null,-1)),t[107]||(t[107]=f(` -`)),t[108]||(t[108]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}},"const"),o("span",{style:{color:"#79B8FF"}}," SHEET_MARGIN"),o("span",{style:{color:"#F97583"}}," ="),o("span",{style:{color:"#79B8FF"}}," 34")],-1)),t[109]||(t[109]=f(` -`)),t[110]||(t[110]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}},"const"),o("span",{style:{color:"#79B8FF"}}," SHEET_RADIUS"),o("span",{style:{color:"#F97583"}}," ="),o("span",{style:{color:"#79B8FF"}}," 12")],-1)),t[111]||(t[111]=f(` -`)),t[112]||(t[112]=o("span",{class:"line"},null,-1)),t[113]||(t[113]=f(` -`)),t[114]||(t[114]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}},"let"),o("span",{style:{color:"#E1E4E8"}}," root"),o("span",{style:{color:"#F97583"}},":"),o("span",{style:{color:"#B392F0"}}," HTMLElement")],-1)),t[115]||(t[115]=f(` -`)),t[116]||(t[116]=o("span",{class:"line"},null,-1)),t[117]||(t[117]=f(` -`)),t[118]||(t[118]=o("span",{class:"line"},[o("span",{style:{color:"#B392F0"}},"onMounted"),o("span",{style:{color:"#E1E4E8"}},"(() "),o("span",{style:{color:"#F97583"}},"=>"),o("span",{style:{color:"#E1E4E8"}}," {")],-1)),t[119]||(t[119]=f(` -`)),t[120]||(t[120]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," root "),o("span",{style:{color:"#F97583"}},"="),o("span",{style:{color:"#E1E4E8"}}," document.body.firstElementChild "),o("span",{style:{color:"#F97583"}},"as"),o("span",{style:{color:"#B392F0"}}," HTMLElement")],-1)),t[121]||(t[121]=f(` -`)),t[122]||(t[122]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}},"})")],-1)),t[123]||(t[123]=f(` -`)),t[124]||(t[124]=o("span",{class:"line"},null,-1)),t[125]||(t[125]=f(` -`)),t[126]||(t[126]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}},"const"),o("span",{style:{color:"#E1E4E8"}}," { "),o("span",{style:{color:"#79B8FF"}},"height"),o("span",{style:{color:"#E1E4E8"}},", "),o("span",{style:{color:"#79B8FF"}},"width"),o("span",{style:{color:"#E1E4E8"}}," } "),o("span",{style:{color:"#F97583"}},"="),o("span",{style:{color:"#B392F0"}}," useWindowSize"),o("span",{style:{color:"#E1E4E8"}},"()")],-1)),t[127]||(t[127]=f(` -`)),t[128]||(t[128]=o("span",{class:"line"},null,-1)),t[129]||(t[129]=f(` -`)),t[130]||(t[130]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}},"const"),o("span",{style:{color:"#79B8FF"}}," open"),o("span",{style:{color:"#F97583"}}," ="),o("span",{style:{color:"#B392F0"}}," ref"),o("span",{style:{color:"#E1E4E8"}},"("),o("span",{style:{color:"#79B8FF"}},"false"),o("span",{style:{color:"#E1E4E8"}},")")],-1)),t[131]||(t[131]=f(` -`)),t[132]||(t[132]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}},"const"),o("span",{style:{color:"#79B8FF"}}," h"),o("span",{style:{color:"#F97583"}}," ="),o("span",{style:{color:"#B392F0"}}," computed"),o("span",{style:{color:"#E1E4E8"}},"(() "),o("span",{style:{color:"#F97583"}},"=>"),o("span",{style:{color:"#E1E4E8"}}," height.value "),o("span",{style:{color:"#F97583"}},"-"),o("span",{style:{color:"#79B8FF"}}," SHEET_MARGIN"),o("span",{style:{color:"#E1E4E8"}},")")],-1)),t[133]||(t[133]=f(` -`)),t[134]||(t[134]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}},"const"),o("span",{style:{color:"#79B8FF"}}," y"),o("span",{style:{color:"#F97583"}}," ="),o("span",{style:{color:"#B392F0"}}," useMotionValue"),o("span",{style:{color:"#E1E4E8"}},"(h.value)")],-1)),t[135]||(t[135]=f(` -`)),t[136]||(t[136]=o("span",{class:"line"},null,-1)),t[137]||(t[137]=f(` -`)),t[138]||(t[138]=o("span",{class:"line"},[o("span",{style:{color:"#6A737D"}},"// Scale the body down and adjust the border radius when the sheet is open.")],-1)),t[139]||(t[139]=f(` -`)),t[140]||(t[140]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}},"const"),o("span",{style:{color:"#79B8FF"}}," bodyScale"),o("span",{style:{color:"#F97583"}}," ="),o("span",{style:{color:"#B392F0"}}," useTransform"),o("span",{style:{color:"#E1E4E8"}},"(")],-1)),t[141]||(t[141]=f(` -`)),t[142]||(t[142]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," y,")],-1)),t[143]||(t[143]=f(` -`)),t[144]||(t[144]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," ["),o("span",{style:{color:"#79B8FF"}},"0"),o("span",{style:{color:"#E1E4E8"}},", h.value],")],-1)),t[145]||(t[145]=f(` -`)),t[146]||(t[146]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," [(width.value "),o("span",{style:{color:"#F97583"}},"-"),o("span",{style:{color:"#79B8FF"}}," SHEET_MARGIN"),o("span",{style:{color:"#E1E4E8"}},") "),o("span",{style:{color:"#F97583"}},"/"),o("span",{style:{color:"#E1E4E8"}}," width.value, "),o("span",{style:{color:"#79B8FF"}},"1"),o("span",{style:{color:"#E1E4E8"}},"],")],-1)),t[147]||(t[147]=f(` -`)),t[148]||(t[148]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}},")")],-1)),t[149]||(t[149]=f(` -`)),t[150]||(t[150]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}},"const"),o("span",{style:{color:"#79B8FF"}}," bodyTranslate"),o("span",{style:{color:"#F97583"}}," ="),o("span",{style:{color:"#B392F0"}}," useTransform"),o("span",{style:{color:"#E1E4E8"}},"(y, ["),o("span",{style:{color:"#79B8FF"}},"0"),o("span",{style:{color:"#E1E4E8"}},", h.value], ["),o("span",{style:{color:"#79B8FF"}},"SHEET_MARGIN"),o("span",{style:{color:"#F97583"}}," -"),o("span",{style:{color:"#79B8FF"}}," SHEET_RADIUS"),o("span",{style:{color:"#E1E4E8"}},", "),o("span",{style:{color:"#79B8FF"}},"0"),o("span",{style:{color:"#E1E4E8"}},"])")],-1)),t[151]||(t[151]=f(` -`)),t[152]||(t[152]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}},"const"),o("span",{style:{color:"#79B8FF"}}," bodyBorderRadius"),o("span",{style:{color:"#F97583"}}," ="),o("span",{style:{color:"#B392F0"}}," useTransform"),o("span",{style:{color:"#E1E4E8"}},"(y, ["),o("span",{style:{color:"#79B8FF"}},"0"),o("span",{style:{color:"#E1E4E8"}},", h.value], ["),o("span",{style:{color:"#79B8FF"}},"SHEET_RADIUS"),o("span",{style:{color:"#E1E4E8"}},", "),o("span",{style:{color:"#79B8FF"}},"0"),o("span",{style:{color:"#E1E4E8"}},"])")],-1)),t[153]||(t[153]=f(` -`)),t[154]||(t[154]=o("span",{class:"line"},null,-1)),t[155]||(t[155]=f(` -`)),t[156]||(t[156]=o("span",{class:"line"},[o("span",{style:{color:"#B392F0"}},"useMotionValueEvent"),o("span",{style:{color:"#E1E4E8"}},"(bodyScale, "),o("span",{style:{color:"#9ECBFF"}},"'change'"),o("span",{style:{color:"#E1E4E8"}},", "),o("span",{style:{color:"#FFAB70"}},"v"),o("span",{style:{color:"#F97583"}}," =>"),o("span",{style:{color:"#E1E4E8"}}," root.style.scale "),o("span",{style:{color:"#F97583"}},"="),o("span",{style:{color:"#9ECBFF"}}," `${"),o("span",{style:{color:"#E1E4E8"}},"v"),o("span",{style:{color:"#9ECBFF"}},"}`"),o("span",{style:{color:"#E1E4E8"}},")")],-1)),t[157]||(t[157]=f(` -`)),t[158]||(t[158]=o("span",{class:"line"},[o("span",{style:{color:"#B392F0"}},"useMotionValueEvent"),o("span",{style:{color:"#E1E4E8"}},"(")],-1)),t[159]||(t[159]=f(` -`)),t[160]||(t[160]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," bodyTranslate,")],-1)),t[161]||(t[161]=f(` -`)),t[162]||(t[162]=o("span",{class:"line"},[o("span",{style:{color:"#9ECBFF"}}," 'change'"),o("span",{style:{color:"#E1E4E8"}},",")],-1)),t[163]||(t[163]=f(` -`)),t[164]||(t[164]=o("span",{class:"line"},[o("span",{style:{color:"#FFAB70"}}," v"),o("span",{style:{color:"#F97583"}}," =>"),o("span",{style:{color:"#E1E4E8"}}," root.style.translate "),o("span",{style:{color:"#F97583"}},"="),o("span",{style:{color:"#9ECBFF"}}," `0 ${"),o("span",{style:{color:"#E1E4E8"}},"v"),o("span",{style:{color:"#9ECBFF"}},"}px`"),o("span",{style:{color:"#E1E4E8"}},",")],-1)),t[165]||(t[165]=f(` -`)),t[166]||(t[166]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}},")")],-1)),t[167]||(t[167]=f(` -`)),t[168]||(t[168]=o("span",{class:"line"},[o("span",{style:{color:"#B392F0"}},"useMotionValueEvent"),o("span",{style:{color:"#E1E4E8"}},"(")],-1)),t[169]||(t[169]=f(` -`)),t[170]||(t[170]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," bodyBorderRadius,")],-1)),t[171]||(t[171]=f(` -`)),t[172]||(t[172]=o("span",{class:"line"},[o("span",{style:{color:"#9ECBFF"}}," 'change'"),o("span",{style:{color:"#E1E4E8"}},",")],-1)),t[173]||(t[173]=f(` -`)),t[174]||(t[174]=o("span",{class:"line"},[o("span",{style:{color:"#FFAB70"}}," v"),o("span",{style:{color:"#F97583"}}," =>"),o("span",{style:{color:"#E1E4E8"}}," root.style.borderRadius "),o("span",{style:{color:"#F97583"}},"="),o("span",{style:{color:"#9ECBFF"}}," `${"),o("span",{style:{color:"#E1E4E8"}},"v"),o("span",{style:{color:"#9ECBFF"}},"}px`"),o("span",{style:{color:"#E1E4E8"}},",")],-1)),t[175]||(t[175]=f(` -`)),t[176]||(t[176]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}},")")],-1)),t[177]||(t[177]=f(` -`)),t[178]||(t[178]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}},"")],-1)),t[179]||(t[179]=f(` -`)),t[180]||(t[180]=o("span",{class:"line"},null,-1)),t[181]||(t[181]=f(` -`)),t[182]||(t[182]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}},"<"),o("span",{style:{color:"#85E89D"}},"template"),o("span",{style:{color:"#E1E4E8"}},">")],-1)),t[183]||(t[183]=f(` -`)),o("span",Kc,[t[2]||(t[2]=o("span",{style:{color:"#E1E4E8"}}," <",-1)),o("span",Gc,[b(l,{name:"DialogRoot"},{content:F(({})=>[b(r,{title:"props",data:`[ - { - "name": "defaultOpen", - "description": "

The open state of the dialog when it is initially rendered. Use when you do not need to control its open state.

\\n", - "type": "boolean", - "required": false, - "default": "false" - }, - { - "name": "modal", - "description": "

The modality of the dialog When set to true,
\\ninteraction with outside elements will be disabled and only dialog content will be visible to screen readers.

\\n", - "type": "boolean", - "required": false, - "default": "true" - }, - { - "name": "open", - "description": "

The controlled open state of the dialog. Can be binded as v-model:open.

\\n", - "type": "boolean", - "required": false - } -]`}),b(r,{title:"emits",data:`[ - { - "name": "update:open", - "description": "

Event handler called when the open state of the dialog changes.

\\n", - "type": "[value: boolean]" - } -]`}),b(r,{title:"slots",data:`[ - { - "name": "open", - "description": "

Current open state

\\n", - "type": "boolean" - }, - { - "name": "close", - "description": "

Close the dialog

\\n", - "type": "(): void" - } -]`})]),default:F(()=>[t[1]||(t[1]=f("DialogRoot"))]),_:1,__:[1]})]),t[3]||(t[3]=o("span",{style:{color:"#B392F0"}}," v-model",-1)),t[4]||(t[4]=o("span",{style:{color:"#E1E4E8"}},":",-1)),t[5]||(t[5]=o("span",{style:{color:"#B392F0"}},"open",-1)),t[6]||(t[6]=o("span",{style:{color:"#E1E4E8"}},"=",-1)),t[7]||(t[7]=o("span",{style:{color:"#9ECBFF"}},'"',-1)),t[8]||(t[8]=o("span",{style:{color:"#E1E4E8"}},"open",-1)),t[9]||(t[9]=o("span",{style:{color:"#9ECBFF"}},'"',-1)),t[10]||(t[10]=o("span",{style:{color:"#E1E4E8"}},">",-1))]),t[184]||(t[184]=f(` -`)),o("span",Wc,[t[12]||(t[12]=o("span",{style:{color:"#E1E4E8"}}," <",-1)),o("span",qc,[b(l,{name:"DialogTrigger"},{content:F(({})=>[b(r,{title:"props",data:`[ - { - "name": "as", - "description": "

The element or component this component should render as. Can be overwritten by asChild.

\\n", - "type": "AsTag | Component", - "required": false, - "default": "\\"button\\"" - }, - { - "name": "asChild", - "description": "

Change the default rendered element for the one passed as a child, merging their props and behavior.

\\n

Read our Composition guide for more details.

\\n", - "type": "boolean", - "required": false - } -]`})]),default:F(()=>[t[11]||(t[11]=f("DialogTrigger"))]),_:1,__:[11]})]),t[13]||(t[13]=o("span",{style:{color:"#B392F0"}}," class",-1)),t[14]||(t[14]=o("span",{style:{color:"#E1E4E8"}},"=",-1)),t[15]||(t[15]=o("span",{style:{color:"#9ECBFF"}},'"dark:text-white inline-flex items-center bg-background dark:bg-muted px-3 py-2 rounded-lg text-sm border border-muted-foreground/30"',-1)),t[16]||(t[16]=o("span",{style:{color:"#E1E4E8"}},">",-1))]),t[185]||(t[185]=f(` -`)),t[186]||(t[186]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," Open sheet")],-1)),t[187]||(t[187]=f(` -`)),o("span",Hc,[t[18]||(t[18]=o("span",{style:{color:"#E1E4E8"}}," [b(r,{title:"props",data:`[ - { - "name": "as", - "description": "

The element or component this component should render as. Can be overwritten by asChild.

\\n", - "type": "AsTag | Component", - "required": false, - "default": "\\"button\\"" - }, - { - "name": "asChild", - "description": "

Change the default rendered element for the one passed as a child, merging their props and behavior.

\\n

Read our Composition guide for more details.

\\n", - "type": "boolean", - "required": false - } -]`})]),default:F(()=>[t[17]||(t[17]=f("DialogTrigger"))]),_:1,__:[17]})]),t[19]||(t[19]=o("span",{style:{color:"#E1E4E8"}},">",-1))]),t[188]||(t[188]=f(` -`)),t[189]||(t[189]=o("span",{class:"line"},null,-1)),t[190]||(t[190]=f(` -`)),o("span",Xc,[t[21]||(t[21]=o("span",{style:{color:"#E1E4E8"}}," <",-1)),o("span",Yc,[b(l,{name:"DialogPortal"},{content:F(({})=>[b(r,{title:"props",data:`[ - { - "name": "defer", - "description": "

Defer the resolving of a Teleport target until other parts of the\\napplication have mounted (requires Vue 3.5.0+)

\\n

reference

\\n", - "type": "boolean", - "required": false - }, - { - "name": "disabled", - "description": "

Disable teleport and render the component inline

\\n

reference

\\n", - "type": "boolean", - "required": false - }, - { - "name": "forceMount", - "description": "

Used to force mounting when more control is needed. Useful when\\ncontrolling animation with Vue animation libraries.

\\n", - "type": "boolean", - "required": false - }, - { - "name": "to", - "description": "

Vue native teleport component prop :to

\\n

reference

\\n", - "type": "string | HTMLElement", - "required": false - } -]`})]),default:F(()=>[t[20]||(t[20]=f("DialogPortal"))]),_:1,__:[20]})]),t[22]||(t[22]=o("span",{style:{color:"#E1E4E8"}},">",-1))]),t[191]||(t[191]=f(` -`)),t[192]||(t[192]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," <"),o("span",{style:{color:"#85E89D"}},"AnimatePresence")],-1)),t[193]||(t[193]=f(` -`)),t[194]||(t[194]=o("span",{class:"line"},[o("span",{style:{color:"#B392F0"}}," multiple")],-1)),t[195]||(t[195]=f(` -`)),t[196]||(t[196]=o("span",{class:"line"},[o("span",{style:{color:"#B392F0"}}," as"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"div"')],-1)),t[197]||(t[197]=f(` -`)),t[198]||(t[198]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," >")],-1)),t[199]||(t[199]=f(` -`)),o("span",Zc,[t[24]||(t[24]=o("span",{style:{color:"#E1E4E8"}}," <",-1)),o("span",Jc,[b(l,{name:"DialogOverlay"},{content:F(({})=>[b(r,{title:"props",data:`[ - { - "name": "as", - "description": "

The element or component this component should render as. Can be overwritten by asChild.

\\n", - "type": "AsTag | Component", - "required": false, - "default": "\\"div\\"" - }, - { - "name": "asChild", - "description": "

Change the default rendered element for the one passed as a child, merging their props and behavior.

\\n

Read our Composition guide for more details.

\\n", - "type": "boolean", - "required": false - }, - { - "name": "forceMount", - "description": "

Used to force mounting when more control is needed. Useful when\\ncontrolling animation with Vue animation libraries.

\\n", - "type": "boolean", - "required": false - } -]`})]),default:F(()=>[t[23]||(t[23]=f("DialogOverlay"))]),_:1,__:[23]})]),t[25]||(t[25]=o("span",{style:{color:"#B392F0"}}," as-child",-1)),t[26]||(t[26]=o("span",{style:{color:"#E1E4E8"}},">",-1))]),t[200]||(t[200]=f(` -`)),t[201]||(t[201]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," <"),o("span",{style:{color:"#85E89D"}},"Motion")],-1)),t[202]||(t[202]=f(` -`)),t[203]||(t[203]=o("span",{class:"line"},[o("span",{style:{color:"#B392F0"}}," class"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"fixed inset-0 z-10 bg-background/60"')],-1)),t[204]||(t[204]=f(` -`)),t[205]||(t[205]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," :"),o("span",{style:{color:"#B392F0"}},"initial"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"'),o("span",{style:{color:"#E1E4E8"}},"{ opacity: "),o("span",{style:{color:"#79B8FF"}},"0"),o("span",{style:{color:"#E1E4E8"}}," }"),o("span",{style:{color:"#9ECBFF"}},'"')],-1)),t[206]||(t[206]=f(` -`)),t[207]||(t[207]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," :"),o("span",{style:{color:"#B392F0"}},"animate"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"'),o("span",{style:{color:"#E1E4E8"}},"{ opacity: "),o("span",{style:{color:"#79B8FF"}},"1"),o("span",{style:{color:"#E1E4E8"}}," }"),o("span",{style:{color:"#9ECBFF"}},'"')],-1)),t[208]||(t[208]=f(` -`)),t[209]||(t[209]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," :"),o("span",{style:{color:"#B392F0"}},"exit"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"'),o("span",{style:{color:"#E1E4E8"}},"{ opacity: "),o("span",{style:{color:"#79B8FF"}},"0"),o("span",{style:{color:"#E1E4E8"}}," }"),o("span",{style:{color:"#9ECBFF"}},'"')],-1)),t[210]||(t[210]=f(` -`)),t[211]||(t[211]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," :"),o("span",{style:{color:"#B392F0"}},"transition"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"'),o("span",{style:{color:"#E1E4E8"}},"staticTransition"),o("span",{style:{color:"#9ECBFF"}},'"')],-1)),t[212]||(t[212]=f(` -`)),t[213]||(t[213]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," />")],-1)),t[214]||(t[214]=f(` -`)),o("span",Qc,[t[28]||(t[28]=o("span",{style:{color:"#E1E4E8"}}," [b(r,{title:"props",data:`[ - { - "name": "as", - "description": "

The element or component this component should render as. Can be overwritten by asChild.

\\n", - "type": "AsTag | Component", - "required": false, - "default": "\\"div\\"" - }, - { - "name": "asChild", - "description": "

Change the default rendered element for the one passed as a child, merging their props and behavior.

\\n

Read our Composition guide for more details.

\\n", - "type": "boolean", - "required": false - }, - { - "name": "forceMount", - "description": "

Used to force mounting when more control is needed. Useful when\\ncontrolling animation with Vue animation libraries.

\\n", - "type": "boolean", - "required": false - } -]`})]),default:F(()=>[t[27]||(t[27]=f("DialogOverlay"))]),_:1,__:[27]})]),t[29]||(t[29]=o("span",{style:{color:"#E1E4E8"}},">",-1))]),t[215]||(t[215]=f(` -`)),t[216]||(t[216]=o("span",{class:"line"},null,-1)),t[217]||(t[217]=f(` -`)),o("span",td,[t[31]||(t[31]=o("span",{style:{color:"#E1E4E8"}}," <",-1)),o("span",ed,[b(l,{name:"DialogContent"},{content:F(({})=>[b(r,{title:"props",data:`[ - { - "name": "as", - "description": "

The element or component this component should render as. Can be overwritten by asChild.

\\n", - "type": "AsTag | Component", - "required": false, - "default": "\\"div\\"" - }, - { - "name": "asChild", - "description": "

Change the default rendered element for the one passed as a child, merging their props and behavior.

\\n

Read our Composition guide for more details.

\\n", - "type": "boolean", - "required": false - }, - { - "name": "disableOutsidePointerEvents", - "description": "

When true, hover/focus/click interactions will be disabled on elements outside\\nthe DismissableLayer. Users will need to click twice on outside elements to\\ninteract with them: once to close the DismissableLayer, and again to trigger the element.

\\n", - "type": "boolean", - "required": false - }, - { - "name": "forceMount", - "description": "

Used to force mounting when more control is needed. Useful when\\ncontrolling animation with Vue animation libraries.

\\n", - "type": "boolean", - "required": false - } -]`}),b(r,{title:"emits",data:`[ - { - "name": "closeAutoFocus", - "description": "

Event handler called when auto-focusing on close.\\nCan be prevented.

\\n", - "type": "[event: Event]" - }, - { - "name": "escapeKeyDown", - "description": "

Event handler called when the escape key is down.\\nCan be prevented.

\\n", - "type": "[event: KeyboardEvent]" - }, - { - "name": "focusOutside", - "description": "

Event handler called when the focus moves outside of the DismissableLayer.\\nCan be prevented.

\\n", - "type": "[event: FocusOutsideEvent]" - }, - { - "name": "interactOutside", - "description": "

Event handler called when an interaction happens outside the DismissableLayer.\\nSpecifically, when a pointerdown event happens outside or focus moves outside of it.\\nCan be prevented.

\\n", - "type": "[event: PointerDownOutsideEvent | FocusOutsideEvent]" - }, - { - "name": "openAutoFocus", - "description": "

Event handler called when auto-focusing on open.\\nCan be prevented.

\\n", - "type": "[event: Event]" - }, - { - "name": "pointerDownOutside", - "description": "

Event handler called when a pointerdown event happens outside of the DismissableLayer.\\nCan be prevented.

\\n", - "type": "[event: PointerDownOutsideEvent]" - } -]`})]),default:F(()=>[t[30]||(t[30]=f("DialogContent"))]),_:1,__:[30]})]),t[32]||(t[32]=o("span",{style:{color:"#B392F0"}}," as-child",-1)),t[33]||(t[33]=o("span",{style:{color:"#E1E4E8"}},">",-1))]),t[218]||(t[218]=f(` -`)),t[219]||(t[219]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," <"),o("span",{style:{color:"#85E89D"}},"Motion")],-1)),t[220]||(t[220]=f(` -`)),t[221]||(t[221]=o("span",{class:"line"},[o("span",{style:{color:"#B392F0"}}," class"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"bg-card dark:bg-stone-900 fixed inset-0 z-20 bottom-0 w-full rounded-t-xl shadow-lg will-change-transform"')],-1)),t[222]||(t[222]=f(` -`)),t[223]||(t[223]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," :"),o("span",{style:{color:"#B392F0"}},"initial"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"'),o("span",{style:{color:"#E1E4E8"}},"{ y: h }"),o("span",{style:{color:"#9ECBFF"}},'"')],-1)),t[224]||(t[224]=f(` -`)),t[225]||(t[225]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," :"),o("span",{style:{color:"#B392F0"}},"animate"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"'),o("span",{style:{color:"#E1E4E8"}},"{ y: "),o("span",{style:{color:"#79B8FF"}},"0"),o("span",{style:{color:"#E1E4E8"}}," }"),o("span",{style:{color:"#9ECBFF"}},'"')],-1)),t[226]||(t[226]=f(` -`)),t[227]||(t[227]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," :"),o("span",{style:{color:"#B392F0"}},"exit"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"'),o("span",{style:{color:"#E1E4E8"}},"{ y: h }"),o("span",{style:{color:"#9ECBFF"}},'"')],-1)),t[228]||(t[228]=f(` -`)),t[229]||(t[229]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," :"),o("span",{style:{color:"#B392F0"}},"transition"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"'),o("span",{style:{color:"#E1E4E8"}},"staticTransition"),o("span",{style:{color:"#9ECBFF"}},'"')],-1)),t[230]||(t[230]=f(` -`)),t[231]||(t[231]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," :"),o("span",{style:{color:"#B392F0"}},"style"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"'),o("span",{style:{color:"#E1E4E8"}},"{")],-1)),t[232]||(t[232]=f(` -`)),t[233]||(t[233]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," y,")],-1)),t[234]||(t[234]=f(` -`)),t[235]||(t[235]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," top: "),o("span",{style:{color:"#9ECBFF"}},"`${"),o("span",{style:{color:"#79B8FF"}},"SHEET_MARGIN"),o("span",{style:{color:"#9ECBFF"}},"}px`"),o("span",{style:{color:"#E1E4E8"}},",")],-1)),t[236]||(t[236]=f(` -`)),t[237]||(t[237]=o("span",{class:"line"},[o("span",{style:{color:"#6A737D"}}," // Extra padding at the bottom to account for rubber band scrolling.")],-1)),t[238]||(t[238]=f(` -`)),t[239]||(t[239]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," paddingBottom: "),o("span",{style:{color:"#9ECBFF"}},"`${"),o("span",{style:{color:"#E1E4E8"}},"height"),o("span",{style:{color:"#9ECBFF"}},"}px`"),o("span",{style:{color:"#E1E4E8"}},",")],-1)),t[240]||(t[240]=f(` -`)),t[241]||(t[241]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," }"),o("span",{style:{color:"#9ECBFF"}},'"')],-1)),t[242]||(t[242]=f(` -`)),t[243]||(t[243]=o("span",{class:"line"},[o("span",{style:{color:"#B392F0"}}," drag"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"y"')],-1)),t[244]||(t[244]=f(` -`)),t[245]||(t[245]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," :"),o("span",{style:{color:"#B392F0"}},"drag-constraints"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"'),o("span",{style:{color:"#E1E4E8"}},"{ top: "),o("span",{style:{color:"#79B8FF"}},"0"),o("span",{style:{color:"#E1E4E8"}}," }"),o("span",{style:{color:"#9ECBFF"}},'"')],-1)),t[246]||(t[246]=f(` -`)),t[247]||(t[247]=o("span",{class:"line"},null,-1)),t[248]||(t[248]=f(` -`)),t[249]||(t[249]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," @"),o("span",{style:{color:"#B392F0"}},"drag-end"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"'),o("span",{style:{color:"#E1E4E8"}},"("),o("span",{style:{color:"#FFAB70"}},"e"),o("span",{style:{color:"#E1E4E8"}},", { "),o("span",{style:{color:"#FFAB70"}},"offset"),o("span",{style:{color:"#E1E4E8"}},", "),o("span",{style:{color:"#FFAB70"}},"velocity"),o("span",{style:{color:"#E1E4E8"}}," }) "),o("span",{style:{color:"#F97583"}},"=>"),o("span",{style:{color:"#E1E4E8"}}," {")],-1)),t[250]||(t[250]=f(` -`)),t[251]||(t[251]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}}," if"),o("span",{style:{color:"#E1E4E8"}}," (offset.y "),o("span",{style:{color:"#F97583"}},">"),o("span",{style:{color:"#E1E4E8"}}," height "),o("span",{style:{color:"#F97583"}},"*"),o("span",{style:{color:"#79B8FF"}}," 0.75"),o("span",{style:{color:"#F97583"}}," ||"),o("span",{style:{color:"#E1E4E8"}}," velocity.y "),o("span",{style:{color:"#F97583"}},">"),o("span",{style:{color:"#79B8FF"}}," 10"),o("span",{style:{color:"#E1E4E8"}},") {")],-1)),t[252]||(t[252]=f(` -`)),t[253]||(t[253]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," open "),o("span",{style:{color:"#F97583"}},"="),o("span",{style:{color:"#79B8FF"}}," false"),o("span",{style:{color:"#E1E4E8"}},";")],-1)),t[254]||(t[254]=f(` -`)),t[255]||(t[255]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," }")],-1)),t[256]||(t[256]=f(` -`)),t[257]||(t[257]=o("span",{class:"line"},[o("span",{style:{color:"#F97583"}}," else"),o("span",{style:{color:"#E1E4E8"}}," {")],-1)),t[258]||(t[258]=f(` -`)),t[259]||(t[259]=o("span",{class:"line"},[o("span",{style:{color:"#B392F0"}}," animate"),o("span",{style:{color:"#E1E4E8"}},"(y, "),o("span",{style:{color:"#79B8FF"}},"0"),o("span",{style:{color:"#E1E4E8"}},", { "),o("span",{style:{color:"#F97583"}},"..."),o("span",{style:{color:"#E1E4E8"}},"inertiaTransition, min: "),o("span",{style:{color:"#79B8FF"}},"0"),o("span",{style:{color:"#E1E4E8"}},", max: "),o("span",{style:{color:"#79B8FF"}},"0"),o("span",{style:{color:"#E1E4E8"}}," });")],-1)),t[260]||(t[260]=f(` -`)),t[261]||(t[261]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," }")],-1)),t[262]||(t[262]=f(` -`)),t[263]||(t[263]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," }"),o("span",{style:{color:"#9ECBFF"}},'"')],-1)),t[264]||(t[264]=f(` -`)),t[265]||(t[265]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," >")],-1)),t[266]||(t[266]=f(` -`)),t[267]||(t[267]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," <"),o("span",{style:{color:"#85E89D"}},"div"),o("span",{style:{color:"#B392F0"}}," class"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"mx-auto w-12 mt-2 h-1.5 rounded-full bg-gray-300 dark:bg-gray-400"'),o("span",{style:{color:"#FDAEB7","font-style":"italic"}}," /"),o("span",{style:{color:"#E1E4E8"}},">")],-1)),t[268]||(t[268]=f(` -`)),t[269]||(t[269]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," <"),o("span",{style:{color:"#85E89D"}},"div"),o("span",{style:{color:"#B392F0"}}," class"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"px-4 pb-4 outline-hidden max-w-xl mx-auto"'),o("span",{style:{color:"#E1E4E8"}},">")],-1)),t[270]||(t[270]=f(` -`)),t[271]||(t[271]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," <"),o("span",{style:{color:"#85E89D"}},"div"),o("span",{style:{color:"#B392F0"}}," class"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"flex justify-end"'),o("span",{style:{color:"#E1E4E8"}},">")],-1)),t[272]||(t[272]=f(` -`)),o("span",nd,[t[35]||(t[35]=o("span",{style:{color:"#E1E4E8"}}," <",-1)),o("span",sd,[b(l,{name:"DialogClose"},{content:F(({})=>[b(r,{title:"props",data:`[ - { - "name": "as", - "description": "

The element or component this component should render as. Can be overwritten by asChild.

\\n", - "type": "AsTag | Component", - "required": false, - "default": "\\"button\\"" - }, - { - "name": "asChild", - "description": "

Change the default rendered element for the one passed as a child, merging their props and behavior.

\\n

Read our Composition guide for more details.

\\n", - "type": "boolean", - "required": false - } -]`})]),default:F(()=>[t[34]||(t[34]=f("DialogClose"))]),_:1,__:[34]})]),t[36]||(t[36]=o("span",{style:{color:"#B392F0"}}," class",-1)),t[37]||(t[37]=o("span",{style:{color:"#E1E4E8"}},"=",-1)),t[38]||(t[38]=o("span",{style:{color:"#9ECBFF"}},'"dark:text-white inline-flex items-center bg-background dark: p-2 rounded-full text-sm border border-muted-foreground/30"',-1)),t[39]||(t[39]=o("span",{style:{color:"#E1E4E8"}},">",-1))]),t[273]||(t[273]=f(` -`)),t[274]||(t[274]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," <"),o("span",{style:{color:"#85E89D"}},"Icon"),o("span",{style:{color:"#B392F0"}}," icon"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"lucide:x"'),o("span",{style:{color:"#E1E4E8"}}," />")],-1)),t[275]||(t[275]=f(` -`)),o("span",od,[t[41]||(t[41]=o("span",{style:{color:"#E1E4E8"}}," [b(r,{title:"props",data:`[ - { - "name": "as", - "description": "

The element or component this component should render as. Can be overwritten by asChild.

\\n", - "type": "AsTag | Component", - "required": false, - "default": "\\"button\\"" - }, - { - "name": "asChild", - "description": "

Change the default rendered element for the one passed as a child, merging their props and behavior.

\\n

Read our Composition guide for more details.

\\n", - "type": "boolean", - "required": false - } -]`})]),default:F(()=>[t[40]||(t[40]=f("DialogClose"))]),_:1,__:[40]})]),t[42]||(t[42]=o("span",{style:{color:"#E1E4E8"}},">",-1))]),t[276]||(t[276]=f(` -`)),t[277]||(t[277]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," ")],-1)),t[278]||(t[278]=f(` -`)),o("span",rd,[t[44]||(t[44]=o("span",{style:{color:"#E1E4E8"}}," <",-1)),o("span",ad,[b(l,{name:"DialogTitle"},{content:F(({})=>[b(r,{title:"props",data:`[ - { - "name": "as", - "description": "

The element or component this component should render as. Can be overwritten by asChild.

\\n", - "type": "AsTag | Component", - "required": false, - "default": "\\"h2\\"" - }, - { - "name": "asChild", - "description": "

Change the default rendered element for the one passed as a child, merging their props and behavior.

\\n

Read our Composition guide for more details.

\\n", - "type": "boolean", - "required": false - } -]`})]),default:F(()=>[t[43]||(t[43]=f("DialogTitle"))]),_:1,__:[43]})]),t[45]||(t[45]=o("span",{style:{color:"#B392F0"}}," class",-1)),t[46]||(t[46]=o("span",{style:{color:"#E1E4E8"}},"=",-1)),t[47]||(t[47]=o("span",{style:{color:"#9ECBFF"}},'"text-3xl font-semibold mb-4"',-1)),t[48]||(t[48]=o("span",{style:{color:"#E1E4E8"}},">",-1))]),t[279]||(t[279]=f(` -`)),t[280]||(t[280]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," Modal sheet")],-1)),t[281]||(t[281]=f(` -`)),o("span",ld,[t[50]||(t[50]=o("span",{style:{color:"#E1E4E8"}}," [b(r,{title:"props",data:`[ - { - "name": "as", - "description": "

The element or component this component should render as. Can be overwritten by asChild.

\\n", - "type": "AsTag | Component", - "required": false, - "default": "\\"h2\\"" - }, - { - "name": "asChild", - "description": "

Change the default rendered element for the one passed as a child, merging their props and behavior.

\\n

Read our Composition guide for more details.

\\n", - "type": "boolean", - "required": false - } -]`})]),default:F(()=>[t[49]||(t[49]=f("DialogTitle"))]),_:1,__:[49]})]),t[51]||(t[51]=o("span",{style:{color:"#E1E4E8"}},">",-1))]),t[282]||(t[282]=f(` -`)),o("span",pd,[t[53]||(t[53]=o("span",{style:{color:"#E1E4E8"}}," <",-1)),o("span",cd,[b(l,{name:"DialogDescription"},{content:F(({})=>[b(r,{title:"props",data:`[ - { - "name": "as", - "description": "

The element or component this component should render as. Can be overwritten by asChild.

\\n", - "type": "AsTag | Component", - "required": false, - "default": "\\"p\\"" - }, - { - "name": "asChild", - "description": "

Change the default rendered element for the one passed as a child, merging their props and behavior.

\\n

Read our Composition guide for more details.

\\n", - "type": "boolean", - "required": false - } -]`})]),default:F(()=>[t[52]||(t[52]=f("DialogDescription"))]),_:1,__:[52]})]),t[54]||(t[54]=o("span",{style:{color:"#B392F0"}}," class",-1)),t[55]||(t[55]=o("span",{style:{color:"#E1E4E8"}},"=",-1)),t[56]||(t[56]=o("span",{style:{color:"#9ECBFF"}},'"text-lg mb-4"',-1)),t[57]||(t[57]=o("span",{style:{color:"#E1E4E8"}},">",-1))]),t[283]||(t[283]=f(` -`)),t[284]||(t[284]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," This is a dialog with a custom modal overlay built with Reka UI and Motion-v.")],-1)),t[285]||(t[285]=f(` -`)),o("span",dd,[t[59]||(t[59]=o("span",{style:{color:"#E1E4E8"}}," [b(r,{title:"props",data:`[ - { - "name": "as", - "description": "

The element or component this component should render as. Can be overwritten by asChild.

\\n", - "type": "AsTag | Component", - "required": false, - "default": "\\"p\\"" - }, - { - "name": "asChild", - "description": "

Change the default rendered element for the one passed as a child, merging their props and behavior.

\\n

Read our Composition guide for more details.

\\n", - "type": "boolean", - "required": false - } -]`})]),default:F(()=>[t[58]||(t[58]=f("DialogDescription"))]),_:1,__:[58]})]),t[60]||(t[60]=o("span",{style:{color:"#E1E4E8"}},">",-1))]),t[286]||(t[286]=f(` -`)),t[287]||(t[287]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," <"),o("span",{style:{color:"#85E89D"}},"p"),o("span",{style:{color:"#B392F0"}}," class"),o("span",{style:{color:"#E1E4E8"}},"="),o("span",{style:{color:"#9ECBFF"}},'"text-lg"'),o("span",{style:{color:"#E1E4E8"}},">")],-1)),t[288]||(t[288]=f(` -`)),t[289]||(t[289]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," Lorem ipsum dolor sit amet, consectetur adipiscing elit.")],-1)),t[290]||(t[290]=f(` -`)),t[291]||(t[291]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," Aenean sit amet nisl blandit, pellentesque eros eu,")],-1)),t[292]||(t[292]=f(` -`)),t[293]||(t[293]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," scelerisque eros. Sed cursus urna at nunc lacinia dapibus.")],-1)),t[294]||(t[294]=f(` -`)),t[295]||(t[295]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," ")],-1)),t[296]||(t[296]=f(` -`)),t[297]||(t[297]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," ")],-1)),t[298]||(t[298]=f(` -`)),t[299]||(t[299]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," ")],-1)),t[300]||(t[300]=f(` -`)),o("span",hd,[t[62]||(t[62]=o("span",{style:{color:"#E1E4E8"}}," [b(r,{title:"props",data:`[ - { - "name": "as", - "description": "

The element or component this component should render as. Can be overwritten by asChild.

\\n", - "type": "AsTag | Component", - "required": false, - "default": "\\"div\\"" - }, - { - "name": "asChild", - "description": "

Change the default rendered element for the one passed as a child, merging their props and behavior.

\\n

Read our Composition guide for more details.

\\n", - "type": "boolean", - "required": false - }, - { - "name": "disableOutsidePointerEvents", - "description": "

When true, hover/focus/click interactions will be disabled on elements outside\\nthe DismissableLayer. Users will need to click twice on outside elements to\\ninteract with them: once to close the DismissableLayer, and again to trigger the element.

\\n", - "type": "boolean", - "required": false - }, - { - "name": "forceMount", - "description": "

Used to force mounting when more control is needed. Useful when\\ncontrolling animation with Vue animation libraries.

\\n", - "type": "boolean", - "required": false - } -]`}),b(r,{title:"emits",data:`[ - { - "name": "closeAutoFocus", - "description": "

Event handler called when auto-focusing on close.\\nCan be prevented.

\\n", - "type": "[event: Event]" - }, - { - "name": "escapeKeyDown", - "description": "

Event handler called when the escape key is down.\\nCan be prevented.

\\n", - "type": "[event: KeyboardEvent]" - }, - { - "name": "focusOutside", - "description": "

Event handler called when the focus moves outside of the DismissableLayer.\\nCan be prevented.

\\n", - "type": "[event: FocusOutsideEvent]" - }, - { - "name": "interactOutside", - "description": "

Event handler called when an interaction happens outside the DismissableLayer.\\nSpecifically, when a pointerdown event happens outside or focus moves outside of it.\\nCan be prevented.

\\n", - "type": "[event: PointerDownOutsideEvent | FocusOutsideEvent]" - }, - { - "name": "openAutoFocus", - "description": "

Event handler called when auto-focusing on open.\\nCan be prevented.

\\n", - "type": "[event: Event]" - }, - { - "name": "pointerDownOutside", - "description": "

Event handler called when a pointerdown event happens outside of the DismissableLayer.\\nCan be prevented.

\\n", - "type": "[event: PointerDownOutsideEvent]" - } -]`})]),default:F(()=>[t[61]||(t[61]=f("DialogContent"))]),_:1,__:[61]})]),t[63]||(t[63]=o("span",{style:{color:"#E1E4E8"}},">",-1))]),t[301]||(t[301]=f(` -`)),t[302]||(t[302]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}}," ")],-1)),t[303]||(t[303]=f(` -`)),o("span",yd,[t[65]||(t[65]=o("span",{style:{color:"#E1E4E8"}}," [b(r,{title:"props",data:`[ - { - "name": "defer", - "description": "

Defer the resolving of a Teleport target until other parts of the\\napplication have mounted (requires Vue 3.5.0+)

\\n

reference

\\n", - "type": "boolean", - "required": false - }, - { - "name": "disabled", - "description": "

Disable teleport and render the component inline

\\n

reference

\\n", - "type": "boolean", - "required": false - }, - { - "name": "forceMount", - "description": "

Used to force mounting when more control is needed. Useful when\\ncontrolling animation with Vue animation libraries.

\\n", - "type": "boolean", - "required": false - }, - { - "name": "to", - "description": "

Vue native teleport component prop :to

\\n

reference

\\n", - "type": "string | HTMLElement", - "required": false - } -]`})]),default:F(()=>[t[64]||(t[64]=f("DialogPortal"))]),_:1,__:[64]})]),t[66]||(t[66]=o("span",{style:{color:"#E1E4E8"}},">",-1))]),t[304]||(t[304]=f(` -`)),o("span",vd,[t[68]||(t[68]=o("span",{style:{color:"#E1E4E8"}}," [b(r,{title:"props",data:`[ - { - "name": "defaultOpen", - "description": "

The open state of the dialog when it is initially rendered. Use when you do not need to control its open state.

\\n", - "type": "boolean", - "required": false, - "default": "false" - }, - { - "name": "modal", - "description": "

The modality of the dialog When set to true,
\\ninteraction with outside elements will be disabled and only dialog content will be visible to screen readers.

\\n", - "type": "boolean", - "required": false, - "default": "true" - }, - { - "name": "open", - "description": "

The controlled open state of the dialog. Can be binded as v-model:open.

\\n", - "type": "boolean", - "required": false - } -]`}),b(r,{title:"emits",data:`[ - { - "name": "update:open", - "description": "

Event handler called when the open state of the dialog changes.

\\n", - "type": "[value: boolean]" - } -]`}),b(r,{title:"slots",data:`[ - { - "name": "open", - "description": "

Current open state

\\n", - "type": "boolean" - }, - { - "name": "close", - "description": "

Close the dialog

\\n", - "type": "(): void" - } -]`})]),default:F(()=>[t[67]||(t[67]=f("DialogRoot"))]),_:1,__:[67]})]),t[69]||(t[69]=o("span",{style:{color:"#E1E4E8"}},">",-1))]),t[305]||(t[305]=f(` -`)),t[306]||(t[306]=o("span",{class:"line"},[o("span",{style:{color:"#E1E4E8"}},"")],-1))])])])]),default:F(()=>[b(Uc)]),_:1}),b(p,null,{default:F(()=>[t[310]||(t[310]=o("h3",{id:"dialog",tabindex:"-1",class:"group relative border-none mb-4 lg:-ml-2 lg:pl-2 lg:pr-2 w-max"},[f("Dialog "),o("a",{class:"header-anchor [&_span]:focus:opacity-100 [&_span_>_span]:focus:outline",href:"#dialog","aria-label":'Permalink to "Dialog"'},[o("span",{class:"absolute top-0 -ml-8 hidden items-center border-0 opacity-0 group-hover:opacity-100 focus:opacity-100 lg:flex"},[f("​"),o("span",{class:"flex h-6 w-6 items-center justify-center rounded-md outline-2 outline-primary text-green-400 shadow-sm hover:text-green-700 hover:shadow dark:bg-primary/20 dark:text-primary/80 dark:shadow-none dark:hover:bg-primary/40 dark:hover:text-primary"},[o("svg",{width:"12",height:"12",fill:"none","aria-hidden":"true"},[o("path",{d:"M3.75 1v10M8.25 1v10M1 3.75h10M1 8.25h10",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"})])])])])],-1)),b(c,{type:"info",title:"Credit"},{default:F(()=>t[309]||(t[309]=[o("p",null,[f("Inspired by "),o("a",{href:"https://react-spectrum.adobe.com/react-aria/examples/framer-modal-sheet.html",target:"_blank",rel:"noreferrer"},"React Aria")],-1)])),_:1,__:[309]})]),_:1,__:[310]})])}}});export{Sd as __pageData,Ad as default}; - diff --git a/tmp_typeline_numbered.txt b/tmp_typeline_numbered.txt deleted file mode 100644 index 87ce3f0..0000000 --- a/tmp_typeline_numbered.txt +++ /dev/null @@ -1,351 +0,0 @@ -1 -182 -183 -344