@new-black/lyra 0.0.15 → 0.0.16

package/dist/lyra228.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"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/lyra228.js

@@ -1,4 +1,6 @@
-var e = {};
+function i(e, n, t, r = { passive: !0 }) {
+  return e.addEventListener(n, t, r), () => e.removeEventListener(n, t);
+}
 export {
-  e as __exports
+  i as addDomEvent
 };

package/dist/lyra229.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra230.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/lyra229.js

@@ -1,4 +1,14 @@
-const t = "";
+import { isPrimaryPointer as t } from "./lyra230.js";
+function n(o, r = "page") {
+  return {
+    point: {
+      x: o[r + "X"],
+      y: o[r + "Y"]
+    }
+  };
+}
+const a = (o) => (r) => t(r) && o(r, n(r));
 export {
-  t as default
+  a as addPointerInfo,
+  n as extractEventInfo
 };

package/dist/lyra230.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;
+"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;

package/dist/lyra230.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+const o = (r) => r.pointerType === "mouse" ? typeof r.button != "number" || r.button <= 0 : r.isPrimary !== !1;
 export {
-  e as __module
+  o as isPrimaryPointer
 };

package/dist/lyra231.cjs

@@ -1,9 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra269.cjs"),E=require("react");/**
- * @license React
- * use-sync-external-store-shim.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var f;function h(){if(f)return s.__exports;f=1;var u=E;function S(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var a=typeof Object.is=="function"?Object.is:S,d=u.useState,l=u.useEffect,p=u.useLayoutEffect,y=u.useDebugValue;function _(e,t){var r=t(),i=d({inst:{value:r,getSnapshot:t}}),n=i[0].inst,c=i[1];return p(function(){n.value=r,n.getSnapshot=t,o(n)&&c({inst:n})},[e,r,t]),l(function(){return o(n)&&c({inst:n}),e(function(){o(n)&&c({inst:n})})},[e]),y(r),r}function o(e){var t=e.getSnapshot;e=e.value;try{var r=t();return!a(e,r)}catch{return!0}}function v(e,t){return t()}var m=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?v:_;return s.__exports.useSyncExternalStore=u.useSyncExternalStore!==void 0?u.useSyncExternalStore:m,s.__exports}exports.__require=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra95.cjs"),g=require("react");function l(o){let e=a.useOverlayTriggerState(o),[u,r]=g.useState(null);return{focusStrategy:u,...e,open(t=null){r(t),e.open()},toggle(t=null){r(t),e.toggle()}}}exports.useMenuTriggerState=l;

package/dist/lyra231.js

@@ -1,50 +1,18 @@
-import { __exports as f } from "./lyra269.js";
-import E from "react";
-/**
- * @license React
- * use-sync-external-store-shim.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var s;
-function w() {
-  if (s)
-    return f;
-  s = 1;
-  var u = E;
-  function a(e, t) {
-    return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
-  }
-  var d = typeof Object.is == "function" ? Object.is : a, S = u.useState, p = u.useEffect, m = u.useLayoutEffect, l = u.useDebugValue;
-  function y(e, t) {
-    var r = t(), i = S({ inst: { value: r, getSnapshot: t } }), n = i[0].inst, c = i[1];
-    return m(function() {
-      n.value = r, n.getSnapshot = t, o(n) && c({ inst: n });
-    }, [e, r, t]), p(function() {
-      return o(n) && c({ inst: n }), e(function() {
-        o(n) && c({ inst: n });
-      });
-    }, [e]), l(r), r;
-  }
-  function o(e) {
-    var t = e.getSnapshot;
-    e = e.value;
-    try {
-      var r = t();
-      return !d(e, r);
-    } catch {
-      return !0;
+import { useOverlayTriggerState as g } from "./lyra95.js";
+import { useState as l } from "react";
+function f(o) {
+  let e = g(o), [a, r] = l(null);
+  return {
+    focusStrategy: a,
+    ...e,
+    open(t = null) {
+      r(t), e.open();
+    },
+    toggle(t = null) {
+      r(t), e.toggle();
     }
-  }
-  function _(e, t) {
-    return t();
-  }
-  var v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? _ : y;
-  return f.useSyncExternalStore = u.useSyncExternalStore !== void 0 ? u.useSyncExternalStore : v, f;
+  };
 }
 export {
-  w as __require
+  f as useMenuTriggerState
 };

package/dist/lyra232.cjs

@@ -1,9 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./lyra270.cjs"),C=require("react");/**
- * @license React
- * use-sync-external-store-shim.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var p;function I(){return p||(p=1,process.env.NODE_ENV!=="production"&&function(){typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error);var a=C,O=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function f(t){{for(var e=arguments.length,n=new Array(e>1?e-1:0),r=1;r<e;r++)n[r-1]=arguments[r];E("error",t,n)}}function E(t,e,n){{var r=O.ReactDebugCurrentFrame,u=r.getStackAddendum();u!==""&&(e+="%s",n=n.concat([u]));var i=n.map(function(o){return String(o)});i.unshift("Warning: "+e),Function.prototype.apply.call(console[t],console,i)}}function v(t,e){return t===e&&(t!==0||1/t===1/e)||t!==t&&e!==e}var l=typeof Object.is=="function"?Object.is:v,h=a.useState,L=a.useEffect,y=a.useLayoutEffect,T=a.useDebugValue,S=!1,d=!1;function g(t,e,n){S||a.startTransition!==void 0&&(S=!0,f("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));var r=e();if(!d){var u=e();l(r,u)||(f("The result of getSnapshot should be cached to avoid an infinite loop"),d=!0)}var i=h({inst:{value:r,getSnapshot:e}}),o=i[0].inst,c=i[1];return y(function(){o.value=r,o.getSnapshot=e,s(o)&&c({inst:o})},[t,r,e]),L(function(){s(o)&&c({inst:o});var x=function(){s(o)&&c({inst:o})};return t(x)},[t]),T(r),r}function s(t){var e=t.getSnapshot,n=t.value;try{var r=e();return!l(n,r)}catch{return!0}}function m(t,e,n){return e()}var A=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",R=!A,D=R?m:g,w=a.useSyncExternalStore!==void 0?a.useSyncExternalStore:D;_.__exports.useSyncExternalStore=w,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error)}()),_.__exports}exports.__require=I;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=typeof window<"u",o=t?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=o;

package/dist/lyra232.js

@@ -1,85 +1,5 @@
-import { __exports as c } from "./lyra270.js";
-import I from "react";
-/**
- * @license React
- * use-sync-external-store-shim.development.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var p;
-function G() {
-  return p ? c : (p = 1, process.env.NODE_ENV !== "production" && function() {
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-    var o = I, E = o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function _(t) {
-      {
-        for (var e = arguments.length, r = new Array(e > 1 ? e - 1 : 0), n = 1; n < e; n++)
-          r[n - 1] = arguments[n];
-        O("error", t, r);
-      }
-    }
-    function O(t, e, r) {
-      {
-        var n = E.ReactDebugCurrentFrame, u = n.getStackAddendum();
-        u !== "" && (e += "%s", r = r.concat([u]));
-        var i = r.map(function(a) {
-          return String(a);
-        });
-        i.unshift("Warning: " + e), Function.prototype.apply.call(console[t], console, i);
-      }
-    }
-    function v(t, e) {
-      return t === e && (t !== 0 || 1 / t === 1 / e) || t !== t && e !== e;
-    }
-    var l = typeof Object.is == "function" ? Object.is : v, h = o.useState, L = o.useEffect, y = o.useLayoutEffect, m = o.useDebugValue, S = !1, d = !1;
-    function T(t, e, r) {
-      S || o.startTransition !== void 0 && (S = !0, _("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));
-      var n = e();
-      if (!d) {
-        var u = e();
-        l(n, u) || (_("The result of getSnapshot should be cached to avoid an infinite loop"), d = !0);
-      }
-      var i = h({
-        inst: {
-          value: n,
-          getSnapshot: e
-        }
-      }), a = i[0].inst, f = i[1];
-      return y(function() {
-        a.value = n, a.getSnapshot = e, s(a) && f({
-          inst: a
-        });
-      }, [t, n, e]), L(function() {
-        s(a) && f({
-          inst: a
-        });
-        var C = function() {
-          s(a) && f({
-            inst: a
-          });
-        };
-        return t(C);
-      }, [t]), m(n), n;
-    }
-    function s(t) {
-      var e = t.getSnapshot, r = t.value;
-      try {
-        var n = e();
-        return !l(r, n);
-      } catch {
-        return !0;
-      }
-    }
-    function g(t, e, r) {
-      return e();
-    }
-    var A = typeof window < "u" && typeof window.document < "u" && typeof window.document.createElement < "u", R = !A, D = R ? g : T, w = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : D;
-    c.useSyncExternalStore = w, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-  }(), c);
-}
+import { useLayoutEffect as o, useEffect as e } from "react";
+const t = typeof window < "u", s = t ? o : e;
 export {
-  G as __require
+  s as useIsomorphicLayoutEffect
 };

package/dist/lyra233.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra271.cjs");function r(e){return typeof e!="string"||e.includes("-")?!1:!!(t.lowercaseSVGElements.indexOf(e)>-1||/[A-Z]/.test(e))}exports.isSVGComponent=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/lyra233.js

@@ -1,24 +1,4 @@
-import { lowercaseSVGElements as r } from "./lyra271.js";
-function s(e) {
-  return (
-    /**
-     * If it's not a string, it's a custom React component. Currently we only support
-     * HTML custom React components.
-     */
-    typeof e != "string" || /**
-     * If it contains a dash, the element is a custom HTML webcomponent.
-     */
-    e.includes("-") ? !1 : (
-      /**
-       * If it's in our list of lowercase SVG tags, it's an SVG component
-       */
-      !!(r.indexOf(e) > -1 || /**
-       * If it contains a capital letter, it's an SVG component
-       */
-      /[A-Z]/.test(e))
-    )
-  );
-}
+var r = {};
 export {
-  s as isSVGComponent
+  r as __exports
 };

