@new-black/lyra 0.0.7 → 0.0.8

package/dist/lyra256.js

@@ -1,11 +1,234 @@
-import { camelToDash as i } from "./lyra163.js";
-import { renderHTML as m } from "./lyra271.js";
-import { camelCaseAttributes as e } from "./lyra274.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 { invariant as y } from "./lyra111.js";
+import { PanSession as L } from "./lyra257.js";
+import { getGlobalLock as x } from "./lyra208.js";
+import { isRefObject as v } from "./lyra136.js";
+import { addPointerEvent as M } from "./lyra209.js";
+import { applyConstraints as V, calcRelativeConstraints as b, resolveDragElastic as S, calcViewportConstraints as B, rebaseAxisConstraints as k, calcOrigin as j, defaultElastic as G } from "./lyra298.js";
+import { createBox as T } from "./lyra135.js";
+import { eachAxis as g } from "./lyra289.js";
+import { measurePageBox as w } from "./lyra273.js";
+import { extractEventInfo as R } from "./lyra211.js";
+import { convertBoxToBoundingBox as O, convertBoundingBoxToBox as U } from "./lyra299.js";
+import { addDomEvent as W } from "./lyra210.js";
+import { calcLength as z } from "./lyra203.js";
+import { mix as D } from "./lyra181.js";
+import { percent as I } from "./lyra171.js";
+import { animateMotionValue as _ } from "./lyra234.js";
+import { frame as A } from "./lyra134.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 {
-  c as renderSVG
+  ct as VisualElementDragControls,
+  F as elementDragControls
 };

package/dist/lyra257.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra104.cjs"),i=require("./lyra261.cjs"),a=require("./lyra132.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"});const S=require("./lyra211.cjs"),E=require("./lyra134.cjs"),y=require("./lyra160.cjs"),d=require("./lyra209.cjs"),q=require("./lyra182.cjs"),w=require("./lyra192.cjs"),M=require("./lyra179.cjs"),D=require("./lyra212.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/lyra257.js

@@ -1,15 +1,83 @@
-import { isMotionValue as n } from "./lyra104.js";
-import { scrapeMotionValuesFromProps as a } from "./lyra261.js";
-import { transformPropOrder as i } from "./lyra132.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;
+import { extractEventInfo as I } from "./lyra211.js";
+import { frame as g, cancelFrame as w } from "./lyra134.js";
+import { secondsToMilliseconds as S, millisecondsToSeconds as D } from "./lyra160.js";
+import { addPointerEvent as m } from "./lyra209.js";
+import { pipe as L } from "./lyra182.js";
+import { distance2D as T } from "./lyra192.js";
+import { frameData as E } from "./lyra179.js";
+import { isPrimaryPointer as U } from "./lyra212.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 {
-  u as scrapeMotionValuesFromProps
+  C as PanSession
 };

package/dist/lyra258.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra262.cjs"),t=()=>({...e.createHtmlRenderState(),attrs:{}});exports.createSvgRenderState=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={hasAnimatedSinceResize:!0,hasEverUpdated:!1};exports.globalProjectionState=e;

package/dist/lyra258.js

@@ -1,8 +1,15 @@
-import { createHtmlRenderState as t } from "./lyra262.js";
-const r = () => ({
-  ...t(),
-  attrs: {}
-});
+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 {
-  r as createSvgRenderState
+  e as globalProjectionState
 };

package/dist/lyra259.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra270.cjs"),v=require("./lyra298.cjs"),x=require("./lyra299.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"});const c=require("./lyra171.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/lyra259.js

@@ -1,26 +1,21 @@
-import { buildHTMLStyles as p } from "./lyra270.js";
-import { calcSVGTransformOrigin as v } from "./lyra298.js";
-import { buildSVGPath as w } from "./lyra299.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);
+import { px as c } from "./lyra171.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 {
-  V as buildSVGAttrs
+  f as correctBorderRadius,
+  e as pixelsToPercent
 };

