motion-plus-vue 1.5.0-beta.1 → 1.5.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/cjs/index.js +1 -1
  2. package/dist/components/Carousel/Carousel.d.ts +5 -2
  3. package/dist/components/Carousel/CarouselView.d.ts +2 -2
  4. package/dist/components/Cursor/Cursor.d.ts +2 -2
  5. package/dist/components/Ticker/context.d.ts +174 -174
  6. package/dist/components/Typewriter/Typewriter.d.ts +1 -1
  7. package/dist/es/components/Ticker/Ticker.vue.mjs +2 -2
  8. package/dist/es/utils/flatten-slots.mjs +1 -1
  9. package/package.json +40 -17
  10. package/dist/components/Ticker/DefaultTickerItem.d.ts +0 -14
  11. package/dist/components/Ticker/Ticker.d.ts +0 -106
  12. package/dist/components/Ticker/use-item-offset.d.ts +0 -1
package/dist/cjs/index.js CHANGED
@@ -6,4 +6,4 @@
6
6
  [data-motion-cursor="pointer"] {
7
7
  background-color: #333;
8
8
  }
9
- `,document.head.appendChild(o),()=>{document.head.removeChild(o)}}function vt(o){e.watch(o,(t,n,a)=>{const i=t?yt():s.noop;return a(()=>{i()})},{immediate:!0,flush:"post"})}function Ce(o){return t=>{t.pointerType==="mouse"&&o(t)}}function Oe(o){return Ce(t=>{t.button===0&&o(t)})}let oe,he;function ht(){oe=s.motionValue(0),he=s.motionValue(0);let o=0,t=0;function n(){oe.set(o),he.set(t)}typeof window<"u"&&window.addEventListener("pointermove",Ce(a=>{o=a.clientX,t=a.clientY,s.frame.update(n)}))}function Se(){return oe||ht(),{x:oe,y:he}}function xt(o,t){return{x:s.useTransform(()=>o.x.get()+t.value.x),y:s.useTransform(()=>o.y.get()+t.value.y)}}function wt(o){return o.closest("[data-cursor]")}function kt(o){return o.closest('a, button, input[type="button"]:not(:disabled)')}function It(o){return window.getComputedStyle(o).userSelect==="none"?null:o.closest("p, textarea:not(:disabled), input[type='text']:not(:disabled), h1, h2, h3, h4, h5, h6")}function Ct(o){let t=wt(o);return t?[t.dataset.cursor,t]:(t=kt(o),t?["pointer",t]:(t=It(o),t?["text",t]:["default",null]))}let pe=null,D={type:"default",isPressed:!1,fontSize:null,targetBoundingBox:null,target:null,zone:null};function St(o){let t=null;if("closest"in o){const n=o.closest("[data-cursor-zone]");n instanceof HTMLElement&&(t=n.dataset.cursorZone||null)}return t}function bt(){if(typeof window>"u")return{onChange:()=>()=>{}};const o=new Set;function t(l){D={...D,...l},o.forEach(p=>p(D))}const n=Oe(()=>{D.isPressed||t({isPressed:!0})}),a=Oe(()=>{D.isPressed&&t({isPressed:!1})}),i=Ce(({target:l})=>{if(!l)return;const[p,y]=Ct(l);let m=!1;const u={target:y,zone:St(l)};p!==D.type&&(u.type=p,m=!0),u.zone!==D.zone&&(D.zone=u.zone,m=!0);const f=p==="pointer"&&y?y.getBoundingClientRect():null;if(f!==D.targetBoundingBox&&(u.targetBoundingBox=f,m=!0),p==="text"){const{fontSize:d}=window.getComputedStyle(l),k=d?parseInt(d):null;k!==D.fontSize&&(u.fontSize=k,m=!0)}else D.fontSize&&(u.fontSize=null,m=!0);m&&t(u)});function r(){typeof window>"u"||(window.addEventListener("pointerover",i),window.addEventListener("pointerdown",n),window.addEventListener("pointerup",a))}function c(){window.removeEventListener("pointerover",i),window.removeEventListener("pointerdown",n),window.removeEventListener("pointerup",a)}return{onChange:l=>(o.size||r(),o.add(l),()=>{o.delete(l),o.size||c()})}}function Bt(){return pe||(pe=bt()),pe}function be(){const o=e.ref({...D});return e.watch(o,()=>Bt().onChange(t=>{o.value=t}),{immediate:!0,flush:"post"}),o}let me=null;function Tt(){const o=new Set;function t(){o.forEach(r=>r.show())}function n(){o.forEach(r=>r.hide())}function a(){document.body.addEventListener("mouseenter",t),document.body.addEventListener("mouseleave",n)}function i(){document.body.removeEventListener("mouseenter",t),document.body.removeEventListener("mouseleave",n)}return{on:r=>typeof window>"u"?s.noop:(o.size||a(),o.add(r),()=>{o.delete(r),o.size===0&&i()})}}function Lt(){return me||(me=Tt()),me}function Ke(o){const t=e.ref(!0);return e.watch(t,()=>Lt().on({show:()=>{t.value||(o(),t.value=!0)},hide:()=>t.value=!1}),{immediate:!0}),t}const Ve={x:0,y:0},Pt={x:.5,y:.5},Et={duration:0},Mt={stiffness:1e3,damping:100},zt={duration:.15,ease:[.38,.12,.29,1]},Ne={magneticOptions:{morph:!0,padding:5,snap:.8}},De=17,Re=31,_e=4,$t=20;function ne(o,t,n){const a={width:(n==null?void 0:n.width)??o,height:(n==null?void 0:n.height)??t};return typeof a.width=="number"&&(a.width=`${a.width}px`),typeof a.height=="number"&&(a.height=`${a.height}px`),a}function Ot({type:o,state:t,hasChildren:n,style:a,isMagnetic:i,magneticOptions:r,matchTextSize:c}){const l=i&&t.targetBoundingBox;if(n&&!l)return ne("auto","auto",a);const{padding:p,morph:y}=r;switch(o){case"pointer":if(i&&y&&t.targetBoundingBox){const{width:m,height:u}=t.targetBoundingBox;return{width:`${m+p*2}px`,height:`${u+p*2}px`}}return ne(Re,Re,a);case"text":return c&&t.fontSize?{width:`${_e}px`,height:`${t.fontSize}px`}:ne(_e,$t,a);default:return ne(De,De,a)}}function Vt({x:o,y:t},n){const a=e.ref(o.prev!==void 0||t.prev!==void 0);return e.watch(a,()=>{if(a.value)return;const i=()=>{a.value=!0,n(),r()},r=s.pipe(o.on("change",i),t.on("change",i));return()=>r()},{immediate:!0}),a}function Nt(o,t,n){return s.useTransform(()=>s.mix(o.value.get(),t.get(),n.get()))}function Ae(o,t,n){const a=s.useSpring(0,{stiffness:600,damping:50}),i=s.useMotionValue(0),r=Nt(o,a,i);return e.watch(()=>n==null?void 0:n.value,(c,l)=>{c?(!l&&!i.isAnimating()?a.jump(c):a.set(c),s.animate(i,t.value||0)):s.animate(i,0)},{immediate:!0,flush:"sync"}),r}function Dt(o,t,n,a){const i=Ae(e.computed(()=>o.value.x),a,e.computed(()=>n.value.targetBoundingBox?n.value.targetBoundingBox.left+n.value.targetBoundingBox.width/2:void 0)),r=Ae(e.computed(()=>o.value.y),a,e.computed(()=>n.value.targetBoundingBox?n.value.targetBoundingBox.top+n.value.targetBoundingBox.height/2:void 0));return e.computed(()=>t.value?{x:i,y:r}:o.value)}const Rt=e.defineComponent({name:"Cursor",inheritAttrs:!1,__name:"Cursor",props:{follow:{type:Boolean,default:!1},center:{default:({follow:o})=>o?Ve:Pt},offset:{default:()=>Ve},spring:{type:[Boolean,Object],default:({follow:o})=>o?Mt:!1},matchTextSize:{type:Boolean,default:!0},magnetic:{type:[Boolean,Object],default:!1},transition:{},variants:{},style:{},show:{type:Boolean,default:!0}},setup(o){const t=o,{offset:n,magnetic:a}=e.toRefs(t),i=s.useReducedMotion();vt(()=>!i.value&&!t.follow);const r=Se(),c=xt(r,n),l=s.useSpring(c.x,t.spring||void 0),p=s.useSpring(c.y,t.spring||void 0),y=e.computed(()=>typeof t.magnetic=="object"?{...Ne.magneticOptions,...t.magnetic}:Ne.magneticOptions);function m(){const h=c.x.on("change",P=>{l.jump(P),h()}),L=c.y.on("change",P=>{p.jump(P),L()})}const u=be(),f=Ke(m),d=Dt(e.computed(()=>t.spring?{x:l,y:p}:r),e.computed(()=>!!a.value),u,e.computed(()=>y.value&&y.value.snap)),k=e.useSlots(),x=e.computed(()=>{var P,M;const h=(M=(P=k.default)==null?void 0:P.call(k))==null?void 0:M.filter(C=>C.type!==Symbol.for("v-cmt"));return Ot({type:u.value.type,state:u.value,hasChildren:!!(h!=null&&h.length),isMagnetic:!!t.magnetic,style:t.style,magneticOptions:y.value,matchTextSize:t.matchTextSize})}),g=Vt(r,m);function w(h){return(L,P)=>`translate(-${h.x*100}%, -${h.y*100}%) ${P}`}function v(){const{follow:h,center:L,offset:P,spring:M,matchTextSize:C,magnetic:z,...S}=t;return S}return(h,L)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.unref(g)?(e.openBlock(),e.createBlock(e.unref(s.LayoutGroup),{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(s.MotionConfig),{transition:e.unref(i)?e.unref(Et):h.transition||e.unref(zt)},{default:e.withCtx(()=>{var P,M;return[e.createVNode(e.unref(s.motion).div,e.mergeProps({layout:"","data-motion-cursor":h.follow?"follow":"pointer","data-framer-portal-id":"motion-cursor",initial:"exit",exit:"exit"},{...h.$attrs,...v()},{variants:{pressed:h.follow?{}:{scale:.9},...h.variants,default:{opacity:1,scale:1,...(P=h.variants)==null?void 0:P.default},exit:{opacity:0,scale:0,...(M=h.variants)==null?void 0:M.exit}},animate:["default",e.unref(u).type,e.unref(a)&&e.unref(u).targetBoundingBox?"magnetic":"",!e.unref(f)||!h.show?"exit":e.unref(u).isPressed?"pressed":""],"transform-template":w(h.center),style:{borderRadius:h.follow?0:20,zIndex:h.follow?99998:99999,willChange:"transform",contain:"layout",originX:h.center.x,originY:h.center.y,...h.style,width:x.value.width,height:x.value.height,x:e.unref(d).x,y:e.unref(d).y,top:0,left:0,position:"fixed",pointerEvents:"none"}}),{default:e.withCtx(()=>[e.createVNode(e.unref(s.AnimatePresence),null,{default:e.withCtx(()=>[e.renderSlot(h.$slots,"default")]),_:3})]),_:3},16,["data-motion-cursor","variants","animate","transform-template","style"])]}),_:3},8,["transition"])]),_:3})):e.createCommentVNode("",!0)]))}});function Fe(o,t,n){const a=s.useMotionValue(0),i=s.useMotionValue(0),r=s.useMotionValue(0);return e.watch(()=>n==null?void 0:n.value,c=>{if(typeof c=="number"){s.animate(r,1);const l=()=>{i.set(t*(o.get()-c))};return l(),o.on("change",l)}else s.animate(r,0)},{immediate:!0,flush:"post"}),s.useTransform(()=>s.mix(a.get(),i.get(),r.get()))}function _t(o,t=.1){const n=be(),a=Se(),i=e.computed(()=>n.value.targetBoundingBox&&n.value.target===o.value),r=Fe(a.x,t,e.computed(()=>i.value?n.value.targetBoundingBox.left+n.value.targetBoundingBox.width/2:void 0)),c=Fe(a.y,t,e.computed(()=>i.value?n.value.targetBoundingBox.top+n.value.targetBoundingBox.height/2:void 0));return{x:r,y:c}}const[At,Ft]=s.createContext("TickerItemContext"),[Be,jt]=s.createContext("TickerInfo");function Ge(o,t,n,a,i){return{sign:1,direction:i,lengthProp:t,viewportLengthProp:n,paddingStartProp:a,measureItem:r=>({start:r[o],end:r[o]+r[t]}),getCumulativeInset:r=>{let c=0,l=r;for(;l;)c+=l[o],l=l.offsetParent;return c}}}const qe=Ge("offsetLeft","offsetWidth","innerWidth","paddingLeft","right"),Ht=Ge("offsetTop","offsetHeight","innerHeight","paddingTop","bottom");function je(o,t){return((t==null?void 0:t.offsetWidth)??window.innerWidth)-(o.offsetLeft+o.offsetWidth)}const Wt={...qe,sign:-1,direction:"left",paddingStartProp:"paddingRight",measureItem:(o,t)=>{const n=o.offsetWidth,a=je(o,t);return{start:a,end:a+n}},getCumulativeInset:o=>{let t=0,n=o;for(;n;)t+=je(n,n.offsetParent),n=n.offsetParent;return t}};function G(o,t){return o==="y"?Ht:t==="ltr"?qe:Wt}const xe=e.defineComponent({__name:"TickerItem",props:{offset:{},axis:{},listSize:{default:0},bounds:{},numItems:{default:0},itemIndex:{},cloneIndex:{},alignItems:{},size:{default:"auto"},safeMargin:{},reproject:{type:Boolean,default:!0}},setup(o){const t=o,{state:n}=Be(),a=e.computed(()=>G(t.axis,n.direction).sign),i=s.useTransform(()=>{if(!t.reproject)return 0;const{offset:u,bounds:f,listSize:d,safeMargin:k}=t,{start:x,end:g}=f;if(!x&&!g||!d)return 0;const w=u.get();if(w*a.value+g<=-n.inset-k)return d*a.value;if(k>0){const v=n.visibleLength-k-n.inset;if(w*a.value+f.start>=v)return-d*a.value}return 0}),r=s.useTransform(()=>{const u=t.offset.get(),f=i.get();return!t.bounds.start&&!t.bounds.end||!t.listSize?0:u*a.value+t.bounds.start+f*a.value}),c=e.computed(()=>t.cloneIndex===void 0?{"aria-hidden":!1,"aria-posinset":t.itemIndex+1,"aria-setsize":t.numItems}:{"aria-hidden":!0}),l=e.computed(()=>{const u=t.size==="fill",f=t.alignItems==="stretch"?"100%":"fit-content";return{class:t.cloneIndex===void 0?"ticker-item":"clone-item",style:{flexGrow:0,flexShrink:0,position:"relative",flexBasis:u?"100%":void 0,display:u?"grid":void 0,gridTemplateColumns:u?"1fr":void 0,gridTemplateRows:u?"1fr":void 0,minWidth:u?0:void 0,minHeight:u?0:void 0,height:t.axis==="x"?f:void 0,width:t.axis==="y"?f:void 0,x:t.axis==="x"?i:0,y:t.axis==="y"?i:0},...c.value}}),{bounds:p,itemIndex:y,cloneIndex:m}=e.toRefs(t);return Ft({offset:r,bounds:p,projection:i,itemIndex:y,cloneIndex:m,props:l}),(u,f)=>u.size==="manual"?e.renderSlot(u.$slots,"default",{key:0}):(e.openBlock(),e.createBlock(e.unref(s.motion).li,e.normalizeProps(e.mergeProps({key:1},l.value)),{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default")]),_:3},16))}});function Xt(o,t,n,a,i){let r=!1;e.watch(o,(c,l,p)=>{if(!c)return;let y=!1;const m=new AbortController,u={signal:m.signal},f={...u,capture:!0},d=t.value==="x"?"scrollLeft":"scrollTop",k=t.value==="x"?"offsetLeft":"offsetTop",x=t.value==="x"?"ArrowLeft":"ArrowUp",g=t.value==="x"?"ArrowRight":"ArrowDown";let w=[],v=0;const h=async()=>{const B=w[v];B.focus(),await e.nextTick(),n.set(-B[k]),c[d]=0},L=B=>{if(B.key==="Tab"){B.preventDefault(),C();const $=Array.from(document.querySelectorAll('a, button, input, textarea, select, [tabindex]:not([tabindex="-1"]), [contenteditable="true"]')).filter(s.isHTMLElement);$.sort(Yt);const A=$[B.shiftKey?0:$.length-1],Y=B.shiftKey?$.length-1:0;if(c.contains(A)){$[Y].focus();return}else{const q=$.indexOf(w[v]),ae=B.shiftKey?-1:1;for(let W=q;W<$.length&&W>=0;W+=ae){const X=$[W];if(!c.contains(X)){X.focus();return}}}return}else B.key===x?v--:B.key===g&&v++;v=s.wrap(0,w.length,v),h()},P=()=>{r||(i(!0),r=!0,w=Array.from(c.querySelectorAll('.ticker-item a, .ticker-item button, .ticker-item input, .ticker-item textarea, .ticker-item select, .ticker-item [tabindex]:not([tabindex="-1"]), .ticker-item [contenteditable="true"]')).filter(s.isHTMLElement),v=0,h(),window.addEventListener("focus",M,f),window.addEventListener("blur",M,f),c.addEventListener("keydown",L,u))},M=B=>{(!B.target||!(B.target instanceof HTMLElement)||!c.contains(B.target))&&C()},C=()=>{r&&(r=!1,i(!1),a.value.set(n.get()),window.removeEventListener("focus",M),window.removeEventListener("blur",M),c.removeEventListener("keydown",L))},z=B=>{const{target:$}=B;s.isHTMLElement($)&&(r||P())},S=()=>{y||(y=!0,c.addEventListener("focus",z,f),window.addEventListener("pointermove",V,u))},V=()=>{y&&(y=!1,c.removeEventListener("focus",z,!0),window.removeEventListener("pointermove",V,u))},j=B=>{const A=B.target.closest('[aria-hidden="true"]');A&&A.removeAttribute("aria-hidden")};window.addEventListener("keydown",S,u),c.addEventListener("pointerdown",j,u),p(()=>{m.abort(),C()})},{flush:"post"})}function Yt(o,t){return o.tabIndex>=1&&t.tabIndex>=1?o.tabIndex-t.tabIndex:o.tabIndex>=1&&t.tabIndex<=0?-1:t.tabIndex>=1&&o.tabIndex<=0?1:0}const He={start:0,end:0},Kt={start:"flex-start",end:"flex-end"},Gt={duration:.2,ease:"linear"},qt={type:"spring",stiffness:400,damping:40};function Ut(o){return o.end-o.start}function Ue(o){return o.length?o[o.length-1].end-o[0].start:0}function Zt(o,t,n){const a=Ue(t),i=Math.max(...t.map(Ut));let r=0,c=0;for(;c<o;)c=(a+n)*(r+1)-i,r++;return Math.max(r-1,0)}function Ze(o=[]){var n;const t=[];for(const a of o)if(a.type!==e.Comment)if(a.type===e.Fragment){const i=Array.isArray(a.children)?a.children:(n=a.children)==null?void 0:n.default();t.push(...Ze(i))}else t.push(a);return t}function we(o){var n;const t=[];for(const a of o)if(a.type===e.Fragment){const i=Array.isArray(a.children)?a.children:(n=a.children)==null?void 0:n.default();t.push(...we(i))}else t.push(a);return t}function Je(o,t,n){const a=Math.floor(o/n),i=a*n;let r=0;for(let c=0;c<t.length;c++){const{end:l}=t[c];if(r=c,l+i>o)break}return r+a*t.length}function ke(o,t,n,a){var u;if(t.length===0)return 0;const r=t[t.length-1].end+n,c=a??o+(((u=t[0])==null?void 0:u.end)??0);let p=Je(o,t,r)+1,y=0,m=!1;for(;!m;){const{start:f,end:d}=t[s.wrap(0,t.length,p)],x=Math.floor(p/t.length)*r;y=f+x,d+x>c?m=!0:p++}return y}function Jt(o,t,n,a){const i=o+t;return ke(o,n,a,i)}function Ie(o,t,n,a,i){if(t.length===0)return 0;const c=t[t.length-1].end+n,l=a??o-(i??0);let y=Je(o,t,c),m=o,u=!1;for(;!u;){const{start:f,end:d}=t[s.wrap(0,t.length,y)],k=d-f,g=Math.floor(y/t.length)*c,w=f+g;l<=w+n||w>=o?(m=w,y--):l<=w?(m=w,u=!0):((i&&k>i||m===o&&l>=w)&&(m=w),u=!0)}return m}function Qt(o,t,n,a){const i=o-t;return Ie(o,n,a,i,t)}function We(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!e.isVNode(o)}const en=e.defineComponent({__name:"Ticker",props:{axis:{default:"x"},velocity:{default:50},hoverFactor:{default:1},gap:{default:10},align:{default:"center"},offset:{},itemSize:{default:"auto"},overflow:{type:Boolean,default:!1},loop:{type:Boolean,default:!0},safeMargin:{default:0},fade:{default:0},fadeTransition:{default:()=>Gt},pageTransition:{default:()=>qt},_dragX:{type:[Object,Boolean]},_dragY:{type:[Object,Boolean]},snap:{type:[String,Boolean]},as:{default:"div"},style:{},onDragEnd:{},drag:{type:[Boolean,String]},dragConstraints:{type:[Boolean,Object]},dragMomentum:{type:Boolean}},setup(o){const t=o,n=e.reactive({direction:"ltr",visibleLength:0,inset:0,totalItemLength:0,containerLength:0,itemPositions:[],isMeasured:!1,maxInset:null}),a=e.computed(()=>Kt[t.align]||t.align),i=e.computed(()=>G(t.axis,n.direction).sign),r=e.ref(!1),c=s.useMotionValue(1),l=s.useMotionValue(0),p=e.computed(()=>t.offset??l),y=s.useTransform(()=>n.direction==="rtl"?s.wrap(n.totalItemLength+t.gap+n.inset,n.inset,p.value.get()):s.wrap(-n.totalItemLength-t.gap-n.inset,-n.inset,p.value.get())),m=s.useMotionValue(0),u=e.computed(()=>r.value?m:t.loop?y:p.value),f=s.useDomRef(),d=s.useDomRef(),k=s.useInView(f,{margin:"100px"}),x=s.usePageInView(),g=e.computed(()=>k.value&&x.value),w=s.useReducedMotion(),v=e.useSlots(),h=e.computed(()=>{var I;return Ze((I=v.default)==null?void 0:I.call(v))});function L(){if(!f.value||!d.value)return;const I=window.getComputedStyle(f.value).direction,{measureItem:E,lengthProp:b,viewportLengthProp:T,getCumulativeInset:N}=G(t.axis,I),{safeMargin:O,overflow:_,loop:K}=t,U=S.value==="x"?"paddingLeft":"paddingTop",ie=S.value==="x"?"paddingRight":"paddingBottom",se=f.value,Z=d.value.querySelectorAll(".ticker-item");if(!Z.length)return;let Pe=!1;const J=[];for(let Q=0;Q<Z.length;Q++){const fe=E(Z[Q],se);J.push(fe);const de=n.itemPositions[Q];(!de||fe.start!==de.start||fe.end!==de.end)&&(Pe=!0)}const le=Math.min(se[b],window[T]);let ue=t.overflow?window[T]:le;O>0&&(ue+=O*2);const ce=Ue(J),Ee=window.getComputedStyle(se),Me=parseInt(Ee[U]??0),ot=parseInt(Ee[ie]??0),ze=_?N(Z[0]):Me,at=K===!1?Math.max(0,ce-le+Me+ot):null;(ue!==n.visibleLength||ce!==n.totalItemLength||ze!==n.inset||n.itemPositions.length!==J.length||Pe)&&(n.direction=I,n.visibleLength=ue,n.itemPositions=J,n.totalItemLength=ce,n.inset=ze,n.containerLength=le,n.maxInset=at,n.isMeasured=!0)}e.watch([h,g,()=>t.overflow],(I,E,b)=>{if(!g.value||!f.value)return;L();const T=t.overflow?s.resize(L):void 0,N=s.resize(f.value,L);b(()=>{T==null||T(),N()})},{immediate:!0,flush:"post"});const P=e.computed(()=>n.totalItemLength>0);s.useAnimationFrame((I,E)=>{if(P.value&&g.value&&p.value===l&&!w.value){const b=E/1e3*(t.velocity*i.value*c.get());p.value.set(p.value.get()-b)}});const M=e.computed(()=>!P.value||!n.visibleLength?0:Zt(n.visibleLength,n.itemPositions,t.gap)),C=e.computed(()=>n.totalItemLength===0?0:(n.totalItemLength+t.gap)*(M.value+1)),z=e.computed(()=>{if(!t.loop)return[];const I=[];for(let E=0;E<M.value;E++){const b=[];h.value.forEach((N,O)=>{let _;const K=n.itemPositions[O],U=(n.totalItemLength+t.gap)*(E+1),ie=K?{start:K.start+U,end:K.end+U}:He;b.push(e.createVNode(xe,{key:`clone-${E}-${O}`,offset:u.value,axis:t.axis,listSize:C.value,itemIndex:O,cloneIndex:O,bounds:ie,alignItems:a.value,size:t.itemSize,safeMargin:t.safeMargin,numItems:h.value.length},We(_=we([N]))?_:{default:()=>[_]}))});const T=`ticker-group-${E}`;I.push(e.createVNode(s.LayoutGroup,{key:T,id:T},We(b)?b:{default:()=>[b]}))}return I}),S=e.toRef(t,"axis");Xt(f,S,m,p,I=>{r.value=I});const V={display:"flex",position:"relative"},j={display:"flex",position:"relative",willChange:"transform",listStyleType:"none",padding:0,margin:0,justifyContent:"flex-start"};function B(I){return n.maxInset!==null?s.clamp(-n.maxInset,0,I):I}jt({state:n,gap:e.computed(()=>t.gap),clampOffset:B,renderedOffset:u});const $=e.computed(()=>t.axis==="x"?t==null?void 0:t._dragX:t==null?void 0:t._dragY);let A=null;const Y=e.computed(()=>n.maxInset!==null?S.value==="x"?i.value>0?{left:n.maxInset*-1,right:0}:{right:n.maxInset,left:0}:{top:n.maxInset*-1,bottom:0}:{});function q(){A&&(A.stop(),A=null)}const ae=e.computed(()=>!t.onDragEnd&&t.drag&&$?()=>{$.value.jump(p.value.get()),q()}:t.onPointerDown),W=e.computed(()=>!t.onDragEnd&&t.drag&&$?(I,{velocity:E})=>{const b=p.value.get();q(),s.frame.postRender(()=>{let T=b+E[S.value]*(t.snap?.3:.8);if(t.snap)if(E[S.value]<0)T=-ke(-b,n.itemPositions,t.gap,-T);else if(E[S.value]>0)T=-Ie(-b,n.itemPositions,t.gap,-T,n.containerLength);else{const O=-ke(-b,n.itemPositions,t.gap,-b),_=-Ie(-b,n.itemPositions,t.gap,-b,n.containerLength);T=Math.abs(b-O)<Math.abs(b-_)?O:_}const N=t.loop?{}:i.value>0?{max:0,min:Y.value[S.value==="x"?"left":"top"]}:{min:0,max:Y.value.right};A=s.animate($,B(T*i.value)*i.value,t.snap?t.pageTransition:{type:"inertia",velocity:E[S.value],modifyTarget:()=>T,bounceDamping:40,bounceStiffness:400,...N})})}:t.onDragEnd),X=s.useMotionValue(t.loop?0:1),re=s.useMotionValue(0),tt=e.computed(()=>G(S.value,n.direction)),Te=e.computed(()=>typeof t.fade=="number"?"px":""),Le=s.useTransform(()=>`linear-gradient(to ${tt.value.direction}, rgba(0,0,0,${X.get()}) 0px, black ${t.fade}${Te.value}, black calc(100% - ${t.fade}${Te.value}), rgba(0,0,0,${re.get()}) 100%)`),nt=e.computed(()=>t.fade?{maskImage:Le,WebkitMaskImage:Le}:{}),F={start:!0,end:!1};return e.watch(u,(I,E,b)=>{const T=O=>{if(n.maxInset===null)return;const _=n.maxInset*-1;O*=i.value,O<0?F.start&&(s.animate(X,0,t.fadeTransition),F.start=!1):F.start||(s.animate(X,1,t.fadeTransition),F.start=!0),O>_?F.end&&(s.animate(re,0,t.fadeTransition),F.end=!1):F.end||(s.animate(re,1,t.fadeTransition),F.end=!0)};let N=()=>{};I&&(N=I.on("change",T)),b(N)},{immediate:!0}),(I,E)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(s.Motion),e.mergeProps(I.$attrs,{ref_key:"containerRef",ref:f,as:I.as,style:{overflowX:!I.overflow&&S.value==="x"?"clip":void 0,overflowY:!I.overflow&&S.value==="y"?"clip":void 0,...V,...t.style,...nt.value},drag:I.drag,_dragX:I._dragX,_dragY:I._dragY,"drag-constraints":Y.value,"drag-momentum":I.dragMomentum,onPointerenter:E[0]||(E[0]=()=>{e.unref(s.animate)(e.unref(c),I.hoverFactor)}),onPointerleave:E[1]||(E[1]=()=>{e.unref(s.animate)(e.unref(c),1)}),onPointerdown:ae.value,onDragEnd:W.value}),{default:e.withCtx(()=>[e.createVNode(e.unref(s.motion).ul,{ref_key:"listRef",ref:d,role:"group",style:e.normalizeStyle({...j,flexDirection:S.value==="x"?"row":"column",gap:`${I.gap}px`,x:S.value==="x"?u.value:0,y:S.value==="y"?u.value:0,opacity:P.value?1:0,alignItems:a.value,willChange:P.value&&g.value?"transform":void 0,width:"100%",height:"100%",maxHeight:"100%",maxWidth:"100%"})},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(b,T)=>(e.openBlock(),e.createBlock(xe,{key:`original-${T}`,axis:S.value,offset:u.value,"list-size":C.value,"item-index":T,bounds:n.itemPositions[T]??e.unref(He),"align-items":a.value,size:I.itemSize,reproject:I.loop,"safe-margin":I.safeMargin,"num-items":h.value.length},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(we)([b]),(N,O)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(N),{key:O}))),128))]),_:2},1032,["axis","offset","list-size","item-index","bounds","align-items","size","reproject","safe-margin","num-items"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.value,b=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b),{key:b.key}))),128))]),_:1},8,["style"])]),_:1},16,["as","style","drag","_dragX","_dragY","drag-constraints","drag-momentum","onPointerdown","onDragEnd"]),e.renderSlot(I.$slots,"after")],64))}}),Qe=en,tn={slow:130,normal:75,fast:30},nn=e.defineComponent({__name:"Typewriter",props:e.mergeDefaults({as:{},speed:{},variance:{},play:{type:Boolean},cursorClassName:{},cursorStyle:{},textClassName:{},textStyle:{},cursorBlinkDuration:{},onComplete:{type:Function},replace:{},backspace:{},backspaceFactor:{}},{as:"span",speed:"normal",variance:"natural",cursorClassName:"motion-typewriter-cursor",play:!0,cursorBlinkDuration:.5,replace:"type",backspace:"character",backspaceFactor:.2}),setup(o){const t=o,n=e.useSlots();function a(){var k;return(((k=n==null?void 0:n.default)==null?void 0:k.call(n))??[]).map(x=>typeof x.children=="string"?x.children:"").join("")}let i=a();const r=s.useMotionValue("");e.watchEffect(()=>{const d=a();t.replace==="all"&&d!==i&&r.set(""),i=d});const c=e.ref();let l=null;const p=e.computed(()=>typeof t.speed=="number"?t.speed:tn[t.speed]);function y(){c.value&&(l=s.animate(c.value,{opacity:[1,1,0,0]},{duration:t.cursorBlinkDuration,times:[0,.5,.5,1],ease:"linear",repeat:1/0,repeatType:"reverse"}))}let m=null;function u(){m==null||m(),m=null}function f(){if(!t.play){y(),u();return}l==null||l.cancel();const d=a(),k=()=>{var w;const g=ge.getNextText(r.get(),d,t.replace,t.backspace);r.set(g),g!==d?x():(y(),(w=t.onComplete)==null||w.call(t))},x=()=>{m=s.delayInMs(k,ge.getTypewriterDelay(d,r.get(),p.value,t.variance,t.backspaceFactor))};m||x()}return e.watchEffect(d=>{f(),d(u)}),e.onMounted(()=>{f()}),(d,k)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-label":e.unref(i)},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(t.textClassName),style:e.normalizeStyle(t.textStyle)},[e.createVNode(e.unref(s.RowValue),{value:e.unref(r)},null,8,["value"])],6),e.createElementVNode("span",{ref_key:"cursorRef",ref:c,class:e.normalizeClass(t.cursorClassName),style:e.normalizeStyle({display:"inline-block",width:"2px",height:"1em",backgroundColor:"currentColor",position:"relative",top:"0.1em",left:"0.2em",...t.cursorStyle})},null,6)]),_:1},8,["aria-label"]))}}),[on,an]=s.createContext("CarouselContext"),rn={type:"spring",stiffness:200,damping:40},sn={type:"spring",stiffness:80,damping:10};function et(o,t,n,a=!0){const i={insets:[],visibleLength:t};if(o.length===0)return i;const r=[o[0].start];for(let c=1;c<o.length;c++){const{start:l,end:p}=o[c];if(r[r.length-1]+t<p)if(n!==null)if(l<=n)r.push(l);else{r.push(n);break}else r.push(l)}if(a&&n!==null&&r.length>1){const c=r[r.length-1],l=[];for(let m=0;m<r.length-1;m++)l.push(r[m+1]-r[m]);const p=l.reduce((m,u)=>m+u,0)/l.length;if(n-c<p*.5){const m=et(o,t*.75,n,!1);if(m.insets.length===r.length)return m}}return{insets:r,visibleLength:t}}function ln(o,t,n,a){const i=-o,r=a===null?Math.floor(i/n):0,c=r*n;for(let l=t.length-1;l>=0;l--){const p=t[l]+c,y=s.wrap(0,t.length,l-1),u=(l===0?r-1:r)*n,f=t[y]+u,d=(p-f)/2,k=s.wrap(0,t.length,l+1),g=(l===t.length-1?r+1:r)*n,w=t[k]+g,v=(w-p)/2;if(i<w-v&&i>=f+d)return l}return 0}const un=e.defineComponent({__name:"CarouselView",props:{offset:{},targetOffset:{},tugOffset:{},loop:{type:Boolean},transition:{},axis:{default:"x"},snap:{type:[String,Boolean],default:"page"},tickerRef:{}},setup(o){const t=o;let n=!0;const{state:a,gap:i,clampOffset:r}=Be(),c=e.computed(()=>a.totalItemLength+i.value),l=e.computed(()=>et(a.itemPositions,a.containerLength,a.maxInset)),p=e.computed(()=>l.value.insets.length),y=e.computed(()=>G(t.axis,a.direction).sign);function m(C){const z=ln(C*y.value,l.value.insets,c.value,a.maxInset),S=t.loop?!0:C*-y.value<a.maxInset,V=t.loop?!0:C*-y.value>0;return{current:z,isNextActive:S,isPrevActive:V}}const u=e.ref(m(t.targetOffset.get()));function f(){const C=m(t.targetOffset.get());(C.current!==u.value.current||C.isNextActive!==u.value.isNextActive||C.isPrevActive!==u.value.isPrevActive)&&(u.value=C)}e.watch([()=>a.containerLength,()=>a.totalItemLength],f,{immediate:!0,flush:"post"}),s.useMotionValueEvent(t.targetOffset,"change",C=>{t.offset.set(C),f()});let d=null;function k(){d&&(d.stop(),d=null)}e.onMounted(()=>{t.offset.attach((C,z)=>{k(),n?z(C):d=new s.JSAnimation({keyframes:[t.offset.get(),C],velocity:s.clamp(-2e3,2e3,t.offset.getVelocity()),...t.transition,onUpdate:z,onComplete:()=>{d=null}}),n=!0},k)});function x(C){const z=r(C);t.targetOffset.stop(),n=!1,t.targetOffset.set(z*y.value)}function g(C,z){const S=-C(-t.targetOffset.get()*y.value,l.value.visibleLength,a.itemPositions,i.value),V=r(S);V*y.value===t.targetOffset.get()?s.animate(t.tugOffset,0,{velocity:z*y.value*400,...sn}):x(V)}const w=()=>g(Jt,-1),v=()=>g(Qt,1);function h(C){const S=(t.loop?Math.floor(-t.targetOffset.get()*y.value/c.value):0)*-c.value;x(-l.value.insets[C]+S)}const{axis:L,snap:P,offset:M}=e.toRefs(t);return e.watch([L,P,M,y,()=>t.tickerRef],(C,z,S)=>{t.tickerRef&&S(ge.wheel(t.tickerRef,{axis:L.value,onSwipe:P.value?V=>{V*y.value===1?w():v()}:void 0,onWheel:V=>{const j=M.value.get()+V,B=y.value>0?r(j):s.clamp(0,a.maxInset,j);t.targetOffset.jump(a.maxInset?B:j)}}))},{immediate:!0,flush:"post"}),an({paginationState:u,totalPages:p,nextPage:w,prevPage:v,gotoPage:h,targetOffset:t.targetOffset}),(C,z)=>e.renderSlot(C.$slots,"default")}}),cn=e.defineComponent({name:"Carousel",inheritAttrs:!1,__name:"Carousel",props:{snap:{type:[String,Boolean],default:"page"},transition:{default:()=>({...rn})},axis:{default:"x"},gap:{},align:{},itemSize:{},overflow:{type:Boolean},loop:{type:Boolean,default:!0},safeMargin:{},fade:{},fadeTransition:{},pageTransition:{},_dragX:{type:[Object,Boolean]},_dragY:{type:[Object,Boolean]},as:{},style:{},onDragEnd:{},drag:{type:[Boolean,String]},dragConstraints:{type:[Boolean,Object]},dragMomentum:{type:Boolean}},setup(o){const t=o,n=s.useMotionValue(0),a=s.useMotionValue(0),i=s.useMotionValue(0),r=s.useTransform(()=>i.get()+a.get()),c=s.useDomRef();return(l,p)=>(e.openBlock(),e.createBlock(e.unref(Qe),e.mergeProps({...t,...l.$attrs},{ref_key:"tickerRef",ref:c,role:"region","aria-roledescription":"carousel",offset:e.unref(r),loop:l.loop,axis:l.axis,drag:l.axis,"_drag-x":l.axis==="x"?e.unref(n):!1,"_drag-y":l.axis==="y"?e.unref(n):!1,snap:l.snap,"page-transition":l.transition}),{after:e.withCtx(()=>[e.createVNode(un,{"ticker-ref":e.unref(c),loop:l.loop,offset:e.unref(a),"tug-offset":e.unref(i),"target-offset":e.unref(n),transition:l.transition,snap:l.snap,axis:l.axis},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"after")]),_:3},8,["ticker-ref","loop","offset","tug-offset","target-offset","transition","snap","axis"])]),default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16,["offset","loop","axis","drag","_drag-x","_drag-y","snap","page-transition"]))}});exports.AnimateNumber=gt;exports.Carousel=cn;exports.Cursor=Rt;exports.Ticker=Qe;exports.TickerItem=xe;exports.Typewriter=nn;exports.useCarousel=on;exports.useCursorIsInView=Ke;exports.useCursorState=be;exports.useMagneticPull=_t;exports.usePointerPosition=Se;exports.useTicker=Be;exports.useTickerItem=At;
9
+ `,document.head.appendChild(o),()=>{document.head.removeChild(o)}}function vt(o){e.watch(o,(t,n,a)=>{const i=t?yt():s.noop;return a(()=>{i()})},{immediate:!0,flush:"post"})}function Ce(o){return t=>{t.pointerType==="mouse"&&o(t)}}function Oe(o){return Ce(t=>{t.button===0&&o(t)})}let oe,he;function ht(){oe=s.motionValue(0),he=s.motionValue(0);let o=0,t=0;function n(){oe.set(o),he.set(t)}typeof window<"u"&&window.addEventListener("pointermove",Ce(a=>{o=a.clientX,t=a.clientY,s.frame.update(n)}))}function Se(){return oe||ht(),{x:oe,y:he}}function xt(o,t){return{x:s.useTransform(()=>o.x.get()+t.value.x),y:s.useTransform(()=>o.y.get()+t.value.y)}}function wt(o){return o.closest("[data-cursor]")}function kt(o){return o.closest('a, button, input[type="button"]:not(:disabled)')}function It(o){return window.getComputedStyle(o).userSelect==="none"?null:o.closest("p, textarea:not(:disabled), input[type='text']:not(:disabled), h1, h2, h3, h4, h5, h6")}function Ct(o){let t=wt(o);return t?[t.dataset.cursor,t]:(t=kt(o),t?["pointer",t]:(t=It(o),t?["text",t]:["default",null]))}let pe=null,D={type:"default",isPressed:!1,fontSize:null,targetBoundingBox:null,target:null,zone:null};function St(o){let t=null;if("closest"in o){const n=o.closest("[data-cursor-zone]");n instanceof HTMLElement&&(t=n.dataset.cursorZone||null)}return t}function bt(){if(typeof window>"u")return{onChange:()=>()=>{}};const o=new Set;function t(l){D={...D,...l},o.forEach(p=>p(D))}const n=Oe(()=>{D.isPressed||t({isPressed:!0})}),a=Oe(()=>{D.isPressed&&t({isPressed:!1})}),i=Ce(({target:l})=>{if(!l)return;const[p,y]=Ct(l);let m=!1;const u={target:y,zone:St(l)};p!==D.type&&(u.type=p,m=!0),u.zone!==D.zone&&(D.zone=u.zone,m=!0);const f=p==="pointer"&&y?y.getBoundingClientRect():null;if(f!==D.targetBoundingBox&&(u.targetBoundingBox=f,m=!0),p==="text"){const{fontSize:d}=window.getComputedStyle(l),k=d?parseInt(d):null;k!==D.fontSize&&(u.fontSize=k,m=!0)}else D.fontSize&&(u.fontSize=null,m=!0);m&&t(u)});function r(){typeof window>"u"||(window.addEventListener("pointerover",i),window.addEventListener("pointerdown",n),window.addEventListener("pointerup",a))}function c(){window.removeEventListener("pointerover",i),window.removeEventListener("pointerdown",n),window.removeEventListener("pointerup",a)}return{onChange:l=>(o.size||r(),o.add(l),()=>{o.delete(l),o.size||c()})}}function Bt(){return pe||(pe=bt()),pe}function be(){const o=e.ref({...D});return e.watch(o,()=>Bt().onChange(t=>{o.value=t}),{immediate:!0,flush:"post"}),o}let me=null;function Tt(){const o=new Set;function t(){o.forEach(r=>r.show())}function n(){o.forEach(r=>r.hide())}function a(){document.body.addEventListener("mouseenter",t),document.body.addEventListener("mouseleave",n)}function i(){document.body.removeEventListener("mouseenter",t),document.body.removeEventListener("mouseleave",n)}return{on:r=>typeof window>"u"?s.noop:(o.size||a(),o.add(r),()=>{o.delete(r),o.size===0&&i()})}}function Lt(){return me||(me=Tt()),me}function Ke(o){const t=e.ref(!0);return e.watch(t,()=>Lt().on({show:()=>{t.value||(o(),t.value=!0)},hide:()=>t.value=!1}),{immediate:!0}),t}const Ve={x:0,y:0},Pt={x:.5,y:.5},Et={duration:0},Mt={stiffness:1e3,damping:100},zt={duration:.15,ease:[.38,.12,.29,1]},Ne={magneticOptions:{morph:!0,padding:5,snap:.8}},De=17,Re=31,_e=4,$t=20;function ne(o,t,n){const a={width:(n==null?void 0:n.width)??o,height:(n==null?void 0:n.height)??t};return typeof a.width=="number"&&(a.width=`${a.width}px`),typeof a.height=="number"&&(a.height=`${a.height}px`),a}function Ot({type:o,state:t,hasChildren:n,style:a,isMagnetic:i,magneticOptions:r,matchTextSize:c}){const l=i&&t.targetBoundingBox;if(n&&!l)return ne("auto","auto",a);const{padding:p,morph:y}=r;switch(o){case"pointer":if(i&&y&&t.targetBoundingBox){const{width:m,height:u}=t.targetBoundingBox;return{width:`${m+p*2}px`,height:`${u+p*2}px`}}return ne(Re,Re,a);case"text":return c&&t.fontSize?{width:`${_e}px`,height:`${t.fontSize}px`}:ne(_e,$t,a);default:return ne(De,De,a)}}function Vt({x:o,y:t},n){const a=e.ref(o.prev!==void 0||t.prev!==void 0);return e.watch(a,()=>{if(a.value)return;const i=()=>{a.value=!0,n(),r()},r=s.pipe(o.on("change",i),t.on("change",i));return()=>r()},{immediate:!0}),a}function Nt(o,t,n){return s.useTransform(()=>s.mix(o.value.get(),t.get(),n.get()))}function Ae(o,t,n){const a=s.useSpring(0,{stiffness:600,damping:50}),i=s.useMotionValue(0),r=Nt(o,a,i);return e.watch(()=>n==null?void 0:n.value,(c,l)=>{c?(!l&&!i.isAnimating()?a.jump(c):a.set(c),s.animate(i,t.value||0)):s.animate(i,0)},{immediate:!0,flush:"sync"}),r}function Dt(o,t,n,a){const i=Ae(e.computed(()=>o.value.x),a,e.computed(()=>n.value.targetBoundingBox?n.value.targetBoundingBox.left+n.value.targetBoundingBox.width/2:void 0)),r=Ae(e.computed(()=>o.value.y),a,e.computed(()=>n.value.targetBoundingBox?n.value.targetBoundingBox.top+n.value.targetBoundingBox.height/2:void 0));return e.computed(()=>t.value?{x:i,y:r}:o.value)}const Rt=e.defineComponent({name:"Cursor",inheritAttrs:!1,__name:"Cursor",props:{follow:{type:Boolean,default:!1},center:{default:({follow:o})=>o?Ve:Pt},offset:{default:()=>Ve},spring:{type:[Boolean,Object],default:({follow:o})=>o?Mt:!1},matchTextSize:{type:Boolean,default:!0},magnetic:{type:[Boolean,Object],default:!1},transition:{},variants:{},style:{},show:{type:Boolean,default:!0}},setup(o){const t=o,{offset:n,magnetic:a}=e.toRefs(t),i=s.useReducedMotion();vt(()=>!i.value&&!t.follow);const r=Se(),c=xt(r,n),l=s.useSpring(c.x,t.spring||void 0),p=s.useSpring(c.y,t.spring||void 0),y=e.computed(()=>typeof t.magnetic=="object"?{...Ne.magneticOptions,...t.magnetic}:Ne.magneticOptions);function m(){const h=c.x.on("change",P=>{l.jump(P),h()}),L=c.y.on("change",P=>{p.jump(P),L()})}const u=be(),f=Ke(m),d=Dt(e.computed(()=>t.spring?{x:l,y:p}:r),e.computed(()=>!!a.value),u,e.computed(()=>y.value&&y.value.snap)),k=e.useSlots(),x=e.computed(()=>{var P,M;const h=(M=(P=k.default)==null?void 0:P.call(k))==null?void 0:M.filter(C=>C.type!==Symbol.for("v-cmt"));return Ot({type:u.value.type,state:u.value,hasChildren:!!(h!=null&&h.length),isMagnetic:!!t.magnetic,style:t.style,magneticOptions:y.value,matchTextSize:t.matchTextSize})}),g=Vt(r,m);function w(h){return(L,P)=>`translate(-${h.x*100}%, -${h.y*100}%) ${P}`}function v(){const{follow:h,center:L,offset:P,spring:M,matchTextSize:C,magnetic:z,...S}=t;return S}return(h,L)=>(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[e.unref(g)?(e.openBlock(),e.createBlock(e.unref(s.LayoutGroup),{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(s.MotionConfig),{transition:e.unref(i)?e.unref(Et):h.transition||e.unref(zt)},{default:e.withCtx(()=>{var P,M;return[e.createVNode(e.unref(s.motion).div,e.mergeProps({layout:"","data-motion-cursor":h.follow?"follow":"pointer","data-framer-portal-id":"motion-cursor",initial:"exit",exit:"exit"},{...h.$attrs,...v()},{variants:{pressed:h.follow?{}:{scale:.9},...h.variants,default:{opacity:1,scale:1,...(P=h.variants)==null?void 0:P.default},exit:{opacity:0,scale:0,...(M=h.variants)==null?void 0:M.exit}},animate:["default",e.unref(u).type,e.unref(a)&&e.unref(u).targetBoundingBox?"magnetic":"",!e.unref(f)||!h.show?"exit":e.unref(u).isPressed?"pressed":""],"transform-template":w(h.center),style:{borderRadius:h.follow?0:20,zIndex:h.follow?99998:99999,willChange:"transform",contain:"layout",originX:h.center.x,originY:h.center.y,...h.style,width:x.value.width,height:x.value.height,x:e.unref(d).x,y:e.unref(d).y,top:0,left:0,position:"fixed",pointerEvents:"none"}}),{default:e.withCtx(()=>[e.createVNode(e.unref(s.AnimatePresence),null,{default:e.withCtx(()=>[e.renderSlot(h.$slots,"default")]),_:3})]),_:3},16,["data-motion-cursor","variants","animate","transform-template","style"])]}),_:3},8,["transition"])]),_:3})):e.createCommentVNode("",!0)]))}});function Fe(o,t,n){const a=s.useMotionValue(0),i=s.useMotionValue(0),r=s.useMotionValue(0);return e.watch(()=>n==null?void 0:n.value,c=>{if(typeof c=="number"){s.animate(r,1);const l=()=>{i.set(t*(o.get()-c))};return l(),o.on("change",l)}else s.animate(r,0)},{immediate:!0,flush:"post"}),s.useTransform(()=>s.mix(a.get(),i.get(),r.get()))}function _t(o,t=.1){const n=be(),a=Se(),i=e.computed(()=>n.value.targetBoundingBox&&n.value.target===o.value),r=Fe(a.x,t,e.computed(()=>i.value?n.value.targetBoundingBox.left+n.value.targetBoundingBox.width/2:void 0)),c=Fe(a.y,t,e.computed(()=>i.value?n.value.targetBoundingBox.top+n.value.targetBoundingBox.height/2:void 0));return{x:r,y:c}}const[At,Ft]=s.createContext("TickerItemContext"),[Be,jt]=s.createContext("TickerInfo");function Ge(o,t,n,a,i){return{sign:1,direction:i,lengthProp:t,viewportLengthProp:n,paddingStartProp:a,measureItem:r=>({start:r[o],end:r[o]+r[t]}),getCumulativeInset:r=>{let c=0,l=r;for(;l;)c+=l[o],l=l.offsetParent;return c}}}const qe=Ge("offsetLeft","offsetWidth","innerWidth","paddingLeft","right"),Ht=Ge("offsetTop","offsetHeight","innerHeight","paddingTop","bottom");function je(o,t){return((t==null?void 0:t.offsetWidth)??window.innerWidth)-(o.offsetLeft+o.offsetWidth)}const Wt={...qe,sign:-1,direction:"left",paddingStartProp:"paddingRight",measureItem:(o,t)=>{const n=o.offsetWidth,a=je(o,t);return{start:a,end:a+n}},getCumulativeInset:o=>{let t=0,n=o;for(;n;)t+=je(n,n.offsetParent),n=n.offsetParent;return t}};function G(o,t){return o==="y"?Ht:t==="ltr"?qe:Wt}const xe=e.defineComponent({__name:"TickerItem",props:{offset:{},axis:{},listSize:{default:0},bounds:{},numItems:{default:0},itemIndex:{},cloneIndex:{},alignItems:{},size:{default:"auto"},safeMargin:{},reproject:{type:Boolean,default:!0}},setup(o){const t=o,{state:n}=Be(),a=e.computed(()=>G(t.axis,n.direction).sign),i=s.useTransform(()=>{if(!t.reproject)return 0;const{offset:u,bounds:f,listSize:d,safeMargin:k}=t,{start:x,end:g}=f;if(!x&&!g||!d)return 0;const w=u.get();if(w*a.value+g<=-n.inset-k)return d*a.value;if(k>0){const v=n.visibleLength-k-n.inset;if(w*a.value+f.start>=v)return-d*a.value}return 0}),r=s.useTransform(()=>{const u=t.offset.get(),f=i.get();return!t.bounds.start&&!t.bounds.end||!t.listSize?0:u*a.value+t.bounds.start+f*a.value}),c=e.computed(()=>t.cloneIndex===void 0?{"aria-hidden":!1,"aria-posinset":t.itemIndex+1,"aria-setsize":t.numItems}:{"aria-hidden":!0}),l=e.computed(()=>{const u=t.size==="fill",f=t.alignItems==="stretch"?"100%":"fit-content";return{class:t.cloneIndex===void 0?"ticker-item":"clone-item",style:{flexGrow:0,flexShrink:0,position:"relative",flexBasis:u?"100%":void 0,display:u?"grid":void 0,gridTemplateColumns:u?"1fr":void 0,gridTemplateRows:u?"1fr":void 0,minWidth:u?0:void 0,minHeight:u?0:void 0,height:t.axis==="x"?f:void 0,width:t.axis==="y"?f:void 0,x:t.axis==="x"?i:0,y:t.axis==="y"?i:0},...c.value}}),{bounds:p,itemIndex:y,cloneIndex:m}=e.toRefs(t);return Ft({offset:r,bounds:p,projection:i,itemIndex:y,cloneIndex:m,props:l}),(u,f)=>u.size==="manual"?e.renderSlot(u.$slots,"default",{key:0}):(e.openBlock(),e.createBlock(e.unref(s.motion).li,e.normalizeProps(e.mergeProps({key:1},l.value)),{default:e.withCtx(()=>[e.renderSlot(u.$slots,"default")]),_:3},16))}});function Xt(o,t,n,a,i){let r=!1;e.watch(o,(c,l,p)=>{if(!c)return;let y=!1;const m=new AbortController,u={signal:m.signal},f={...u,capture:!0},d=t.value==="x"?"scrollLeft":"scrollTop",k=t.value==="x"?"offsetLeft":"offsetTop",x=t.value==="x"?"ArrowLeft":"ArrowUp",g=t.value==="x"?"ArrowRight":"ArrowDown";let w=[],v=0;const h=async()=>{const B=w[v];B.focus(),await e.nextTick(),n.set(-B[k]),c[d]=0},L=B=>{if(B.key==="Tab"){B.preventDefault(),C();const $=Array.from(document.querySelectorAll('a, button, input, textarea, select, [tabindex]:not([tabindex="-1"]), [contenteditable="true"]')).filter(s.isHTMLElement);$.sort(Yt);const A=$[B.shiftKey?0:$.length-1],Y=B.shiftKey?$.length-1:0;if(c.contains(A)){$[Y].focus();return}else{const q=$.indexOf(w[v]),ae=B.shiftKey?-1:1;for(let W=q;W<$.length&&W>=0;W+=ae){const X=$[W];if(!c.contains(X)){X.focus();return}}}return}else B.key===x?v--:B.key===g&&v++;v=s.wrap(0,w.length,v),h()},P=()=>{r||(i(!0),r=!0,w=Array.from(c.querySelectorAll('.ticker-item a, .ticker-item button, .ticker-item input, .ticker-item textarea, .ticker-item select, .ticker-item [tabindex]:not([tabindex="-1"]), .ticker-item [contenteditable="true"]')).filter(s.isHTMLElement),v=0,h(),window.addEventListener("focus",M,f),window.addEventListener("blur",M,f),c.addEventListener("keydown",L,u))},M=B=>{(!B.target||!(B.target instanceof HTMLElement)||!c.contains(B.target))&&C()},C=()=>{r&&(r=!1,i(!1),a.value.set(n.get()),window.removeEventListener("focus",M),window.removeEventListener("blur",M),c.removeEventListener("keydown",L))},z=B=>{const{target:$}=B;s.isHTMLElement($)&&(r||P())},S=()=>{y||(y=!0,c.addEventListener("focus",z,f),window.addEventListener("pointermove",V,u))},V=()=>{y&&(y=!1,c.removeEventListener("focus",z,!0),window.removeEventListener("pointermove",V,u))},j=B=>{const A=B.target.closest('[aria-hidden="true"]');A&&A.removeAttribute("aria-hidden")};window.addEventListener("keydown",S,u),c.addEventListener("pointerdown",j,u),p(()=>{m.abort(),C()})},{flush:"post"})}function Yt(o,t){return o.tabIndex>=1&&t.tabIndex>=1?o.tabIndex-t.tabIndex:o.tabIndex>=1&&t.tabIndex<=0?-1:t.tabIndex>=1&&o.tabIndex<=0?1:0}const He={start:0,end:0},Kt={start:"flex-start",end:"flex-end"},Gt={duration:.2,ease:"linear"},qt={type:"spring",stiffness:400,damping:40};function Ut(o){return o.end-o.start}function Ue(o){return o.length?o[o.length-1].end-o[0].start:0}function Zt(o,t,n){const a=Ue(t),i=Math.max(...t.map(Ut));let r=0,c=0;for(;c<o;)c=(a+n)*(r+1)-i,r++;return Math.max(r-1,0)}function Ze(o=[]){var n;const t=[];for(const a of o)if(a.type!==e.Comment)if(a.type===e.Fragment){const i=Array.isArray(a.children)?a.children:(n=a.children)==null?void 0:n.default();t.push(...Ze(i))}else t.push(a);return t}function we(o){var n;const t=[];for(const a of o)if(a.type==="Fragment"||a.type===e.Fragment){const i=Array.isArray(a.children)?a.children:(n=a.children)==null?void 0:n.default();t.push(...we(i))}else t.push(a);return t}function Je(o,t,n){const a=Math.floor(o/n),i=a*n;let r=0;for(let c=0;c<t.length;c++){const{end:l}=t[c];if(r=c,l+i>o)break}return r+a*t.length}function ke(o,t,n,a){var u;if(t.length===0)return 0;const r=t[t.length-1].end+n,c=a??o+(((u=t[0])==null?void 0:u.end)??0);let p=Je(o,t,r)+1,y=0,m=!1;for(;!m;){const{start:f,end:d}=t[s.wrap(0,t.length,p)],x=Math.floor(p/t.length)*r;y=f+x,d+x>c?m=!0:p++}return y}function Jt(o,t,n,a){const i=o+t;return ke(o,n,a,i)}function Ie(o,t,n,a,i){if(t.length===0)return 0;const c=t[t.length-1].end+n,l=a??o-(i??0);let y=Je(o,t,c),m=o,u=!1;for(;!u;){const{start:f,end:d}=t[s.wrap(0,t.length,y)],k=d-f,g=Math.floor(y/t.length)*c,w=f+g;l<=w+n||w>=o?(m=w,y--):l<=w?(m=w,u=!0):((i&&k>i||m===o&&l>=w)&&(m=w),u=!0)}return m}function Qt(o,t,n,a){const i=o-t;return Ie(o,n,a,i,t)}function We(o){return typeof o=="function"||Object.prototype.toString.call(o)==="[object Object]"&&!e.isVNode(o)}const en=e.defineComponent({__name:"Ticker",props:{axis:{default:"x"},velocity:{default:50},hoverFactor:{default:1},gap:{default:10},align:{default:"center"},offset:{},itemSize:{default:"auto"},overflow:{type:Boolean,default:!1},loop:{type:Boolean,default:!0},safeMargin:{default:0},fade:{default:0},fadeTransition:{default:()=>Gt},pageTransition:{default:()=>qt},_dragX:{type:[Object,Boolean]},_dragY:{type:[Object,Boolean]},snap:{type:[String,Boolean]},as:{default:"div"},style:{},onDragEnd:{},drag:{type:[Boolean,String]},dragConstraints:{type:[Boolean,Object]},dragMomentum:{type:Boolean}},setup(o){const t=o,n=e.reactive({direction:"ltr",visibleLength:0,inset:0,totalItemLength:0,containerLength:0,itemPositions:[],isMeasured:!1,maxInset:null}),a=e.computed(()=>Kt[t.align]||t.align),i=e.computed(()=>G(t.axis,n.direction).sign),r=e.ref(!1),c=s.useMotionValue(1),l=s.useMotionValue(0),p=e.computed(()=>t.offset??l),y=s.useTransform(()=>n.direction==="rtl"?s.wrap(n.totalItemLength+t.gap+n.inset,n.inset,p.value.get()):s.wrap(-n.totalItemLength-t.gap-n.inset,-n.inset,p.value.get())),m=s.useMotionValue(0),u=e.computed(()=>r.value?m:t.loop?y:p.value),f=s.useDomRef(),d=s.useDomRef(),k=s.useInView(f,{margin:"100px"}),x=s.usePageInView(),g=e.computed(()=>k.value&&x.value),w=s.useReducedMotion(),v=e.useSlots(),h=e.computed(()=>{var I;return Ze((I=v.default)==null?void 0:I.call(v))});function L(){if(!f.value||!d.value)return;const I=window.getComputedStyle(f.value).direction,{measureItem:E,lengthProp:b,viewportLengthProp:T,getCumulativeInset:N}=G(t.axis,I),{safeMargin:O,overflow:_,loop:K}=t,U=S.value==="x"?"paddingLeft":"paddingTop",ie=S.value==="x"?"paddingRight":"paddingBottom",se=f.value,Z=d.value.querySelectorAll(".ticker-item");if(!Z.length)return;let Pe=!1;const J=[];for(let Q=0;Q<Z.length;Q++){const fe=E(Z[Q],se);J.push(fe);const de=n.itemPositions[Q];(!de||fe.start!==de.start||fe.end!==de.end)&&(Pe=!0)}const le=Math.min(se[b],window[T]);let ue=t.overflow?window[T]:le;O>0&&(ue+=O*2);const ce=Ue(J),Ee=window.getComputedStyle(se),Me=parseInt(Ee[U]??0),ot=parseInt(Ee[ie]??0),ze=_?N(Z[0]):Me,at=K===!1?Math.max(0,ce-le+Me+ot):null;(ue!==n.visibleLength||ce!==n.totalItemLength||ze!==n.inset||n.itemPositions.length!==J.length||Pe)&&(n.direction=I,n.visibleLength=ue,n.itemPositions=J,n.totalItemLength=ce,n.inset=ze,n.containerLength=le,n.maxInset=at,n.isMeasured=!0)}e.watch([h,g,()=>t.overflow],(I,E,b)=>{if(!g.value||!f.value)return;L();const T=t.overflow?s.resize(L):void 0,N=s.resize(f.value,L);b(()=>{T==null||T(),N()})},{immediate:!0,flush:"post"});const P=e.computed(()=>n.totalItemLength>0);s.useAnimationFrame((I,E)=>{if(P.value&&g.value&&p.value===l&&!w.value){const b=E/1e3*(t.velocity*i.value*c.get());p.value.set(p.value.get()-b)}});const M=e.computed(()=>!P.value||!n.visibleLength?0:Zt(n.visibleLength,n.itemPositions,t.gap)),C=e.computed(()=>n.totalItemLength===0?0:(n.totalItemLength+t.gap)*(M.value+1)),z=e.computed(()=>{if(!t.loop)return[];const I=[];for(let E=0;E<M.value;E++){const b=[];h.value.forEach((N,O)=>{let _;const K=n.itemPositions[O],U=(n.totalItemLength+t.gap)*(E+1),ie=K?{start:K.start+U,end:K.end+U}:He;b.push(e.createVNode(xe,{key:`clone-${E}-${O}`,offset:u.value,axis:t.axis,listSize:C.value,itemIndex:O,cloneIndex:O,bounds:ie,alignItems:a.value,size:t.itemSize,safeMargin:t.safeMargin,numItems:h.value.length},We(_=we([N]))?_:{default:()=>[_]}))});const T=`ticker-group-${E}`;I.push(e.createVNode(s.LayoutGroup,{key:T,id:T},We(b)?b:{default:()=>[b]}))}return I}),S=e.toRef(t,"axis");Xt(f,S,m,p,I=>{r.value=I});const V={display:"flex",position:"relative"},j={display:"flex",position:"relative",willChange:"transform",listStyleType:"none",padding:0,margin:0,justifyContent:"flex-start"};function B(I){return n.maxInset!==null?s.clamp(-n.maxInset,0,I):I}jt({state:n,gap:e.computed(()=>t.gap),clampOffset:B,renderedOffset:u});const $=e.computed(()=>t.axis==="x"?t==null?void 0:t._dragX:t==null?void 0:t._dragY);let A=null;const Y=e.computed(()=>n.maxInset!==null?S.value==="x"?i.value>0?{left:n.maxInset*-1,right:0}:{right:n.maxInset,left:0}:{top:n.maxInset*-1,bottom:0}:{});function q(){A&&(A.stop(),A=null)}const ae=e.computed(()=>!t.onDragEnd&&t.drag&&$?()=>{$.value.jump(p.value.get()),q()}:t.onPointerDown),W=e.computed(()=>!t.onDragEnd&&t.drag&&$.value?(I,{velocity:E})=>{const b=p.value.get();q(),s.frame.postRender(()=>{let T=b+E[S.value]*(t.snap?.3:.8);if(t.snap)if(E[S.value]<0)T=-ke(-b,n.itemPositions,t.gap,-T);else if(E[S.value]>0)T=-Ie(-b,n.itemPositions,t.gap,-T,n.containerLength);else{const O=-ke(-b,n.itemPositions,t.gap,-b),_=-Ie(-b,n.itemPositions,t.gap,-b,n.containerLength);T=Math.abs(b-O)<Math.abs(b-_)?O:_}const N=t.loop?{}:i.value>0?{max:0,min:Y.value[S.value==="x"?"left":"top"]}:{min:0,max:Y.value.right};A=s.animate($.value,B(T*i.value)*i.value,t.snap?t.pageTransition:{type:"inertia",velocity:E[S.value],modifyTarget:()=>T,bounceDamping:40,bounceStiffness:400,...N})})}:t.onDragEnd),X=s.useMotionValue(t.loop?0:1),re=s.useMotionValue(0),tt=e.computed(()=>G(S.value,n.direction)),Te=e.computed(()=>typeof t.fade=="number"?"px":""),Le=s.useTransform(()=>`linear-gradient(to ${tt.value.direction}, rgba(0,0,0,${X.get()}) 0px, black ${t.fade}${Te.value}, black calc(100% - ${t.fade}${Te.value}), rgba(0,0,0,${re.get()}) 100%)`),nt=e.computed(()=>t.fade?{maskImage:Le,WebkitMaskImage:Le}:{}),F={start:!0,end:!1};return e.watch(u,(I,E,b)=>{const T=O=>{if(n.maxInset===null)return;const _=n.maxInset*-1;O*=i.value,O<0?F.start&&(s.animate(X,0,t.fadeTransition),F.start=!1):F.start||(s.animate(X,1,t.fadeTransition),F.start=!0),O>_?F.end&&(s.animate(re,0,t.fadeTransition),F.end=!1):F.end||(s.animate(re,1,t.fadeTransition),F.end=!0)};let N=()=>{};I&&(N=I.on("change",T)),b(N)},{immediate:!0}),(I,E)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(s.Motion),e.mergeProps(I.$attrs,{ref_key:"containerRef",ref:f,as:I.as,style:{overflowX:!I.overflow&&S.value==="x"?"clip":void 0,overflowY:!I.overflow&&S.value==="y"?"clip":void 0,...V,...t.style,...nt.value},drag:I.drag,_dragX:I._dragX,_dragY:I._dragY,"drag-constraints":Y.value,"drag-momentum":I.dragMomentum,onPointerenter:E[0]||(E[0]=()=>{e.unref(s.animate)(e.unref(c),I.hoverFactor)}),onPointerleave:E[1]||(E[1]=()=>{e.unref(s.animate)(e.unref(c),1)}),onPointerdown:ae.value,onDragEnd:W.value}),{default:e.withCtx(()=>[e.createVNode(e.unref(s.motion).ul,{ref_key:"listRef",ref:d,role:"group",style:e.normalizeStyle({...j,flexDirection:S.value==="x"?"row":"column",gap:`${I.gap}px`,x:S.value==="x"?u.value:0,y:S.value==="y"?u.value:0,opacity:P.value?1:0,alignItems:a.value,willChange:P.value&&g.value?"transform":void 0,width:"100%",height:"100%",maxHeight:"100%",maxWidth:"100%"})},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(b,T)=>(e.openBlock(),e.createBlock(xe,{key:`original-${T}`,axis:S.value,offset:u.value,"list-size":C.value,"item-index":T,bounds:n.itemPositions[T]??e.unref(He),"align-items":a.value,size:I.itemSize,reproject:I.loop,"safe-margin":I.safeMargin,"num-items":h.value.length},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(we)([b]),(N,O)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(N),{key:O}))),128))]),_:2},1032,["axis","offset","list-size","item-index","bounds","align-items","size","reproject","safe-margin","num-items"]))),128)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(z.value,b=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(b),{key:b.key}))),128))]),_:1},8,["style"])]),_:1},16,["as","style","drag","_dragX","_dragY","drag-constraints","drag-momentum","onPointerdown","onDragEnd"]),e.renderSlot(I.$slots,"after")],64))}}),Qe=en,tn={slow:130,normal:75,fast:30},nn=e.defineComponent({__name:"Typewriter",props:e.mergeDefaults({as:{},speed:{},variance:{},play:{type:Boolean},cursorClassName:{},cursorStyle:{},textClassName:{},textStyle:{},cursorBlinkDuration:{},onComplete:{type:Function},replace:{},backspace:{},backspaceFactor:{}},{as:"span",speed:"normal",variance:"natural",cursorClassName:"motion-typewriter-cursor",play:!0,cursorBlinkDuration:.5,replace:"type",backspace:"character",backspaceFactor:.2}),setup(o){const t=o,n=e.useSlots();function a(){var k;return(((k=n==null?void 0:n.default)==null?void 0:k.call(n))??[]).map(x=>typeof x.children=="string"?x.children:"").join("")}let i=a();const r=s.useMotionValue("");e.watchEffect(()=>{const d=a();t.replace==="all"&&d!==i&&r.set(""),i=d});const c=e.ref();let l=null;const p=e.computed(()=>typeof t.speed=="number"?t.speed:tn[t.speed]);function y(){c.value&&(l=s.animate(c.value,{opacity:[1,1,0,0]},{duration:t.cursorBlinkDuration,times:[0,.5,.5,1],ease:"linear",repeat:1/0,repeatType:"reverse"}))}let m=null;function u(){m==null||m(),m=null}function f(){if(!t.play){y(),u();return}l==null||l.cancel();const d=a(),k=()=>{var w;const g=ge.getNextText(r.get(),d,t.replace,t.backspace);r.set(g),g!==d?x():(y(),(w=t.onComplete)==null||w.call(t))},x=()=>{m=s.delayInMs(k,ge.getTypewriterDelay(d,r.get(),p.value,t.variance,t.backspaceFactor))};m||x()}return e.watchEffect(d=>{f(),d(u)}),e.onMounted(()=>{f()}),(d,k)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.as),{"aria-label":e.unref(i)},{default:e.withCtx(()=>[e.createElementVNode("span",{class:e.normalizeClass(t.textClassName),style:e.normalizeStyle(t.textStyle)},[e.createVNode(e.unref(s.RowValue),{value:e.unref(r)},null,8,["value"])],6),e.createElementVNode("span",{ref_key:"cursorRef",ref:c,class:e.normalizeClass(t.cursorClassName),style:e.normalizeStyle({display:"inline-block",width:"2px",height:"1em",backgroundColor:"currentColor",position:"relative",top:"0.1em",left:"0.2em",...t.cursorStyle})},null,6)]),_:1},8,["aria-label"]))}}),[on,an]=s.createContext("CarouselContext"),rn={type:"spring",stiffness:200,damping:40},sn={type:"spring",stiffness:80,damping:10};function et(o,t,n,a=!0){const i={insets:[],visibleLength:t};if(o.length===0)return i;const r=[o[0].start];for(let c=1;c<o.length;c++){const{start:l,end:p}=o[c];if(r[r.length-1]+t<p)if(n!==null)if(l<=n)r.push(l);else{r.push(n);break}else r.push(l)}if(a&&n!==null&&r.length>1){const c=r[r.length-1],l=[];for(let m=0;m<r.length-1;m++)l.push(r[m+1]-r[m]);const p=l.reduce((m,u)=>m+u,0)/l.length;if(n-c<p*.5){const m=et(o,t*.75,n,!1);if(m.insets.length===r.length)return m}}return{insets:r,visibleLength:t}}function ln(o,t,n,a){const i=-o,r=a===null?Math.floor(i/n):0,c=r*n;for(let l=t.length-1;l>=0;l--){const p=t[l]+c,y=s.wrap(0,t.length,l-1),u=(l===0?r-1:r)*n,f=t[y]+u,d=(p-f)/2,k=s.wrap(0,t.length,l+1),g=(l===t.length-1?r+1:r)*n,w=t[k]+g,v=(w-p)/2;if(i<w-v&&i>=f+d)return l}return 0}const un=e.defineComponent({__name:"CarouselView",props:{offset:{},targetOffset:{},tugOffset:{},loop:{type:Boolean},transition:{},axis:{default:"x"},snap:{type:[String,Boolean],default:"page"},tickerRef:{}},setup(o){const t=o;let n=!0;const{state:a,gap:i,clampOffset:r}=Be(),c=e.computed(()=>a.totalItemLength+i.value),l=e.computed(()=>et(a.itemPositions,a.containerLength,a.maxInset)),p=e.computed(()=>l.value.insets.length),y=e.computed(()=>G(t.axis,a.direction).sign);function m(C){const z=ln(C*y.value,l.value.insets,c.value,a.maxInset),S=t.loop?!0:C*-y.value<a.maxInset,V=t.loop?!0:C*-y.value>0;return{current:z,isNextActive:S,isPrevActive:V}}const u=e.ref(m(t.targetOffset.get()));function f(){const C=m(t.targetOffset.get());(C.current!==u.value.current||C.isNextActive!==u.value.isNextActive||C.isPrevActive!==u.value.isPrevActive)&&(u.value=C)}e.watch([()=>a.containerLength,()=>a.totalItemLength],f,{immediate:!0,flush:"post"}),s.useMotionValueEvent(t.targetOffset,"change",C=>{t.offset.set(C),f()});let d=null;function k(){d&&(d.stop(),d=null)}e.onMounted(()=>{t.offset.attach((C,z)=>{k(),n?z(C):d=new s.JSAnimation({keyframes:[t.offset.get(),C],velocity:s.clamp(-2e3,2e3,t.offset.getVelocity()),...t.transition,onUpdate:z,onComplete:()=>{d=null}}),n=!0},k)});function x(C){const z=r(C);t.targetOffset.stop(),n=!1,t.targetOffset.set(z*y.value)}function g(C,z){const S=-C(-t.targetOffset.get()*y.value,l.value.visibleLength,a.itemPositions,i.value),V=r(S);V*y.value===t.targetOffset.get()?s.animate(t.tugOffset,0,{velocity:z*y.value*400,...sn}):x(V)}const w=()=>g(Jt,-1),v=()=>g(Qt,1);function h(C){const S=(t.loop?Math.floor(-t.targetOffset.get()*y.value/c.value):0)*-c.value;x(-l.value.insets[C]+S)}const{axis:L,snap:P,offset:M}=e.toRefs(t);return e.watch([L,P,M,y,()=>t.tickerRef],(C,z,S)=>{t.tickerRef&&S(ge.wheel(t.tickerRef,{axis:L.value,onSwipe:P.value?V=>{V*y.value===1?w():v()}:void 0,onWheel:V=>{const j=M.value.get()+V,B=y.value>0?r(j):s.clamp(0,a.maxInset,j);t.targetOffset.jump(a.maxInset?B:j)}}))},{immediate:!0,flush:"post"}),an({paginationState:u,totalPages:p,nextPage:w,prevPage:v,gotoPage:h,targetOffset:t.targetOffset}),(C,z)=>e.renderSlot(C.$slots,"default")}}),cn=e.defineComponent({name:"Carousel",inheritAttrs:!1,__name:"Carousel",props:{snap:{type:[String,Boolean],default:"page"},transition:{default:()=>({...rn})},axis:{default:"x"},gap:{},align:{},itemSize:{},overflow:{type:Boolean},loop:{type:Boolean,default:!0},safeMargin:{},fade:{},fadeTransition:{},pageTransition:{},_dragX:{type:[Object,Boolean]},_dragY:{type:[Object,Boolean]},as:{},style:{},onDragEnd:{},drag:{type:[Boolean,String]},dragConstraints:{type:[Boolean,Object]},dragMomentum:{type:Boolean}},setup(o){const t=o,n=s.useMotionValue(0),a=s.useMotionValue(0),i=s.useMotionValue(0),r=s.useTransform(()=>i.get()+a.get()),c=s.useDomRef();return(l,p)=>(e.openBlock(),e.createBlock(e.unref(Qe),e.mergeProps({...t,...l.$attrs},{ref_key:"tickerRef",ref:c,role:"region","aria-roledescription":"carousel",offset:e.unref(r),loop:l.loop,axis:l.axis,drag:l.axis,"_drag-x":l.axis==="x"?e.unref(n):!1,"_drag-y":l.axis==="y"?e.unref(n):!1,snap:l.snap,"page-transition":l.transition}),{after:e.withCtx(()=>[e.createVNode(un,{"ticker-ref":e.unref(c),loop:l.loop,offset:e.unref(a),"tug-offset":e.unref(i),"target-offset":e.unref(n),transition:l.transition,snap:l.snap,axis:l.axis},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"after")]),_:3},8,["ticker-ref","loop","offset","tug-offset","target-offset","transition","snap","axis"])]),default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},16,["offset","loop","axis","drag","_drag-x","_drag-y","snap","page-transition"]))}});exports.AnimateNumber=gt;exports.Carousel=cn;exports.Cursor=Rt;exports.Ticker=Qe;exports.TickerItem=xe;exports.Typewriter=nn;exports.useCarousel=on;exports.useCursorIsInView=Ke;exports.useCursorState=be;exports.useMagneticPull=_t;exports.usePointerPosition=Se;exports.useTicker=Be;exports.useTickerItem=At;
package/dist/components/Carousel/Carousel.d.ts CHANGED
@@ -16,10 +16,13 @@ export interface CarouselProps extends Omit<TickerProps, 'velocity' | 'offset' |
16
16
  }
