@new-black/lyra 0.0.15 → 0.0.17

package/dist/lyra238.js

@@ -1,28 +1,49 @@
-import { addDomEvent as e } from "./lyra222.js";
-import { Feature as i } from "./lyra264.js";
-import { pipe as s } from "./lyra194.js";
-class a extends i {
-  constructor() {
-    super(...arguments), this.isActive = !1;
-  }
-  onFocus() {
-    let t = !1;
-    try {
-      t = this.node.current.matches(":focus-visible");
-    } catch {
-      t = !0;
+import { useContext as y } from "react";
+import { isAnimationControls as x } from "./lyra239.js";
+import { PresenceContext as S } from "./lyra154.js";
+import { resolveVariantFromProps as h } from "./lyra179.js";
+import { useConstant as E } from "./lyra240.js";
+import { resolveMotionValue as N } from "./lyra145.js";
+import { MotionContext as P } from "./lyra157.js";
+import { isControllingVariants as T, isVariantNode as $ } from "./lyra176.js";
+function b({ scrapeMotionValuesFromProps: t, createRenderState: e, onMount: o }, r, n, a) {
+  const i = {
+    latestValues: B(r, n, a, t),
+    renderState: e()
+  };
+  return o && (i.mount = (f) => o(r, f, i)), i;
+}
+const D = (t) => (e, o) => {
+  const r = y(P), n = y(S), a = () => b(t, e, r, n);
+  return o ? a() : E(a);
+};
+function B(t, e, o, r) {
+  const n = {}, a = r(t, {});
+  for (const u in a)
+    n[u] = N(a[u]);
+  let { initial: i, animate: f } = t;
+  const C = T(t), v = $(t);
+  e && v && !C && t.inherit !== !1 && (i === void 0 && (i = e.initial), f === void 0 && (f = e.animate));
+  let c = o ? o.initial === !1 : !1;
+  c = c || i === !1;
+  const s = c ? f : i;
+  return s && typeof s != "boolean" && !x(s) && (Array.isArray(s) ? s : [s]).forEach((A) => {
+    const d = h(t, A);
+    if (!d)
+      return;
+    const { transitionEnd: V, transition: F, ...k } = d;
+    for (const m in k) {
+      let l = k[m];
+      if (Array.isArray(l)) {
+        const g = c ? l.length - 1 : 0;
+        l = l[g];
+      }
+      l !== null && (n[m] = l);
     }
-    !t || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
-  }
-  onBlur() {
-    !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
-  }
-  mount() {
-    this.unmount = s(e(this.node.current, "focus", () => this.onFocus()), e(this.node.current, "blur", () => this.onBlur()));
-  }
-  unmount() {
-  }
+    for (const m in V)
+      n[m] = V[m];
+  }), n;
 }
 export {
-  a as FocusGesture
+  D as makeUseVisualState
 };

package/dist/lyra239.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./lyra223.cjs"),h=require("./lyra222.cjs"),u=require("./lyra221.cjs"),f=require("./lyra264.cjs"),P=require("./lyra194.cjs"),L=require("./lyra220.cjs"),g=require("./lyra281.cjs"),v=require("./lyra181.cjs"),p=require("./lyra146.cjs");function m(l,e){if(!e)return;const s=new PointerEvent("pointer"+l);e(s,E.extractEventInfo(s))}class w extends f.Feature{constructor(){super(...arguments),this.removeStartListeners=v.noop,this.removeEndListeners=v.noop,this.removeAccessibleListeners=v.noop,this.startPointerPress=(e,s)=>{if(this.removeEndListeners(),this.isPressing)return;const t=this.node.getProps(),i=(n,r)=>{if(!this.checkPressEnd())return;const{onTap:d,onTapCancel:a}=this.node.getProps();p.frame.update(()=>{g.isNodeOrChild(this.node.current,n.target)?d&&d(n,r):a&&a(n,r)})},o=u.addPointerEvent(window,"pointerup",i,{passive:!(t.onTap||t.onPointerUp)}),c=u.addPointerEvent(window,"pointercancel",(n,r)=>this.cancelPress(n,r),{passive:!(t.onTapCancel||t.onPointerCancel)});this.removeEndListeners=P.pipe(o,c),this.startPress(e,s)},this.startAccessiblePress=()=>{const e=o=>{if(o.key!=="Enter"||this.isPressing)return;const c=n=>{n.key!=="Enter"||!this.checkPressEnd()||m("up",(r,d)=>{const{onTap:a}=this.node.getProps();a&&p.frame.update(()=>a(r,d))})};this.removeEndListeners(),this.removeEndListeners=h.addDomEvent(this.node.current,"keyup",c),m("down",(n,r)=>{this.startPress(n,r)})},s=h.addDomEvent(this.node.current,"keydown",e),t=()=>{this.isPressing&&m("cancel",(o,c)=>this.cancelPress(o,c))},i=h.addDomEvent(this.node.current,"blur",t);this.removeAccessibleListeners=P.pipe(s,i)}}startPress(e,s){this.isPressing=!0;const{onTapStart:t,whileTap:i}=this.node.getProps();i&&this.node.animationState&&this.node.animationState.setActive("whileTap",!0),t&&p.frame.update(()=>t(e,s))}checkPressEnd(){return this.removeEndListeners(),this.isPressing=!1,this.node.getProps().whileTap&&this.node.animationState&&this.node.animationState.setActive("whileTap",!1),!L.isDragActive()}cancelPress(e,s){if(!this.checkPressEnd())return;const{onTapCancel:t}=this.node.getProps();t&&p.frame.update(()=>t(e,s))}mount(){const e=this.node.getProps(),s=u.addPointerEvent(this.node.current,"pointerdown",this.startPointerPress,{passive:!(e.onTapStart||e.onPointerStart)}),t=h.addDomEvent(this.node.current,"focus",this.startAccessiblePress);this.removeStartListeners=P.pipe(s,t)}unmount(){this.removeStartListeners(),this.removeEndListeners(),this.removeAccessibleListeners()}}exports.PressGesture=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(t){return typeof t=="object"&&typeof t.start=="function"}exports.isAnimationControls=o;

package/dist/lyra239.js

@@ -1,73 +1,6 @@
-import { extractEventInfo as f } from "./lyra223.js";
-import { addDomEvent as p } from "./lyra222.js";
-import { addPointerEvent as m } from "./lyra221.js";
-import { Feature as L } from "./lyra264.js";
-import { pipe as P } from "./lyra194.js";
-import { isDragActive as E } from "./lyra220.js";
-import { isNodeOrChild as g } from "./lyra281.js";
-import { noop as u } from "./lyra181.js";
-import { frame as d } from "./lyra146.js";
-function v(l, e) {
-  if (!e)
-    return;
-  const s = new PointerEvent("pointer" + l);
-  e(s, f(s));
-}
-class K extends L {
-  constructor() {
-    super(...arguments), this.removeStartListeners = u, this.removeEndListeners = u, this.removeAccessibleListeners = u, this.startPointerPress = (e, s) => {
-      if (this.removeEndListeners(), this.isPressing)
-        return;
-      const t = this.node.getProps(), i = m(window, "pointerup", (r, n) => {
-        if (!this.checkPressEnd())
-          return;
-        const { onTap: h, onTapCancel: c } = this.node.getProps();
-        d.update(() => {
-          g(this.node.current, r.target) ? h && h(r, n) : c && c(r, n);
-        });
-      }, { passive: !(t.onTap || t.onPointerUp) }), o = m(window, "pointercancel", (r, n) => this.cancelPress(r, n), { passive: !(t.onTapCancel || t.onPointerCancel) });
-      this.removeEndListeners = P(i, o), this.startPress(e, s);
-    }, this.startAccessiblePress = () => {
-      const e = (i) => {
-        if (i.key !== "Enter" || this.isPressing)
-          return;
-        const o = (r) => {
-          r.key !== "Enter" || !this.checkPressEnd() || v("up", (n, h) => {
-            const { onTap: c } = this.node.getProps();
-            c && d.update(() => c(n, h));
-          });
-        };
-        this.removeEndListeners(), this.removeEndListeners = p(this.node.current, "keyup", o), v("down", (r, n) => {
-          this.startPress(r, n);
-        });
-      }, s = p(this.node.current, "keydown", e), t = () => {
-        this.isPressing && v("cancel", (i, o) => this.cancelPress(i, o));
-      }, a = p(this.node.current, "blur", t);
-      this.removeAccessibleListeners = P(s, a);
-    };
-  }
-  startPress(e, s) {
-    this.isPressing = !0;
-    const { onTapStart: t, whileTap: a } = this.node.getProps();
-    a && this.node.animationState && this.node.animationState.setActive("whileTap", !0), t && d.update(() => t(e, s));
-  }
-  checkPressEnd() {
-    return this.removeEndListeners(), this.isPressing = !1, this.node.getProps().whileTap && this.node.animationState && this.node.animationState.setActive("whileTap", !1), !E();
-  }
-  cancelPress(e, s) {
-    if (!this.checkPressEnd())
-      return;
-    const { onTapCancel: t } = this.node.getProps();
-    t && d.update(() => t(e, s));
-  }
-  mount() {
-    const e = this.node.getProps(), s = m(this.node.current, "pointerdown", this.startPointerPress, { passive: !(e.onTapStart || e.onPointerStart) }), t = p(this.node.current, "focus", this.startAccessiblePress);
-    this.removeStartListeners = P(s, t);
-  }
-  unmount() {
-    this.removeStartListeners(), this.removeEndListeners(), this.removeAccessibleListeners();
-  }
+function o(t) {
+  return typeof t == "object" && typeof t.start == "function";
 }
 export {
-  K as PressGesture
+  o as isAnimationControls
 };

package/dist/lyra24.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra43.cjs"),e=r.cva("inline-block animate-spin rounded-full border-solid border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite] box-border",{variants:{size:{small:"h-4 w-4 border-2",medium:"h-6 w-6 border-2",large:"h-8 w-8 border-4"},color:{primary:"border-primary border-r-transparent",current:"border-current border-r-transparent",danger:"border-danger border-r-transparent",success:"border-success border-r-transparent",warning:"border-warning border-r-transparent",monochromatic:"border-neutral-9 border-r-transparent"}},defaultVariants:{size:"medium",color:"primary"}});exports.spinnerStyles=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra36.cjs"),x=require("./lyra74.cjs"),n=require("./lyra25.cjs"),b=require("./lyra78.cjs"),f=require("./lyra29.cjs"),c=require("./lyra30.cjs"),u=require("./lyra37.cjs"),d=require("./lyra79.cjs"),g=require("./lyra35.cjs"),S=({label:a,showValueText:m,valueTextClassName:j,valueTextVariant:y="body-small",valueTextColor:p,labelVariant:w="body-medium",labelColor:v,labelClassName:h,height:s,color:r,...R})=>{const[q,t]=b.default(),{direction:i}=g.useLocale(),o=t.width/3;return e.jsxRuntimeExports.jsx(x.ProgressBar,{...R,children:({percentage:E,valueText:l,isIndeterminate:N})=>e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between",children:[a?e.jsxRuntimeExports.jsx(x.Label,{className:u.twMerge(c.textStyles({color:v,variant:w,className:h})),children:a}):e.jsxRuntimeExports.jsx("div",{}),m&&l?e.jsxRuntimeExports.jsx(f.Text,{className:u.twMerge(c.textStyles({color:p,variant:y,className:j})),children:l}):null]}),e.jsxRuntimeExports.jsx("div",{ref:q,className:n.barStyles({height:s,color:r}),children:N?e.jsxRuntimeExports.jsx(d.motion.div,{className:n.barActiveStyles({height:s,color:r}),style:{width:o},initial:{x:i==="rtl"?t.width+400:-400},animate:{direction:i,x:i==="rtl"?-t.width:t.width+o},transition:{repeat:1/0,duration:2,type:"tween"}}):e.jsxRuntimeExports.jsx(d.motion.div,{className:n.barActiveStyles({height:s,color:r}),layout:!0,initial:{width:"0%",zIndex:1},animate:{width:`${E}%`},transition:{duration:.5,type:"tween"}})})]})})};exports.ProgressBar=S;

package/dist/lyra24.js

@@ -1,28 +1,112 @@
-import { cva as r } from "./lyra43.js";
-const n = r(
-  "inline-block animate-spin rounded-full border-solid border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite] box-border",
-  {
-    variants: {
-      size: {
-        small: "h-4 w-4 border-2",
-        medium: "h-6 w-6 border-2",
-        large: "h-8 w-8 border-4"
-      },
-      color: {
-        primary: "border-primary border-r-transparent",
-        current: "border-current border-r-transparent",
-        danger: "border-danger border-r-transparent",
-        success: "border-success border-r-transparent",
-        warning: "border-warning border-r-transparent",
-        monochromatic: "border-neutral-9 border-r-transparent"
+import { j as e } from "./lyra36.js";
+import { ProgressBar as N, Label as S } from "./lyra74.js";
+import { barStyles as g, barActiveStyles as n } from "./lyra25.js";
+import A from "./lyra78.js";
+import { Text as B } from "./lyra29.js";
+import { textStyles as l } from "./lyra30.js";
+import { twMerge as d } from "./lyra37.js";
+import { motion as c } from "./lyra79.js";
+import { useLocale as I } from "./lyra35.js";
+const q = ({
+  label: a,
+  showValueText: f,
+  valueTextClassName: x,
+  valueTextVariant: p = "body-small",
+  valueTextColor: b,
+  labelVariant: j = "body-medium",
+  labelColor: u,
+  labelClassName: w,
+  height: i,
+  color: r,
+  ...y
+}) => {
+  const [h, t] = A(), { direction: s } = I(), o = t.width / 3;
+  return /* @__PURE__ */ e.jsx(N, { ...y, children: ({ percentage: $, valueText: m, isIndeterminate: v }) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+      a ? /* @__PURE__ */ e.jsx(
+        S,
+        {
+          className: d(
+            l({
+              color: u,
+              variant: j,
+              className: w
+            })
+          ),
+          children: a
+        }
+      ) : /* @__PURE__ */ e.jsx("div", {}),
+      f && m ? /* @__PURE__ */ e.jsx(
+        B,
+        {
+          className: d(
+            l({
+              color: b,
+              variant: p,
+              className: x
+            })
+          ),
+          children: m
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        ref: h,
+        className: g({
+          height: i,
+          color: r
+          // className: "relative overflow-hidden",
+        }),
+        children: v ? /* @__PURE__ */ e.jsx(
+          c.div,
+          {
+            className: n({
+              height: i,
+              color: r
+            }),
+            style: {
+              width: o
+            },
+            initial: {
+              x: s === "rtl" ? t.width + 400 : -400
+            },
+            animate: {
+              direction: s,
+              x: s === "rtl" ? -t.width : t.width + o
+            },
+            transition: {
+              repeat: 1 / 0,
+              duration: 2,
+              type: "tween"
+            }
+          }
+        ) : /* @__PURE__ */ e.jsx(
+          c.div,
+          {
+            className: n({
+              height: i,
+              color: r
+            }),
+            layout: !0,
+            initial: {
+              width: "0%",
+              zIndex: 1
+            },
+            animate: {
+              width: `${$}%`
+            },
+            transition: {
+              duration: 0.5,
+              type: "tween"
+            }
+          }
+        )
       }
-    },
-    defaultVariants: {
-      size: "medium",
-      color: "primary"
-    }
-  }
-);
+    )
+  ] }) });
+};
 export {
-  n as spinnerStyles
+  q as ProgressBar
 };

package/dist/lyra240.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra264.cjs"),w=require("./lyra282.cjs"),f={some:0,all:1};class l extends m.Feature{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:n={}}=this.node.getProps(),{root:e,margin:o,amount:s="some",once:u}=n,h={root:e?e.current:void 0,rootMargin:o,threshold:typeof s=="number"?s:f[s]},c=i=>{const{isIntersecting:t}=i;if(this.isInView===t||(this.isInView=t,u&&!t&&this.hasEnteredView))return;t&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",t);const{onViewportEnter:d,onViewportLeave:p}=this.node.getProps(),a=t?d:p;a&&a(i)};return w.observeIntersection(this.node.current,h,c)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:n,prevProps:e}=this.node;["amount","margin","root"].some(g(n,e))&&this.startObserver()}unmount(){}}function g({viewport:r={}},{viewport:n={}}={}){return e=>r[e]!==n[e]}exports.InViewFeature=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");function r(t){const e=n.useRef(null);return e.current===null&&(e.current=t()),e.current}exports.useConstant=r;

