@new-black/lyra 0.0.15 → 0.0.17

package/dist/lyra253.js

@@ -1,13 +1,73 @@
-import { createProjectionNode as t } from "./lyra252.js";
-import { addDomEvent as c } from "./lyra222.js";
-const l = t({
-  attachResizeListener: (o, e) => c(o, "resize", e),
-  measureScroll: () => ({
-    x: document.documentElement.scrollLeft || document.body.scrollLeft,
-    y: document.documentElement.scrollTop || document.body.scrollTop
-  }),
-  checkIsScrollRoot: () => !0
-});
+import { extractEventInfo as f } from "./lyra244.js";
+import { addDomEvent as p } from "./lyra243.js";
+import { addPointerEvent as m } from "./lyra242.js";
+import { Feature as L } from "./lyra278.js";
+import { pipe as P } from "./lyra215.js";
+import { isDragActive as E } from "./lyra241.js";
+import { isNodeOrChild as g } from "./lyra283.js";
+import { noop as u } from "./lyra202.js";
+import { frame as d } from "./lyra167.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();
+  }
+}
 export {
-  l as DocumentProjectionNode
+  K as PressGesture
 };

package/dist/lyra254.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra175.cjs"),p=(o,r)=>t=>!!(e.isString(t)&&e.singleColorRegex.test(t)&&t.startsWith(o)||r&&Object.prototype.hasOwnProperty.call(t,r)),c=(o,r,t)=>l=>{if(!e.isString(l))return l;const[s,i,n,a]=l.match(e.floatRegex);return{[o]:parseFloat(s),[r]:parseFloat(i),[t]:parseFloat(n),alpha:a!==void 0?parseFloat(a):1}};exports.isColorString=p;exports.splitColor=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra278.cjs"),w=require("./lyra284.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;

package/dist/lyra254.js

@@ -1,16 +1,44 @@
-import { isString as l, singleColorRegex as i, floatRegex as c } from "./lyra175.js";
-const h = (r, o) => (t) => !!(l(t) && i.test(t) && t.startsWith(r) || o && Object.prototype.hasOwnProperty.call(t, o)), f = (r, o, t) => (a) => {
-  if (!l(a))
-    return a;
-  const [s, n, p, e] = a.match(c);
-  return {
-    [r]: parseFloat(s),
-    [o]: parseFloat(n),
-    [t]: parseFloat(p),
-    alpha: e !== void 0 ? parseFloat(e) : 1
-  };
+import { Feature as m } from "./lyra278.js";
+import { observeIntersection as f } from "./lyra284.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];
+}
 export {
-  h as isColorString,
-  f as splitColor
+  v as InViewFeature
 };

package/dist/lyra255.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./lyra256.cjs");function c(r,t,n,{delay:o=0,duration:s,repeat:l=0,repeatType:y="loop",ease:f,times:i}={}){const a={[t]:n};i&&(a.offset=i);const e=g.mapEasingToNativeEasing(f);return Array.isArray(e)&&(a.easing=e),r.animate(a,{delay:o,duration:s,easing:Array.isArray(e)?"linear":e,fill:"both",iterations:l+1,direction:y==="reverse"?"alternate":"normal"})}exports.animateStyle=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra278.cjs"),o=require("./lyra202.cjs"),s=require("./lyra295.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;

package/dist/lyra255.js

@@ -1,17 +1,18 @@
-import { mapEasingToNativeEasing as y } from "./lyra256.js";
-function p(e, n, t, { delay: o = 0, duration: s, repeat: f = 0, repeatType: l = "loop", ease: m, times: i } = {}) {
-  const r = { [n]: t };
-  i && (r.offset = i);
-  const a = y(m);
-  return Array.isArray(a) && (r.easing = a), e.animate(r, {
-    delay: o,
-    duration: s,
-    easing: Array.isArray(a) ? "linear" : a,
-    fill: "both",
-    iterations: f + 1,
-    direction: l === "reverse" ? "alternate" : "normal"
-  });
+import { Feature as s } from "./lyra278.js";
+import { noop as r } from "./lyra202.js";
+import { VisualElementDragControls as t } from "./lyra295.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();
+  }
 }
 export {
-  p as animateStyle
+  u as DragGesture
 };

