@new-black/lyra 0.0.24 → 0.0.26

package/dist/lyra283.js

@@ -1,11 +1,8 @@
-import { camelToDash as i } from "./lyra193.js";
-import { renderHTML as m } from "./lyra298.js";
-import { camelCaseAttributes as e } from "./lyra301.js";
-function c(o, t, f, s) {
-  m(o, t, void 0, s);
-  for (const r in t.attrs)
-    o.setAttribute(e.has(r) ? r : i(r), t.attrs[r]);
+import { fillOffset as e } from "./lyra334.js";
+function n(t) {
+  const f = [0];
+  return e(f, t.length - 1), f;
 }
 export {
-  c as renderSVG
+  n as defaultOffset
 };

package/dist/lyra284.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra134.cjs"),i=require("./lyra288.cjs"),a=require("./lyra162.cjs");function u(o,r){const t=i.scrapeMotionValuesFromProps(o,r);for(const e in o)if(n.isMotionValue(o[e])||n.isMotionValue(r[e])){const s=a.transformPropOrder.indexOf(e)!==-1?"attr"+e.charAt(0).toUpperCase()+e.substring(1):e;t[s]=o[e]}return t}exports.scrapeMotionValuesFromProps=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(e,t){return e.map(o=>o*t)}exports.convertOffsetToTimes=r;

package/dist/lyra284.js

@@ -1,15 +1,6 @@
-import { isMotionValue as n } from "./lyra134.js";
-import { scrapeMotionValuesFromProps as a } from "./lyra288.js";
-import { transformPropOrder as i } from "./lyra162.js";
-function u(r, t) {
-  const e = a(r, t);
-  for (const o in r)
-    if (n(r[o]) || n(t[o])) {
-      const s = i.indexOf(o) !== -1 ? "attr" + o.charAt(0).toUpperCase() + o.substring(1) : o;
-      e[s] = r[o];
-    }
-  return e;
+function o(e, t) {
+  return e.map((n) => n * t);
 }
 export {
-  u as scrapeMotionValuesFromProps
+  o as convertOffsetToTimes
 };

package/dist/lyra285.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra289.cjs"),t=()=>({...e.createHtmlRenderState(),attrs:{}});exports.createSvgRenderState=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra272.cjs"),a=require("./lyra179.cjs"),u=require("./lyra154.cjs");function r(e,i,n){const t=u.isMotionValue(e)?e:a.motionValue(e);return t.start(o.animateMotionValue("",t,i,n)),t.animation}exports.animateSingleValue=r;

package/dist/lyra285.js

@@ -1,8 +1,10 @@
-import { createHtmlRenderState as t } from "./lyra289.js";
-const r = () => ({
-  ...t(),
-  attrs: {}
-});
+import { animateMotionValue as m } from "./lyra272.js";
+import { motionValue as a } from "./lyra179.js";
+import { isMotionValue as r } from "./lyra154.js";
+function f(o, i, n) {
+  const t = r(o) ? o : a(o);
+  return t.start(m("", t, i, n)), t.animation;
+}
 export {
-  r as createSvgRenderState
+  f as animateSingleValue
 };

package/dist/lyra286.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra297.cjs"),v=require("./lyra326.cjs"),x=require("./lyra327.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function p(a){let n=[],s=[],i=0,r=!1,o=!1;const l=new WeakSet,u={schedule:(e,t=!1,f=!1)=>{const d=f&&r,c=d?n:s;return t&&l.add(e),c.indexOf(e)===-1&&(c.push(e),d&&r&&(i=n.length)),e},cancel:e=>{const t=s.indexOf(e);t!==-1&&s.splice(t,1),l.delete(e)},process:e=>{if(r){o=!0;return}if(r=!0,[n,s]=[s,n],s.length=0,i=n.length,i)for(let t=0;t<i;t++){const f=n[t];f(e),l.has(f)&&(u.schedule(f),a())}r=!1,o&&(o=!1,u.process(e))}};return u}exports.createRenderStep=p;

package/dist/lyra286.js

@@ -1,26 +1,38 @@
-import { buildHTMLStyles as p } from "./lyra297.js";
-import { calcSVGTransformOrigin as v } from "./lyra326.js";
-import { buildSVGPath as w } from "./lyra327.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);
+function p(h) {
+  let n = [], s = [], i = 0, f = !1, o = !1;
+  const l = /* @__PURE__ */ new WeakSet(), u = {
+    /**
+     * Schedule a process to run on the next frame.
+     */
+    schedule: (e, t = !1, r = !1) => {
+      const d = r && f, c = d ? n : s;
+      return t && l.add(e), c.indexOf(e) === -1 && (c.push(e), d && f && (i = n.length)), e;
+    },
+    /**
+     * Cancel the provided callback from running on the next frame.
+     */
+    cancel: (e) => {
+      const t = s.indexOf(e);
+      t !== -1 && s.splice(t, 1), l.delete(e);
+    },
+    /**
+     * Execute all schedule callbacks.
+     */
+    process: (e) => {
+      if (f) {
+        o = !0;
+        return;
+      }
+      if (f = !0, [n, s] = [s, n], s.length = 0, i = n.length, i)
+        for (let t = 0; t < i; t++) {
+          const r = n[t];
+          r(e), l.has(r) && (u.schedule(r), h());
+        }
+      f = !1, o && (o = !1, u.process(e));
+    }
+  };
+  return u;
 }
 export {
-  V as buildSVGAttrs
+  p as createRenderStep
 };

package/dist/lyra287.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>typeof e=="string"&&e.toLowerCase()==="svg";exports.isSVGTag=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function c(r,o,e){return e<0&&(e+=1),e>1&&(e-=1),e<1/6?r+(o-r)*6*e:e<1/2?o:e<2/3?r+(o-r)*(2/3-e)*6:r}function M({hue:r,saturation:o,lightness:e,alpha:l}){r/=360,o/=100,e/=100;let u=0,n=0,b=0;if(!o)u=n=b=e;else{const f=e<.5?e*(1+o):e+o-e*o,d=2*e-f;u=c(d,f,r+1/3),n=c(d,f,r),b=c(d,f,r-1/3)}return{red:Math.round(u*255),green:Math.round(n*255),blue:Math.round(b*255),alpha:l}}exports.hslaToRgba=M;

package/dist/lyra287.js

@@ -1,4 +1,22 @@
-const s = (o) => typeof o == "string" && o.toLowerCase() === "svg";
+function c(e, f, r) {
+  return r < 0 && (r += 1), r > 1 && (r -= 1), r < 1 / 6 ? e + (f - e) * 6 * r : r < 1 / 2 ? f : r < 2 / 3 ? e + (f - e) * (2 / 3 - r) * 6 : e;
+}
+function R({ hue: e, saturation: f, lightness: r, alpha: M }) {
+  e /= 360, f /= 100, r /= 100;
+  let o = 0, u = 0, d = 0;
+  if (!f)
+    o = u = d = r;
+  else {
+    const n = r < 0.5 ? r * (1 + f) : r + f - r * f, b = 2 * r - n;
+    o = c(b, n, e + 1 / 3), u = c(b, n, e), d = c(b, n, e - 1 / 3);
+  }
+  return {
+    red: Math.round(o * 255),
+    green: Math.round(u * 255),
+    blue: Math.round(d * 255),
+    alpha: M
+  };
+}
 export {
-  s as isSVGTag
+  R as hslaToRgba
 };

package/dist/lyra288.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra325.cjs"),n=require("./lyra134.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./lyra245.cjs"),k=require("./lyra271.cjs"),D=require("./lyra336.cjs"),j=require("./lyra183.cjs"),z=require("./lyra156.cjs"),R=require("./lyra188.cjs"),H=require("./lyra155.cjs"),G=[...R.variantPriorityOrder].reverse(),J=R.variantPriorityOrder.length;function N(e){return s=>Promise.all(s.map(({animation:c,options:y})=>H.animateVisualElement(e,c,y)))}function Q(e){let s=N(e);const c=U();let y=!0;const M=(i,u)=>{const l=z.resolveVariant(e,u);if(l){const{transition:p,transitionEnd:f,...a}=l;i={...i,...a,...f}}return i};function x(i){s=i(e)}function T(i,u){const l=e.getProps(),p=e.getVariantContext(!0)||{},f=[],a=new Set;let d={},S=1/0;for(let m=0;m<J;m++){const r=G[m],t=c[r],o=l[r]!==void 0?l[r]:p[r],V=j.isVariantLabel(o),P=r===u?t.isActive:null;P===!1&&(S=m);let g=o===p[r]&&o!==l[r]&&V;if(g&&y&&e.manuallyAnimateOnMount&&(g=!1),t.protectedKeys={...d},!t.isActive&&P===null||!o&&!t.prevProp||_.isAnimationControls(o)||typeof o=="boolean")continue;const q=L(t.prevProp,o);let w=q||r===u&&t.isActive&&!g&&V||m>S&&V;const I=Array.isArray(o)?o:[o];let h=I.reduce(M,{});P===!1&&(h={});const{prevResolvedValues:O={}}=t,F={...O,...h},C=n=>{w=!0,a.delete(n),t.needsAnimating[n]=!0};for(const n in F){const A=h[n],K=O[n];d.hasOwnProperty(n)||(A!==K?k.isKeyframesTarget(A)&&k.isKeyframesTarget(K)?!D.shallowCompare(A,K)||q?C(n):t.protectedKeys[n]=!0:A!==void 0?C(n):a.add(n):A!==void 0&&a.has(n)?C(n):t.protectedKeys[n]=!0)}t.prevProp=o,t.prevResolvedValues=h,t.isActive&&(d={...d,...h}),y&&e.blockInitialAnimation&&(w=!1),w&&!g&&f.push(...I.map(n=>({animation:n,options:{type:r,...i}})))}if(a.size){const m={};a.forEach(r=>{const t=e.getBaseTarget(r);t!==void 0&&(m[r]=t)}),f.push({animation:m})}let b=!!f.length;return y&&l.initial===!1&&!e.manuallyAnimateOnMount&&(b=!1),y=!1,b?s(f):Promise.resolve()}function B(i,u,l){var p;if(c[i].isActive===u)return Promise.resolve();(p=e.variantChildren)===null||p===void 0||p.forEach(a=>{var d;return(d=a.animationState)===null||d===void 0?void 0:d.setActive(i,u)}),c[i].isActive=u;const f=T(l,i);for(const a in c)c[a].protectedKeys={};return f}return{animateChanges:T,setActive:B,setAnimateFunction:x,getState:()=>c}}function L(e,s){return typeof s=="string"?s!==e:Array.isArray(s)?!D.shallowCompare(s,e):!1}function v(e=!1){return{isActive:e,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function U(){return{animate:v(!0),whileInView:v(),whileHover:v(),whileTap:v(),whileDrag:v(),whileFocus:v(),exit:v()}}exports.checkVariantsDidChange=L;exports.createAnimationState=Q;

package/dist/lyra288.js

@@ -1,11 +1,116 @@
-import { isForcedMotionValue as r } from "./lyra325.js";
-import { isMotionValue as s } from "./lyra134.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;
+import { isAnimationControls as _ } from "./lyra245.js";
+import { isKeyframesTarget as R } from "./lyra271.js";
+import { shallowCompare as D } from "./lyra336.js";
+import { isVariantLabel as z } from "./lyra183.js";
+import { resolveVariant as H } from "./lyra156.js";
+import { variantPriorityOrder as x } from "./lyra188.js";
+import { animateVisualElement as j } from "./lyra155.js";
+const q = [...x].reverse(), G = x.length;
+function J(e) {
+  return (s) => Promise.all(s.map(({ animation: f, options: y }) => j(e, f, y)));
+}
+function ee(e) {
+  let s = J(e);
+  const f = Q();
+  let y = !0;
+  const L = (i, c) => {
+    const l = H(e, c);
+    if (l) {
+      const { transition: p, transitionEnd: u, ...o } = l;
+      i = { ...i, ...o, ...u };
+    }
+    return i;
+  };
+  function B(i) {
+    s = i(e);
+  }
+  function C(i, c) {
+    const l = e.getProps(), p = e.getVariantContext(!0) || {}, u = [], o = /* @__PURE__ */ new Set();
+    let d = {}, I = 1 / 0;
+    for (let m = 0; m < G; m++) {
+      const r = q[m], t = f[r], a = l[r] !== void 0 ? l[r] : p[r], V = z(a), P = r === c ? t.isActive : null;
+      P === !1 && (I = m);
+      let g = a === p[r] && a !== l[r] && V;
+      if (g && y && e.manuallyAnimateOnMount && (g = !1), t.protectedKeys = { ...d }, // If it isn't active and hasn't *just* been set as inactive
+      !t.isActive && P === null || // If we didn't and don't have any defined prop for this animation type
+      !a && !t.prevProp || // Or if the prop doesn't define an animation
+      _(a) || typeof a == "boolean")
+        continue;
+      const b = N(t.prevProp, a);
+      let w = b || // If we're making this variant active, we want to always make it active
+      r === c && t.isActive && !g && V || // If we removed a higher-priority variant (i is in reverse order)
+      m > I && V;
+      const k = Array.isArray(a) ? a : [a];
+      let A = k.reduce(L, {});
+      P === !1 && (A = {});
+      const { prevResolvedValues: O = {} } = t, M = {
+        ...O,
+        ...A
+      }, K = (n) => {
+        w = !0, o.delete(n), t.needsAnimating[n] = !0;
+      };
+      for (const n in M) {
+        const h = A[n], T = O[n];
+        d.hasOwnProperty(n) || (h !== T ? R(h) && R(T) ? !D(h, T) || b ? K(n) : t.protectedKeys[n] = !0 : h !== void 0 ? K(n) : o.add(n) : h !== void 0 && o.has(n) ? K(n) : t.protectedKeys[n] = !0);
+      }
+      t.prevProp = a, t.prevResolvedValues = A, t.isActive && (d = { ...d, ...A }), y && e.blockInitialAnimation && (w = !1), w && !g && u.push(...k.map((n) => ({
+        animation: n,
+        options: { type: r, ...i }
+      })));
+    }
+    if (o.size) {
+      const m = {};
+      o.forEach((r) => {
+        const t = e.getBaseTarget(r);
+        t !== void 0 && (m[r] = t);
+      }), u.push({ animation: m });
+    }
+    let S = !!u.length;
+    return y && l.initial === !1 && !e.manuallyAnimateOnMount && (S = !1), y = !1, S ? s(u) : Promise.resolve();
+  }
+  function F(i, c, l) {
+    var p;
+    if (f[i].isActive === c)
+      return Promise.resolve();
+    (p = e.variantChildren) === null || p === void 0 || p.forEach((o) => {
+      var d;
+      return (d = o.animationState) === null || d === void 0 ? void 0 : d.setActive(i, c);
+    }), f[i].isActive = c;
+    const u = C(l, i);
+    for (const o in f)
+      f[o].protectedKeys = {};
+    return u;
+  }
+  return {
+    animateChanges: C,
+    setActive: F,
+    setAnimateFunction: B,
+    getState: () => f
+  };
+}
+function N(e, s) {
+  return typeof s == "string" ? s !== e : Array.isArray(s) ? !D(s, e) : !1;
+}
+function v(e = !1) {
+  return {
+    isActive: e,
+    protectedKeys: {},
+    needsAnimating: {},
+    prevResolvedValues: {}
+  };
+}
+function Q() {
+  return {
+    animate: v(!0),
+    whileInView: v(),
+    whileHover: v(),
+    whileTap: v(),
+    whileDrag: v(),
+    whileFocus: v(),
+    exit: v()
+  };
 }
 export {
-  u as scrapeMotionValuesFromProps
+  N as checkVariantsDidChange,
+  ee as createAnimationState
 };

package/dist/lyra289.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({style:{},transform:{},transformOrigin:{},vars:{}});exports.createHtmlRenderState=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{constructor(e){this.isMounted=!1,this.node=e}update(){}}exports.Feature=t;

package/dist/lyra289.js

@@ -1,9 +1,10 @@
-const r = () => ({
-  style: {},
-  transform: {},
-  transformOrigin: {},
-  vars: {}
-});
+class s {
+  constructor(t) {
+    this.isMounted = !1, this.node = t;
+  }
+  update() {
+  }
+}
 export {
-  r as createHtmlRenderState
+  s as Feature
 };

package/dist/lyra29.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra36.cjs"),r=require("react"),s=require("./lyra43.cjs"),f=require("./lyra30.cjs"),p=require("./lyra37.cjs"),n=r.forwardRef(function({variant:e,color:a,className:c,...u},o){const{elementType:i="span",...d}=u,l=r.useRef(null),g=s.useObjectRef(s.mergeRefs(l,o)),h=y(i,e);return m.jsxRuntimeExports.jsx(h,{ref:g,...d,className:p.twMerge(f.textStyles({variant:e,color:a,className:c}))})});n.displayName="Text";const y=(t,e)=>{if(t)return t;switch(e){case"heading-1":return"h1";case"heading-2":return"h2";case"heading-3":return"h3";case"heading-4":return"h4";case"heading-5":return"h5";case"heading-6":return"h6";case"body-large":case"body-medium":case"body-small":return"span";case"badge":return"span";default:return"span"}};exports.Text=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra39.cjs"),s=require("./lyra30.cjs"),i=require("./lyra40.cjs");function u({className:e,color:r,size:t}){return n.jsxRuntimeExports.jsx("div",{className:i.twMerge(s.spinnerStyles({color:r,size:t,className:e})),role:"status"})}exports.Spinner=u;