package/dist/lyra26.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./lyra55.cjs"),o=require("./lyra24.cjs"),l=o.plugin;function i(a){return Object.fromEntries(Object.entries(a).filter(([e])=>e!=="DEFAULT"))}var s=l(({addUtilities:a,matchUtilities:e,theme:n})=>{a({"@keyframes enter":n("keyframes.enter"),"@keyframes exit":n("keyframes.exit"),".animate-in":{animationName:"enter",animationDuration:n("animationDuration.DEFAULT"),"--tw-enter-opacity":"initial","--tw-enter-scale":"initial","--tw-enter-rotate":"initial","--tw-enter-translate-x":"initial","--tw-enter-translate-y":"initial"},".animate-out":{animationName:"exit",animationDuration:n("animationDuration.DEFAULT"),"--tw-exit-opacity":"initial","--tw-exit-scale":"initial","--tw-exit-rotate":"initial","--tw-exit-translate-x":"initial","--tw-exit-translate-y":"initial"}}),e({"fade-in":t=>({"--tw-enter-opacity":t}),"fade-out":t=>({"--tw-exit-opacity":t})},{values:n("animationOpacity")}),e({"zoom-in":t=>({"--tw-enter-scale":t}),"zoom-out":t=>({"--tw-exit-scale":t})},{values:n("animationScale")}),e({"spin-in":t=>({"--tw-enter-rotate":t}),"spin-out":t=>({"--tw-exit-rotate":t})},{values:n("animationRotate")}),e({"slide-in-from-top":t=>({"--tw-enter-translate-y":`-${t}`}),"slide-in-from-bottom":t=>({"--tw-enter-translate-y":t}),"slide-in-from-left":t=>({"--tw-enter-translate-x":`-${t}`}),"slide-in-from-right":t=>({"--tw-enter-translate-x":t}),"slide-out-to-top":t=>({"--tw-exit-translate-y":`-${t}`}),"slide-out-to-bottom":t=>({"--tw-exit-translate-y":t}),"slide-out-to-left":t=>({"--tw-exit-translate-x":`-${t}`}),"slide-out-to-right":t=>({"--tw-exit-translate-x":t})},{values:n("animationTranslate")}),e({duration:t=>({animationDuration:t})},{values:i(n("animationDuration"))}),e({delay:t=>({animationDelay:t})},{values:n("animationDelay")}),e({ease:t=>({animationTimingFunction:t})},{values:i(n("animationTimingFunction"))}),a({".running":{animationPlayState:"running"},".paused":{animationPlayState:"paused"}}),e({"fill-mode":t=>({animationFillMode:t})},{values:n("animationFillMode")}),e({direction:t=>({animationDirection:t})},{values:n("animationDirection")}),e({repeat:t=>({animationIterationCount:t})},{values:n("animationRepeat")})},{theme:{extend:{animationDelay:({theme:a})=>({...a("transitionDelay")}),animationDuration:({theme:a})=>({0:"0ms",...a("transitionDuration")}),animationTimingFunction:({theme:a})=>({...a("transitionTimingFunction")}),animationFillMode:{none:"none",forwards:"forwards",backwards:"backwards",both:"both"},animationDirection:{normal:"normal",reverse:"reverse",alternate:"alternate","alternate-reverse":"alternate-reverse"},animationOpacity:({theme:a})=>({DEFAULT:0,...a("opacity")}),animationTranslate:({theme:a})=>({DEFAULT:"100%",...a("translate")}),animationScale:({theme:a})=>({DEFAULT:0,...a("scale")}),animationRotate:({theme:a})=>({DEFAULT:"30deg",...a("rotate")}),animationRepeat:{0:"0",1:"1",infinite:"infinite"},keyframes:{enter:{from:{opacity:"var(--tw-enter-opacity, 1)",transform:"translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))"}},exit:{to:{opacity:"var(--tw-exit-opacity, 1)",transform:"translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))"}}}}}});const u=r.getDefaultExportFromCjs(s);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./lyra42.cjs"),o=require("./lyra24.cjs"),l=o.plugin;function i(a){return Object.fromEntries(Object.entries(a).filter(([e])=>e!=="DEFAULT"))}var s=l(({addUtilities:a,matchUtilities:e,theme:n})=>{a({"@keyframes enter":n("keyframes.enter"),"@keyframes exit":n("keyframes.exit"),".animate-in":{animationName:"enter",animationDuration:n("animationDuration.DEFAULT"),"--tw-enter-opacity":"initial","--tw-enter-scale":"initial","--tw-enter-rotate":"initial","--tw-enter-translate-x":"initial","--tw-enter-translate-y":"initial"},".animate-out":{animationName:"exit",animationDuration:n("animationDuration.DEFAULT"),"--tw-exit-opacity":"initial","--tw-exit-scale":"initial","--tw-exit-rotate":"initial","--tw-exit-translate-x":"initial","--tw-exit-translate-y":"initial"}}),e({"fade-in":t=>({"--tw-enter-opacity":t}),"fade-out":t=>({"--tw-exit-opacity":t})},{values:n("animationOpacity")}),e({"zoom-in":t=>({"--tw-enter-scale":t}),"zoom-out":t=>({"--tw-exit-scale":t})},{values:n("animationScale")}),e({"spin-in":t=>({"--tw-enter-rotate":t}),"spin-out":t=>({"--tw-exit-rotate":t})},{values:n("animationRotate")}),e({"slide-in-from-top":t=>({"--tw-enter-translate-y":`-${t}`}),"slide-in-from-bottom":t=>({"--tw-enter-translate-y":t}),"slide-in-from-left":t=>({"--tw-enter-translate-x":`-${t}`}),"slide-in-from-right":t=>({"--tw-enter-translate-x":t}),"slide-out-to-top":t=>({"--tw-exit-translate-y":`-${t}`}),"slide-out-to-bottom":t=>({"--tw-exit-translate-y":t}),"slide-out-to-left":t=>({"--tw-exit-translate-x":`-${t}`}),"slide-out-to-right":t=>({"--tw-exit-translate-x":t})},{values:n("animationTranslate")}),e({duration:t=>({animationDuration:t})},{values:i(n("animationDuration"))}),e({delay:t=>({animationDelay:t})},{values:n("animationDelay")}),e({ease:t=>({animationTimingFunction:t})},{values:i(n("animationTimingFunction"))}),a({".running":{animationPlayState:"running"},".paused":{animationPlayState:"paused"}}),e({"fill-mode":t=>({animationFillMode:t})},{values:n("animationFillMode")}),e({direction:t=>({animationDirection:t})},{values:n("animationDirection")}),e({repeat:t=>({animationIterationCount:t})},{values:n("animationRepeat")})},{theme:{extend:{animationDelay:({theme:a})=>({...a("transitionDelay")}),animationDuration:({theme:a})=>({0:"0ms",...a("transitionDuration")}),animationTimingFunction:({theme:a})=>({...a("transitionTimingFunction")}),animationFillMode:{none:"none",forwards:"forwards",backwards:"backwards",both:"both"},animationDirection:{normal:"normal",reverse:"reverse",alternate:"alternate","alternate-reverse":"alternate-reverse"},animationOpacity:({theme:a})=>({DEFAULT:0,...a("opacity")}),animationTranslate:({theme:a})=>({DEFAULT:"100%",...a("translate")}),animationScale:({theme:a})=>({DEFAULT:0,...a("scale")}),animationRotate:({theme:a})=>({DEFAULT:"30deg",...a("rotate")}),animationRepeat:{0:"0",1:"1",infinite:"infinite"},keyframes:{enter:{from:{opacity:"var(--tw-enter-opacity, 1)",transform:"translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))"}},exit:{to:{opacity:"var(--tw-exit-opacity, 1)",transform:"translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))"}}}}}});const u=r.getDefaultExportFromCjs(s);exports.default=u;