package/dist/lyra234.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),P=require("./lyra272.cjs"),a=require("./lyra216.cjs"),p=require("./lyra233.cjs"),f=require("./lyra273.cjs"),q=require("./lyra126.cjs");function V(o=!1){return(e,s,n,{latestValues:i},u)=>{const c=(p.isSVGComponent(e)?f.useSVGProps:P.useHTMLProps)(s,i,u,e),l={...a.filterProps(s,typeof e=="string",o),...c,ref:n},{children:r}=s,d=t.useMemo(()=>q.isMotionValue(r)?r.get():r,[r]);return t.createElement(e,{...l,children:d})}}exports.createUseRender=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/lyra234.js

@@ -1,22 +1,4 @@
-import { useMemo as c, createElement as f } from "react";
-import { useHTMLProps as p } from "./lyra272.js";
-import { filterProps as d } from "./lyra216.js";
-import { isSVGComponent as P } from "./lyra233.js";
-import { useSVGProps as a } from "./lyra273.js";
-import { isMotionValue as V } from "./lyra126.js";
-function E(o = !1) {
-  return (e, s, t, { latestValues: i }, n) => {
-    const u = (P(e) ? a : p)(s, i, n, e), l = {
-      ...d(s, typeof e == "string", o),
-      ...u,
-      ref: t
-    }, { children: r } = s, m = c(() => V(r) ? r.get() : r, [r]);
-    return f(e, {
-      ...l,
-      children: m
-    });
-  };
-}
+var e = {};
 export {
-  E as createUseRender
+  e as __exports
 };