package/dist/lyra29.js

@@ -1,46 +1,15 @@
-import { j as u } from "./lyra36.js";
-import { forwardRef as i, useRef as p } from "react";
-import { useObjectRef as h, mergeRefs as l } from "./lyra43.js";
-import { textStyles as g } from "./lyra30.js";
-import { twMerge as x } from "./lyra37.js";
-const b = i(function({ variant: e, color: t, className: s, ...a }, n) {
-  const { elementType: o = "span", ...c } = a, f = p(null), m = h(l(f, n)), d = y(o, e);
-  return /* @__PURE__ */ u.jsx(
-    d,
+import { j as o } from "./lyra39.js";
+import { spinnerStyles as s } from "./lyra30.js";
+import { twMerge as i } from "./lyra40.js";
+function a({ className: r, color: t, size: e }) {
+  return /* @__PURE__ */ o.jsx(
+    "div",
     {
-      ref: m,
-      ...c,
-      className: x(g({ variant: e, color: t, className: s }))
+      className: i(s({ color: t, size: e, className: r })),
+      role: "status"
     }
   );
-});
-b.displayName = "Text";
-const y = (r, e) => {
-  if (r)
-    return r;
-  switch (e) {
-    case "heading-1":
-      return "h1";
-    case "heading-2":
-      return "h2";
-    case "heading-3":
-      return "h3";
-    case "heading-4":
-      return "h4";
-    case "heading-5":
-      return "h5";
-    case "heading-6":
-      return "h6";
-    case "body-large":
-    case "body-medium":
-    case "body-small":
-      return "span";
-    case "badge":
-      return "span";
-    default:
-      return "span";
-  }
-};
+}
 export {
-  b as Text
+  a as Spinner
 };

package/dist/lyra290.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("./lyra131.cjs"),b=require("./lyra291.cjs"),M=require("./lyra228.cjs"),E=require("./lyra156.cjs"),S=require("./lyra229.cjs"),d=require("./lyra328.cjs"),q=require("./lyra155.cjs"),g=require("./lyra315.cjs"),j=require("./lyra299.cjs"),k=require("./lyra231.cjs"),D=require("./lyra329.cjs"),B=require("./lyra230.cjs"),R=require("./lyra223.cjs"),x=require("./lyra201.cjs"),G=require("./lyra191.cjs"),T=require("./lyra255.cjs"),y=require("./lyra154.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra207.cjs"),s=require("./lyra203.cjs"),c=new Set(["brightness","contrast","saturate","opacity"]);function u(t){const[e,n]=t.slice(0,-1).split("(");if(e==="drop-shadow")return t;const[r]=n.match(s.floatRegex)||[];if(!r)return t;const o=n.replace(r,"");let a=c.has(e)?1:0;return r!==n&&(a*=100),e+"("+a+o+")"}const l=/([a-z-]*)\(.*?\)/g,f={...i.complex,getAnimatableNone:t=>{const e=t.match(l);return e?e.map(u).join(" "):t}};exports.filter=f;