package/dist/lyra256.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra310.cjs");function a(e){return!!(!e||typeof e=="string"&&r[e]||t.isBezierDefinition(e)||Array.isArray(e)&&e.every(a))}const i=([e,o,s,u])=>`cubic-bezier(${e}, ${o}, ${s}, ${u})`,r={linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",circIn:i([0,.65,.55,1]),circOut:i([.55,0,1,.45]),backIn:i([.31,.01,.66,-.59]),backOut:i([.33,1.53,.69,.99])};function n(e){if(e)return t.isBezierDefinition(e)?i(e):Array.isArray(e)?e.map(n):r[e]}exports.cubicBezierAsString=i;exports.isWaapiSupportedEasing=a;exports.mapEasingToNativeEasing=n;exports.supportedWaapiEasing=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra296.cjs"),P=require("./lyra242.cjs"),c=require("./lyra278.cjs"),h=require("./lyra202.cjs"),r=require("./lyra167.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;

package/dist/lyra256.js

@@ -1,25 +1,39 @@
-import { isBezierDefinition as i } from "./lyra310.js";
-function u(r) {
-  return !!(!r || typeof r == "string" && t[r] || i(r) || Array.isArray(r) && r.every(u));
-}
-const e = ([r, a, n, o]) => `cubic-bezier(${r}, ${a}, ${n}, ${o})`, t = {
-  linear: "linear",
-  ease: "ease",
-  easeIn: "ease-in",
-  easeOut: "ease-out",
-  easeInOut: "ease-in-out",
-  circIn: e([0, 0.65, 0.55, 1]),
-  circOut: e([0.55, 0, 1, 0.45]),
-  backIn: e([0.31, 0.01, 0.66, -0.59]),
-  backOut: e([0.33, 1.53, 0.69, 0.99])
+import { PanSession as d } from "./lyra296.js";
+import { addPointerEvent as m } from "./lyra242.js";
+import { Feature as h } from "./lyra278.js";
+import { noop as p } from "./lyra202.js";
+import { frame as r } from "./lyra167.js";
+const s = (e) => (n, t) => {
+  e && r.update(() => e(n, t));
 };
-function c(r) {
-  if (r)
-    return i(r) ? e(r) : Array.isArray(r) ? r.map(c) : t[r];
+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();
+  }
 }
 export {
-  e as cubicBezierAsString,
-  u as isWaapiSupportedEasing,
-  c as mapEasingToNativeEasing,
-  t as supportedWaapiEasing
+  l as PanGesture
 };

package/dist/lyra257.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=r=>Array.isArray(r)&&typeof r[0]!="number";exports.isEasingArray=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./lyra167.cjs"),u=require("react"),p=require("./lyra153.cjs"),l=require("./lyra141.cjs"),m=require("./lyra164.cjs"),f=require("./lyra297.cjs"),n=require("./lyra298.cjs"),R=require("./lyra299.cjs"),h=require("./lyra184.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;

package/dist/lyra257.js

@@ -1,4 +1,72 @@
-const n = (r) => Array.isArray(r) && typeof r[0] != "number";
+import { frame as m } from "./lyra167.js";
+import d, { useContext as p } from "react";
+import { usePresence as c } from "./lyra153.js";
+import { LayoutGroupContext as f } from "./lyra141.js";
+import { SwitchLayoutGroupContext as l } from "./lyra164.js";
+import { globalProjectionState as h } from "./lyra297.js";
+import { correctBorderRadius as n } from "./lyra298.js";
+import { correctBoxShadow as R } from "./lyra299.js";
+import { addScaleCorrector as g } from "./lyra184.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 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 {
-  n as isEasingArray
+  w as MeasureLayout
 };

