@new-black/lyra 0.0.16 → 0.0.17

package/dist/lyra291.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra216.cjs"),c=require("./lyra320.cjs"),m=require("./lyra151.cjs");class n extends m.VisualElement{sortInstanceNodePosition(i,e){return i.compareDocumentPosition(e)&2?1:-1}getBaseTargetFromProps(i,e){return i.style?i.style[e]:void 0}removeValueFromRenderState(i,{vars:e,style:s}){delete e[i],delete s[i]}makeTargetAnimatableFromInstance({transition:i,transitionEnd:e,...s},{transformValues:r},u){let t=o.getOrigin(s,i||{},this);if(r&&(e&&(e=r(e)),s&&(s=r(s)),t&&(t=r(t))),u){o.checkTargetForNewValues(this,s,t);const l=c.parseDomVariant(this,s,t,e);e=l.transitionEnd,s=l.target}return{transition:i,transitionEnd:e,...s}}}exports.DOMVisualElement=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra300.cjs"),v=require("./lyra327.cjs"),x=require("./lyra328.cjs");function G(e,{attrX:s,attrY:u,attrScale:l,originX:i,originY:r,pathLength:o,pathSpacing:t=1,pathOffset:m=0,...y},c,b,S){if(a.buildHTMLStyles(e,y,c,S),b){e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox);return}e.attrs=e.style,e.style={};const{attrs:n,style:f,dimensions:d}=e;n.transform&&(d&&(f.transform=n.transform),delete n.transform),d&&(i!==void 0||r!==void 0||f.transform)&&(f.transformOrigin=v.calcSVGTransformOrigin(d,i!==void 0?i:.5,r!==void 0?r:.5)),s!==void 0&&(n.x=s),u!==void 0&&(n.y=u),l!==void 0&&(n.scale=l),o!==void 0&&x.buildSVGPath(n,o,t,m,!1)}exports.buildSVGAttrs=G;

package/dist/lyra291.js

@@ -1,30 +1,26 @@
-import { getOrigin as t, checkTargetForNewValues as c } from "./lyra216.js";
-import { parseDomVariant as f } from "./lyra320.js";
-import { VisualElement as p } from "./lyra151.js";
-class F extends p {
-  sortInstanceNodePosition(o, e) {
-    return o.compareDocumentPosition(e) & 2 ? 1 : -1;
-  }
-  getBaseTargetFromProps(o, e) {
-    return o.style ? o.style[e] : void 0;
-  }
-  removeValueFromRenderState(o, { vars: e, style: i }) {
-    delete e[o], delete i[o];
-  }
-  makeTargetAnimatableFromInstance({ transition: o, transitionEnd: e, ...i }, { transformValues: r }, s) {
-    let m = t(i, o || {}, this);
-    if (r && (e && (e = r(e)), i && (i = r(i)), m && (m = r(m))), s) {
-      c(this, i, m);
-      const l = f(this, i, m, e);
-      e = l.transitionEnd, i = l.target;
-    }
-    return {
-      transition: o,
-      transitionEnd: e,
-      ...i
-    };
+import { buildHTMLStyles as p } from "./lyra300.js";
+import { calcSVGTransformOrigin as v } from "./lyra327.js";
+import { buildSVGPath as w } from "./lyra328.js";
+function V(f, {
+  attrX: o,
+  attrY: s,
+  attrScale: m,
+  originX: i,
+  originY: e,
+  pathLength: u,
+  pathSpacing: l = 1,
+  pathOffset: t = 0,
+  // This is object creation, which we try to avoid per-frame.
+  ...y
+}, x, c, b) {
+  if (p(f, y, x, b), c) {
+    f.style.viewBox && (f.attrs.viewBox = f.style.viewBox);
+    return;
   }
+  f.attrs = f.style, f.style = {};
+  const { attrs: n, style: r, dimensions: d } = f;
+  n.transform && (d && (r.transform = n.transform), delete n.transform), d && (i !== void 0 || e !== void 0 || r.transform) && (r.transformOrigin = v(d, i !== void 0 ? i : 0.5, e !== void 0 ? e : 0.5)), o !== void 0 && (n.x = o), s !== void 0 && (n.y = s), m !== void 0 && (n.scale = m), u !== void 0 && w(n, u, l, t, !1);
 }
 export {
-  F as DOMVisualElement
+  V as buildSVGAttrs
 };

package/dist/lyra292.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);exports.camelCaseAttributes=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>typeof e=="string"&&e.toLowerCase()==="svg";exports.isSVGTag=t;

package/dist/lyra292.js

@@ -1,28 +1,4 @@
-const e = /* @__PURE__ */ new Set([
-  "baseFrequency",
-  "diffuseConstant",
-  "kernelMatrix",
-  "kernelUnitLength",
-  "keySplines",
-  "keyTimes",
-  "limitingConeAngle",
-  "markerHeight",
-  "markerWidth",
-  "numOctaves",
-  "targetX",
-  "targetY",
-  "surfaceScale",
-  "specularConstant",
-  "specularExponent",
-  "stdDeviation",
-  "tableValues",
-  "viewBox",
-  "gradientTransform",
-  "pathLength",
-  "startOffset",
-  "textLength",
-  "lengthAdjust"
-]);
+const s = (o) => typeof o == "string" && o.toLowerCase() === "svg";
 export {
-  e as camelCaseAttributes
+  s as isSVGTag
 };

package/dist/lyra293.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra152.cjs"),b=require("./lyra261.cjs"),F=require("./lyra262.cjs"),k=require("./lyra322.cjs"),w=require("./lyra323.cjs"),P=require("./lyra171.cjs"),m=require("./lyra178.cjs"),x=new Set(["opacity","clipPath","filter","transform","backgroundColor"]),l=10,K=2e4,V=(i,r)=>r.type==="spring"||i==="backgroundColor"||!F.isWaapiSupportedEasing(r.ease);function v(i,r,{onUpdate:C,onComplete:d,...a}){if(!(k.supports.waapi()&&x.has(r)&&!a.repeatDelay&&a.repeatType!=="mirror"&&a.damping!==0&&a.type!=="inertia"))return!1;let p=!1,f,y;const g=()=>{y=new Promise(e=>{f=e})};g();let{keyframes:s,duration:o=300,ease:h,times:A}=a;if(V(r,a)){const e=P.animateValue({...a,repeat:0,delay:0});let n={done:!1,value:s[0]};const q=[];let c=0;for(;!n.done&&c<K;)n=e.sample(c),q.push(n.value),c+=l;A=void 0,s=q,o=c-l,h="linear"}const t=b.animateStyle(i.owner.current,r,s,{...a,duration:o,ease:h,times:A}),S=()=>t.cancel(),u=()=>{T.frame.update(S),f(),g()};return t.onfinish=()=>{i.set(w.getFinalKeyframe(s,a)),d&&d(),u()},{then(e,n){return y.then(e,n)},get time(){return m.millisecondsToSeconds(t.currentTime||0)},set time(e){t.currentTime=m.secondsToMilliseconds(e)},get speed(){return t.playbackRate},set speed(e){t.playbackRate=e},get duration(){return m.millisecondsToSeconds(o)},play:()=>{p||(t.play(),T.cancelFrame(S))},pause:()=>t.pause(),stop:()=>{if(p=!0,t.playState==="idle")return;const{currentTime:e}=t;if(e){const n=P.animateValue({...a,autoplay:!1});i.setWithVelocity(n.sample(e-l).value,n.sample(e).value,l)}u()},complete:()=>t.finish(),cancel:u}}exports.createAcceleratedAnimation=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra329.cjs"),n=require("./lyra147.cjs");function u(t,i){const{style:e}=t,s={};for(const o in e)(n.isMotionValue(e[o])||i.style&&n.isMotionValue(i.style[o])||r.isForcedMotionValue(o,t))&&(s[o]=e[o]);return s}exports.scrapeMotionValuesFromProps=u;