package/dist/lyra240.js

@@ -1,44 +1,8 @@
-import { Feature as m } from "./lyra264.js";
-import { observeIntersection as f } from "./lyra282.js";
-const w = {
-  some: 0,
-  all: 1
-};
-class v extends m {
-  constructor() {
-    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
-  }
-  startObserver() {
-    this.unmount();
-    const { viewport: n = {} } = this.node.getProps(), { root: t, margin: r, amount: s = "some", once: h } = n, u = {
-      root: t ? t.current : void 0,
-      rootMargin: r,
-      threshold: typeof s == "number" ? s : w[s]
-    }, c = (i) => {
-      const { isIntersecting: e } = i;
-      if (this.isInView === e || (this.isInView = e, h && !e && this.hasEnteredView))
-        return;
-      e && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", e);
-      const { onViewportEnter: p, onViewportLeave: d } = this.node.getProps(), a = e ? p : d;
-      a && a(i);
-    };
-    return f(this.node.current, u, c);
-  }
-  mount() {
-    this.startObserver();
-  }
-  update() {
-    if (typeof IntersectionObserver > "u")
-      return;
-    const { props: n, prevProps: t } = this.node;
-    ["amount", "margin", "root"].some(l(n, t)) && this.startObserver();
-  }
-  unmount() {
-  }
-}
-function l({ viewport: o = {} }, { viewport: n = {} } = {}) {
-  return (t) => o[t] !== n[t];
+import { useRef as t } from "react";
+function u(n) {
+  const r = t(null);
+  return r.current === null && (r.current = n()), r.current;
 }
 export {
-  v as InViewFeature
+  u as useConstant
 };

package/dist/lyra241.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra264.cjs"),o=require("./lyra181.cjs"),s=require("./lyra283.cjs");class t extends r.Feature{constructor(e){super(e),this.removeGroupControls=o.noop,this.removeListeners=o.noop,this.controls=new s.VisualElementDragControls(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||o.noop}unmount(){this.removeGroupControls(),this.removeListeners()}}exports.DragGesture=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(t){let e=null;return()=>{const o=()=>{e=null};return e===null?(e=t,o):!1}}const r=n("dragHorizontal"),c=n("dragVertical");function i(t){let e=!1;if(t==="y")e=c();else if(t==="x")e=r();else{const o=r(),l=c();o&&l?e=()=>{o(),l()}:(o&&o(),l&&l())}return e}function a(){const t=i(!0);return t?(t(),!1):!0}exports.createLock=n;exports.getGlobalLock=i;exports.isDragActive=a;

package/dist/lyra241.js

@@ -1,18 +1,33 @@
-import { Feature as s } from "./lyra264.js";
-import { noop as r } from "./lyra181.js";
-import { VisualElementDragControls as t } from "./lyra283.js";
-class u extends s {
-  constructor(o) {
-    super(o), this.removeGroupControls = r, this.removeListeners = r, this.controls = new t(o);
-  }
-  mount() {
-    const { dragControls: o } = this.node.getProps();
-    o && (this.removeGroupControls = o.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || r;
-  }
-  unmount() {
-    this.removeGroupControls(), this.removeListeners();
+function c(o) {
+  let e = null;
+  return () => {
+    const t = () => {
+      e = null;
+    };
+    return e === null ? (e = o, t) : !1;
+  };
+}
+const n = c("dragHorizontal"), r = c("dragVertical");
+function i(o) {
+  let e = !1;
+  if (o === "y")
+    e = r();
+  else if (o === "x")
+    e = n();
+  else {
+    const t = n(), l = r();
+    t && l ? e = () => {
+      t(), l();
+    } : (t && t(), l && l());
   }
+  return e;
+}
+function a() {
+  const o = i(!0);
+  return o ? (o(), !1) : !0;
 }
 export {
-  u as DragGesture
+  c as createLock,
+  i as getGlobalLock,
+  a as isDragActive
 };

package/dist/lyra242.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra284.cjs"),P=require("./lyra221.cjs"),c=require("./lyra264.cjs"),h=require("./lyra181.cjs"),r=require("./lyra146.cjs"),o=n=>(e,t)=>{n&&r.frame.update(()=>n(e,t))};class m extends c.Feature{constructor(){super(...arguments),this.removePointerDownListener=h.noop}onPointerDown(e){this.session=new u.PanSession(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint()})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:t,onPan:i,onPanEnd:s}=this.node.getProps();return{onSessionStart:o(e),onStart:o(t),onMove:i,onEnd:(a,d)=>{delete this.session,s&&r.frame.update(()=>s(a,d))}}}mount(){this.removePointerDownListener=P.addPointerEvent(this.node.current,"pointerdown",e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}exports.PanGesture=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra243.cjs"),d=require("./lyra244.cjs");function i(e,t,n,o){return r.addDomEvent(e,t,d.addPointerInfo(n),o)}exports.addPointerEvent=i;

package/dist/lyra242.js

@@ -1,39 +1,8 @@
-import { PanSession as d } from "./lyra284.js";
-import { addPointerEvent as m } from "./lyra221.js";
-import { Feature as h } from "./lyra264.js";
-import { noop as p } from "./lyra181.js";
-import { frame as r } from "./lyra146.js";
-const s = (e) => (n, t) => {
-  e && r.update(() => e(n, t));
-};
-class l extends h {
-  constructor() {
-    super(...arguments), this.removePointerDownListener = p;
-  }
-  onPointerDown(n) {
-    this.session = new d(n, this.createPanHandlers(), { transformPagePoint: this.node.getTransformPagePoint() });
-  }
-  createPanHandlers() {
-    const { onPanSessionStart: n, onPanStart: t, onPan: i, onPanEnd: o } = this.node.getProps();
-    return {
-      onSessionStart: s(n),
-      onStart: s(t),
-      onMove: i,
-      onEnd: (a, P) => {
-        delete this.session, o && r.update(() => o(a, P));
-      }
-    };
-  }
-  mount() {
-    this.removePointerDownListener = m(this.node.current, "pointerdown", (n) => this.onPointerDown(n));
-  }
-  update() {
-    this.session && this.session.updateHandlers(this.createPanHandlers());
-  }
-  unmount() {
-    this.removePointerDownListener(), this.session && this.session.end();
-  }
+import { addDomEvent as d } from "./lyra243.js";
+import { addPointerInfo as e } from "./lyra244.js";
+function f(o, r, t, n) {
+  return d(o, r, e(t), n);
 }
 export {
-  l as PanGesture
+  f as addPointerEvent
 };

package/dist/lyra243.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./lyra146.cjs"),u=require("react"),p=require("./lyra132.cjs"),l=require("./lyra120.cjs"),m=require("./lyra143.cjs"),f=require("./lyra285.cjs"),n=require("./lyra286.cjs"),R=require("./lyra287.cjs"),h=require("./lyra163.cjs");class y extends u.Component{componentDidMount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t,layoutId:s}=this.props,{projection:r}=e;h.addScaleCorrector(v),r&&(o.group&&o.group.add(r),t&&t.register&&s&&t.register(r),r.root.didUpdate(),r.addEventListener("animationComplete",()=>{this.safeToRemove()}),r.setOptions({...r.options,onExitComplete:()=>this.safeToRemove()})),f.globalProjectionState.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:o,visualElement:t,drag:s,isPresent:r}=this.props,i=t.projection;return i&&(i.isPresent=r,s||e.layoutDependency!==o||o===void 0?i.willUpdate():this.safeToRemove(),e.isPresent!==r&&(r?i.promote():i.relegate()||d.frame.postRender(()=>{const c=i.getStack();(!c||!c.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),queueMicrotask(()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t}=this.props,{projection:s}=e;s&&(s.scheduleCheckAfterUnmount(),o&&o.group&&o.group.remove(s),t&&t.deregister&&t.deregister(s))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function g(a){const[e,o]=p.usePresence(),t=u.useContext(l.LayoutGroupContext);return u.createElement(y,{...a,layoutGroup:t,switchLayoutGroup:u.useContext(m.SwitchLayoutGroupContext),isPresent:e,safeToRemove:o})}const v={borderRadius:{...n.correctBorderRadius,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:n.correctBorderRadius,borderTopRightRadius:n.correctBorderRadius,borderBottomLeftRadius:n.correctBorderRadius,borderBottomRightRadius:n.correctBorderRadius,boxShadow:R.correctBoxShadow};exports.MeasureLayout=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(e,t,n,o={passive:!0}){return e.addEventListener(t,n,o),()=>e.removeEventListener(t,n)}exports.addDomEvent=r;

package/dist/lyra243.js

@@ -1,72 +1,6 @@
-import { frame as m } from "./lyra146.js";
-import d, { useContext as p } from "react";
-import { usePresence as c } from "./lyra132.js";
-import { LayoutGroupContext as f } from "./lyra120.js";
-import { SwitchLayoutGroupContext as l } from "./lyra143.js";
-import { globalProjectionState as h } from "./lyra285.js";
-import { correctBorderRadius as n } from "./lyra286.js";
-import { correctBoxShadow as R } from "./lyra287.js";
-import { addScaleCorrector as g } from "./lyra163.js";
-class y extends d.Component {
-  /**
-   * This only mounts projection nodes for components that
-   * need measuring, we might want to do it for all components
-   * in order to incorporate transforms
-   */
-  componentDidMount() {
-    const { visualElement: e, layoutGroup: o, switchLayoutGroup: t, layoutId: i } = this.props, { projection: r } = e;
-    g(v), r && (o.group && o.group.add(r), t && t.register && i && t.register(r), r.root.didUpdate(), r.addEventListener("animationComplete", () => {
-      this.safeToRemove();
-    }), r.setOptions({
-      ...r.options,
-      onExitComplete: () => this.safeToRemove()
-    })), h.hasEverUpdated = !0;
-  }
-  getSnapshotBeforeUpdate(e) {
-    const { layoutDependency: o, visualElement: t, drag: i, isPresent: r } = this.props, s = t.projection;
-    return s && (s.isPresent = r, i || e.layoutDependency !== o || o === void 0 ? s.willUpdate() : this.safeToRemove(), e.isPresent !== r && (r ? s.promote() : s.relegate() || m.postRender(() => {
-      const u = s.getStack();
-      (!u || !u.members.length) && this.safeToRemove();
-    }))), null;
-  }
-  componentDidUpdate() {
-    const { projection: e } = this.props.visualElement;
-    e && (e.root.didUpdate(), queueMicrotask(() => {
-      !e.currentAnimation && e.isLead() && this.safeToRemove();
-    }));
-  }
-  componentWillUnmount() {
-    const { visualElement: e, layoutGroup: o, switchLayoutGroup: t } = this.props, { projection: i } = e;
-    i && (i.scheduleCheckAfterUnmount(), o && o.group && o.group.remove(i), t && t.deregister && t.deregister(i));
-  }
-  safeToRemove() {
-    const { safeToRemove: e } = this.props;
-    e && e();
-  }
-  render() {
-    return null;
-  }
+function i(e, n, t, r = { passive: !0 }) {
+  return e.addEventListener(n, t, r), () => e.removeEventListener(n, t);
 }
-function w(a) {
-  const [e, o] = c(), t = p(f);
-  return d.createElement(y, { ...a, layoutGroup: t, switchLayoutGroup: p(l), isPresent: e, safeToRemove: o });
-}
-const v = {
-  borderRadius: {
-    ...n,
-    applyTo: [
-      "borderTopLeftRadius",
-      "borderTopRightRadius",
-      "borderBottomLeftRadius",
-      "borderBottomRightRadius"
-    ]
-  },
-  borderTopLeftRadius: n,
-  borderTopRightRadius: n,
-  borderBottomLeftRadius: n,
-  borderBottomRightRadius: n,
-  boxShadow: R
-};
 export {
-  w as MeasureLayout
+  i as addDomEvent
 };

package/dist/lyra244.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra252.cjs"),n=require("./lyra253.cjs"),e={current:void 0},c=r.createProjectionNode({measureScroll:o=>({x:o.scrollLeft,y:o.scrollTop}),defaultParent:()=>{if(!e.current){const o=new n.DocumentProjectionNode({});o.mount(window),o.setOptions({layoutScroll:!0}),e.current=o}return e.current},resetTransform:(o,t)=>{o.style.transform=t!==void 0?t:"none"},checkIsScrollRoot:o=>window.getComputedStyle(o).position==="fixed"});exports.HTMLProjectionNode=c;exports.rootProjectionNode=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra245.cjs");function n(t,r="page"){return{point:{x:t[r+"X"],y:t[r+"Y"]}}}const e=t=>r=>o.isPrimaryPointer(r)&&t(r,n(r));exports.addPointerInfo=e;exports.extractEventInfo=n;

package/dist/lyra244.js

@@ -1,25 +1,14 @@
-import { createProjectionNode as t } from "./lyra252.js";
-import { DocumentProjectionNode as n } from "./lyra253.js";
-const e = {
-  current: void 0
-}, i = t({
-  measureScroll: (o) => ({
-    x: o.scrollLeft,
-    y: o.scrollTop
-  }),
-  defaultParent: () => {
-    if (!e.current) {
-      const o = new n({});
-      o.mount(window), o.setOptions({ layoutScroll: !0 }), e.current = o;
+import { isPrimaryPointer as t } from "./lyra245.js";
+function n(o, r = "page") {
+  return {
+    point: {
+      x: o[r + "X"],
+      y: o[r + "Y"]
     }
-    return e.current;
-  },
-  resetTransform: (o, r) => {
-    o.style.transform = r !== void 0 ? r : "none";
-  },
-  checkIsScrollRoot: (o) => window.getComputedStyle(o).position === "fixed"
-});
+  };
+}
+const a = (o) => (r) => t(r) && o(r, n(r));
 export {
-  i as HTMLProjectionNode,
-  e as rootProjectionNode
+  a as addPointerInfo,
+  n as extractEventInfo
 };

package/dist/lyra245.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra288.cjs"),u=require("./lyra180.cjs"),l=require("./lyra154.cjs"),a=require("./lyra279.cjs"),c=require("./lyra289.cjs"),d=require("./lyra266.cjs"),p=require("./lyra290.cjs"),m=require("./lyra291.cjs"),V=require("./lyra126.cjs");function n(i){return window.getComputedStyle(i)}class h extends m.DOMVisualElement{readValueFromInstance(t,e){if(l.transformProps.has(e)){const r=d.getDefaultValueType(e);return r&&r.default||0}else{const r=n(t),s=(u.isCSSVariableName(e)?r.getPropertyValue(e):r[e])||0;return typeof s=="string"?s.trim():s}}measureInstanceViewportBox(t,{transformPagePoint:e}){return p.measureViewportBox(t,e)}build(t,e,r,s){o.buildHTMLStyles(t,e,r,s.transformTemplate)}scrapeMotionValuesFromProps(t,e){return a.scrapeMotionValuesFromProps(t,e)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;V.isMotionValue(t)&&(this.childSubscription=t.on("change",e=>{this.current&&(this.current.textContent=`${e}`)}))}renderInstance(t,e,r,s){c.renderHTML(t,e,r,s)}}exports.HTMLVisualElement=h;exports.getComputedStyle=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=r=>r.pointerType==="mouse"?typeof r.button!="number"||r.button<=0:r.isPrimary!==!1;exports.isPrimaryPointer=t;