package/dist/lyra235.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra274.cjs"),i=require("./lyra275.cjs"),a=require("./lyra217.cjs"),n=require("./lyra276.cjs"),u=require("./lyra277.cjs"),c=require("./lyra278.cjs"),g={useVisualState:a.makeUseVisualState({scrapeMotionValuesFromProps:i.scrapeMotionValuesFromProps,createRenderState:n.createSvgRenderState,onMount:(o,e,{renderState:t,latestValues:r})=>{try{t.dimensions=typeof e.getBBox=="function"?e.getBBox():e.getBoundingClientRect()}catch{t.dimensions={x:0,y:0,width:0,height:0}}u.buildSVGAttrs(t,r,{enableHardwareAcceleration:!1},c.isSVGTag(e.tagName),o.transformTemplate),s.renderSVG(e,t)}})};exports.svgMotionConfig=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra271.cjs");function r(e){return typeof e!="string"||e.includes("-")?!1:!!(t.lowercaseSVGElements.indexOf(e)>-1||/[A-Z]/.test(e))}exports.isSVGComponent=r;

package/dist/lyra235.js

@@ -1,28 +1,24 @@
-import { renderSVG as i } from "./lyra274.js";
-import { scrapeMotionValuesFromProps as m } from "./lyra275.js";
-import { makeUseVisualState as a } from "./lyra217.js";
-import { createSvgRenderState as s } from "./lyra276.js";
-import { buildSVGAttrs as p } from "./lyra277.js";
-import { isSVGTag as f } from "./lyra278.js";
-const B = {
-  useVisualState: a({
-    scrapeMotionValuesFromProps: m,
-    createRenderState: s,
-    onMount: (e, o, { renderState: t, latestValues: r }) => {
-      try {
-        t.dimensions = typeof o.getBBox == "function" ? o.getBBox() : o.getBoundingClientRect();
-      } catch {
-        t.dimensions = {
-          x: 0,
-          y: 0,
-          width: 0,
-          height: 0
-        };
-      }
-      p(t, r, { enableHardwareAcceleration: !1 }, f(o.tagName), e.transformTemplate), i(o, t);
-    }
-  })
-};
+import { lowercaseSVGElements as r } from "./lyra271.js";
+function s(e) {
+  return (
+    /**
+     * If it's not a string, it's a custom React component. Currently we only support
+     * HTML custom React components.
+     */
+    typeof e != "string" || /**
+     * If it contains a dash, the element is a custom HTML webcomponent.
+     */
+    e.includes("-") ? !1 : (
+      /**
+       * If it's in our list of lowercase SVG tags, it's an SVG component
+       */
+      !!(r.indexOf(e) > -1 || /**
+       * If it contains a capital letter, it's an SVG component
+       */
+      /[A-Z]/.test(e))
+    )
+  );
+}
 export {
-  B as svgMotionConfig
+  s as isSVGComponent
 };