17
17
  declare const _default: __VLS_WithSlots<import('vue').DefineComponent<CarouselProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CarouselProps> & Readonly<{}>, {
18
18
  transition: Transition;
19
- axis: "x" | "y";
20
19
  loop: boolean;
21
20
  snap: "page" | "loose" | false;
22
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, __VLS_PrettifyGlobal<any>>;
21
+ axis: "x" | "y";
22
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
23
+ default?: ((props: {}) => any) | undefined;
24
+ after?: ((props: {}) => any) | undefined;
25
+ }>;
23
26
  export default _default;
24
27
  type __VLS_WithSlots<T, S> = T & {
25
28
  new (): {
package/dist/components/Carousel/CarouselView.d.ts CHANGED
@@ -16,12 +16,12 @@ type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$
16
16
  default?: (props: typeof __VLS_1) => any;
17
17
  }>;
18
18
  declare const __VLS_self: import('vue').DefineComponent<CarouselViewProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CarouselViewProps> & Readonly<{}>, {
19
- axis: Axis;
20
19
  snap: "page" | "loose" | false;
20
+ axis: Axis;
21
21
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
22
22
  declare const __VLS_component: import('vue').DefineComponent<CarouselViewProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CarouselViewProps> & Readonly<{}>, {
23
- axis: Axis;
24
23
  snap: "page" | "loose" | false;
24
+ axis: Axis;
25
25
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
26
26
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
27
27
  export default _default;
package/dist/components/Cursor/Cursor.d.ts CHANGED
@@ -50,20 +50,20 @@ declare const __VLS_self: import('vue').DefineComponent<CursorProps, {
50
50
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CursorProps> & Readonly<{}>, {
51
51
  offset: Point;
52
52
  center: Point;
53
+ show: boolean;
53
54
  spring: false | SpringOptions;
54
55
  matchTextSize: boolean;
55
56
  follow: boolean;
56
57
  magnetic: boolean | Partial<MagneticOptions>;
57
- show: boolean;
58
58
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
59
59
  declare const __VLS_component: import('vue').DefineComponent<CursorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CursorProps> & Readonly<{}>, {
60
60
  offset: Point;
61
61
  center: Point;
62
+ show: boolean;
62
63
  spring: false | SpringOptions;
63
64
  matchTextSize: boolean;
64
65
  follow: boolean;
65
66
  magnetic: boolean | Partial<MagneticOptions>;
66
- show: boolean;
67
67
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
68
68
  declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
69
69
  export default _default;
package/dist/components/Ticker/context.d.ts CHANGED
@@ -15,11 +15,29 @@ export declare const useTickerItem: <T extends {
15
15
  "style": Partial<{
16
16
  [x: `--${string}`]: string | number | MotionValue<any> | undefined;
17
17
  string?: string | number | MotionValue<any> | undefined;
18
- offset?: string | number | MotionValue<any> | undefined;
19
18
  transition?: string | number | MotionValue<any> | undefined;
20
- gap?: string | number | MotionValue<any> | undefined;
21
- overflow?: string | number | MotionValue<any> | undefined;
22
- page?: string | number | MotionValue<any> | undefined;
19
+ x?: string | number | MotionValue<any> | undefined;
20
+ y?: string | number | MotionValue<any> | undefined;
21
+ z?: string | number | MotionValue<any> | undefined;
22
+ translateX?: string | number | MotionValue<any> | undefined;
23
+ translateY?: string | number | MotionValue<any> | undefined;
24
+ translateZ?: string | number | MotionValue<any> | undefined;
25
+ rotate?: string | number | MotionValue<any> | undefined;
26
+ rotateX?: string | number | MotionValue<any> | undefined;
27
+ rotateY?: string | number | MotionValue<any> | undefined;
28
+ rotateZ?: string | number | MotionValue<any> | undefined;
29
+ scale?: string | number | MotionValue<any> | undefined;
30
+ scaleX?: string | number | MotionValue<any> | undefined;
31
+ scaleY?: string | number | MotionValue<any> | undefined;
32
+ scaleZ?: string | number | MotionValue<any> | undefined;
33
+ skew?: string | number | MotionValue<any> | undefined;
34
+ skewX?: string | number | MotionValue<any> | undefined;
35
+ skewY?: string | number | MotionValue<any> | undefined;
36
+ originX?: string | number | MotionValue<any> | undefined;
37
+ originY?: string | number | MotionValue<any> | undefined;
38
+ originZ?: string | number | MotionValue<any> | undefined;
39
+ perspective?: string | number | MotionValue<any> | undefined;
40
+ transformPerspective?: string | number | MotionValue<any> | undefined;
23
41
  accentColor?: string | number | MotionValue<any> | undefined;
24
42
  alignContent?: string | number | MotionValue<any> | undefined;
25
43
  alignItems?: string | number | MotionValue<any> | undefined;
@@ -204,6 +222,7 @@ export declare const useTickerItem: <T extends {
204
222
  fontVariationSettings?: string | number | MotionValue<any> | undefined;
205
223
  fontWeight?: string | number | MotionValue<any> | undefined;
206
224
  forcedColorAdjust?: string | number | MotionValue<any> | undefined;
225
+ gap?: string | number | MotionValue<any> | undefined;
207
226
  grid?: string | number | MotionValue<any> | undefined;
208
227
  gridArea?: string | number | MotionValue<any> | undefined;
209
228
  gridAutoColumns?: string | number | MotionValue<any> | undefined;
@@ -287,6 +306,7 @@ export declare const useTickerItem: <T extends {
287
306
  mixBlendMode?: string | number | MotionValue<any> | undefined;
288
307
  objectFit?: string | number | MotionValue<any> | undefined;
289
308
  objectPosition?: string | number | MotionValue<any> | undefined;
309
+ offset?: string | number | MotionValue<any> | undefined;
290
310
  offsetAnchor?: string | number | MotionValue<any> | undefined;
291
311
  offsetDistance?: string | number | MotionValue<any> | undefined;
292
312
  offsetPath?: string | number | MotionValue<any> | undefined;
@@ -300,6 +320,7 @@ export declare const useTickerItem: <T extends {
300
320
  outlineOffset?: string | number | MotionValue<any> | undefined;
301
321
  outlineStyle?: string | number | MotionValue<any> | undefined;
302
322
  outlineWidth?: string | number | MotionValue<any> | undefined;
323
+ overflow?: string | number | MotionValue<any> | undefined;
303
324
  overflowAnchor?: string | number | MotionValue<any> | undefined;
304
325
  overflowClipMargin?: string | number | MotionValue<any> | undefined;
305
326
  overflowWrap?: string | number | MotionValue<any> | undefined;
@@ -321,11 +342,11 @@ export declare const useTickerItem: <T extends {
321
342
  paddingLeft?: string | number | MotionValue<any> | undefined;
322
343
  paddingRight?: string | number | MotionValue<any> | undefined;
323
344
  paddingTop?: string | number | MotionValue<any> | undefined;
345
+ page?: string | number | MotionValue<any> | undefined;
324
346
  pageBreakAfter?: string | number | MotionValue<any> | undefined;
325
347
  pageBreakBefore?: string | number | MotionValue<any> | undefined;
326
348
  pageBreakInside?: string | number | MotionValue<any> | undefined;
327
349
  paintOrder?: string | number | MotionValue<any> | undefined;
328
- perspective?: string | number | MotionValue<any> | undefined;
329
350
  perspectiveOrigin?: string | number | MotionValue<any> | undefined;
330
351
  placeContent?: string | number | MotionValue<any> | undefined;
331
352
  placeItems?: string | number | MotionValue<any> | undefined;
@@ -337,13 +358,11 @@ export declare const useTickerItem: <T extends {
337
358
  r?: string | number | MotionValue<any> | undefined;
338
359
  resize?: string | number | MotionValue<any> | undefined;
339
360
  right?: string | number | MotionValue<any> | undefined;
340
- rotate?: string | number | MotionValue<any> | undefined;
341
361
  rowGap?: string | number | MotionValue<any> | undefined;
342
362
  rubyAlign?: string | number | MotionValue<any> | undefined;
343
363
  rubyPosition?: string | number | MotionValue<any> | undefined;
344
364
  rx?: string | number | MotionValue<any> | undefined;
345
365
  ry?: string | number | MotionValue<any> | undefined;
346
- scale?: string | number | MotionValue<any> | undefined;
347
366
  scrollBehavior?: string | number | MotionValue<any> | undefined;
348
367
  scrollMargin?: string | number | MotionValue<any> | undefined;
349
368
  scrollMarginBlock?: string | number | MotionValue<any> | undefined;
@@ -511,29 +530,8 @@ export declare const useTickerItem: <T extends {
511
530
  wordSpacing?: string | number | MotionValue<any> | undefined;
512
531
  wordWrap?: string | number | MotionValue<any> | undefined;
513
532
  writingMode?: string | number | MotionValue<any> | undefined;
514
- x?: string | number | MotionValue<any> | undefined;
515
- y?: string | number | MotionValue<any> | undefined;
516
533
  zIndex?: string | number | MotionValue<any> | undefined;
517
534
  zoom?: string | number | MotionValue<any> | undefined;
518
- z?: string | number | MotionValue<any> | undefined;
519
- originX?: string | number | MotionValue<any> | undefined;
520
- originY?: string | number | MotionValue<any> | undefined;
521
- originZ?: string | number | MotionValue<any> | undefined;
522
- translateX?: string | number | MotionValue<any> | undefined;
523
- translateY?: string | number | MotionValue<any> | undefined;
524
- translateZ?: string | number | MotionValue<any> | undefined;
525
- rotateX?: string | number | MotionValue<any> | undefined;
526
- rotateY?: string | number | MotionValue<any> | undefined;
527
- rotateZ?: string | number | MotionValue<any> | undefined;
528
- scaleX?: string | number | MotionValue<any> | undefined;
529
- scaleY?: string | number | MotionValue<any> | undefined;
530
- scaleZ?: string | number | MotionValue<any> | undefined;
531
- skewX?: string | number | MotionValue<any> | undefined;
532
- skewY?: string | number | MotionValue<any> | undefined;
533
- transformPerspective?: string | number | MotionValue<any> | undefined;
534
- pathLength?: string | number | MotionValue<any> | undefined;
535
- pathOffset?: string | number | MotionValue<any> | undefined;
536
- pathSpacing?: string | number | MotionValue<any> | undefined;
537
535
  accentHeight?: string | number | MotionValue<any> | undefined;
538
536
  accumulate?: string | number | MotionValue<any> | undefined;
539
537
  additive?: string | number | MotionValue<any> | undefined;
@@ -625,6 +623,7 @@ export declare const useTickerItem: <T extends {
625
623
  overlineThickness?: string | number | MotionValue<any> | undefined;
626
624
  panose1?: string | number | MotionValue<any> | undefined;
627
625
  path?: string | number | MotionValue<any> | undefined;
626
+ pathLength?: string | number | MotionValue<any> | undefined;
628
627
  patternContentUnits?: string | number | MotionValue<any> | undefined;
629
628
  patternTransform?: string | number | MotionValue<any> | undefined;
630
629
  patternUnits?: string | number | MotionValue<any> | undefined;
@@ -705,7 +704,8 @@ export declare const useTickerItem: <T extends {
705
704
  y2?: string | number | MotionValue<any> | undefined;
706
705
  yChannelSelector?: string | number | MotionValue<any> | undefined;
707
706
  zoomAndPan?: string | number | MotionValue<any> | undefined;
708
- skew?: string | number | MotionValue<any> | undefined;
707
+ pathOffset?: string | number | MotionValue<any> | undefined;
708
+ pathSpacing?: string | number | MotionValue<any> | undefined;
709
709
  }>;
710
710
  "aria-hidden"?: boolean | undefined;
711
711
  "aria-posinset"?: number | undefined;
@@ -725,11 +725,29 @@ export declare const useTickerItem: <T extends {
725
725
  "style": Partial<{
726
726
  [x: `--${string}`]: string | number | MotionValue<any> | undefined;
727
727
  string?: string | number | MotionValue<any> | undefined;
728
- offset?: string | number | MotionValue<any> | undefined;
729
728
  transition?: string | number | MotionValue<any> | undefined;
730
- gap?: string | number | MotionValue<any> | undefined;
731
- overflow?: string | number | MotionValue<any> | undefined;
732
- page?: string | number | MotionValue<any> | undefined;
729
+ x?: string | number | MotionValue<any> | undefined;
730
+ y?: string | number | MotionValue<any> | undefined;
731
+ z?: string | number | MotionValue<any> | undefined;
732
+ translateX?: string | number | MotionValue<any> | undefined;
733
+ translateY?: string | number | MotionValue<any> | undefined;
734
+ translateZ?: string | number | MotionValue<any> | undefined;
735
+ rotate?: string | number | MotionValue<any> | undefined;
736
+ rotateX?: string | number | MotionValue<any> | undefined;
737
+ rotateY?: string | number | MotionValue<any> | undefined;
738
+ rotateZ?: string | number | MotionValue<any> | undefined;
739
+ scale?: string | number | MotionValue<any> | undefined;
740
+ scaleX?: string | number | MotionValue<any> | undefined;
741
+ scaleY?: string | number | MotionValue<any> | undefined;
742
+ scaleZ?: string | number | MotionValue<any> | undefined;
743
+ skew?: string | number | MotionValue<any> | undefined;
744
+ skewX?: string | number | MotionValue<any> | undefined;
745
+ skewY?: string | number | MotionValue<any> | undefined;
746
+ originX?: string | number | MotionValue<any> | undefined;
747
+ originY?: string | number | MotionValue<any> | undefined;
748
+ originZ?: string | number | MotionValue<any> | undefined;
749
+ perspective?: string | number | MotionValue<any> | undefined;
750
+ transformPerspective?: string | number | MotionValue<any> | undefined;
733
751
  accentColor?: string | number | MotionValue<any> | undefined;
734
752
  alignContent?: string | number | MotionValue<any> | undefined;
735
753
  alignItems?: string | number | MotionValue<any> | undefined;
@@ -914,6 +932,7 @@ export declare const useTickerItem: <T extends {
914
932
  fontVariationSettings?: string | number | MotionValue<any> | undefined;
915
933
  fontWeight?: string | number | MotionValue<any> | undefined;
916
934
  forcedColorAdjust?: string | number | MotionValue<any> | undefined;
935
+ gap?: string | number | MotionValue<any> | undefined;
917
936
  grid?: string | number | MotionValue<any> | undefined;
918
937
  gridArea?: string | number | MotionValue<any> | undefined;
919
938
  gridAutoColumns?: string | number | MotionValue<any> | undefined;
@@ -997,6 +1016,7 @@ export declare const useTickerItem: <T extends {
997
1016
  mixBlendMode?: string | number | MotionValue<any> | undefined;
998
1017
  objectFit?: string | number | MotionValue<any> | undefined;
999
1018
  objectPosition?: string | number | MotionValue<any> | undefined;
1019
+ offset?: string | number | MotionValue<any> | undefined;
1000
1020
  offsetAnchor?: string | number | MotionValue<any> | undefined;
1001
1021
  offsetDistance?: string | number | MotionValue<any> | undefined;
1002
1022
  offsetPath?: string | number | MotionValue<any> | undefined;
@@ -1010,6 +1030,7 @@ export declare const useTickerItem: <T extends {
1010
1030
  outlineOffset?: string | number | MotionValue<any> | undefined;
1011
1031
  outlineStyle?: string | number | MotionValue<any> | undefined;
1012
1032
  outlineWidth?: string | number | MotionValue<any> | undefined;
1033
+ overflow?: string | number | MotionValue<any> | undefined;
1013
1034
  overflowAnchor?: string | number | MotionValue<any> | undefined;
1014
1035
  overflowClipMargin?: string | number | MotionValue<any> | undefined;
1015
1036
  overflowWrap?: string | number | MotionValue<any> | undefined;
@@ -1031,11 +1052,11 @@ export declare const useTickerItem: <T extends {
1031
1052
  paddingLeft?: string | number | MotionValue<any> | undefined;
1032
1053
  paddingRight?: string | number | MotionValue<any> | undefined;
1033
1054
  paddingTop?: string | number | MotionValue<any> | undefined;
1055
+ page?: string | number | MotionValue<any> | undefined;
1034
1056
  pageBreakAfter?: string | number | MotionValue<any> | undefined;
1035
1057
  pageBreakBefore?: string | number | MotionValue<any> | undefined;
1036
1058
  pageBreakInside?: string | number | MotionValue<any> | undefined;
1037
1059
  paintOrder?: string | number | MotionValue<any> | undefined;
1038
- perspective?: string | number | MotionValue<any> | undefined;
1039
1060
  perspectiveOrigin?: string | number | MotionValue<any> | undefined;
1040
1061
  placeContent?: string | number | MotionValue<any> | undefined;
1041
1062
  placeItems?: string | number | MotionValue<any> | undefined;
@@ -1047,13 +1068,11 @@ export declare const useTickerItem: <T extends {
1047
1068
  r?: string | number | MotionValue<any> | undefined;
1048
1069
  resize?: string | number | MotionValue<any> | undefined;
1049
1070
  right?: string | number | MotionValue<any> | undefined;
1050
- rotate?: string | number | MotionValue<any> | undefined;
1051
1071
  rowGap?: string | number | MotionValue<any> | undefined;
1052
1072
  rubyAlign?: string | number | MotionValue<any> | undefined;
1053
1073
  rubyPosition?: string | number | MotionValue<any> | undefined;
1054
1074
  rx?: string | number | MotionValue<any> | undefined;
1055
1075
  ry?: string | number | MotionValue<any> | undefined;
1056
- scale?: string | number | MotionValue<any> | undefined;
1057
1076
  scrollBehavior?: string | number | MotionValue<any> | undefined;
1058
1077
  scrollMargin?: string | number | MotionValue<any> | undefined;
1059
1078
  scrollMarginBlock?: string | number | MotionValue<any> | undefined;
@@ -1221,29 +1240,8 @@ export declare const useTickerItem: <T extends {
1221
1240
  wordSpacing?: string | number | MotionValue<any> | undefined;
1222
1241
  wordWrap?: string | number | MotionValue<any> | undefined;
1223
1242
  writingMode?: string | number | MotionValue<any> | undefined;
1224
- x?: string | number | MotionValue<any> | undefined;
1225
- y?: string | number | MotionValue<any> | undefined;
1226
1243
  zIndex?: string | number | MotionValue<any> | undefined;
1227
1244
  zoom?: string | number | MotionValue<any> | undefined;
1228
- z?: string | number | MotionValue<any> | undefined;
1229
- originX?: string | number | MotionValue<any> | undefined;
1230
- originY?: string | number | MotionValue<any> | undefined;
1231
- originZ?: string | number | MotionValue<any> | undefined;
1232
- translateX?: string | number | MotionValue<any> | undefined;
1233
- translateY?: string | number | MotionValue<any> | undefined;
1234
- translateZ?: string | number | MotionValue<any> | undefined;
1235
- rotateX?: string | number | MotionValue<any> | undefined;
1236
- rotateY?: string | number | MotionValue<any> | undefined;
1237
- rotateZ?: string | number | MotionValue<any> | undefined;
1238
- scaleX?: string | number | MotionValue<any> | undefined;
1239
- scaleY?: string | number | MotionValue<any> | undefined;
1240
- scaleZ?: string | number | MotionValue<any> | undefined;
1241
- skewX?: string | number | MotionValue<any> | undefined;
1242
- skewY?: string | number | MotionValue<any> | undefined;
1243
- transformPerspective?: string | number | MotionValue<any> | undefined;
1244
- pathLength?: string | number | MotionValue<any> | undefined;
1245
- pathOffset?: string | number | MotionValue<any> | undefined;
1246
- pathSpacing?: string | number | MotionValue<any> | undefined;
1247
1245
  accentHeight?: string | number | MotionValue<any> | undefined;
1248
1246
  accumulate?: string | number | MotionValue<any> | undefined;
1249
1247
  additive?: string | number | MotionValue<any> | undefined;
@@ -1335,6 +1333,7 @@ export declare const useTickerItem: <T extends {
1335
1333
  overlineThickness?: string | number | MotionValue<any> | undefined;
1336
1334
  panose1?: string | number | MotionValue<any> | undefined;
1337
1335
  path?: string | number | MotionValue<any> | undefined;
1336
+ pathLength?: string | number | MotionValue<any> | undefined;
1338
1337
  patternContentUnits?: string | number | MotionValue<any> | undefined;
1339
1338
  patternTransform?: string | number | MotionValue<any> | undefined;
1340
1339
  patternUnits?: string | number | MotionValue<any> | undefined;
@@ -1415,7 +1414,8 @@ export declare const useTickerItem: <T extends {
1415
1414
  y2?: string | number | MotionValue<any> | undefined;
1416
1415
  yChannelSelector?: string | number | MotionValue<any> | undefined;
1417
1416
  zoomAndPan?: string | number | MotionValue<any> | undefined;
1418
- skew?: string | number | MotionValue<any> | undefined;
1417
+ pathOffset?: string | number | MotionValue<any> | undefined;
1418
+ pathSpacing?: string | number | MotionValue<any> | undefined;
1419
1419
  }>;
1420
1420
  "aria-hidden"?: boolean | undefined;
1421
1421
  "aria-posinset"?: number | undefined;
@@ -1435,11 +1435,29 @@ export declare const useTickerItem: <T extends {
1435
1435
  "style": Partial<{
1436
1436
  [x: `--${string}`]: string | number | MotionValue<any> | undefined;
1437
1437
  string?: string | number | MotionValue<any> | undefined;
1438
- offset?: string | number | MotionValue<any> | undefined;
1439
1438
  transition?: string | number | MotionValue<any> | undefined;
1440
- gap?: string | number | MotionValue<any> | undefined;
1441
- overflow?: string | number | MotionValue<any> | undefined;
1442
- page?: string | number | MotionValue<any> | undefined;
1439
+ x?: string | number | MotionValue<any> | undefined;
1440
+ y?: string | number | MotionValue<any> | undefined;
1441
+ z?: string | number | MotionValue<any> | undefined;
1442
+ translateX?: string | number | MotionValue<any> | undefined;
1443
+ translateY?: string | number | MotionValue<any> | undefined;
1444
+ translateZ?: string | number | MotionValue<any> | undefined;
1445
+ rotate?: string | number | MotionValue<any> | undefined;
1446
+ rotateX?: string | number | MotionValue<any> | undefined;
1447
+ rotateY?: string | number | MotionValue<any> | undefined;
1448
+ rotateZ?: string | number | MotionValue<any> | undefined;
1449
+ scale?: string | number | MotionValue<any> | undefined;
1450
+ scaleX?: string | number | MotionValue<any> | undefined;
1451
+ scaleY?: string | number | MotionValue<any> | undefined;
1452
+ scaleZ?: string | number | MotionValue<any> | undefined;
1453
+ skew?: string | number | MotionValue<any> | undefined;
1454
+ skewX?: string | number | MotionValue<any> | undefined;
1455
+ skewY?: string | number | MotionValue<any> | undefined;
1456
+ originX?: string | number | MotionValue<any> | undefined;
1457
+ originY?: string | number | MotionValue<any> | undefined;
1458
+ originZ?: string | number | MotionValue<any> | undefined;
1459
+ perspective?: string | number | MotionValue<any> | undefined;
1460
+ transformPerspective?: string | number | MotionValue<any> | undefined;
1443
1461
  accentColor?: string | number | MotionValue<any> | undefined;
1444
1462
  alignContent?: string | number | MotionValue<any> | undefined;
1445
1463
  alignItems?: string | number | MotionValue<any> | undefined;
@@ -1624,6 +1642,7 @@ export declare const useTickerItem: <T extends {
1624
1642
  fontVariationSettings?: string | number | MotionValue<any> | undefined;
1625
1643
  fontWeight?: string | number | MotionValue<any> | undefined;
1626
1644
  forcedColorAdjust?: string | number | MotionValue<any> | undefined;
1645
+ gap?: string | number | MotionValue<any> | undefined;
1627
1646
  grid?: string | number | MotionValue<any> | undefined;
1628
1647
  gridArea?: string | number | MotionValue<any> | undefined;
1629
1648
  gridAutoColumns?: string | number | MotionValue<any> | undefined;
@@ -1707,6 +1726,7 @@ export declare const useTickerItem: <T extends {
1707
1726
  mixBlendMode?: string | number | MotionValue<any> | undefined;
1708
1727
  objectFit?: string | number | MotionValue<any> | undefined;
1709
1728
  objectPosition?: string | number | MotionValue<any> | undefined;
1729
+ offset?: string | number | MotionValue<any> | undefined;
1710
1730
  offsetAnchor?: string | number | MotionValue<any> | undefined;
1711
1731
  offsetDistance?: string | number | MotionValue<any> | undefined;
1712
1732
  offsetPath?: string | number | MotionValue<any> | undefined;
@@ -1720,6 +1740,7 @@ export declare const useTickerItem: <T extends {
1720
1740
  outlineOffset?: string | number | MotionValue<any> | undefined;
1721
1741
  outlineStyle?: string | number | MotionValue<any> | undefined;
1722
1742
  outlineWidth?: string | number | MotionValue<any> | undefined;
1743
+ overflow?: string | number | MotionValue<any> | undefined;
1723
1744
  overflowAnchor?: string | number | MotionValue<any> | undefined;
1724
1745
  overflowClipMargin?: string | number | MotionValue<any> | undefined;
1725
1746
  overflowWrap?: string | number | MotionValue<any> | undefined;
@@ -1741,11 +1762,11 @@ export declare const useTickerItem: <T extends {
1741
1762
  paddingLeft?: string | number | MotionValue<any> | undefined;
1742
1763
  paddingRight?: string | number | MotionValue<any> | undefined;
1743
1764
  paddingTop?: string | number | MotionValue<any> | undefined;
1765
+ page?: string | number | MotionValue<any> | undefined;
1744
1766
  pageBreakAfter?: string | number | MotionValue<any> | undefined;
1745
1767
  pageBreakBefore?: string | number | MotionValue<any> | undefined;
1746
1768
  pageBreakInside?: string | number | MotionValue<any> | undefined;
1747
1769
  paintOrder?: string | number | MotionValue<any> | undefined;
1748
- perspective?: string | number | MotionValue<any> | undefined;
1749
1770
  perspectiveOrigin?: string | number | MotionValue<any> | undefined;
1750
1771
  placeContent?: string | number | MotionValue<any> | undefined;
1751
1772
  placeItems?: string | number | MotionValue<any> | undefined;
@@ -1757,13 +1778,11 @@ export declare const useTickerItem: <T extends {
1757
1778
  r?: string | number | MotionValue<any> | undefined;
1758
1779
  resize?: string | number | MotionValue<any> | undefined;
1759
1780
  right?: string | number | MotionValue<any> | undefined;
1760
- rotate?: string | number | MotionValue<any> | undefined;
1761
1781
  rowGap?: string | number | MotionValue<any> | undefined;
1762
1782
  rubyAlign?: string | number | MotionValue<any> | undefined;
1763
1783
  rubyPosition?: string | number | MotionValue<any> | undefined;
1764
1784
  rx?: string | number | MotionValue<any> | undefined;
1765
1785
  ry?: string | number | MotionValue<any> | undefined;
1766
- scale?: string | number | MotionValue<any> | undefined;
1767
1786
  scrollBehavior?: string | number | MotionValue<any> | undefined;
1768
1787
  scrollMargin?: string | number | MotionValue<any> | undefined;
1769
1788
  scrollMarginBlock?: string | number | MotionValue<any> | undefined;
@@ -1931,29 +1950,8 @@ export declare const useTickerItem: <T extends {
1931
1950
  wordSpacing?: string | number | MotionValue<any> | undefined;
1932
1951
  wordWrap?: string | number | MotionValue<any> | undefined;
1933
1952
  writingMode?: string | number | MotionValue<any> | undefined;
1934
- x?: string | number | MotionValue<any> | undefined;
1935
- y?: string | number | MotionValue<any> | undefined;
1936
1953
  zIndex?: string | number | MotionValue<any> | undefined;
1937
1954
  zoom?: string | number | MotionValue<any> | undefined;
1938
- z?: string | number | MotionValue<any> | undefined;
1939
- originX?: string | number | MotionValue<any> | undefined;
1940
- originY?: string | number | MotionValue<any> | undefined;
1941
- originZ?: string | number | MotionValue<any> | undefined;
1942
- translateX?: string | number | MotionValue<any> | undefined;
1943
- translateY?: string | number | MotionValue<any> | undefined;
1944
- translateZ?: string | number | MotionValue<any> | undefined;
1945
- rotateX?: string | number | MotionValue<any> | undefined;
1946
- rotateY?: string | number | MotionValue<any> | undefined;
1947
- rotateZ?: string | number | MotionValue<any> | undefined;
1948
- scaleX?: string | number | MotionValue<any> | undefined;
1949
- scaleY?: string | number | MotionValue<any> | undefined;
1950
- scaleZ?: string | number | MotionValue<any> | undefined;
1951
- skewX?: string | number | MotionValue<any> | undefined;
1952
- skewY?: string | number | MotionValue<any> | undefined;
1953
- transformPerspective?: string | number | MotionValue<any> | undefined;
1954
- pathLength?: string | number | MotionValue<any> | undefined;
1955
- pathOffset?: string | number | MotionValue<any> | undefined;
1956
- pathSpacing?: string | number | MotionValue<any> | undefined;
1957
1955
  accentHeight?: string | number | MotionValue<any> | undefined;
1958
1956
  accumulate?: string | number | MotionValue<any> | undefined;
1959
1957
  additive?: string | number | MotionValue<any> | undefined;
@@ -2045,6 +2043,7 @@ export declare const useTickerItem: <T extends {
2045
2043
  overlineThickness?: string | number | MotionValue<any> | undefined;
2046
2044
  panose1?: string | number | MotionValue<any> | undefined;
2047
2045
  path?: string | number | MotionValue<any> | undefined;
2046
+ pathLength?: string | number | MotionValue<any> | undefined;
2048
2047
  patternContentUnits?: string | number | MotionValue<any> | undefined;
2049
2048
  patternTransform?: string | number | MotionValue<any> | undefined;
2050
2049
  patternUnits?: string | number | MotionValue<any> | undefined;
@@ -2125,7 +2124,8 @@ export declare const useTickerItem: <T extends {
2125
2124
  y2?: string | number | MotionValue<any> | undefined;
2126
2125
  yChannelSelector?: string | number | MotionValue<any> | undefined;
2127
2126
  zoomAndPan?: string | number | MotionValue<any> | undefined;
2128
- skew?: string | number | MotionValue<any> | undefined;
2127
+ pathOffset?: string | number | MotionValue<any> | undefined;
2128
+ pathSpacing?: string | number | MotionValue<any> | undefined;
2129
2129
  }>;
2130
2130
  "aria-hidden"?: boolean | undefined;
2131
2131
  "aria-posinset"?: number | undefined;
@@ -2145,11 +2145,29 @@ export declare const useTickerItem: <T extends {
2145
2145
  "style": Partial<{
2146
2146
  [x: `--${string}`]: string | number | MotionValue<any> | undefined;
2147
2147
  string?: string | number | MotionValue<any> | undefined;
2148
- offset?: string | number | MotionValue<any> | undefined;
2149
2148
  transition?: string | number | MotionValue<any> | undefined;
2150
- gap?: string | number | MotionValue<any> | undefined;
2151
- overflow?: string | number | MotionValue<any> | undefined;
2152
- page?: string | number | MotionValue<any> | undefined;
2149
+ x?: string | number | MotionValue<any> | undefined;
2150
+ y?: string | number | MotionValue<any> | undefined;
2151
+ z?: string | number | MotionValue<any> | undefined;
2152
+ translateX?: string | number | MotionValue<any> | undefined;
2153
+ translateY?: string | number | MotionValue<any> | undefined;
2154
+ translateZ?: string | number | MotionValue<any> | undefined;
2155
+ rotate?: string | number | MotionValue<any> | undefined;
2156
+ rotateX?: string | number | MotionValue<any> | undefined;
2157
+ rotateY?: string | number | MotionValue<any> | undefined;
2158
+ rotateZ?: string | number | MotionValue<any> | undefined;
2159
+ scale?: string | number | MotionValue<any> | undefined;
2160
+ scaleX?: string | number | MotionValue<any> | undefined;
2161
+ scaleY?: string | number | MotionValue<any> | undefined;
2162
+ scaleZ?: string | number | MotionValue<any> | undefined;
2163
+ skew?: string | number | MotionValue<any> | undefined;
2164
+ skewX?: string | number | MotionValue<any> | undefined;
2165
+ skewY?: string | number | MotionValue<any> | undefined;
2166
+ originX?: string | number | MotionValue<any> | undefined;
2167
+ originY?: string | number | MotionValue<any> | undefined;
2168
+ originZ?: string | number | MotionValue<any> | undefined;
2169
+ perspective?: string | number | MotionValue<any> | undefined;
2170
+ transformPerspective?: string | number | MotionValue<any> | undefined;
2153
2171
  accentColor?: string | number | MotionValue<any> | undefined;
2154
2172
  alignContent?: string | number | MotionValue<any> | undefined;
2155
2173
  alignItems?: string | number | MotionValue<any> | undefined;
@@ -2334,6 +2352,7 @@ export declare const useTickerItem: <T extends {
2334
2352
  fontVariationSettings?: string | number | MotionValue<any> | undefined;
2335
2353
  fontWeight?: string | number | MotionValue<any> | undefined;
2336
2354
  forcedColorAdjust?: string | number | MotionValue<any> | undefined;
2355
+ gap?: string | number | MotionValue<any> | undefined;
2337
2356
  grid?: string | number | MotionValue<any> | undefined;
2338
2357
  gridArea?: string | number | MotionValue<any> | undefined;
2339
2358
  gridAutoColumns?: string | number | MotionValue<any> | undefined;
@@ -2417,6 +2436,7 @@ export declare const useTickerItem: <T extends {
2417
2436
  mixBlendMode?: string | number | MotionValue<any> | undefined;
2418
2437
  objectFit?: string | number | MotionValue<any> | undefined;
2419
2438
  objectPosition?: string | number | MotionValue<any> | undefined;
2439
+ offset?: string | number | MotionValue<any> | undefined;
2420
2440
  offsetAnchor?: string | number | MotionValue<any> | undefined;
2421
2441
  offsetDistance?: string | number | MotionValue<any> | undefined;
2422
2442
  offsetPath?: string | number | MotionValue<any> | undefined;
@@ -2430,6 +2450,7 @@ export declare const useTickerItem: <T extends {
2430
2450
  outlineOffset?: string | number | MotionValue<any> | undefined;
2431
2451
  outlineStyle?: string | number | MotionValue<any> | undefined;
2432
2452
  outlineWidth?: string | number | MotionValue<any> | undefined;
2453
+ overflow?: string | number | MotionValue<any> | undefined;
2433
2454
  overflowAnchor?: string | number | MotionValue<any> | undefined;
2434
2455
  overflowClipMargin?: string | number | MotionValue<any> | undefined;
2435
2456
  overflowWrap?: string | number | MotionValue<any> | undefined;
@@ -2451,11 +2472,11 @@ export declare const useTickerItem: <T extends {
2451
2472
  paddingLeft?: string | number | MotionValue<any> | undefined;
2452
2473
  paddingRight?: string | number | MotionValue<any> | undefined;
2453
2474
  paddingTop?: string | number | MotionValue<any> | undefined;
2475
+ page?: string | number | MotionValue<any> | undefined;
2454
2476
  pageBreakAfter?: string | number | MotionValue<any> | undefined;
2455
2477
  pageBreakBefore?: string | number | MotionValue<any> | undefined;
2456
2478
  pageBreakInside?: string | number | MotionValue<any> | undefined;
2457
2479
  paintOrder?: string | number | MotionValue<any> | undefined;
2458
- perspective?: string | number | MotionValue<any> | undefined;
2459
2480
  perspectiveOrigin?: string | number | MotionValue<any> | undefined;
2460
2481
  placeContent?: string | number | MotionValue<any> | undefined;
2461
2482
  placeItems?: string | number | MotionValue<any> | undefined;
@@ -2467,13 +2488,11 @@ export declare const useTickerItem: <T extends {
2467
2488
  r?: string | number | MotionValue<any> | undefined;
2468
2489
  resize?: string | number | MotionValue<any> | undefined;
2469
2490
  right?: string | number | MotionValue<any> | undefined;
2470
- rotate?: string | number | MotionValue<any> | undefined;
2471
2491
  rowGap?: string | number | MotionValue<any> | undefined;
2472
2492
  rubyAlign?: string | number | MotionValue<any> | undefined;
2473
2493
  rubyPosition?: string | number | MotionValue<any> | undefined;
2474
2494
  rx?: string | number | MotionValue<any> | undefined;
2475
2495
  ry?: string | number | MotionValue<any> | undefined;
2476
- scale?: string | number | MotionValue<any> | undefined;
2477
2496
  scrollBehavior?: string | number | MotionValue<any> | undefined;
2478
2497
  scrollMargin?: string | number | MotionValue<any> | undefined;
2479
2498
  scrollMarginBlock?: string | number | MotionValue<any> | undefined;
@@ -2641,29 +2660,8 @@ export declare const useTickerItem: <T extends {
2641
2660
  wordSpacing?: string | number | MotionValue<any> | undefined;
2642
2661
  wordWrap?: string | number | MotionValue<any> | undefined;
2643
2662
  writingMode?: string | number | MotionValue<any> | undefined;
2644
- x?: string | number | MotionValue<any> | undefined;
2645
- y?: string | number | MotionValue<any> | undefined;
2646
2663
  zIndex?: string | number | MotionValue<any> | undefined;
2647
2664
  zoom?: string | number | MotionValue<any> | undefined;
2648
- z?: string | number | MotionValue<any> | undefined;
2649
- originX?: string | number | MotionValue<any> | undefined;
2650
- originY?: string | number | MotionValue<any> | undefined;
2651
- originZ?: string | number | MotionValue<any> | undefined;
2652
- translateX?: string | number | MotionValue<any> | undefined;
2653
- translateY?: string | number | MotionValue<any> | undefined;
2654
- translateZ?: string | number | MotionValue<any> | undefined;
2655
- rotateX?: string | number | MotionValue<any> | undefined;
2656
- rotateY?: string | number | MotionValue<any> | undefined;
2657
- rotateZ?: string | number | MotionValue<any> | undefined;
2658
- scaleX?: string | number | MotionValue<any> | undefined;
2659
- scaleY?: string | number | MotionValue<any> | undefined;
2660
- scaleZ?: string | number | MotionValue<any> | undefined;
2661
- skewX?: string | number | MotionValue<any> | undefined;
2662
- skewY?: string | number | MotionValue<any> | undefined;
2663
- transformPerspective?: string | number | MotionValue<any> | undefined;
2664
- pathLength?: string | number | MotionValue<any> | undefined;
2665
- pathOffset?: string | number | MotionValue<any> | undefined;
2666
- pathSpacing?: string | number | MotionValue<any> | undefined;
2667
2665
  accentHeight?: string | number | MotionValue<any> | undefined;
2668
2666
  accumulate?: string | number | MotionValue<any> | undefined;
2669
2667
  additive?: string | number | MotionValue<any> | undefined;
@@ -2755,6 +2753,7 @@ export declare const useTickerItem: <T extends {
2755
2753
  overlineThickness?: string | number | MotionValue<any> | undefined;
2756
2754
  panose1?: string | number | MotionValue<any> | undefined;
2757
2755
  path?: string | number | MotionValue<any> | undefined;
2756
+ pathLength?: string | number | MotionValue<any> | undefined;
2758
2757
  patternContentUnits?: string | number | MotionValue<any> | undefined;
2759
2758
  patternTransform?: string | number | MotionValue<any> | undefined;
2760
2759
  patternUnits?: string | number | MotionValue<any> | undefined;
@@ -2835,7 +2834,8 @@ export declare const useTickerItem: <T extends {
2835
2834
  y2?: string | number | MotionValue<any> | undefined;
2836
2835
  yChannelSelector?: string | number | MotionValue<any> | undefined;
2837
2836
  zoomAndPan?: string | number | MotionValue<any> | undefined;
2838
- skew?: string | number | MotionValue<any> | undefined;
2837
+ pathOffset?: string | number | MotionValue<any> | undefined;
2838
+ pathSpacing?: string | number | MotionValue<any> | undefined;
2839
2839
  }>;
2840
2840
  "aria-hidden"?: boolean | undefined;
2841
2841
  "aria-posinset"?: number | undefined;
@@ -2855,11 +2855,29 @@ export declare const useTickerItem: <T extends {
2855
2855
  "style": Partial<{
2856
2856
  [x: `--${string}`]: string | number | MotionValue<any> | undefined;
2857
2857
  string?: string | number | MotionValue<any> | undefined;
2858
- offset?: string | number | MotionValue<any> | undefined;
2859
2858
  transition?: string | number | MotionValue<any> | undefined;
2860
- gap?: string | number | MotionValue<any> | undefined;
2861
- overflow?: string | number | MotionValue<any> | undefined;
2862
- page?: string | number | MotionValue<any> | undefined;
2859
+ x?: string | number | MotionValue<any> | undefined;
2860
+ y?: string | number | MotionValue<any> | undefined;
2861
+ z?: string | number | MotionValue<any> | undefined;
2862
+ translateX?: string | number | MotionValue<any> | undefined;
2863
+ translateY?: string | number | MotionValue<any> | undefined;
2864
+ translateZ?: string | number | MotionValue<any> | undefined;
2865
+ rotate?: string | number | MotionValue<any> | undefined;
2866
+ rotateX?: string | number | MotionValue<any> | undefined;
2867
+ rotateY?: string | number | MotionValue<any> | undefined;
2868
+ rotateZ?: string | number | MotionValue<any> | undefined;
2869
+ scale?: string | number | MotionValue<any> | undefined;
2870
+ scaleX?: string | number | MotionValue<any> | undefined;
2871
+ scaleY?: string | number | MotionValue<any> | undefined;
2872
+ scaleZ?: string | number | MotionValue<any> | undefined;
2873
+ skew?: string | number | MotionValue<any> | undefined;
2874
+ skewX?: string | number | MotionValue<any> | undefined;
2875
+ skewY?: string | number | MotionValue<any> | undefined;
2876
+ originX?: string | number | MotionValue<any> | undefined;
2877
+ originY?: string | number | MotionValue<any> | undefined;
2878
+ originZ?: string | number | MotionValue<any> | undefined;
2879
+ perspective?: string | number | MotionValue<any> | undefined;
2880
+ transformPerspective?: string | number | MotionValue<any> | undefined;
2863
2881
  accentColor?: string | number | MotionValue<any> | undefined;
2864
2882
  alignContent?: string | number | MotionValue<any> | undefined;
2865
2883
  alignItems?: string | number | MotionValue<any> | undefined;
@@ -3044,6 +3062,7 @@ export declare const useTickerItem: <T extends {
3044
3062
  fontVariationSettings?: string | number | MotionValue<any> | undefined;
3045
3063
  fontWeight?: string | number | MotionValue<any> | undefined;
3046
3064
  forcedColorAdjust?: string | number | MotionValue<any> | undefined;
3065
+ gap?: string | number | MotionValue<any> | undefined;
3047
3066
  grid?: string | number | MotionValue<any> | undefined;
3048
3067
  gridArea?: string | number | MotionValue<any> | undefined;
3049
3068
  gridAutoColumns?: string | number | MotionValue<any> | undefined;
@@ -3127,6 +3146,7 @@ export declare const useTickerItem: <T extends {
3127
3146
  mixBlendMode?: string | number | MotionValue<any> | undefined;
3128
3147
  objectFit?: string | number | MotionValue<any> | undefined;
3129
3148
  objectPosition?: string | number | MotionValue<any> | undefined;
3149
+ offset?: string | number | MotionValue<any> | undefined;
3130
3150
  offsetAnchor?: string | number | MotionValue<any> | undefined;
3131
3151
  offsetDistance?: string | number | MotionValue<any> | undefined;
3132
3152
  offsetPath?: string | number | MotionValue<any> | undefined;
@@ -3140,6 +3160,7 @@ export declare const useTickerItem: <T extends {
3140
3160
  outlineOffset?: string | number | MotionValue<any> | undefined;
3141
3161
  outlineStyle?: string | number | MotionValue<any> | undefined;
3142
3162
  outlineWidth?: string | number | MotionValue<any> | undefined;
3163
+ overflow?: string | number | MotionValue<any> | undefined;
3143
3164
  overflowAnchor?: string | number | MotionValue<any> | undefined;
3144
3165
  overflowClipMargin?: string | number | MotionValue<any> | undefined;
3145
3166
  overflowWrap?: string | number | MotionValue<any> | undefined;
@@ -3161,11 +3182,11 @@ export declare const useTickerItem: <T extends {
3161
3182
  paddingLeft?: string | number | MotionValue<any> | undefined;
3162
3183
  paddingRight?: string | number | MotionValue<any> | undefined;
3163
3184
  paddingTop?: string | number | MotionValue<any> | undefined;
3185
+ page?: string | number | MotionValue<any> | undefined;
3164
3186
  pageBreakAfter?: string | number | MotionValue<any> | undefined;
3165
3187
  pageBreakBefore?: string | number | MotionValue<any> | undefined;
3166
3188
  pageBreakInside?: string | number | MotionValue<any> | undefined;
3167
3189
  paintOrder?: string | number | MotionValue<any> | undefined;
3168
- perspective?: string | number | MotionValue<any> | undefined;
3169
3190
  perspectiveOrigin?: string | number | MotionValue<any> | undefined;
3170
3191
  placeContent?: string | number | MotionValue<any> | undefined;
3171
3192
  placeItems?: string | number | MotionValue<any> | undefined;
@@ -3177,13 +3198,11 @@ export declare const useTickerItem: <T extends {
3177
3198
  r?: string | number | MotionValue<any> | undefined;
3178
3199
  resize?: string | number | MotionValue<any> | undefined;
3179
3200
  right?: string | number | MotionValue<any> | undefined;
3180
- rotate?: string | number | MotionValue<any> | undefined;
3181
3201
  rowGap?: string | number | MotionValue<any> | undefined;
3182
3202
  rubyAlign?: string | number | MotionValue<any> | undefined;
3183
3203
  rubyPosition?: string | number | MotionValue<any> | undefined;
3184
3204
  rx?: string | number | MotionValue<any> | undefined;
3185
3205
  ry?: string | number | MotionValue<any> | undefined;
3186
- scale?: string | number | MotionValue<any> | undefined;
3187
3206
  scrollBehavior?: string | number | MotionValue<any> | undefined;
3188
3207
  scrollMargin?: string | number | MotionValue<any> | undefined;
3189
3208
  scrollMarginBlock?: string | number | MotionValue<any> | undefined;
@@ -3351,29 +3370,8 @@ export declare const useTickerItem: <T extends {
3351
3370
  wordSpacing?: string | number | MotionValue<any> | undefined;
3352
3371
  wordWrap?: string | number | MotionValue<any> | undefined;
3353
3372
  writingMode?: string | number | MotionValue<any> | undefined;
3354
- x?: string | number | MotionValue<any> | undefined;
3355
- y?: string | number | MotionValue<any> | undefined;
3356
3373
  zIndex?: string | number | MotionValue<any> | undefined;
3357
3374
  zoom?: string | number | MotionValue<any> | undefined;
3358
- z?: string | number | MotionValue<any> | undefined;
3359
- originX?: string | number | MotionValue<any> | undefined;
3360
- originY?: string | number | MotionValue<any> | undefined;
3361
- originZ?: string | number | MotionValue<any> | undefined;
3362
- translateX?: string | number | MotionValue<any> | undefined;
3363
- translateY?: string | number | MotionValue<any> | undefined;
3364
- translateZ?: string | number | MotionValue<any> | undefined;
3365
- rotateX?: string | number | MotionValue<any> | undefined;
3366
- rotateY?: string | number | MotionValue<any> | undefined;
3367
- rotateZ?: string | number | MotionValue<any> | undefined;
3368
- scaleX?: string | number | MotionValue<any> | undefined;
3369
- scaleY?: string | number | MotionValue<any> | undefined;
3370
- scaleZ?: string | number | MotionValue<any> | undefined;
3371
- skewX?: string | number | MotionValue<any> | undefined;
3372
- skewY?: string | number | MotionValue<any> | undefined;
3373
- transformPerspective?: string | number | MotionValue<any> | undefined;
3374
- pathLength?: string | number | MotionValue<any> | undefined;
3375
- pathOffset?: string | number | MotionValue<any> | undefined;
3376
- pathSpacing?: string | number | MotionValue<any> | undefined;
3377
3375
  accentHeight?: string | number | MotionValue<any> | undefined;
3378
3376
  accumulate?: string | number | MotionValue<any> | undefined;
3379
3377
  additive?: string | number | MotionValue<any> | undefined;
@@ -3465,6 +3463,7 @@ export declare const useTickerItem: <T extends {
3465
3463
  overlineThickness?: string | number | MotionValue<any> | undefined;
3466
3464
  panose1?: string | number | MotionValue<any> | undefined;
3467
3465
  path?: string | number | MotionValue<any> | undefined;
3466
+ pathLength?: string | number | MotionValue<any> | undefined;
3468
3467
  patternContentUnits?: string | number | MotionValue<any> | undefined;
3469
3468
  patternTransform?: string | number | MotionValue<any> | undefined;
3470
3469
  patternUnits?: string | number | MotionValue<any> | undefined;
@@ -3545,7 +3544,8 @@ export declare const useTickerItem: <T extends {
3545
3544
  y2?: string | number | MotionValue<any> | undefined;
3546
3545
  yChannelSelector?: string | number | MotionValue<any> | undefined;
3547
3546
  zoomAndPan?: string | number | MotionValue<any> | undefined;
3548
- skew?: string | number | MotionValue<any> | undefined;
3547
+ pathOffset?: string | number | MotionValue<any> | undefined;
3548
+ pathSpacing?: string | number | MotionValue<any> | undefined;
3549
3549
  }>;
3550
3550
  "aria-hidden"?: boolean | undefined;
3551
3551
  "aria-posinset"?: number | undefined;
@@ -3565,11 +3565,29 @@ export declare const useTickerItem: <T extends {
3565
3565
  "style": Partial<{
3566
3566
  [x: `--${string}`]: string | number | MotionValue<any> | undefined;
3567
3567
  string?: string | number | MotionValue<any> | undefined;
3568
- offset?: string | number | MotionValue<any> | undefined;
3569
3568
  transition?: string | number | MotionValue<any> | undefined;
3570
- gap?: string | number | MotionValue<any> | undefined;
3571
- overflow?: string | number | MotionValue<any> | undefined;
3572
- page?: string | number | MotionValue<any> | undefined;
3569
+ x?: string | number | MotionValue<any> | undefined;
3570
+ y?: string | number | MotionValue<any> | undefined;
3571
+ z?: string | number | MotionValue<any> | undefined;
3572
+ translateX?: string | number | MotionValue<any> | undefined;
3573
+ translateY?: string | number | MotionValue<any> | undefined;
3574
+ translateZ?: string | number | MotionValue<any> | undefined;
3575
+ rotate?: string | number | MotionValue<any> | undefined;
3576
+ rotateX?: string | number | MotionValue<any> | undefined;
3577
+ rotateY?: string | number | MotionValue<any> | undefined;
3578
+ rotateZ?: string | number | MotionValue<any> | undefined;
3579
+ scale?: string | number | MotionValue<any> | undefined;
3580
+ scaleX?: string | number | MotionValue<any> | undefined;
3581
+ scaleY?: string | number | MotionValue<any> | undefined;
3582
+ scaleZ?: string | number | MotionValue<any> | undefined;
3583
+ skew?: string | number | MotionValue<any> | undefined;
3584
+ skewX?: string | number | MotionValue<any> | undefined;
3585
+ skewY?: string | number | MotionValue<any> | undefined;
3586
+ originX?: string | number | MotionValue<any> | undefined;
3587
+ originY?: string | number | MotionValue<any> | undefined;
3588
+ originZ?: string | number | MotionValue<any> | undefined;
3589
+ perspective?: string | number | MotionValue<any> | undefined;
3590
+ transformPerspective?: string | number | MotionValue<any> | undefined;
3573
3591
  accentColor?: string | number | MotionValue<any> | undefined;
3574
3592
  alignContent?: string | number | MotionValue<any> | undefined;
3575
3593
  alignItems?: string | number | MotionValue<any> | undefined;
@@ -3754,6 +3772,7 @@ export declare const useTickerItem: <T extends {
3754
3772
  fontVariationSettings?: string | number | MotionValue<any> | undefined;
3755
3773
  fontWeight?: string | number | MotionValue<any> | undefined;
3756
3774
  forcedColorAdjust?: string | number | MotionValue<any> | undefined;
3775
+ gap?: string | number | MotionValue<any> | undefined;
3757
3776
  grid?: string | number | MotionValue<any> | undefined;
3758
3777
  gridArea?: string | number | MotionValue<any> | undefined;
3759
3778
  gridAutoColumns?: string | number | MotionValue<any> | undefined;
@@ -3837,6 +3856,7 @@ export declare const useTickerItem: <T extends {
3837
3856
  mixBlendMode?: string | number | MotionValue<any> | undefined;
3838
3857
  objectFit?: string | number | MotionValue<any> | undefined;
3839
3858
  objectPosition?: string | number | MotionValue<any> | undefined;
3859
+ offset?: string | number | MotionValue<any> | undefined;
3840
3860
  offsetAnchor?: string | number | MotionValue<any> | undefined;
3841
3861
  offsetDistance?: string | number | MotionValue<any> | undefined;
3842
3862
  offsetPath?: string | number | MotionValue<any> | undefined;
@@ -3850,6 +3870,7 @@ export declare const useTickerItem: <T extends {
3850
3870
  outlineOffset?: string | number | MotionValue<any> | undefined;
3851
3871
  outlineStyle?: string | number | MotionValue<any> | undefined;
3852
3872
  outlineWidth?: string | number | MotionValue<any> | undefined;
3873
+ overflow?: string | number | MotionValue<any> | undefined;
3853
3874
  overflowAnchor?: string | number | MotionValue<any> | undefined;
3854
3875
  overflowClipMargin?: string | number | MotionValue<any> | undefined;
3855
3876
  overflowWrap?: string | number | MotionValue<any> | undefined;
@@ -3871,11 +3892,11 @@ export declare const useTickerItem: <T extends {
3871
3892
  paddingLeft?: string | number | MotionValue<any> | undefined;
3872
3893
  paddingRight?: string | number | MotionValue<any> | undefined;
3873
3894
  paddingTop?: string | number | MotionValue<any> | undefined;
3895
+ page?: string | number | MotionValue<any> | undefined;
3874
3896
  pageBreakAfter?: string | number | MotionValue<any> | undefined;
3875
3897
  pageBreakBefore?: string | number | MotionValue<any> | undefined;
3876
3898
  pageBreakInside?: string | number | MotionValue<any> | undefined;
3877
3899
  paintOrder?: string | number | MotionValue<any> | undefined;
3878
- perspective?: string | number | MotionValue<any> | undefined;
3879
3900
  perspectiveOrigin?: string | number | MotionValue<any> | undefined;
3880
3901
  placeContent?: string | number | MotionValue<any> | undefined;
3881
3902
  placeItems?: string | number | MotionValue<any> | undefined;
@@ -3887,13 +3908,11 @@ export declare const useTickerItem: <T extends {
3887
3908
  r?: string | number | MotionValue<any> | undefined;
3888
3909
  resize?: string | number | MotionValue<any> | undefined;
3889
3910
  right?: string | number | MotionValue<any> | undefined;
3890
- rotate?: string | number | MotionValue<any> | undefined;
3891
3911
  rowGap?: string | number | MotionValue<any> | undefined;
3892
3912
  rubyAlign?: string | number | MotionValue<any> | undefined;
3893
3913
  rubyPosition?: string | number | MotionValue<any> | undefined;
3894
3914
  rx?: string | number | MotionValue<any> | undefined;
3895
3915
  ry?: string | number | MotionValue<any> | undefined;
3896
- scale?: string | number | MotionValue<any> | undefined;
3897
3916
  scrollBehavior?: string | number | MotionValue<any> | undefined;
3898
3917
  scrollMargin?: string | number | MotionValue<any> | undefined;
3899
3918
  scrollMarginBlock?: string | number | MotionValue<any> | undefined;
@@ -4061,29 +4080,8 @@ export declare const useTickerItem: <T extends {
4061
4080
  wordSpacing?: string | number | MotionValue<any> | undefined;
4062
4081
  wordWrap?: string | number | MotionValue<any> | undefined;
4063
4082
  writingMode?: string | number | MotionValue<any> | undefined;
4064
- x?: string | number | MotionValue<any> | undefined;
4065
- y?: string | number | MotionValue<any> | undefined;
4066
4083
  zIndex?: string | number | MotionValue<any> | undefined;
4067
4084
  zoom?: string | number | MotionValue<any> | undefined;
4068
- z?: string | number | MotionValue<any> | undefined;
4069
- originX?: string | number | MotionValue<any> | undefined;
4070
- originY?: string | number | MotionValue<any> | undefined;
4071
- originZ?: string | number | MotionValue<any> | undefined;
4072
- translateX?: string | number | MotionValue<any> | undefined;
4073
- translateY?: string | number | MotionValue<any> | undefined;
4074
- translateZ?: string | number | MotionValue<any> | undefined;
4075
- rotateX?: string | number | MotionValue<any> | undefined;
4076
- rotateY?: string | number | MotionValue<any> | undefined;
4077
- rotateZ?: string | number | MotionValue<any> | undefined;
4078
- scaleX?: string | number | MotionValue<any> | undefined;
4079
- scaleY?: string | number | MotionValue<any> | undefined;
4080
- scaleZ?: string | number | MotionValue<any> | undefined;
4081
- skewX?: string | number | MotionValue<any> | undefined;
4082
- skewY?: string | number | MotionValue<any> | undefined;
4083
- transformPerspective?: string | number | MotionValue<any> | undefined;
4084
- pathLength?: string | number | MotionValue<any> | undefined;
4085
- pathOffset?: string | number | MotionValue<any> | undefined;
4086
- pathSpacing?: string | number | MotionValue<any> | undefined;
4087
4085
  accentHeight?: string | number | MotionValue<any> | undefined;
4088
4086
  accumulate?: string | number | MotionValue<any> | undefined;
4089
4087
  additive?: string | number | MotionValue<any> | undefined;
@@ -4175,6 +4173,7 @@ export declare const useTickerItem: <T extends {
4175
4173
  overlineThickness?: string | number | MotionValue<any> | undefined;
4176
4174
  panose1?: string | number | MotionValue<any> | undefined;
4177
4175
  path?: string | number | MotionValue<any> | undefined;
4176
+ pathLength?: string | number | MotionValue<any> | undefined;
4178
4177
  patternContentUnits?: string | number | MotionValue<any> | undefined;
4179
4178
  patternTransform?: string | number | MotionValue<any> | undefined;
4180
4179
  patternUnits?: string | number | MotionValue<any> | undefined;
@@ -4255,7 +4254,8 @@ export declare const useTickerItem: <T extends {
4255
4254
  y2?: string | number | MotionValue<any> | undefined;
4256
4255
  yChannelSelector?: string | number | MotionValue<any> | undefined;
4257
4256
  zoomAndPan?: string | number | MotionValue<any> | undefined;
4258
- skew?: string | number | MotionValue<any> | undefined;
4257
+ pathOffset?: string | number | MotionValue<any> | undefined;
4258
+ pathSpacing?: string | number | MotionValue<any> | undefined;
4259
4259
  }>;
4260
4260
  "aria-hidden"?: boolean | undefined;
4261
4261
  "aria-posinset"?: number | undefined;
package/dist/components/Typewriter/Typewriter.d.ts CHANGED
@@ -87,7 +87,7 @@ declare const _default: <T extends AsTag>(__VLS_props: NonNullable<Awaited<typeo
87
87
  props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, never> & TypewriterProps<T> & Partial<{}>> & import('vue').PublicProps;
88
88
  expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
89
89
  attrs: any;
90
- slots: __VLS_PrettifyGlobal<__VLS_OmitStringIndex<any>>;
90
+ slots: {};
91
91
  emit: {};
92
92
  }>) => import('vue').VNode & {
93
93
  __ctx?: Awaited<typeof __VLS_setup>;
package/dist/es/components/Ticker/Ticker.vue.mjs CHANGED
@@ -218,7 +218,7 @@ const Pt = /* @__PURE__ */ je({
218
218
  }
219
219
  const ze = s(() => !e.onDragEnd && e.drag && S ? () => {
220
220
  S.value.jump(d.value.get()), ie();
221
- } : e.onPointerDown), Be = s(() => !e.onDragEnd && e.drag && S ? (n, {
221
+ } : e.onPointerDown), Be = s(() => !e.onDragEnd && e.drag && S.value ? (n, {
222
222
  velocity: i
223
223
  }) => {
224
224
  const a = d.value.get();
@@ -240,7 +240,7 @@ const Pt = /* @__PURE__ */ je({
240
240
  min: 0,
241
241
  max: V.value.right
242
242
  };
243
- M = v(S, oe(o * h.value) * h.value, e.snap ? e.pageTransition : {
243
+ M = v(S.value, oe(o * h.value) * h.value, e.snap ? e.pageTransition : {
244
244
  type: "inertia",
245
245
  velocity: i[r.value],
246
246
  modifyTarget: () => o,
package/dist/es/utils/flatten-slots.mjs CHANGED
@@ -15,7 +15,7 @@ function l(t) {
15
15
  var n;
16
16
  const r = [];
17
17
  for (const e of t)
18
- if (e.type === c) {
18
+ if (e.type === "Fragment" || e.type === c) {
19
19
  const o = Array.isArray(e.children) ? e.children : (n = e.children) == null ? void 0 : n.default();
20
20
  r.push(...l(o));
21
21
  } else
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "motion-plus-vue",
3
- "version": "1.5.0-beta.1",
3
+ "version": "1.5.1",
4
4
  "description": "Motion Plus Vue",
5
5
  "author": "",
6
6
  "license": "ISC",
@@ -23,6 +23,16 @@
23
23
  "./LICENSE",
24
24
  "./dist"
25
25
  ],
26
+ "scripts": {
27
+ "clean": "rm -rf dist",
28
+ "build": "npm run clean && vite build",
29
+ "build:size": "rollup -c rollup.config.js",
30
+ "dev": "vite build --watch",
31
+ "test": "vitest",
32
+ "bumpp": "bumpp package.json",
33
+ "pub:release": "pnpm publish --access public",
34
+ "size": "size-limit"
35
+ },
26
36
  "typings": "./dist/index.d.ts",
27
37
  "peerDependencies": {
28
38
  "motion-v": "^1.7.4",
@@ -31,9 +41,15 @@
31
41
  "dependencies": {
32
42
  "motion-plus-dom": "^2.0.2"
33
43
  },
44
+ "devDependencies": {
45
+ "@rollup/plugin-node-resolve": "^15.2.3",
46
+ "@rollup/plugin-replace": "^5.0.7",
47
+ "rollup": "^4.34.9",
48
+ "rollup-plugin-terser": "^7.0.2"
49
+ },
34
50
  "size-limit": [
35
51
  {
36
- "path": "dist/es/components/AnimateNumber/index.mjs",
52
+ "path": "dist/size.animate-number.js",
37
53
  "limit": "3.75 kb",
38
54
  "ignore": [
39
55
  "vue",
@@ -41,29 +57,36 @@
41
57
  ]
42
58
  },
43
59
  {
44
- "path": "dist/es/components/Cursor/Cursor.vue.mjs",
45
- "limit": "3.1 kb",
60
+ "path": "dist/size.cursor.js",
61
+ "limit": "3 kb",
62
+ "ignore": [
63
+ "vue",
64
+ "motion-v"
65
+ ]
66
+ },
67
+ {
68
+ "path": "dist/size.ticker.js",
69
+ "limit": "5.1 kb",
46
70
  "ignore": [
47
71
  "vue",
48
72
  "motion-v"
49
73
  ]
50
74
  },
51
75
  {
52
- "path": "dist/es/components/Ticker/index.mjs",
53
- "limit": "2.8 kb",
76
+ "path": "dist/size.typewriter.js",
77
+ "limit": "1.7 kb",
78
+ "ignore": [
79
+ "vue",
80
+ "motion-v"
81
+ ]
82
+ },
83
+ {
84
+ "path": "dist/size.carousel.js",
85
+ "limit": "6.9 kb",
54
86
  "ignore": [
55
87
  "vue",
56
88
  "motion-v"
57
89
  ]
58
90
  }
59
- ],
60
- "scripts": {
61
- "clean": "rm -rf dist",
62
- "build": "npm run clean && vite build",
63
- "dev": "vite build --watch",
64
- "test": "vitest",
65
- "bumpp": "bumpp package.json",
66
- "pub:release": "pnpm publish --access public",
67
- "size": "size-limit"
68
- }
69
- }
91
+ ]
92
+ }
package/dist/components/Ticker/DefaultTickerItem.d.ts DELETED
@@ -1,14 +0,0 @@
1
- declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
2
- declare var __VLS_1: {};
3
- type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
4
- default?: (props: typeof __VLS_1) => any;
5
- }>;
6
- declare const __VLS_self: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
7
- declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
8
- declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
9
- export default _default;
10
- type __VLS_WithSlots<T, S> = T & {
11
- new (): {
12
- $slots: S;
13
- };
14
- };
package/dist/components/Ticker/Ticker.d.ts DELETED
@@ -1,106 +0,0 @@
1
- import { MotionProps, MotionValue, Transition } from 'motion-v';
2
- import { ItemSize } from './types';
3
- /**
4
- * Props for the Ticker component.
5
- */
6
- export interface TickerProps {
7
- /**
8
- * The axis along which the ticker scrolls. Defaults to "x".
9
- */
10
- axis?: 'x' | 'y';
11
- /**
12
- * The velocity of the ticker scroll in pixels per second. Defaults to 50.
13
- */
14
- velocity?: number;
15
- /**
16
- * Factor by which the velocity is multiplied when the ticker is hovered. Defaults to 1 (no change).
17
- */
18
- hoverFactor?: number;
19
- /**
20
- * The gap between ticker items in pixels. Defaults to 10.
21
- */
22
- gap?: number;
23
- /**
24
- * Alignment of items within the ticker. Defaults to "center".
25
- */
26
- align?: 'start' | 'center' | 'end' | 'stretch';
27
- /**
28
- * An optional MotionValue to control the ticker's offset externally.
29
- */
30
- offset?: MotionValue<number>;
31
- /**
32
- * The size of the ticker items. Defaults to "auto".
33
- */
34
- itemSize?: ItemSize;
35
- /**
36
- * Show items that overflow the container.
37
- */
38
- overflow?: boolean;
39
- /**
40
- * Allow the carousel to loop through its items.
41
- * If this is disabled, the carousel will not clone
42
- * any additional children.
43
- *
44
- * @default true
45
- */
46
- loop?: boolean;
47
- /**
48
- * By default, ticker items that disappear off the start of the visible area
49
- * will be reprojected to the end of the ticker items to reduce or eliminate
50
- * cloned items.
51
- *
52
- * The calculation for this is based on an item's layout. If for some reason
53
- * the item is transformed back within the visible area, this reprojection
54
- * might be visible. By setting a safe margin, you can extend the effective
55
- * visible area.
56
- *
57
- * @default 0
58
- */
59
- safeMargin?: number;
60
- /**
61
- * The length of the fade at each end of the container.
62
- *
63
- * When looping is disabled, the fade will automatically animate
64
- * away when the content is scrolled to each end of the container.
65
- *
66
- * @default 0
67
- */
68
- fade?: number | `${number}%`;
69
- /**
70
- * The transition to use when fading the edges of the container.
71
- *
72
- * @default { duration: 0.2, ease: "linear" }
73
- */
74
- fadeTransition?: Transition;
75
- /**
76
- * The transition to use when paginating the container.
77
- *
78
- * @default { type: "spring", stiffness: 400, damping: 40 }
79
- */
80
- pageTransition?: Transition;
81
- _dragX?: MotionValue<number> | boolean;
82
- _dragY?: MotionValue<number> | boolean;
83
- snap?: 'page' | 'loose' | false;
84
- as?: any;
85
- style?: MotionProps['style'];
86
- onDragEnd?: MotionProps['onDragEnd'];
87
- drag?: MotionProps['drag'];
88
- dragConstraints?: MotionProps['dragConstraints'];
89
- dragMomentum?: MotionProps['dragMomentum'];
90
- }
91
- declare const _default: import('vue').DefineComponent<TickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TickerProps> & Readonly<{}>, {
92
- gap: number;
93
- overflow: boolean;
94
- as: any;
95
- axis: "x" | "y";
96
- velocity: number;
97
- hoverFactor: number;
98
- align: "start" | "center" | "end" | "stretch";
99
- itemSize: ItemSize;
100
- loop: boolean;
101
- safeMargin: number;
102
- fade: number | `${number}%`;
103
- fadeTransition: Transition;
104
- pageTransition: Transition;
105
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
106
- export default _default;
package/dist/components/Ticker/use-item-offset.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare function useItemOffset(): import('motion-v/es').MotionValue<number>;