package/dist/lyra293.js

@@ -1,99 +1,11 @@
-import { cancelFrame as k, frame as w } from "./lyra152.js";
-import { animateStyle as F } from "./lyra261.js";
-import { isWaapiSupportedEasing as b } from "./lyra262.js";
-import { supports as D } from "./lyra322.js";
-import { getFinalKeyframe as K } from "./lyra323.js";
-import { animateValue as S } from "./lyra171.js";
-import { millisecondsToSeconds as T, secondsToMilliseconds as V } from "./lyra178.js";
-const x = /* @__PURE__ */ new Set([
-  "opacity",
-  "clipPath",
-  "filter",
-  "transform",
-  "backgroundColor"
-]), l = 10, C = 2e4, R = (i, n) => n.type === "spring" || i === "backgroundColor" || !b(n.ease);
-function G(i, n, { onUpdate: W, onComplete: p, ...a }) {
-  if (!(D.waapi() && x.has(n) && !a.repeatDelay && a.repeatType !== "mirror" && a.damping !== 0 && a.type !== "inertia"))
-    return !1;
-  let u = !1, d, f;
-  const y = () => {
-    f = new Promise((e) => {
-      d = e;
-    });
-  };
-  y();
-  let { keyframes: s, duration: o = 300, ease: h, times: g } = a;
-  if (R(n, a)) {
-    const e = S({
-      ...a,
-      repeat: 0,
-      delay: 0
-    });
-    let r = { done: !1, value: s[0] };
-    const P = [];
-    let c = 0;
-    for (; !r.done && c < C; )
-      r = e.sample(c), P.push(r.value), c += l;
-    g = void 0, s = P, o = c - l, h = "linear";
-  }
-  const t = F(i.owner.current, n, s, {
-    ...a,
-    duration: o,
-    /**
-     * This function is currently not called if ease is provided
-     * as a function so the cast is safe.
-     *
-     * However it would be possible for a future refinement to port
-     * in easing pregeneration from Motion One for browsers that
-     * support the upcoming `linear()` easing function.
-     */
-    ease: h,
-    times: g
-  }), A = () => t.cancel(), m = () => {
-    w.update(A), d(), y();
-  };
-  return t.onfinish = () => {
-    i.set(K(s, a)), p && p(), m();
-  }, {
-    then(e, r) {
-      return f.then(e, r);
-    },
-    get time() {
-      return T(t.currentTime || 0);
-    },
-    set time(e) {
-      t.currentTime = V(e);
-    },
-    get speed() {
-      return t.playbackRate;
-    },
-    set speed(e) {
-      t.playbackRate = e;
-    },
-    get duration() {
-      return T(o);
-    },
-    play: () => {
-      u || (t.play(), k(A));
-    },
-    pause: () => t.pause(),
-    stop: () => {
-      if (u = !0, t.playState === "idle")
-        return;
-      const { currentTime: e } = t;
-      if (e) {
-        const r = S({
-          ...a,
-          autoplay: !1
-        });
-        i.setWithVelocity(r.sample(e - l).value, r.sample(e).value, l);
-      }
-      m();
-    },
-    complete: () => t.finish(),
-    cancel: m
-  };
+import { isForcedMotionValue as r } from "./lyra329.js";
+import { isMotionValue as s } from "./lyra147.js";
+function u(e, n) {
+  const { style: t } = e, i = {};
+  for (const o in t)
+    (s(t[o]) || n.style && s(n.style[o]) || r(o, e)) && (i[o] = t[o]);
+  return i;
 }
 export {
-  G as createAcceleratedAnimation
+  u as scrapeMotionValuesFromProps
 };

package/dist/lyra294.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra171.cjs"),e=require("./lyra187.cjs");function s({keyframes:n,delay:t,onUpdate:o,onComplete:r}){const i=()=>(o&&o(n[n.length-1]),r&&r(),{time:0,speed:1,duration:0,play:e.noop,pause:e.noop,stop:e.noop,then:a=>(a(),Promise.resolve()),cancel:e.noop,complete:e.noop});return t?u.animateValue({keyframes:[0,1],duration:0,delay:t,onComplete:i}):i()}exports.createInstantAnimation=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({style:{},transform:{},transformOrigin:{},vars:{}});exports.createHtmlRenderState=e;

package/dist/lyra294.js

@@ -1,24 +1,9 @@
-import { animateValue as m } from "./lyra171.js";
-import { noop as e } from "./lyra187.js";
-function s({ keyframes: t, delay: n, onUpdate: r, onComplete: o }) {
-  const a = () => (r && r(t[t.length - 1]), o && o(), {
-    time: 0,
-    speed: 1,
-    duration: 0,
-    play: e,
-    pause: e,
-    stop: e,
-    then: (i) => (i(), Promise.resolve()),
-    cancel: e,
-    complete: e
-  });
-  return n ? m({
-    keyframes: [0, 1],
-    duration: 0,
-    delay: n,
-    onComplete: a
-  }) : a();
-}
+const r = () => ({
+  style: {},
+  transform: {},
+  transformOrigin: {},
+  vars: {}
+});
 export {
-  s as createInstantAnimation
+  r as createHtmlRenderState
 };

package/dist/lyra295.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra160.cjs"),s={type:"spring",stiffness:500,damping:25,restSpeed:10},n=e=>({type:"spring",stiffness:550,damping:e===0?2*Math.sqrt(550):30,restSpeed:10}),i={type:"keyframes",duration:.8},a={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},o=(e,{keyframes:t})=>t.length>2?i:r.transformProps.has(e)?e.startsWith("scale")?n(t[1]):s:a;exports.getDefaultTransition=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("./lyra144.cjs"),b=require("./lyra296.cjs"),M=require("./lyra241.cjs"),E=require("./lyra169.cjs"),S=require("./lyra242.cjs"),d=require("./lyra330.cjs"),q=require("./lyra168.cjs"),g=require("./lyra318.cjs"),j=require("./lyra302.cjs"),k=require("./lyra244.cjs"),D=require("./lyra331.cjs"),B=require("./lyra243.cjs"),R=require("./lyra236.cjs"),x=require("./lyra214.cjs"),G=require("./lyra204.cjs"),T=require("./lyra263.cjs"),y=require("./lyra167.cjs"),L=new WeakMap;class w{constructor(t){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=q.createBox(),this.visualElement=t}start(t,{snapToCursor:e=!1}={}){const{presenceContext:s}=this.visualElement;if(s&&s.isPresent===!1)return;const n=r=>{this.stopAnimation(),e&&this.snapToCursor(k.extractEventInfo(r,"page").point)},o=(r,l)=>{const{drag:c,dragPropagation:u,onDragStart:p}=this.getProps();if(c&&!u&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=M.getGlobalLock(c),!this.openGlobalLock))return;this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),g.eachAxis(h=>{let v=this.getAxisMotionValue(h).get()||0;if(G.percent.test(v)){const{projection:A}=this.visualElement;if(A&&A.layout){const C=A.layout.layoutBox[h];C&&(v=R.calcLength(C)*(parseFloat(v)/100))}}this.originPoint[h]=v}),p&&y.frame.update(()=>p(r,l),!1,!0);const{animationState:m}=this.visualElement;m&&m.setActive("whileDrag",!0)},i=(r,l)=>{const{dragPropagation:c,dragDirectionLock:u,onDirectionLock:p,onDrag:m}=this.getProps();if(!c&&!this.openGlobalLock)return;const{offset:h}=l;if(u&&this.currentDirection===null){this.currentDirection=O(h),this.currentDirection!==null&&p&&p(this.currentDirection);return}this.updateAxis("x",l.point,h),this.updateAxis("y",l.point,h),this.visualElement.render(),m&&m(r,l)},a=(r,l)=>this.stop(r,l);this.panSession=new b.PanSession(t,{onSessionStart:n,onStart:o,onMove:i,onSessionEnd:a},{transformPagePoint:this.visualElement.getTransformPagePoint()})}stop(t,e){const s=this.isDragging;if(this.cancel(),!s)return;const{velocity:n}=e;this.startAnimation(n);const{onDragEnd:o}=this.getProps();o&&y.frame.update(()=>o(t,e))}cancel(){this.isDragging=!1;const{projection:t,animationState:e}=this.visualElement;t&&(t.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:s}=this.getProps();!s&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),e&&e.setActive("whileDrag",!1)}updateAxis(t,e,s){const{drag:n}=this.getProps();if(!s||!P(t,n,this.currentDirection))return;const o=this.getAxisMotionValue(t);let i=this.originPoint[t]+s[t];this.constraints&&this.constraints[t]&&(i=d.applyConstraints(i,this.constraints[t],this.elastic[t])),o.set(i)}resolveConstraints(){const{dragConstraints:t,dragElastic:e}=this.getProps(),{layout:s}=this.visualElement.projection||{},n=this.constraints;t&&E.isRefObject(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):t&&s?this.constraints=d.calcRelativeConstraints(s.layoutBox,t):this.constraints=!1,this.elastic=d.resolveDragElastic(e),n!==this.constraints&&s&&this.constraints&&!this.hasMutatedConstraints&&g.eachAxis(o=>{this.getAxisMotionValue(o)&&(this.constraints[o]=d.rebaseAxisConstraints(s.layoutBox[o],this.constraints[o]))})}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:e}=this.getProps();if(!t||!E.isRefObject(t))return!1;const s=t.current;V.invariant(s!==null,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");const{projection:n}=this.visualElement;if(!n||!n.layout)return!1;const o=j.measurePageBox(s,n.root,this.visualElement.getTransformPagePoint());let i=d.calcViewportConstraints(n.layout.layoutBox,o);if(e){const a=e(D.convertBoxToBoundingBox(i));this.hasMutatedConstraints=!!a,a&&(i=D.convertBoundingBoxToBox(a))}return i}startAnimation(t){const{drag:e,dragMomentum:s,dragElastic:n,dragTransition:o,dragSnapToOrigin:i,onDragTransitionEnd:a}=this.getProps(),r=this.constraints||{},l=g.eachAxis(c=>{if(!P(c,e,this.currentDirection))return;let u=r&&r[c]||{};i&&(u={min:0,max:0});const p=n?200:1e6,m=n?40:1e7,h={type:"inertia",velocity:s?t[c]:0,bounceStiffness:p,bounceDamping:m,timeConstant:750,restDelta:1,restSpeed:10,...o,...u};return this.startAxisValueAnimation(c,h)});return Promise.all(l).then(a)}startAxisValueAnimation(t,e){const s=this.getAxisMotionValue(t);return s.start(T.animateMotionValue(t,s,0,e))}stopAnimation(){g.eachAxis(t=>this.getAxisMotionValue(t).stop())}getAxisMotionValue(t){const e="_drag"+t.toUpperCase(),s=this.visualElement.getProps(),n=s[e];return n||this.visualElement.getValue(t,(s.initial?s.initial[t]:void 0)||0)}snapToCursor(t){g.eachAxis(e=>{const{drag:s}=this.getProps();if(!P(e,s,this.currentDirection))return;const{projection:n}=this.visualElement,o=this.getAxisMotionValue(e);if(n&&n.layout){const{min:i,max:a}=n.layout.layoutBox[e];o.set(t[e]-x.mix(i,a,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:t,dragConstraints:e}=this.getProps(),{projection:s}=this.visualElement;if(!E.isRefObject(e)||!s||!this.constraints)return;this.stopAnimation();const n={x:0,y:0};g.eachAxis(i=>{const a=this.getAxisMotionValue(i);if(a){const r=a.get();n[i]=d.calcOrigin({min:r,max:r},this.constraints[i])}});const{transformTemplate:o}=this.visualElement.getProps();this.visualElement.current.style.transform=o?o({},""):"none",s.root&&s.root.updateScroll(),s.updateLayout(),this.resolveConstraints(),g.eachAxis(i=>{if(!P(i,t,null))return;const a=this.getAxisMotionValue(i),{min:r,max:l}=this.constraints[i];a.set(x.mix(r,l,n[i]))})}addListeners(){if(!this.visualElement.current)return;L.set(this.visualElement,this);const t=this.visualElement.current,e=S.addPointerEvent(t,"pointerdown",r=>{const{drag:l,dragListener:c=!0}=this.getProps();l&&c&&this.start(r)}),s=()=>{const{dragConstraints:r}=this.getProps();E.isRefObject(r)&&(this.constraints=this.resolveRefConstraints())},{projection:n}=this.visualElement,o=n.addEventListener("measure",s);n&&!n.layout&&(n.root&&n.root.updateScroll(),n.updateLayout()),s();const i=B.addDomEvent(window,"resize",()=>this.scalePositionWithinConstraints()),a=n.addEventListener("didUpdate",({delta:r,hasLayoutChanged:l})=>{this.isDragging&&l&&(g.eachAxis(c=>{const u=this.getAxisMotionValue(c);u&&(this.originPoint[c]+=r[c].translate,u.set(u.get()+r[c].translate))}),this.visualElement.render())});return()=>{i(),e(),o(),a&&a()}}getProps(){const t=this.visualElement.getProps(),{drag:e=!1,dragDirectionLock:s=!1,dragPropagation:n=!1,dragConstraints:o=!1,dragElastic:i=d.defaultElastic,dragMomentum:a=!0}=t;return{...t,drag:e,dragDirectionLock:s,dragPropagation:n,dragConstraints:o,dragElastic:i,dragMomentum:a}}}function P(f,t,e){return(t===!0||t===f)&&(e===null||e===f)}function O(f,t=10){let e=null;return Math.abs(f.y)>t?e="y":Math.abs(f.x)>t&&(e="x"),e}exports.VisualElementDragControls=w;exports.elementDragControls=L;

package/dist/lyra295.js

@@ -1,22 +1,234 @@
-import { transformProps as s } from "./lyra160.js";
-const r = {
-  type: "spring",
-  stiffness: 500,
-  damping: 25,
-  restSpeed: 10
-}, n = (t) => ({
-  type: "spring",
-  stiffness: 550,
-  damping: t === 0 ? 2 * Math.sqrt(550) : 30,
-  restSpeed: 10
-}), i = {
-  type: "keyframes",
-  duration: 0.8
-}, a = {
-  type: "keyframes",
-  ease: [0.25, 0.1, 0.35, 1],
-  duration: 0.3
-}, o = (t, { keyframes: e }) => e.length > 2 ? i : s.has(t) ? t.startsWith("scale") ? n(e[1]) : r : a;
+import { invariant as y } from "./lyra144.js";
+import { PanSession as L } from "./lyra296.js";
+import { getGlobalLock as x } from "./lyra241.js";
+import { isRefObject as v } from "./lyra169.js";
+import { addPointerEvent as M } from "./lyra242.js";
+import { applyConstraints as V, calcRelativeConstraints as b, resolveDragElastic as S, calcViewportConstraints as B, rebaseAxisConstraints as k, calcOrigin as j, defaultElastic as G } from "./lyra330.js";
+import { createBox as T } from "./lyra168.js";
+import { eachAxis as g } from "./lyra318.js";
+import { measurePageBox as w } from "./lyra302.js";
+import { extractEventInfo as R } from "./lyra244.js";
+import { convertBoxToBoundingBox as O, convertBoundingBoxToBox as U } from "./lyra331.js";
+import { addDomEvent as W } from "./lyra243.js";
+import { calcLength as z } from "./lyra236.js";
+import { mix as D } from "./lyra214.js";
+import { percent as I } from "./lyra204.js";
+import { animateMotionValue as _ } from "./lyra263.js";
+import { frame as A } from "./lyra167.js";
+const F = /* @__PURE__ */ new WeakMap();
+class ct {
+  constructor(t) {
+    this.openGlobalLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = T(), this.visualElement = t;
+  }
+  start(t, { snapToCursor: n = !1 } = {}) {
+    const { presenceContext: s } = this.visualElement;
+    if (s && s.isPresent === !1)
+      return;
+    const i = (r) => {
+      this.stopAnimation(), n && this.snapToCursor(R(r, "page").point);
+    }, e = (r, l) => {
+      const { drag: c, dragPropagation: u, onDragStart: p } = this.getProps();
+      if (c && !u && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock = x(c), !this.openGlobalLock))
+        return;
+      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), g((h) => {
+        let d = this.getAxisMotionValue(h).get() || 0;
+        if (I.test(d)) {
+          const { projection: P } = this.visualElement;
+          if (P && P.layout) {
+            const C = P.layout.layoutBox[h];
+            C && (d = z(C) * (parseFloat(d) / 100));
+          }
+        }
+        this.originPoint[h] = d;
+      }), p && A.update(() => p(r, l), !1, !0);
+      const { animationState: m } = this.visualElement;
+      m && m.setActive("whileDrag", !0);
+    }, o = (r, l) => {
+      const { dragPropagation: c, dragDirectionLock: u, onDirectionLock: p, onDrag: m } = this.getProps();
+      if (!c && !this.openGlobalLock)
+        return;
+      const { offset: h } = l;
+      if (u && this.currentDirection === null) {
+        this.currentDirection = K(h), this.currentDirection !== null && p && p(this.currentDirection);
+        return;
+      }
+      this.updateAxis("x", l.point, h), this.updateAxis("y", l.point, h), this.visualElement.render(), m && m(r, l);
+    }, a = (r, l) => this.stop(r, l);
+    this.panSession = new L(t, {
+      onSessionStart: i,
+      onStart: e,
+      onMove: o,
+      onSessionEnd: a
+    }, { transformPagePoint: this.visualElement.getTransformPagePoint() });
+  }
+  stop(t, n) {
+    const s = this.isDragging;
+    if (this.cancel(), !s)
+      return;
+    const { velocity: i } = n;
+    this.startAnimation(i);
+    const { onDragEnd: e } = this.getProps();
+    e && A.update(() => e(t, n));
+  }
+  cancel() {
+    this.isDragging = !1;
+    const { projection: t, animationState: n } = this.visualElement;
+    t && (t.isAnimationBlocked = !1), this.panSession && this.panSession.end(), this.panSession = void 0;
+    const { dragPropagation: s } = this.getProps();
+    !s && this.openGlobalLock && (this.openGlobalLock(), this.openGlobalLock = null), n && n.setActive("whileDrag", !1);
+  }
+  updateAxis(t, n, s) {
+    const { drag: i } = this.getProps();
+    if (!s || !E(t, i, this.currentDirection))
+      return;
+    const e = this.getAxisMotionValue(t);
+    let o = this.originPoint[t] + s[t];
+    this.constraints && this.constraints[t] && (o = V(o, this.constraints[t], this.elastic[t])), e.set(o);
+  }
+  resolveConstraints() {
+    const { dragConstraints: t, dragElastic: n } = this.getProps(), { layout: s } = this.visualElement.projection || {}, i = this.constraints;
+    t && v(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && s ? this.constraints = b(s.layoutBox, t) : this.constraints = !1, this.elastic = S(n), i !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && g((e) => {
+      this.getAxisMotionValue(e) && (this.constraints[e] = k(s.layoutBox[e], this.constraints[e]));
+    });
+  }
+  resolveRefConstraints() {
+    const { dragConstraints: t, onMeasureDragConstraints: n } = this.getProps();
+    if (!t || !v(t))
+      return !1;
+    const s = t.current;
+    y(s !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
+    const { projection: i } = this.visualElement;
+    if (!i || !i.layout)
+      return !1;
+    const e = w(s, i.root, this.visualElement.getTransformPagePoint());
+    let o = B(i.layout.layoutBox, e);
+    if (n) {
+      const a = n(O(o));
+      this.hasMutatedConstraints = !!a, a && (o = U(a));
+    }
+    return o;
+  }
+  startAnimation(t) {
+    const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: e, dragSnapToOrigin: o, onDragTransitionEnd: a } = this.getProps(), r = this.constraints || {}, l = g((c) => {
+      if (!E(c, n, this.currentDirection))
+        return;
+      let u = r && r[c] || {};
+      o && (u = { min: 0, max: 0 });
+      const p = i ? 200 : 1e6, m = i ? 40 : 1e7, h = {
+        type: "inertia",
+        velocity: s ? t[c] : 0,
+        bounceStiffness: p,
+        bounceDamping: m,
+        timeConstant: 750,
+        restDelta: 1,
+        restSpeed: 10,
+        ...e,
+        ...u
+      };
+      return this.startAxisValueAnimation(c, h);
+    });
+    return Promise.all(l).then(a);
+  }
+  startAxisValueAnimation(t, n) {
+    const s = this.getAxisMotionValue(t);
+    return s.start(_(t, s, 0, n));
+  }
+  stopAnimation() {
+    g((t) => this.getAxisMotionValue(t).stop());
+  }
+  /**
+   * Drag works differently depending on which props are provided.
+   *
+   * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.
+   * - Otherwise, we apply the delta to the x/y motion values.
+   */
+  getAxisMotionValue(t) {
+    const n = "_drag" + t.toUpperCase(), s = this.visualElement.getProps(), i = s[n];
+    return i || this.visualElement.getValue(t, (s.initial ? s.initial[t] : void 0) || 0);
+  }
+  snapToCursor(t) {
+    g((n) => {
+      const { drag: s } = this.getProps();
+      if (!E(n, s, this.currentDirection))
+        return;
+      const { projection: i } = this.visualElement, e = this.getAxisMotionValue(n);
+      if (i && i.layout) {
+        const { min: o, max: a } = i.layout.layoutBox[n];
+        e.set(t[n] - D(o, a, 0.5));
+      }
+    });
+  }
+  /**
+   * When the viewport resizes we want to check if the measured constraints
+   * have changed and, if so, reposition the element within those new constraints
+   * relative to where it was before the resize.
+   */
+  scalePositionWithinConstraints() {
+    if (!this.visualElement.current)
+      return;
+    const { drag: t, dragConstraints: n } = this.getProps(), { projection: s } = this.visualElement;
+    if (!v(n) || !s || !this.constraints)
+      return;
+    this.stopAnimation();
+    const i = { x: 0, y: 0 };
+    g((o) => {
+      const a = this.getAxisMotionValue(o);
+      if (a) {
+        const r = a.get();
+        i[o] = j({ min: r, max: r }, this.constraints[o]);
+      }
+    });
+    const { transformTemplate: e } = this.visualElement.getProps();
+    this.visualElement.current.style.transform = e ? e({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.resolveConstraints(), g((o) => {
+      if (!E(o, t, null))
+        return;
+      const a = this.getAxisMotionValue(o), { min: r, max: l } = this.constraints[o];
+      a.set(D(r, l, i[o]));
+    });
+  }
+  addListeners() {
+    if (!this.visualElement.current)
+      return;
+    F.set(this.visualElement, this);
+    const t = this.visualElement.current, n = M(t, "pointerdown", (r) => {
+      const { drag: l, dragListener: c = !0 } = this.getProps();
+      l && c && this.start(r);
+    }), s = () => {
+      const { dragConstraints: r } = this.getProps();
+      v(r) && (this.constraints = this.resolveRefConstraints());
+    }, { projection: i } = this.visualElement, e = i.addEventListener("measure", s);
+    i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), s();
+    const o = W(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", ({ delta: r, hasLayoutChanged: l }) => {
+      this.isDragging && l && (g((c) => {
+        const u = this.getAxisMotionValue(c);
+        u && (this.originPoint[c] += r[c].translate, u.set(u.get() + r[c].translate));
+      }), this.visualElement.render());
+    });
+    return () => {
+      o(), n(), e(), a && a();
+    };
+  }
+  getProps() {
+    const t = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: i = !1, dragConstraints: e = !1, dragElastic: o = G, dragMomentum: a = !0 } = t;
+    return {
+      ...t,
+      drag: n,
+      dragDirectionLock: s,
+      dragPropagation: i,
+      dragConstraints: e,
+      dragElastic: o,
+      dragMomentum: a
+    };
+  }
+}
+function E(f, t, n) {
+  return (t === !0 || t === f) && (n === null || n === f);
+}
+function K(f, t = 10) {
+  let n = null;
+  return Math.abs(f.y) > t ? n = "y" : Math.abs(f.x) > t && (n = "x"), n;
+}
 export {
-  o as getDefaultTransition
+  ct as VisualElementDragControls,
+  F as elementDragControls
 };

package/dist/lyra296.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra185.cjs"),i=(t,r)=>t==="zIndex"?!1:!!(typeof r=="number"||Array.isArray(r)||typeof r=="string"&&(e.complex.test(r)||r==="0")&&!r.startsWith("url("));exports.isAnimatable=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./lyra244.cjs"),E=require("./lyra167.cjs"),y=require("./lyra193.cjs"),d=require("./lyra242.cjs"),q=require("./lyra215.cjs"),w=require("./lyra225.cjs"),M=require("./lyra212.cjs"),D=require("./lyra245.cjs");class T{constructor(n,o,{transformPagePoint:i}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const e=v(this.lastMoveEventInfo,this.history),h=this.startEvent!==null,l=w.distance2D(e.offset,{x:0,y:0})>=3;if(!h&&!l)return;const{point:c}=e,{timestamp:u}=M.frameData;this.history.push({...c,timestamp:u});const{onStart:m,onMove:p}=this.handlers;h||(m&&m(this.lastMoveEvent,e),this.startEvent=this.lastMoveEvent),p&&p(this.lastMoveEvent,e)},this.handlePointerMove=(e,h)=>{this.lastMoveEvent=e,this.lastMoveEventInfo=f(h,this.transformPagePoint),E.frame.update(this.updatePoint,!0)},this.handlePointerUp=(e,h)=>{if(this.end(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const{onEnd:l,onSessionEnd:c}=this.handlers,u=v(e.type==="pointercancel"?this.lastMoveEventInfo:f(h,this.transformPagePoint),this.history);this.startEvent&&l&&l(e,u),c&&c(e,u)},!D.isPrimaryPointer(n))return;this.handlers=o,this.transformPagePoint=i;const r=S.extractEventInfo(n),a=f(r,this.transformPagePoint),{point:s}=a,{timestamp:g}=M.frameData;this.history=[{...s,timestamp:g}];const{onSessionStart:P}=o;P&&P(n,v(a,this.history)),this.removeListeners=q.pipe(d.addPointerEvent(window,"pointermove",this.handlePointerMove),d.addPointerEvent(window,"pointerup",this.handlePointerUp),d.addPointerEvent(window,"pointercancel",this.handlePointerUp))}updateHandlers(n){this.handlers=n}end(){this.removeListeners&&this.removeListeners(),E.cancelFrame(this.updatePoint)}}function f(t,n){return n?{point:n(t.point)}:t}function x(t,n){return{x:t.x-n.x,y:t.y-n.y}}function v({point:t},n){return{point:t,delta:x(t,I(n)),offset:x(t,b(n)),velocity:L(n,.1)}}function b(t){return t[0]}function I(t){return t[t.length-1]}function L(t,n){if(t.length<2)return{x:0,y:0};let o=t.length-1,i=null;const r=I(t);for(;o>=0&&(i=t[o],!(r.timestamp-i.timestamp>y.secondsToMilliseconds(n)));)o--;if(!i)return{x:0,y:0};const a=y.millisecondsToSeconds(r.timestamp-i.timestamp);if(a===0)return{x:0,y:0};const s={x:(r.x-i.x)/a,y:(r.y-i.y)/a};return s.x===1/0&&(s.x=0),s.y===1/0&&(s.y=0),s}exports.PanSession=T;

package/dist/lyra296.js

@@ -1,7 +1,83 @@
-import { complex as e } from "./lyra185.js";
-const n = (t, r) => t === "zIndex" ? !1 : !!(typeof r == "number" || Array.isArray(r) || typeof r == "string" && // It's animatable if we have a string
-(e.test(r) || r === "0") && // And it contains numbers and/or colors
-!r.startsWith("url("));
+import { extractEventInfo as I } from "./lyra244.js";
+import { frame as g, cancelFrame as w } from "./lyra167.js";
+import { secondsToMilliseconds as S, millisecondsToSeconds as D } from "./lyra193.js";
+import { addPointerEvent as m } from "./lyra242.js";
+import { pipe as L } from "./lyra215.js";
+import { distance2D as T } from "./lyra225.js";
+import { frameData as E } from "./lyra212.js";
+import { isPrimaryPointer as U } from "./lyra245.js";
+class C {
+  constructor(n, o, { transformPagePoint: e } = {}) {
+    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.updatePoint = () => {
+      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const i = p(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, l = T(i.offset, { x: 0, y: 0 }) >= 3;
+      if (!h && !l)
+        return;
+      const { point: f } = i, { timestamp: c } = E;
+      this.history.push({ ...f, timestamp: c });
+      const { onStart: d, onMove: P } = this.handlers;
+      h || (d && d(this.lastMoveEvent, i), this.startEvent = this.lastMoveEvent), P && P(this.lastMoveEvent, i);
+    }, this.handlePointerMove = (i, h) => {
+      this.lastMoveEvent = i, this.lastMoveEventInfo = v(h, this.transformPagePoint), g.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (i, h) => {
+      if (this.end(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const { onEnd: l, onSessionEnd: f } = this.handlers, c = p(i.type === "pointercancel" ? this.lastMoveEventInfo : v(h, this.transformPagePoint), this.history);
+      this.startEvent && l && l(i, c), f && f(i, c);
+    }, !U(n))
+      return;
+    this.handlers = o, this.transformPagePoint = e;
+    const r = I(n), a = v(r, this.transformPagePoint), { point: s } = a, { timestamp: x } = E;
+    this.history = [{ ...s, timestamp: x }];
+    const { onSessionStart: u } = o;
+    u && u(n, p(a, this.history)), this.removeListeners = L(m(window, "pointermove", this.handlePointerMove), m(window, "pointerup", this.handlePointerUp), m(window, "pointercancel", this.handlePointerUp));
+  }
+  updateHandlers(n) {
+    this.handlers = n;
+  }
+  end() {
+    this.removeListeners && this.removeListeners(), w(this.updatePoint);
+  }
+}
+function v(t, n) {
+  return n ? { point: n(t.point) } : t;
+}
+function y(t, n) {
+  return { x: t.x - n.x, y: t.y - n.y };
+}
+function p({ point: t }, n) {
+  return {
+    point: t,
+    delta: y(t, M(n)),
+    offset: y(t, V(n)),
+    velocity: b(n, 0.1)
+  };
+}
+function V(t) {
+  return t[0];
+}
+function M(t) {
+  return t[t.length - 1];
+}
+function b(t, n) {
+  if (t.length < 2)
+    return { x: 0, y: 0 };
+  let o = t.length - 1, e = null;
+  const r = M(t);
+  for (; o >= 0 && (e = t[o], !(r.timestamp - e.timestamp > S(n))); )
+    o--;
+  if (!e)
+    return { x: 0, y: 0 };
+  const a = D(r.timestamp - e.timestamp);
+  if (a === 0)
+    return { x: 0, y: 0 };
+  const s = {
+    x: (r.x - e.x) / a,
+    y: (r.y - e.y) / a
+  };
+  return s.x === 1 / 0 && (s.x = 0), s.y === 1 / 0 && (s.y = 0), s;
+}
 export {
-  n as isAnimatable
+  C as PanSession
 };

package/dist/lyra297.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra219.cjs"),c=require("./lyra296.cjs"),d=require("./lyra324.cjs");function g(s,r,i,o){const a=c.isAnimatable(r,i);let n;Array.isArray(i)?n=[...i]:n=[null,i];const f=o.from!==void 0?o.from:s.get();let l;const t=[];for(let e=0;e<n.length;e++)n[e]===null&&(n[e]=e===0?f:n[e-1]),d.isNone(n[e])&&t.push(e),typeof n[e]=="string"&&n[e]!=="none"&&n[e]!=="0"&&(l=n[e]);if(a&&t.length&&l)for(let e=0;e<t.length;e++){const u=t[e];n[u]=m.getAnimatableNone(r,l)}return n}exports.getKeyframes=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={hasAnimatedSinceResize:!0,hasEverUpdated:!1};exports.globalProjectionState=e;