package/dist/lyra26.js

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs as r } from "./lyra55.js";
+import { getDefaultExportFromCjs as r } from "./lyra42.js";
 import { p as o } from "./lyra24.js";
 const l = o;
 function i(a) {

package/dist/lyra260.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"});const u=require("./lyra181.cjs"),i=require("./lyra167.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/lyra260.js

@@ -1,4 +1,16 @@
-const s = (o) => typeof o == "string" && o.toLowerCase() === "svg";
+import { mix as i } from "./lyra181.js";
+import { complex as m } from "./lyra167.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);
+  }
+};
 export {
-  s as isSVGTag
+  l as correctBoxShadow
 };

package/dist/lyra261.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra297.cjs"),n=require("./lyra104.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 e=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];exports.lowercaseSVGElements=e;

package/dist/lyra261.js

@@ -1,11 +1,30 @@
-import { isForcedMotionValue as r } from "./lyra297.js";
-import { isMotionValue as s } from "./lyra104.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;
-}
+const e = [
+  "animate",
+  "circle",
+  "defs",
+  "desc",
+  "ellipse",
+  "g",
+  "image",
+  "line",
+  "filter",
+  "marker",
+  "mask",
+  "metadata",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "rect",
+  "stop",
+  "switch",
+  "symbol",
+  "svg",
+  "text",
+  "tspan",
+  "use",
+  "view"
+];
 export {
-  u as scrapeMotionValuesFromProps
+  e as lowercaseSVGElements
 };