package/dist/lyra236.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra217.cjs"),t=require("./lyra279.cjs"),o=require("./lyra280.cjs"),r={useVisualState:e.makeUseVisualState({scrapeMotionValuesFromProps:t.scrapeMotionValuesFromProps,createRenderState:o.createHtmlRenderState})};exports.htmlMotionConfig=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),P=require("./lyra272.cjs"),a=require("./lyra222.cjs"),p=require("./lyra235.cjs"),f=require("./lyra273.cjs"),q=require("./lyra132.cjs");function V(o=!1){return(e,s,n,{latestValues:i},u)=>{const c=(p.isSVGComponent(e)?f.useSVGProps:P.useHTMLProps)(s,i,u,e),l={...a.filterProps(s,typeof e=="string",o),...c,ref:n},{children:r}=s,d=t.useMemo(()=>q.isMotionValue(r)?r.get():r,[r]);return t.createElement(e,{...l,children:d})}}exports.createUseRender=V;

package/dist/lyra236.js

@@ -1,12 +1,22 @@
-import { makeUseVisualState as t } from "./lyra217.js";
-import { scrapeMotionValuesFromProps as e } from "./lyra279.js";
-import { createHtmlRenderState as o } from "./lyra280.js";
-const i = {
-  useVisualState: t({
-    scrapeMotionValuesFromProps: e,
-    createRenderState: o
-  })
-};
+import { useMemo as c, createElement as f } from "react";
+import { useHTMLProps as p } from "./lyra272.js";
+import { filterProps as d } from "./lyra222.js";
+import { isSVGComponent as P } from "./lyra235.js";
+import { useSVGProps as a } from "./lyra273.js";
+import { isMotionValue as V } from "./lyra132.js";
+function E(o = !1) {
+  return (e, s, t, { latestValues: i }, n) => {
+    const u = (P(e) ? a : p)(s, i, n, e), l = {
+      ...d(s, typeof e == "string", o),
+      ...u,
+      ref: t
+    }, { children: r } = s, m = c(() => V(r) ? r.get() : r, [r]);
+    return f(e, {
+      ...l,
+      children: m
+    });
+  };
+}
 export {
-  i as htmlMotionConfig
+  E as createUseRender
 };