package/dist/lyra258.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra123.cjs"),b=require("./lyra198.cjs"),I=require("./lyra181.cjs"),r=require("./lyra202.cjs"),c=require("./lyra201.cjs"),n=require("./lyra197.cjs"),O=require("./lyra196.cjs"),a={linear:I.noop,easeIn:r.easeIn,easeInOut:r.easeInOut,easeOut:r.easeOut,circIn:c.circIn,circInOut:c.circInOut,circOut:c.circOut,backIn:n.backIn,backInOut:n.backInOut,backOut:n.backOut,anticipate:O.anticipate},l=e=>{if(Array.isArray(e)){t.invariant(e.length===4,"Cubic bezier arrays must contain four numerical values.");const[u,i,s,o]=e;return b.cubicBezier(u,i,s,o)}else if(typeof e=="string")return t.invariant(a[e]!==void 0,`Invalid easing type '${e}'`),a[e];return e};exports.easingDefinitionToFunction=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra266.cjs"),n=require("./lyra267.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;

package/dist/lyra258.js

@@ -1,31 +1,25 @@
-import { invariant as t } from "./lyra123.js";
-import { cubicBezier as u } from "./lyra198.js";
-import { noop as m } from "./lyra181.js";
-import { easeIn as s, easeInOut as i, easeOut as p } from "./lyra202.js";
-import { circIn as y, circInOut as I, circOut as b } from "./lyra201.js";
-import { backIn as f, backInOut as l, backOut as O } from "./lyra197.js";
-import { anticipate as g } from "./lyra196.js";
-const a = {
-  linear: m,
-  easeIn: s,
-  easeInOut: i,
-  easeOut: p,
-  circIn: y,
-  circInOut: I,
-  circOut: b,
-  backIn: f,
-  backInOut: l,
-  backOut: O,
-  anticipate: g
-}, C = (r) => {
-  if (Array.isArray(r)) {
-    t(r.length === 4, "Cubic bezier arrays must contain four numerical values.");
-    const [e, o, c, n] = r;
-    return u(e, o, c, n);
-  } else if (typeof r == "string")
-    return t(a[r] !== void 0, `Invalid easing type '${r}'`), a[r];
-  return r;
-};
+import { createProjectionNode as t } from "./lyra266.js";
+import { DocumentProjectionNode as n } from "./lyra267.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;
+    }
+    return e.current;
+  },
+  resetTransform: (o, r) => {
+    o.style.transform = r !== void 0 ? r : "none";
+  },
+  checkIsScrollRoot: (o) => window.getComputedStyle(o).position === "fixed"
+});
 export {
-  C as easingDefinitionToFunction
+  i as HTMLProjectionNode,
+  e as rootProjectionNode
 };