package/dist/lyra262.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"});const l=require("react"),o=require("./lyra300.cjs"),s=require("./lyra114.cjs"),u=require("./lyra271.cjs"),c=require("./lyra270.cjs");function i(e,n,r){for(const t in n)!s.isMotionValue(n[t])&&!o.isForcedMotionValue(t,r)&&(e[t]=n[t])}function d({transformTemplate:e},n,r){return l.useMemo(()=>{const t=c.createHtmlRenderState();return u.buildHTMLStyles(t,n,{enableHardwareAcceleration:!r},e),Object.assign({},t.vars,t.style)},[n])}function y(e,n,r){const t=e.style||{},a={};return i(a,t,e),Object.assign(a,d(e,n,r)),e.transformValues?e.transformValues(a):a}function f(e,n,r){const t={},a=y(e,n,r);return e.drag&&e.dragListener!==!1&&(t.draggable=!1,a.userSelect=a.WebkitUserSelect=a.WebkitTouchCallout="none",a.touchAction=e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(t.tabIndex=0),t.style=a,t}exports.copyRawValuesOnly=i;exports.useHTMLProps=f;

package/dist/lyra262.js

@@ -1,9 +1,27 @@
-const r = () => ({
-  style: {},
-  transform: {},
-  transformOrigin: {},
-  vars: {}
-});
+import { useMemo as r } from "react";
+import { isForcedMotionValue as i } from "./lyra300.js";
+import { isMotionValue as l } from "./lyra114.js";
+import { buildHTMLStyles as s } from "./lyra271.js";
+import { createHtmlRenderState as u } from "./lyra270.js";
+function c(e, n, o) {
+  for (const t in n)
+    !l(n[t]) && !i(t, o) && (e[t] = n[t]);
+}
+function f({ transformTemplate: e }, n, o) {
+  return r(() => {
+    const t = u();
+    return s(t, n, { enableHardwareAcceleration: !o }, e), Object.assign({}, t.vars, t.style);
+  }, [n]);
+}
+function m(e, n, o) {
+  const t = e.style || {}, a = {};
+  return c(a, t, e), Object.assign(a, f(e, n, o)), e.transformValues ? e.transformValues(a) : a;
+}
+function T(e, n, o) {
+  const t = {}, a = m(e, n, o);
+  return e.drag && e.dragListener !== !1 && (t.draggable = !1, a.userSelect = a.WebkitUserSelect = a.WebkitTouchCallout = "none", a.touchAction = e.drag === !0 ? "none" : `pan-${e.drag === "x" ? "y" : "x"}`), e.tabIndex === void 0 && (e.onTap || e.onTapStart || e.whileTap) && (t.tabIndex = 0), t.style = a, t;
+}
 export {
-  r as createHtmlRenderState
+  c as copyRawValuesOnly,
+  T as useHTMLProps
 };