package/dist/lyra237.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra221.cjs"),p=require("./lyra194.cjs"),v=require("./lyra220.cjs"),l=require("./lyra264.cjs"),d=require("./lyra146.cjs");function i(e,t){const a="pointer"+(t?"enter":"leave"),r="onHover"+(t?"Start":"End"),s=(o,u)=>{if(o.type==="touch"||v.isDragActive())return;const n=e.getProps();e.animationState&&n.whileHover&&e.animationState.setActive("whileHover",t),n[r]&&d.frame.update(()=>n[r](o,u))};return c.addPointerEvent(e.current,a,s,{passive:!e.getProps()[r]})}class m extends l.Feature{mount(){this.unmount=p.pipe(i(this.node,!0),i(this.node,!1))}unmount(){}}exports.HoverGesture=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra274.cjs"),i=require("./lyra275.cjs"),a=require("./lyra223.cjs"),n=require("./lyra276.cjs"),u=require("./lyra277.cjs"),c=require("./lyra278.cjs"),g={useVisualState:a.makeUseVisualState({scrapeMotionValuesFromProps:i.scrapeMotionValuesFromProps,createRenderState:n.createSvgRenderState,onMount:(o,e,{renderState:t,latestValues:r})=>{try{t.dimensions=typeof e.getBBox=="function"?e.getBBox():e.getBoundingClientRect()}catch{t.dimensions={x:0,y:0,width:0,height:0}}u.buildSVGAttrs(t,r,{enableHardwareAcceleration:!1},c.isSVGTag(e.tagName),o.transformTemplate),s.renderSVG(e,t)}})};exports.svgMotionConfig=g;

package/dist/lyra237.js

@@ -1,26 +1,28 @@
-import { addPointerEvent as p } from "./lyra221.js";
-import { pipe as u } from "./lyra194.js";
-import { isDragActive as f } from "./lyra220.js";
-import { Feature as c } from "./lyra264.js";
-import { frame as v } from "./lyra146.js";
-function a(t, e) {
-  const i = "pointer" + (e ? "enter" : "leave"), r = "onHover" + (e ? "Start" : "End"), m = (n, s) => {
-    if (n.type === "touch" || f())
-      return;
-    const o = t.getProps();
-    t.animationState && o.whileHover && t.animationState.setActive("whileHover", e), o[r] && v.update(() => o[r](n, s));
-  };
-  return p(t.current, i, m, {
-    passive: !t.getProps()[r]
-  });
-}
-class g extends c {
-  mount() {
-    this.unmount = u(a(this.node, !0), a(this.node, !1));
-  }
-  unmount() {
-  }
-}
+import { renderSVG as i } from "./lyra274.js";
+import { scrapeMotionValuesFromProps as m } from "./lyra275.js";
+import { makeUseVisualState as a } from "./lyra223.js";
+import { createSvgRenderState as s } from "./lyra276.js";
+import { buildSVGAttrs as p } from "./lyra277.js";
+import { isSVGTag as f } from "./lyra278.js";
+const B = {
+  useVisualState: a({
+    scrapeMotionValuesFromProps: m,
+    createRenderState: s,
+    onMount: (e, o, { renderState: t, latestValues: r }) => {
+      try {
+        t.dimensions = typeof o.getBBox == "function" ? o.getBBox() : o.getBoundingClientRect();
+      } catch {
+        t.dimensions = {
+          x: 0,
+          y: 0,
+          width: 0,
+          height: 0
+        };
+      }
+      p(t, r, { enableHardwareAcceleration: !1 }, f(o.tagName), e.transformTemplate), i(o, t);
+    }
+  })
+};
 export {
-  g as HoverGesture
+  B as svgMotionConfig
 };