package/dist/lyra259.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./lyra311.cjs");function l(t){const e=[0];return f.fillOffset(e,t.length-1),e}exports.defaultOffset=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra300.cjs"),u=require("./lyra201.cjs"),l=require("./lyra175.cjs"),a=require("./lyra293.cjs"),c=require("./lyra301.cjs"),d=require("./lyra280.cjs"),p=require("./lyra302.cjs"),m=require("./lyra303.cjs"),V=require("./lyra147.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;

package/dist/lyra259.js

@@ -1,8 +1,46 @@
-import { fillOffset as e } from "./lyra311.js";
-function n(t) {
-  const f = [0];
-  return e(f, t.length - 1), f;
+import { buildHTMLStyles as n } from "./lyra300.js";
+import { isCSSVariableName as s } from "./lyra201.js";
+import { transformProps as l } from "./lyra175.js";
+import { scrapeMotionValuesFromProps as m } from "./lyra293.js";
+import { renderHTML as u } from "./lyra301.js";
+import { getDefaultValueType as a } from "./lyra280.js";
+import { measureViewportBox as p } from "./lyra302.js";
+import { DOMVisualElement as c } from "./lyra303.js";
+import { isMotionValue as d } from "./lyra147.js";
+function f(i) {
+  return window.getComputedStyle(i);
+}
+class w extends c {
+  readValueFromInstance(e, t) {
+    if (l.has(t)) {
+      const r = a(t);
+      return r && r.default || 0;
+    } else {
+      const r = f(e), o = (s(t) ? r.getPropertyValue(t) : r[t]) || 0;
+      return typeof o == "string" ? o.trim() : o;
+    }
+  }
+  measureInstanceViewportBox(e, { transformPagePoint: t }) {
+    return p(e, t);
+  }
+  build(e, t, r, o) {
+    n(e, t, r, o.transformTemplate);
+  }
+  scrapeMotionValuesFromProps(e, t) {
+    return m(e, t);
+  }
+  handleChildMotionValue() {
+    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
+    const { children: e } = this.props;
+    d(e) && (this.childSubscription = e.on("change", (t) => {
+      this.current && (this.current.textContent = `${t}`);
+    }));
+  }
+  renderInstance(e, t, r, o) {
+    u(e, t, r, o);
+  }
 }
 export {
-  n as defaultOffset
+  w as HTMLVisualElement,
+  f as getComputedStyle
 };

package/dist/lyra26.cjs

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

package/dist/lyra26.js

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

package/dist/lyra260.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(e,t){return e.map(o=>o*t)}exports.convertOffsetToTimes=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra289.cjs"),u=require("./lyra303.cjs"),o=require("./lyra291.cjs"),n=require("./lyra206.cjs"),i=require("./lyra304.cjs"),l=require("./lyra175.cjs"),c=require("./lyra288.cjs"),m=require("./lyra280.cjs"),V=require("./lyra168.cjs"),d=require("./lyra292.cjs");class g extends u.DOMVisualElement{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(r,e){return r[e]}readValueFromInstance(r,e){if(l.transformProps.has(e)){const t=m.getDefaultValueType(e);return t&&t.default||0}return e=i.camelCaseAttributes.has(e)?e:n.camelToDash(e),r.getAttribute(e)}measureInstanceViewportBox(){return V.createBox()}scrapeMotionValuesFromProps(r,e){return a.scrapeMotionValuesFromProps(r,e)}build(r,e,t,s){o.buildSVGAttrs(r,e,t,this.isSVGTag,s.transformTemplate)}renderInstance(r,e,t,s){c.renderSVG(r,e,t,s)}mount(r){this.isSVGTag=d.isSVGTag(r.tagName),super.mount(r)}}exports.SVGVisualElement=g;

package/dist/lyra260.js

@@ -1,6 +1,43 @@
-function o(e, t) {
-  return e.map((n) => n * t);
+import { scrapeMotionValuesFromProps as s } from "./lyra289.js";
+import { DOMVisualElement as a } from "./lyra303.js";
+import { buildSVGAttrs as m } from "./lyra291.js";
+import { camelToDash as i } from "./lyra206.js";
+import { camelCaseAttributes as u } from "./lyra304.js";
+import { transformProps as n } from "./lyra175.js";
+import { renderSVG as p } from "./lyra288.js";
+import { getDefaultValueType as l } from "./lyra280.js";
+import { createBox as f } from "./lyra168.js";
+import { isSVGTag as V } from "./lyra292.js";
+class A extends a {
+  constructor() {
+    super(...arguments), this.isSVGTag = !1;
+  }
+  getBaseTargetFromProps(t, r) {
+    return t[r];
+  }
+  readValueFromInstance(t, r) {
+    if (n.has(r)) {
+      const e = l(r);
+      return e && e.default || 0;
+    }
+    return r = u.has(r) ? r : i(r), t.getAttribute(r);
+  }
+  measureInstanceViewportBox() {
+    return f();
+  }
+  scrapeMotionValuesFromProps(t, r) {
+    return s(t, r);
+  }
+  build(t, r, e, o) {
+    m(t, r, e, this.isSVGTag, o.transformTemplate);
+  }
+  renderInstance(t, r, e, o) {
+    p(t, r, e, o);
+  }
+  mount(t) {
+    this.isSVGTag = V(t.tagName), super.mount(t);
+  }
 }
 export {
-  o as convertOffsetToTimes
+  A as SVGVisualElement
 };

package/dist/lyra261.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra249.cjs"),a=require("./lyra152.cjs"),u=require("./lyra126.cjs");function r(e,i,n){const t=u.isMotionValue(e)?e:a.motionValue(e);return t.start(o.animateMotionValue("",t,i,n)),t.animation}exports.animateSingleValue=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=e=>Array.isArray(e);exports.isKeyframesTarget=r;

package/dist/lyra261.js

@@ -1,10 +1,4 @@
-import { animateMotionValue as m } from "./lyra249.js";
-import { motionValue as a } from "./lyra152.js";
-import { isMotionValue as r } from "./lyra126.js";
-function f(o, i, n) {
-  const t = r(o) ? o : a(o);
-  return t.start(m("", t, i, n)), t.animation;
-}
+const e = (r) => Array.isArray(r);
 export {
-  f as animateSingleValue
+  e as isKeyframesTarget
 };

package/dist/lyra262.cjs

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

package/dist/lyra262.js

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