package/dist/lyra263.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=(r,e)=>e?r===e?!0:t(r,e.parentElement):!1;exports.isNodeOrChild=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("./lyra262.cjs"),l=require("./lyra267.cjs"),o=require("./lyra266.cjs"),u=require("./lyra268.cjs");function i(t,s,y,a){const r=n.useMemo(()=>{const e=o.createSvgRenderState();return l.buildSVGAttrs(e,s,{enableHardwareAcceleration:!1},u.isSVGTag(a),t.transformTemplate),{...e.attrs,style:{...e.style}}},[s]);if(t.style){const e={};c.copyRawValuesOnly(e,t.style,t),r.style={...e,...r.style}}return r}exports.useSVGProps=i;

package/dist/lyra263.js

@@ -1,4 +1,22 @@
-const t = (r, e) => e ? r === e ? !0 : t(r, e.parentElement) : !1;
+import { useMemo as a } from "react";
+import { copyRawValuesOnly as l } from "./lyra262.js";
+import { buildSVGAttrs as m } from "./lyra267.js";
+import { createSvgRenderState as i } from "./lyra266.js";
+import { isSVGTag as n } from "./lyra268.js";
+function V(e, s, c, o) {
+  const r = a(() => {
+    const t = i();
+    return m(t, s, { enableHardwareAcceleration: !1 }, n(o), e.transformTemplate), {
+      ...t.attrs,
+      style: { ...t.style }
+    };
+  }, [s]);
+  if (e.style) {
+    const t = {};
+    l(t, e.style, e), r.style = { ...t, ...r.style };
+  }
+  return r;
+}
 export {
-  t as isNodeOrChild
+  V as useSVGProps
 };

package/dist/lyra264.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=new WeakMap,n=new WeakMap,b=e=>{const r=c.get(e.target);r&&r(e)},a=e=>{e.forEach(b)};function i({root:e,...r}){const s=e||document;n.has(s)||n.set(s,{});const t=n.get(s),o=JSON.stringify(r);return t[o]||(t[o]=new IntersectionObserver(a,{root:e,...r})),t[o]}function v(e,r,s){const t=i(r);return c.set(e,s),t.observe(e),()=>{c.delete(e),t.unobserve(e)}}exports.observeIntersection=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra173.cjs"),n=require("./lyra272.cjs"),a=require("./lyra275.cjs");function c(t,r,i,s){n.renderHTML(t,r,void 0,s);for(const e in r.attrs)t.setAttribute(a.camelCaseAttributes.has(e)?e:o.camelToDash(e),r.attrs[e])}exports.renderSVG=c;

package/dist/lyra264.js

@@ -1,21 +1,11 @@
-const c = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), a = (e) => {
-  const r = c.get(e.target);
-  r && r(e);
-}, b = (e) => {
-  e.forEach(a);
-};
-function i({ root: e, ...r }) {
-  const t = e || document;
-  n.has(t) || n.set(t, {});
-  const s = n.get(t), o = JSON.stringify(r);
-  return s[o] || (s[o] = new IntersectionObserver(b, { root: e, ...r })), s[o];
-}
-function v(e, r, t) {
-  const s = i(r);
-  return c.set(e, t), s.observe(e), () => {
-    c.delete(e), s.unobserve(e);
-  };
+import { camelToDash as i } from "./lyra173.js";
+import { renderHTML as m } from "./lyra272.js";
+import { camelCaseAttributes as e } from "./lyra275.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]);
 }
 export {
-  v as observeIntersection
+  c as renderSVG
 };