@new-black/lyra 0.0.25 → 0.0.26

package/dist/lyra307.js

@@ -1,15 +1,82 @@
-const e = {
-  /**
-   * Global flag as to whether the tree has animated since the last time
-   * we resized the window
-   */
-  hasAnimatedSinceResize: !0,
-  /**
-   * We set this to true once, on the first update. Any nodes added to the tree beyond that
-   * update will be given a `data-projection-id` attribute.
-   */
-  hasEverUpdated: !1
-};
+import { extractEventInfo as I } from "./lyra250.js";
+import { secondsToMilliseconds as g, millisecondsToSeconds as w } from "./lyra200.js";
+import { addPointerEvent as m } from "./lyra248.js";
+import { pipe as S } from "./lyra221.js";
+import { distance2D as D } from "./lyra231.js";
+import { isPrimaryPointer as L } from "./lyra251.js";
+import { frame as T, cancelFrame as U, frameData as E } from "./lyra190.js";
+class B {
+  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 = p(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, l = D(e.offset, { x: 0, y: 0 }) >= 3;
+      if (!h && !l)
+        return;
+      const { point: f } = e, { timestamp: c } = E;
+      this.history.push({ ...f, timestamp: c });
+      const { onStart: d, onMove: P } = this.handlers;
+      h || (d && d(this.lastMoveEvent, e), this.startEvent = this.lastMoveEvent), P && P(this.lastMoveEvent, e);
+    }, this.handlePointerMove = (e, h) => {
+      this.lastMoveEvent = e, this.lastMoveEventInfo = v(h, this.transformPagePoint), T.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (e, h) => {
+      if (this.end(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const { onEnd: l, onSessionEnd: f } = this.handlers, c = p(e.type === "pointercancel" ? this.lastMoveEventInfo : v(h, this.transformPagePoint), this.history);
+      this.startEvent && l && l(e, c), f && f(e, c);
+    }, !L(n))
+      return;
+    this.handlers = o, this.transformPagePoint = i;
+    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 = S(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(), U(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, i = null;
+  const r = M(t);
+  for (; o >= 0 && (i = t[o], !(r.timestamp - i.timestamp > g(n))); )
+    o--;
+  if (!i)
+    return { x: 0, y: 0 };
+  const a = w(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;
+}
 export {
-  e as globalProjectionState
+  B as PanSession
 };

package/dist/lyra308.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra197.cjs");function t(r,e){return e.max===e.min?0:r/(e.max-e.min)*100}const i={correct:(r,e)=>{if(!e.target)return r;if(typeof r=="string")if(c.px.test(r))r=parseFloat(r);else return r;const n=t(r,e.target.x),o=t(r,e.target.y);return`${n}% ${o}%`}};exports.correctBorderRadius=i;exports.pixelsToPercent=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={hasAnimatedSinceResize:!0,hasEverUpdated:!1};exports.globalProjectionState=e;

package/dist/lyra308.js

@@ -1,21 +1,15 @@
-import { px as c } from "./lyra197.js";
-function e(r, n) {
-  return n.max === n.min ? 0 : r / (n.max - n.min) * 100;
-}
-const f = {
-  correct: (r, n) => {
-    if (!n.target)
-      return r;
-    if (typeof r == "string")
-      if (c.test(r))
-        r = parseFloat(r);
-      else
-        return r;
-    const o = e(r, n.target.x), t = e(r, n.target.y);
-    return `${o}% ${t}%`;
-  }
+const e = {
+  /**
+   * Global flag as to whether the tree has animated since the last time
+   * we resized the window
+   */
+  hasAnimatedSinceResize: !0,
+  /**
+   * We set this to true once, on the first update. Any nodes added to the tree beyond that
+   * update will be given a `data-projection-id` attribute.
+   */
+  hasEverUpdated: !1
 };
 export {
-  f as correctBorderRadius,
-  e as pixelsToPercent
+  e as globalProjectionState
 };

package/dist/lyra309.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra207.cjs"),i=require("./lyra193.cjs"),x={correct:(r,{treeScale:c,projectionDelta:t})=>{const f=r,e=i.complex.parse(r);if(e.length>5)return f;const m=i.complex.createTransformer(r),o=typeof e[0]!="number"?1:0,n=t.x.scale*c.x,s=t.y.scale*c.y;e[0+o]/=n,e[1+o]/=s;const a=u.mix(n,s,.5);return typeof e[2+o]=="number"&&(e[2+o]/=a),typeof e[3+o]=="number"&&(e[3+o]/=a),m(e)}};exports.correctBoxShadow=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra211.cjs");function t(r,e){return e.max===e.min?0:r/(e.max-e.min)*100}const i={correct:(r,e)=>{if(!e.target)return r;if(typeof r=="string")if(c.px.test(r))r=parseFloat(r);else return r;const n=t(r,e.target.x),o=t(r,e.target.y);return`${n}% ${o}%`}};exports.correctBorderRadius=i;exports.pixelsToPercent=t;

package/dist/lyra309.js

@@ -1,16 +1,21 @@
-import { mix as i } from "./lyra207.js";
-import { complex as m } from "./lyra193.js";
-const l = {
-  correct: (e, { treeScale: c, projectionDelta: t }) => {
-    const a = e, o = m.parse(e);
-    if (o.length > 5)
-      return a;
-    const p = m.createTransformer(e), r = typeof o[0] != "number" ? 1 : 0, n = t.x.scale * c.x, s = t.y.scale * c.y;
-    o[0 + r] /= n, o[1 + r] /= s;
-    const f = i(n, s, 0.5);
-    return typeof o[2 + r] == "number" && (o[2 + r] /= f), typeof o[3 + r] == "number" && (o[3 + r] /= f), p(o);
+import { px as c } from "./lyra211.js";
+function e(r, n) {
+  return n.max === n.min ? 0 : r / (n.max - n.min) * 100;
+}
+const f = {
+  correct: (r, n) => {
+    if (!n.target)
+      return r;
+    if (typeof r == "string")
+      if (c.test(r))
+        r = parseFloat(r);
+      else
+        return r;
+    const o = e(r, n.target.x), t = e(r, n.target.y);
+    return `${o}% ${t}%`;
   }
 };
 export {
-  l as correctBoxShadow
+  f as correctBorderRadius,
+  e as pixelsToPercent
 };

package/dist/lyra31.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra72.cjs");require("./lyra77.cjs");const t=e.cva([],{variants:{color:{primary:"text-neutral-foreground-1",secondary:"text-neutral-6",white:"text-neutral-0",disabled:"text-neutral-4","accent-primary":"text-primary","accent-success":"text-success","accent-warning":"text-warning","accent-danger":"text-danger"},variant:{"heading-1":["text-[length:--text-heading-1-size]","leading-[--text-heading-1-line-height]","font-[--text-heading-1-weight]","tracking-[--text-heading-1-letter-spacing]","font-heading"],"heading-2":["text-[length:--text-heading-2-size]","leading-[--text-heading-2-line-height]","font-[--text-heading-2-weight]","tracking-[--text-heading-2-letter-spacing]","font-heading"],"heading-3":["text-[length:--text-heading-3-size]","leading-[--text-heading-3-line-height]","font-[--text-heading-3-weight]","tracking-[--text-heading-3-letter-spacing]","font-heading"],"heading-4":["text-[length:--text-heading-4-size]","leading-[--text-heading-4-line-height]","font-[--text-heading-4-weight]","tracking-[--text-heading-4-letter-spacing]","font-heading"],"heading-5":["text-[length:--text-heading-5-size]","leading-[--text-heading-5-line-height]","font-[--text-heading-5-weight]","tracking-[--text-heading-5-letter-spacing]","font-heading"],"heading-6":["text-[length:--text-heading-6-size]","leading-[--text-heading-6-line-height]","font-[--text-heading-6-weight]","tracking-[--text-heading-6-letter-spacing]","font-heading"],"body-large":["text-[length:--text-body-large-size]","leading-[--text-body-large-line-height]","font-[--text-body-large-weight]","tracking-[--text-body-large-letter-spacing]","font-sans"],"body-medium":["text-[length:--text-body-medium-size]","leading-[--text-body-medium-line-height]","font-[--text-body-medium-weight]","tracking-[--text-body-medium-letter-spacing]","font-sans"],"body-small":["text-[length:--text-body-small-size]","leading-[--text-body-small-line-height]","font-[--text-body-small-weight]","tracking-[--text-body-small-letter-spacing]","font-sans"],badge:["text-[length:--text-badge-size]","leading-[--text-badge-line-height]","font-[--text-badge-weight]","tracking-[--text-badge-letter-spacing]","font-sans","uppercase"]}},defaultVariants:{variant:"body-medium",color:"primary"}});exports.textStyles=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra39.cjs"),n=require("./lyra40.cjs"),c=({className:s,...e})=>{const r=`/icons/icon-defs.svg#${e.name}`;return t.jsxRuntimeExports.jsx("svg",{className:n.twMerge("h-6 w-6 fill-current text-current",s),...e,children:t.jsxRuntimeExports.jsx("use",{href:r})})};exports.SvgIcon=c;

package/dist/lyra31.js

@@ -1,96 +1,16 @@
-import { cva as t } from "./lyra72.js";
-import "./lyra77.js";
-const i = t([], {
-  variants: {
-    color: {
-      primary: "text-neutral-foreground-1",
-      secondary: "text-neutral-6",
-      white: "text-neutral-0",
-      disabled: "text-neutral-4",
-      "accent-primary": "text-primary",
-      "accent-success": "text-success",
-      "accent-warning": "text-warning",
-      "accent-danger": "text-danger"
-    },
-    variant: {
-      "heading-1": [
-        "text-[length:--text-heading-1-size]",
-        "leading-[--text-heading-1-line-height]",
-        "font-[--text-heading-1-weight]",
-        "tracking-[--text-heading-1-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-2": [
-        "text-[length:--text-heading-2-size]",
-        "leading-[--text-heading-2-line-height]",
-        "font-[--text-heading-2-weight]",
-        "tracking-[--text-heading-2-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-3": [
-        "text-[length:--text-heading-3-size]",
-        "leading-[--text-heading-3-line-height]",
-        "font-[--text-heading-3-weight]",
-        "tracking-[--text-heading-3-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-4": [
-        "text-[length:--text-heading-4-size]",
-        "leading-[--text-heading-4-line-height]",
-        "font-[--text-heading-4-weight]",
-        "tracking-[--text-heading-4-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-5": [
-        "text-[length:--text-heading-5-size]",
-        "leading-[--text-heading-5-line-height]",
-        "font-[--text-heading-5-weight]",
-        "tracking-[--text-heading-5-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-6": [
-        "text-[length:--text-heading-6-size]",
-        "leading-[--text-heading-6-line-height]",
-        "font-[--text-heading-6-weight]",
-        "tracking-[--text-heading-6-letter-spacing]",
-        "font-heading"
-      ],
-      "body-large": [
-        "text-[length:--text-body-large-size]",
-        "leading-[--text-body-large-line-height]",
-        "font-[--text-body-large-weight]",
-        "tracking-[--text-body-large-letter-spacing]",
-        "font-sans"
-      ],
-      "body-medium": [
-        "text-[length:--text-body-medium-size]",
-        "leading-[--text-body-medium-line-height]",
-        "font-[--text-body-medium-weight]",
-        "tracking-[--text-body-medium-letter-spacing]",
-        "font-sans"
-      ],
-      "body-small": [
-        "text-[length:--text-body-small-size]",
-        "leading-[--text-body-small-line-height]",
-        "font-[--text-body-small-weight]",
-        "tracking-[--text-body-small-letter-spacing]",
-        "font-sans"
-      ],
-      badge: [
-        "text-[length:--text-badge-size]",
-        "leading-[--text-badge-line-height]",
-        "font-[--text-badge-weight]",
-        "tracking-[--text-badge-letter-spacing]",
-        "font-sans",
-        "uppercase"
-      ]
+import { j as r } from "./lyra39.js";
+import { twMerge as n } from "./lyra40.js";
+const m = ({ className: s, ...e }) => {
+  const t = `/icons/icon-defs.svg#${e.name}`;
+  return /* @__PURE__ */ r.jsx(
+    "svg",
+    {
+      className: n("h-6 w-6 fill-current text-current", s),
+      ...e,
+      children: /* @__PURE__ */ r.jsx("use", { href: t })
     }
-  },
-  defaultVariants: {
-    variant: "body-medium",
-    color: "primary"
-  }
-});
+  );
+};
 export {
-  i as textStyles
+  m as SvgIcon
 };

package/dist/lyra310.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra160.cjs"),b=require("./lyra273.cjs"),F=require("./lyra274.cjs"),k=require("./lyra339.cjs"),w=require("./lyra340.cjs"),P=require("./lyra179.cjs"),m=require("./lyra186.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 u=require("./lyra220.cjs"),i=require("./lyra207.cjs"),x={correct:(r,{treeScale:c,projectionDelta:t})=>{const f=r,e=i.complex.parse(r);if(e.length>5)return f;const m=i.complex.createTransformer(r),o=typeof e[0]!="number"?1:0,n=t.x.scale*c.x,s=t.y.scale*c.y;e[0+o]/=n,e[1+o]/=s;const a=u.mix(n,s,.5);return typeof e[2+o]=="number"&&(e[2+o]/=a),typeof e[3+o]=="number"&&(e[3+o]/=a),m(e)}};exports.correctBoxShadow=x;

package/dist/lyra310.js

@@ -1,99 +1,16 @@
-import { cancelFrame as k, frame as w } from "./lyra160.js";
-import { animateStyle as F } from "./lyra273.js";
-import { isWaapiSupportedEasing as b } from "./lyra274.js";
-import { supports as D } from "./lyra339.js";
-import { getFinalKeyframe as K } from "./lyra340.js";
-import { animateValue as S } from "./lyra179.js";
-import { millisecondsToSeconds as T, secondsToMilliseconds as V } from "./lyra186.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";
+import { mix as i } from "./lyra220.js";
+import { complex as m } from "./lyra207.js";
+const l = {
+  correct: (e, { treeScale: c, projectionDelta: t }) => {
+    const a = e, o = m.parse(e);
+    if (o.length > 5)
+      return a;
+    const p = m.createTransformer(e), r = typeof o[0] != "number" ? 1 : 0, n = t.x.scale * c.x, s = t.y.scale * c.y;
+    o[0 + r] /= n, o[1 + r] /= s;
+    const f = i(n, s, 0.5);
+    return typeof o[2 + r] == "number" && (o[2 + r] /= f), typeof o[3 + r] == "number" && (o[3 + r] /= f), p(o);
   }
-  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
-  };
-}
+};
 export {
-  G as createAcceleratedAnimation
+  l as correctBoxShadow
 };

package/dist/lyra311.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra179.cjs"),e=require("./lyra195.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 T=require("./lyra192.cjs"),b=require("./lyra208.cjs"),d=require("./lyra181.cjs"),p=require("./lyra344.cjs"),S=require("./lyra337.cjs");function q(f,i,c,a){const{style:e,vars:g,transform:y,transformOrigin:u}=f;let l=!1,m=!1,o=!0;for(const r in i){const s=i[r];if(b.isCSSVariableName(r)){g[r]=s;continue}const n=S.numberValueTypes[r],t=p.getValueAsType(s,n);if(d.transformProps.has(r)){if(l=!0,y[r]=t,!o)continue;s!==(n.default||0)&&(o=!1)}else r.startsWith("origin")?(m=!0,u[r]=t):e[r]=t}if(i.transform||(l||a?e.transform=T.buildTransform(f.transform,c,o,a):e.transform&&(e.transform="none")),m){const{originX:r="50%",originY:s="50%",originZ:n=0}=u;e.transformOrigin=`${r} ${s} ${n}`}}exports.buildHTMLStyles=q;

package/dist/lyra311.js

@@ -1,24 +1,30 @@
-import { animateValue as m } from "./lyra179.js";
-import { noop as e } from "./lyra195.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();
+import { buildTransform as y } from "./lyra192.js";
+import { isCSSVariableName as T } from "./lyra208.js";
+import { transformProps as b } from "./lyra181.js";
+import { getValueAsType as h } from "./lyra344.js";
+import { numberValueTypes as v } from "./lyra337.js";
+function N(t, s, p, a) {
+  const { style: o, vars: c, transform: g, transformOrigin: m } = t;
+  let l = !1, u = !1, f = !0;
+  for (const r in s) {
+    const i = s[r];
+    if (T(r)) {
+      c[r] = i;
+      continue;
+    }
+    const n = v[r], e = h(i, n);
+    if (b.has(r)) {
+      if (l = !0, g[r] = e, !f)
+        continue;
+      i !== (n.default || 0) && (f = !1);
+    } else
+      r.startsWith("origin") ? (u = !0, m[r] = e) : o[r] = e;
+  }
+  if (s.transform || (l || a ? o.transform = y(t.transform, p, f, a) : o.transform && (o.transform = "none")), u) {
+    const { originX: r = "50%", originY: i = "50%", originZ: n = 0 } = m;
+    o.transformOrigin = `${r} ${i} ${n}`;
+  }
 }
 export {
-  s as createInstantAnimation
+  N as buildHTMLStyles
 };

package/dist/lyra312.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra168.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"});function y(e,{style:o,vars:t},s,r){Object.assign(e.style,o,r&&r.getProjectionStyles(s));for(const n in t)e.style.setProperty(n,t[n])}exports.renderHTML=y;

package/dist/lyra312.js

@@ -1,22 +1,8 @@
-import { transformProps as s } from "./lyra168.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;
+function y(t, { style: o, vars: e }, r, s) {
+  Object.assign(t.style, o, s && s.getProjectionStyles(r));
+  for (const n in e)
+    t.style.setProperty(n, e[n]);
+}
 export {
-  o as getDefaultTransition
+  y as renderHTML
 };

package/dist/lyra313.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra193.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 n=require("./lyra343.cjs"),s=require("./lyra324.cjs");function i(e,o){return n.convertBoundingBoxToBox(n.transformBoxPoints(e.getBoundingClientRect(),o))}function a(e,o,u){const t=i(e,u),{scroll:r}=o;return r&&(s.translateAxis(t.x,r.offset.x),s.translateAxis(t.y,r.offset.y)),t}exports.measurePageBox=a;exports.measureViewportBox=i;

package/dist/lyra313.js

@@ -1,7 +1,13 @@
-import { complex as e } from "./lyra193.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 { convertBoundingBoxToBox as s, transformBoxPoints as f } from "./lyra343.js";
+import { translateAxis as n } from "./lyra324.js";
+function x(o, t) {
+  return s(f(o.getBoundingClientRect(), t));
+}
+function c(o, t, i) {
+  const r = x(o, i), { scroll: e } = t;
+  return e && (n(r.x, e.offset.x), n(r.y, e.offset.y)), r;
+}
 export {
-  n as isAnimatable
+  c as measurePageBox,
+  x as measureViewportBox
 };

package/dist/lyra314.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra227.cjs"),c=require("./lyra313.cjs"),d=require("./lyra341.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 o=require("./lyra237.cjs"),c=require("./lyra345.cjs"),m=require("./lyra173.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;

package/dist/lyra314.js

@@ -1,22 +1,30 @@
-import { getAnimatableNone as u } from "./lyra227.js";
-import { isAnimatable as d } from "./lyra313.js";
-import { isNone as p } from "./lyra341.js";
-function A(l, o, i, r) {
-  const m = d(o, i);
-  let n;
-  Array.isArray(i) ? n = [...i] : n = [null, i];
-  const s = r.from !== void 0 ? r.from : l.get();
-  let f;
-  const t = [];
-  for (let e = 0; e < n.length; e++)
-    n[e] === null && (n[e] = e === 0 ? s : n[e - 1]), p(n[e]) && t.push(e), typeof n[e] == "string" && n[e] !== "none" && n[e] !== "0" && (f = n[e]);
-  if (m && t.length && f)
-    for (let e = 0; e < t.length; e++) {
-      const a = t[e];
-      n[a] = u(o, f);
+import { getOrigin as t, checkTargetForNewValues as c } from "./lyra237.js";
+import { parseDomVariant as f } from "./lyra345.js";
+import { VisualElement as p } from "./lyra173.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 n;
+    return {
+      transition: o,
+      transitionEnd: e,
+      ...i
+    };
+  }
 }
 export {
-  A as getKeyframes
+  F as DOMVisualElement
 };

package/dist/lyra315.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r({when:e,delay:t,delayChildren:i,staggerChildren:l,staggerDirection:d,repeat:o,repeatType:s,repeatDelay:u,from:g,elapsed:y,...n}){return!!Object.keys(n).length}function a(e,t){return e[t]||e.default||e}exports.getValueTransition=a;exports.isTransitionDefined=r;
+"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;