package/dist/lyra238.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra222.cjs"),s=require("./lyra264.cjs"),i=require("./lyra194.cjs");class n extends s.Feature{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{t=!0}!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=i.pipe(e.addDomEvent(this.node.current,"focus",()=>this.onFocus()),e.addDomEvent(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}exports.FocusGesture=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra223.cjs"),t=require("./lyra279.cjs"),o=require("./lyra280.cjs"),r={useVisualState:e.makeUseVisualState({scrapeMotionValuesFromProps:t.scrapeMotionValuesFromProps,createRenderState:o.createHtmlRenderState})};exports.htmlMotionConfig=r;

package/dist/lyra238.js

@@ -1,28 +1,12 @@
-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;
-    }
-    !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() {
-  }
-}
+import { makeUseVisualState as t } from "./lyra223.js";
+import { scrapeMotionValuesFromProps as e } from "./lyra279.js";
+import { createHtmlRenderState as o } from "./lyra280.js";
+const i = {
+  useVisualState: t({
+    scrapeMotionValuesFromProps: e,
+    createRenderState: o
+  })
+};
 export {
-  a as FocusGesture
+  i as htmlMotionConfig
 };

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"});const c=require("./lyra227.cjs"),p=require("./lyra200.cjs"),v=require("./lyra226.cjs"),l=require("./lyra265.cjs"),d=require("./lyra152.cjs");function i(e,t){const a="pointer"+(t?"enter":"leave"),r="onHover"+(t?"Start":"End"),s=(o,u)=>{if(o.type==="touch"||v.isDragActive())return;const n=e.getProps();e.animationState&&n.whileHover&&e.animationState.setActive("whileHover",t),n[r]&&d.frame.update(()=>n[r](o,u))};return c.addPointerEvent(e.current,a,s,{passive:!e.getProps()[r]})}class m extends l.Feature{mount(){this.unmount=p.pipe(i(this.node,!0),i(this.node,!1))}unmount(){}}exports.HoverGesture=m;

package/dist/lyra239.js

@@ -1,73 +1,26 @@
-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())
+import { addPointerEvent as p } from "./lyra227.js";
+import { pipe as u } from "./lyra200.js";
+import { isDragActive as f } from "./lyra226.js";
+import { Feature as c } from "./lyra265.js";
+import { frame as v } from "./lyra152.js";
+function a(t, e) {
+  const i = "pointer" + (e ? "enter" : "leave"), r = "onHover" + (e ? "Start" : "End"), m = (n, s) => {
+    if (n.type === "touch" || f())
       return;
-    const { onTapCancel: t } = this.node.getProps();
-    t && d.update(() => t(e, s));
-  }
+    const o = t.getProps();
+    t.animationState && o.whileHover && t.animationState.setActive("whileHover", e), o[r] && v.update(() => o[r](n, s));
+  };
+  return p(t.current, i, m, {
+    passive: !t.getProps()[r]
+  });
+}
+class g extends c {
   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);
+    this.unmount = u(a(this.node, !0), a(this.node, !1));
   }
   unmount() {
-    this.removeStartListeners(), this.removeEndListeners(), this.removeAccessibleListeners();
   }
 }
 export {
-  K as PressGesture
+  g as HoverGesture
 };

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 r=require("./lyra46.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;

package/dist/lyra24.js

@@ -1,4 +1,4 @@
-import { cva as r } from "./lyra43.js";
+import { cva as r } from "./lyra46.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",
   {