@new-black/lyra 0.0.24 → 0.0.25

package/dist/lyra299.js

@@ -1,13 +1,9 @@
-import { convertBoundingBoxToBox as s, transformBoxPoints as f } from "./lyra329.js";
-import { translateAxis as n } from "./lyra310.js";
-function x(o, t) {
-  return s(f(o.getBoundingClientRect(), t));
-}
-function c(o, t, i) {
-  const r = x(o, i), { scroll: e } = t;
-  return e && (n(r.x, e.offset.x), n(r.y, e.offset.y)), r;
-}
+const r = () => ({
+  style: {},
+  transform: {},
+  transformOrigin: {},
+  vars: {}
+});
 export {
-  c as measurePageBox,
-  x as measureViewportBox
+  r as createHtmlRenderState
 };

package/dist/lyra3.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra73.cjs");require("./lyra79.cjs");const o=t.cva(["rounded-base","outline-none"],{variants:{isFocusVisible:{true:["ring-2","ring-primary-1","z-10"],false:["border-b last:border-b-0 border-solid border-[--accordion-divider-color]"]}}}),e=t.cva(["flex","items-center","justify-between","gap-4","rounded-base","w-full","outline-none","px-[--accordion-title-padding-x]","py-[--accordion-title-padding-y]","text-[length:var(--accordion-title-font-size)]","font-[--accordion-title-font-weight]","outline-none"],{variants:{isOpen:{true:["text-[--accordion-title-is-open-color]"],false:["text-[--accordion-title-color]"]},isDisabled:{true:["text-[--accordion-title-is-disabled-color]","cursor-not-allowed"]}}}),n=t.cva(["text-[length:var(--accordion-content-font-size)]","font-[--accordion-content-font-weight]","text-[--accordion-content-color]"],{variants:{disableAccordionContentPadding:{true:["p-0"],false:["px-[--accordion-content-padding-x]","py-[--accordion-content-padding-y]"]}},defaultVariants:{disableAccordionContentPadding:!1}});exports.accordionItemButtonStyles=e;exports.accordionItemContentStyles=n;exports.accordionItemStyles=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra72.cjs");require("./lyra76.cjs");const o=t.cva(["rounded-base","outline-none"],{variants:{isFocusVisible:{true:["ring-2","ring-primary-1","z-10"],false:["border-b last:border-b-0 border-solid border-[--accordion-divider-color]"]}}}),e=t.cva(["flex","items-center","justify-between","gap-4","rounded-base","w-full","outline-none","px-[--accordion-title-padding-x]","py-[--accordion-title-padding-y]","text-[length:var(--accordion-title-font-size)]","font-[--accordion-title-font-weight]","outline-none"],{variants:{isOpen:{true:["text-[--accordion-title-is-open-color]"],false:["text-[--accordion-title-color]"]},isDisabled:{true:["text-[--accordion-title-is-disabled-color]","cursor-not-allowed"]}}}),n=t.cva(["text-[length:var(--accordion-content-font-size)]","font-[--accordion-content-font-weight]","text-[--accordion-content-color]"],{variants:{disableAccordionContentPadding:{true:["p-0"],false:["px-[--accordion-content-padding-x]","py-[--accordion-content-padding-y]"]}},defaultVariants:{disableAccordionContentPadding:!1}});exports.accordionItemButtonStyles=e;exports.accordionItemContentStyles=n;exports.accordionItemStyles=o;

package/dist/lyra3.js

@@ -1,5 +1,5 @@
-import { cva as o } from "./lyra73.js";
-import "./lyra79.js";
+import { cva as o } from "./lyra72.js";
+import "./lyra76.js";
 const e = o(["rounded-base", "outline-none"], {
   variants: {
     isFocusVisible: {

package/dist/lyra30.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra73.cjs");require("./lyra72.cjs");const t=e.cva([],{variants:{color:{primary:"text-neutral-foreground-1",secondary:"text-neutral-6",white:"text-neutral-0",disabled:"text-neutral-4","accent-primary":"text-primary","accent-success":"text-success","accent-warning":"text-warning","accent-danger":"text-danger"},variant:{"heading-1":["text-[length:--text-heading-1-size]","leading-[--text-heading-1-line-height]","font-[--text-heading-1-weight]","tracking-[--text-heading-1-letter-spacing]","font-heading"],"heading-2":["text-[length:--text-heading-2-size]","leading-[--text-heading-2-line-height]","font-[--text-heading-2-weight]","tracking-[--text-heading-2-letter-spacing]","font-heading"],"heading-3":["text-[length:--text-heading-3-size]","leading-[--text-heading-3-line-height]","font-[--text-heading-3-weight]","tracking-[--text-heading-3-letter-spacing]","font-heading"],"heading-4":["text-[length:--text-heading-4-size]","leading-[--text-heading-4-line-height]","font-[--text-heading-4-weight]","tracking-[--text-heading-4-letter-spacing]","font-heading"],"heading-5":["text-[length:--text-heading-5-size]","leading-[--text-heading-5-line-height]","font-[--text-heading-5-weight]","tracking-[--text-heading-5-letter-spacing]","font-heading"],"heading-6":["text-[length:--text-heading-6-size]","leading-[--text-heading-6-line-height]","font-[--text-heading-6-weight]","tracking-[--text-heading-6-letter-spacing]","font-heading"],"body-large":["text-[length:--text-body-large-size]","leading-[--text-body-large-line-height]","font-[--text-body-large-weight]","tracking-[--text-body-large-letter-spacing]","font-sans"],"body-medium":["text-[length:--text-body-medium-size]","leading-[--text-body-medium-line-height]","font-[--text-body-medium-weight]","tracking-[--text-body-medium-letter-spacing]","font-sans"],"body-small":["text-[length:--text-body-small-size]","leading-[--text-body-small-line-height]","font-[--text-body-small-weight]","tracking-[--text-body-small-letter-spacing]","font-sans"],badge:["text-[length:--text-badge-size]","leading-[--text-badge-line-height]","font-[--text-badge-weight]","tracking-[--text-badge-letter-spacing]","font-sans","uppercase"]}},defaultVariants:{variant:"body-medium",color:"primary"}});exports.textStyles=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra37.cjs"),r=require("react"),s=require("./lyra44.cjs"),f=require("./lyra31.cjs"),p=require("./lyra38.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;

package/dist/lyra30.js

@@ -1,96 +1,46 @@
-import { cva as t } from "./lyra73.js";
-import "./lyra72.js";
-const i = t([], {
-  variants: {
-    color: {
-      primary: "text-neutral-foreground-1",
-      secondary: "text-neutral-6",
-      white: "text-neutral-0",
-      disabled: "text-neutral-4",
-      "accent-primary": "text-primary",
-      "accent-success": "text-success",
-      "accent-warning": "text-warning",
-      "accent-danger": "text-danger"
-    },
-    variant: {
-      "heading-1": [
-        "text-[length:--text-heading-1-size]",
-        "leading-[--text-heading-1-line-height]",
-        "font-[--text-heading-1-weight]",
-        "tracking-[--text-heading-1-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-2": [
-        "text-[length:--text-heading-2-size]",
-        "leading-[--text-heading-2-line-height]",
-        "font-[--text-heading-2-weight]",
-        "tracking-[--text-heading-2-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-3": [
-        "text-[length:--text-heading-3-size]",
-        "leading-[--text-heading-3-line-height]",
-        "font-[--text-heading-3-weight]",
-        "tracking-[--text-heading-3-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-4": [
-        "text-[length:--text-heading-4-size]",
-        "leading-[--text-heading-4-line-height]",
-        "font-[--text-heading-4-weight]",
-        "tracking-[--text-heading-4-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-5": [
-        "text-[length:--text-heading-5-size]",
-        "leading-[--text-heading-5-line-height]",
-        "font-[--text-heading-5-weight]",
-        "tracking-[--text-heading-5-letter-spacing]",
-        "font-heading"
-      ],
-      "heading-6": [
-        "text-[length:--text-heading-6-size]",
-        "leading-[--text-heading-6-line-height]",
-        "font-[--text-heading-6-weight]",
-        "tracking-[--text-heading-6-letter-spacing]",
-        "font-heading"
-      ],
-      "body-large": [
-        "text-[length:--text-body-large-size]",
-        "leading-[--text-body-large-line-height]",
-        "font-[--text-body-large-weight]",
-        "tracking-[--text-body-large-letter-spacing]",
-        "font-sans"
-      ],
-      "body-medium": [
-        "text-[length:--text-body-medium-size]",
-        "leading-[--text-body-medium-line-height]",
-        "font-[--text-body-medium-weight]",
-        "tracking-[--text-body-medium-letter-spacing]",
-        "font-sans"
-      ],
-      "body-small": [
-        "text-[length:--text-body-small-size]",
-        "leading-[--text-body-small-line-height]",
-        "font-[--text-body-small-weight]",
-        "tracking-[--text-body-small-letter-spacing]",
-        "font-sans"
-      ],
-      badge: [
-        "text-[length:--text-badge-size]",
-        "leading-[--text-badge-line-height]",
-        "font-[--text-badge-weight]",
-        "tracking-[--text-badge-letter-spacing]",
-        "font-sans",
-        "uppercase"
-      ]
+import { j as u } from "./lyra37.js";
+import { forwardRef as i, useRef as p } from "react";
+import { useObjectRef as h, mergeRefs as l } from "./lyra44.js";
+import { textStyles as g } from "./lyra31.js";
+import { twMerge as x } from "./lyra38.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,
+    {
+      ref: m,
+      ...c,
+      className: x(g({ variant: e, color: t, className: s }))
     }
-  },
-  defaultVariants: {
-    variant: "body-medium",
-    color: "primary"
-  }
+  );
 });
+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 {
-  i as textStyles
+  b as Text
 };

package/dist/lyra300.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra218.cjs"),c=require("./lyra331.cjs"),m=require("./lyra153.cjs");class n extends m.VisualElement{sortInstanceNodePosition(i,e){return i.compareDocumentPosition(e)&2?1:-1}getBaseTargetFromProps(i,e){return i.style?i.style[e]:void 0}removeValueFromRenderState(i,{vars:e,style:s}){delete e[i],delete s[i]}makeTargetAnimatableFromInstance({transition:i,transitionEnd:e,...s},{transformValues:r},u){let t=o.getOrigin(s,i||{},this);if(r&&(e&&(e=r(e)),s&&(s=r(s)),t&&(t=r(t))),u){o.checkTargetForNewValues(this,s,t);const l=c.parseDomVariant(this,s,t,e);e=l.transitionEnd,s=l.target}return{transition:i,transitionEnd:e,...s}}}exports.DOMVisualElement=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra178.cjs"),b=require("./lyra194.cjs"),d=require("./lyra168.cjs"),p=require("./lyra335.cjs"),S=require("./lyra331.cjs");function q(f,i,c,a){const{style:e,vars:g,transform:y,transformOrigin:u}=f;let l=!1,m=!1,o=!0;for(const r in i){const s=i[r];if(b.isCSSVariableName(r)){g[r]=s;continue}const n=S.numberValueTypes[r],t=p.getValueAsType(s,n);if(d.transformProps.has(r)){if(l=!0,y[r]=t,!o)continue;s!==(n.default||0)&&(o=!1)}else r.startsWith("origin")?(m=!0,u[r]=t):e[r]=t}if(i.transform||(l||a?e.transform=T.buildTransform(f.transform,c,o,a):e.transform&&(e.transform="none")),m){const{originX:r="50%",originY:s="50%",originZ:n=0}=u;e.transformOrigin=`${r} ${s} ${n}`}}exports.buildHTMLStyles=q;

package/dist/lyra300.js

@@ -1,30 +1,30 @@
-import { getOrigin as t, checkTargetForNewValues as c } from "./lyra218.js";
-import { parseDomVariant as f } from "./lyra331.js";
-import { VisualElement as p } from "./lyra153.js";
-class F extends p {
-  sortInstanceNodePosition(o, e) {
-    return o.compareDocumentPosition(e) & 2 ? 1 : -1;
-  }
-  getBaseTargetFromProps(o, e) {
-    return o.style ? o.style[e] : void 0;
-  }
-  removeValueFromRenderState(o, { vars: e, style: i }) {
-    delete e[o], delete i[o];
-  }
-  makeTargetAnimatableFromInstance({ transition: o, transitionEnd: e, ...i }, { transformValues: r }, s) {
-    let m = t(i, o || {}, this);
-    if (r && (e && (e = r(e)), i && (i = r(i)), m && (m = r(m))), s) {
-      c(this, i, m);
-      const l = f(this, i, m, e);
-      e = l.transitionEnd, i = l.target;
+import { buildTransform as y } from "./lyra178.js";
+import { isCSSVariableName as T } from "./lyra194.js";
+import { transformProps as b } from "./lyra168.js";
+import { getValueAsType as h } from "./lyra335.js";
+import { numberValueTypes as v } from "./lyra331.js";
+function N(t, s, p, a) {
+  const { style: o, vars: c, transform: g, transformOrigin: m } = t;
+  let l = !1, u = !1, f = !0;
+  for (const r in s) {
+    const i = s[r];
+    if (T(r)) {
+      c[r] = i;
+      continue;
     }
-    return {
-      transition: o,
-      transitionEnd: e,
-      ...i
-    };
+    const n = v[r], e = h(i, n);
+    if (b.has(r)) {
+      if (l = !0, g[r] = e, !f)
+        continue;
+      i !== (n.default || 0) && (f = !1);
+    } else
+      r.startsWith("origin") ? (u = !0, m[r] = e) : o[r] = e;
+  }
+  if (s.transform || (l || a ? o.transform = y(t.transform, p, f, a) : o.transform && (o.transform = "none")), u) {
+    const { originX: r = "50%", originY: i = "50%", originZ: n = 0 } = m;
+    o.transformOrigin = `${r} ${i} ${n}`;
   }
 }
 export {
-  F as DOMVisualElement
+  N as buildHTMLStyles
 };

package/dist/lyra301.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);exports.camelCaseAttributes=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function y(e,{style:o,vars:t},s,r){Object.assign(e.style,o,r&&r.getProjectionStyles(s));for(const n in t)e.style.setProperty(n,t[n])}exports.renderHTML=y;

package/dist/lyra301.js

@@ -1,28 +1,8 @@
-const e = /* @__PURE__ */ new Set([
-  "baseFrequency",
-  "diffuseConstant",
-  "kernelMatrix",
-  "kernelUnitLength",
-  "keySplines",
-  "keyTimes",
-  "limitingConeAngle",
-  "markerHeight",
-  "markerWidth",
-  "numOctaves",
-  "targetX",
-  "targetY",
-  "surfaceScale",
-  "specularConstant",
-  "specularExponent",
-  "stdDeviation",
-  "tableValues",
-  "viewBox",
-  "gradientTransform",
-  "pathLength",
-  "startOffset",
-  "textLength",
-  "lengthAdjust"
-]);
+function y(t, { style: o, vars: e }, r, s) {
+  Object.assign(t.style, o, s && s.getProjectionStyles(r));
+  for (const n in e)
+    t.style.setProperty(n, e[n]);
+}
 export {
-  e as camelCaseAttributes
+  y as renderHTML
 };

package/dist/lyra302.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra154.cjs"),b=require("./lyra266.cjs"),F=require("./lyra267.cjs"),k=require("./lyra332.cjs"),w=require("./lyra333.cjs"),P=require("./lyra173.cjs"),m=require("./lyra180.cjs"),x=new Set(["opacity","clipPath","filter","transform","backgroundColor"]),l=10,K=2e4,V=(i,r)=>r.type==="spring"||i==="backgroundColor"||!F.isWaapiSupportedEasing(r.ease);function v(i,r,{onUpdate:C,onComplete:d,...a}){if(!(k.supports.waapi()&&x.has(r)&&!a.repeatDelay&&a.repeatType!=="mirror"&&a.damping!==0&&a.type!=="inertia"))return!1;let p=!1,f,y;const g=()=>{y=new Promise(e=>{f=e})};g();let{keyframes:s,duration:o=300,ease:h,times:A}=a;if(V(r,a)){const e=P.animateValue({...a,repeat:0,delay:0});let n={done:!1,value:s[0]};const q=[];let c=0;for(;!n.done&&c<K;)n=e.sample(c),q.push(n.value),c+=l;A=void 0,s=q,o=c-l,h="linear"}const t=b.animateStyle(i.owner.current,r,s,{...a,duration:o,ease:h,times:A}),S=()=>t.cancel(),u=()=>{T.frame.update(S),f(),g()};return t.onfinish=()=>{i.set(w.getFinalKeyframe(s,a)),d&&d(),u()},{then(e,n){return y.then(e,n)},get time(){return m.millisecondsToSeconds(t.currentTime||0)},set time(e){t.currentTime=m.secondsToMilliseconds(e)},get speed(){return t.playbackRate},set speed(e){t.playbackRate=e},get duration(){return m.millisecondsToSeconds(o)},play:()=>{p||(t.play(),T.cancelFrame(S))},pause:()=>t.pause(),stop:()=>{if(p=!0,t.playState==="idle")return;const{currentTime:e}=t;if(e){const n=P.animateValue({...a,autoplay:!1});i.setWithVelocity(n.sample(e-l).value,n.sample(e).value,l)}u()},complete:()=>t.finish(),cancel:u}}exports.createAcceleratedAnimation=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra336.cjs"),s=require("./lyra318.cjs");function i(e,o){return n.convertBoundingBoxToBox(n.transformBoxPoints(e.getBoundingClientRect(),o))}function a(e,o,u){const t=i(e,u),{scroll:r}=o;return r&&(s.translateAxis(t.x,r.offset.x),s.translateAxis(t.y,r.offset.y)),t}exports.measurePageBox=a;exports.measureViewportBox=i;

package/dist/lyra302.js

@@ -1,99 +1,13 @@
-import { cancelFrame as k, frame as w } from "./lyra154.js";
-import { animateStyle as F } from "./lyra266.js";
-import { isWaapiSupportedEasing as b } from "./lyra267.js";
-import { supports as D } from "./lyra332.js";
-import { getFinalKeyframe as K } from "./lyra333.js";
-import { animateValue as S } from "./lyra173.js";
-import { millisecondsToSeconds as T, secondsToMilliseconds as V } from "./lyra180.js";
-const x = /* @__PURE__ */ new Set([
-  "opacity",
-  "clipPath",
-  "filter",
-  "transform",
-  "backgroundColor"
-]), l = 10, C = 2e4, R = (i, n) => n.type === "spring" || i === "backgroundColor" || !b(n.ease);
-function G(i, n, { onUpdate: W, onComplete: p, ...a }) {
-  if (!(D.waapi() && x.has(n) && !a.repeatDelay && a.repeatType !== "mirror" && a.damping !== 0 && a.type !== "inertia"))
-    return !1;
-  let u = !1, d, f;
-  const y = () => {
-    f = new Promise((e) => {
-      d = e;
-    });
-  };
-  y();
-  let { keyframes: s, duration: o = 300, ease: h, times: g } = a;
-  if (R(n, a)) {
-    const e = S({
-      ...a,
-      repeat: 0,
-      delay: 0
-    });
-    let r = { done: !1, value: s[0] };
-    const P = [];
-    let c = 0;
-    for (; !r.done && c < C; )
-      r = e.sample(c), P.push(r.value), c += l;
-    g = void 0, s = P, o = c - l, h = "linear";
-  }
-  const t = F(i.owner.current, n, s, {
-    ...a,
-    duration: o,
-    /**
-     * This function is currently not called if ease is provided
-     * as a function so the cast is safe.
-     *
-     * However it would be possible for a future refinement to port
-     * in easing pregeneration from Motion One for browsers that
-     * support the upcoming `linear()` easing function.
-     */
-    ease: h,
-    times: g
-  }), A = () => t.cancel(), m = () => {
-    w.update(A), d(), y();
-  };
-  return t.onfinish = () => {
-    i.set(K(s, a)), p && p(), m();
-  }, {
-    then(e, r) {
-      return f.then(e, r);
-    },
-    get time() {
-      return T(t.currentTime || 0);
-    },
-    set time(e) {
-      t.currentTime = V(e);
-    },
-    get speed() {
-      return t.playbackRate;
-    },
-    set speed(e) {
-      t.playbackRate = e;
-    },
-    get duration() {
-      return T(o);
-    },
-    play: () => {
-      u || (t.play(), k(A));
-    },
-    pause: () => t.pause(),
-    stop: () => {
-      if (u = !0, t.playState === "idle")
-        return;
-      const { currentTime: e } = t;
-      if (e) {
-        const r = S({
-          ...a,
-          autoplay: !1
-        });
-        i.setWithVelocity(r.sample(e - l).value, r.sample(e).value, l);
-      }
-      m();
-    },
-    complete: () => t.finish(),
-    cancel: m
-  };
+import { convertBoundingBoxToBox as s, transformBoxPoints as f } from "./lyra336.js";
+import { translateAxis as n } from "./lyra318.js";
+function x(o, t) {
+  return s(f(o.getBoundingClientRect(), t));
+}
+function c(o, t, i) {
+  const r = x(o, i), { scroll: e } = t;
+  return e && (n(r.x, e.offset.x), n(r.y, e.offset.y)), r;
 }
 export {
-  G as createAcceleratedAnimation
+  c as measurePageBox,
+  x as measureViewportBox
 };

package/dist/lyra303.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra173.cjs"),e=require("./lyra189.cjs");function s({keyframes:n,delay:t,onUpdate:o,onComplete:r}){const i=()=>(o&&o(n[n.length-1]),r&&r(),{time:0,speed:1,duration:0,play:e.noop,pause:e.noop,stop:e.noop,then:a=>(a(),Promise.resolve()),cancel:e.noop,complete:e.noop});return t?u.animateValue({keyframes:[0,1],duration:0,delay:t,onComplete:i}):i()}exports.createInstantAnimation=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra224.cjs"),c=require("./lyra337.cjs"),m=require("./lyra159.cjs");class n extends m.VisualElement{sortInstanceNodePosition(i,e){return i.compareDocumentPosition(e)&2?1:-1}getBaseTargetFromProps(i,e){return i.style?i.style[e]:void 0}removeValueFromRenderState(i,{vars:e,style:s}){delete e[i],delete s[i]}makeTargetAnimatableFromInstance({transition:i,transitionEnd:e,...s},{transformValues:r},u){let t=o.getOrigin(s,i||{},this);if(r&&(e&&(e=r(e)),s&&(s=r(s)),t&&(t=r(t))),u){o.checkTargetForNewValues(this,s,t);const l=c.parseDomVariant(this,s,t,e);e=l.transitionEnd,s=l.target}return{transition:i,transitionEnd:e,...s}}}exports.DOMVisualElement=n;

package/dist/lyra303.js

@@ -1,24 +1,30 @@
-import { animateValue as m } from "./lyra173.js";
-import { noop as e } from "./lyra189.js";
-function s({ keyframes: t, delay: n, onUpdate: r, onComplete: o }) {
-  const a = () => (r && r(t[t.length - 1]), o && o(), {
-    time: 0,
-    speed: 1,
-    duration: 0,
-    play: e,
-    pause: e,
-    stop: e,
-    then: (i) => (i(), Promise.resolve()),
-    cancel: e,
-    complete: e
-  });
-  return n ? m({
-    keyframes: [0, 1],
-    duration: 0,
-    delay: n,
-    onComplete: a
-  }) : a();
+import { getOrigin as t, checkTargetForNewValues as c } from "./lyra224.js";
+import { parseDomVariant as f } from "./lyra337.js";
+import { VisualElement as p } from "./lyra159.js";
+class F extends p {
+  sortInstanceNodePosition(o, e) {
+    return o.compareDocumentPosition(e) & 2 ? 1 : -1;
+  }
+  getBaseTargetFromProps(o, e) {
+    return o.style ? o.style[e] : void 0;
+  }
+  removeValueFromRenderState(o, { vars: e, style: i }) {
+    delete e[o], delete i[o];
+  }
+  makeTargetAnimatableFromInstance({ transition: o, transitionEnd: e, ...i }, { transformValues: r }, s) {
+    let m = t(i, o || {}, this);
+    if (r && (e && (e = r(e)), i && (i = r(i)), m && (m = r(m))), s) {
+      c(this, i, m);
+      const l = f(this, i, m, e);
+      e = l.transitionEnd, i = l.target;
+    }
+    return {
+      transition: o,
+      transitionEnd: e,
+      ...i
+    };
+  }
 }
 export {
-  s as createInstantAnimation
+  F as DOMVisualElement
 };

package/dist/lyra304.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra162.cjs"),s={type:"spring",stiffness:500,damping:25,restSpeed:10},n=e=>({type:"spring",stiffness:550,damping:e===0?2*Math.sqrt(550):30,restSpeed:10}),i={type:"keyframes",duration:.8},a={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},o=(e,{keyframes:t})=>t.length>2?i:r.transformProps.has(e)?e.startsWith("scale")?n(t[1]):s:a;exports.getDefaultTransition=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);exports.camelCaseAttributes=e;

package/dist/lyra304.js

@@ -1,22 +1,28 @@
-import { transformProps as s } from "./lyra162.js";
-const r = {
-  type: "spring",
-  stiffness: 500,
-  damping: 25,
-  restSpeed: 10
-}, n = (t) => ({
-  type: "spring",
-  stiffness: 550,
-  damping: t === 0 ? 2 * Math.sqrt(550) : 30,
-  restSpeed: 10
-}), i = {
-  type: "keyframes",
-  duration: 0.8
-}, a = {
-  type: "keyframes",
-  ease: [0.25, 0.1, 0.35, 1],
-  duration: 0.3
-}, o = (t, { keyframes: e }) => e.length > 2 ? i : s.has(t) ? t.startsWith("scale") ? n(e[1]) : r : a;
+const e = /* @__PURE__ */ new Set([
+  "baseFrequency",
+  "diffuseConstant",
+  "kernelMatrix",
+  "kernelUnitLength",
+  "keySplines",
+  "keyTimes",
+  "limitingConeAngle",
+  "markerHeight",
+  "markerWidth",
+  "numOctaves",
+  "targetX",
+  "targetY",
+  "surfaceScale",
+  "specularConstant",
+  "specularExponent",
+  "stdDeviation",
+  "tableValues",
+  "viewBox",
+  "gradientTransform",
+  "pathLength",
+  "startOffset",
+  "textLength",
+  "lengthAdjust"
+]);
 export {
-  o as getDefaultTransition
+  e as camelCaseAttributes
 };

package/dist/lyra305.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra187.cjs"),i=(t,r)=>t==="zIndex"?!1:!!(typeof r=="number"||Array.isArray(r)||typeof r=="string"&&(e.complex.test(r)||r==="0")&&!r.startsWith("url("));exports.isAnimatable=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("./lyra137.cjs"),b=require("./lyra306.cjs"),M=require("./lyra234.cjs"),E=require("./lyra162.cjs"),S=require("./lyra235.cjs"),d=require("./lyra338.cjs"),q=require("./lyra161.cjs"),g=require("./lyra323.cjs"),j=require("./lyra302.cjs"),k=require("./lyra237.cjs"),D=require("./lyra336.cjs"),B=require("./lyra236.cjs"),R=require("./lyra229.cjs"),x=require("./lyra207.cjs"),G=require("./lyra197.cjs"),T=require("./lyra263.cjs"),y=require("./lyra160.cjs"),L=new WeakMap;class w{constructor(t){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=q.createBox(),this.visualElement=t}start(t,{snapToCursor:e=!1}={}){const{presenceContext:s}=this.visualElement;if(s&&s.isPresent===!1)return;const n=r=>{this.stopAnimation(),e&&this.snapToCursor(k.extractEventInfo(r,"page").point)},o=(r,l)=>{const{drag:c,dragPropagation:u,onDragStart:p}=this.getProps();if(c&&!u&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=M.getGlobalLock(c),!this.openGlobalLock))return;this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),g.eachAxis(h=>{let v=this.getAxisMotionValue(h).get()||0;if(G.percent.test(v)){const{projection:A}=this.visualElement;if(A&&A.layout){const C=A.layout.layoutBox[h];C&&(v=R.calcLength(C)*(parseFloat(v)/100))}}this.originPoint[h]=v}),p&&y.frame.update(()=>p(r,l),!1,!0);const{animationState:m}=this.visualElement;m&&m.setActive("whileDrag",!0)},i=(r,l)=>{const{dragPropagation:c,dragDirectionLock:u,onDirectionLock:p,onDrag:m}=this.getProps();if(!c&&!this.openGlobalLock)return;const{offset:h}=l;if(u&&this.currentDirection===null){this.currentDirection=O(h),this.currentDirection!==null&&p&&p(this.currentDirection);return}this.updateAxis("x",l.point,h),this.updateAxis("y",l.point,h),this.visualElement.render(),m&&m(r,l)},a=(r,l)=>this.stop(r,l);this.panSession=new b.PanSession(t,{onSessionStart:n,onStart:o,onMove:i,onSessionEnd:a},{transformPagePoint:this.visualElement.getTransformPagePoint()})}stop(t,e){const s=this.isDragging;if(this.cancel(),!s)return;const{velocity:n}=e;this.startAnimation(n);const{onDragEnd:o}=this.getProps();o&&y.frame.update(()=>o(t,e))}cancel(){this.isDragging=!1;const{projection:t,animationState:e}=this.visualElement;t&&(t.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:s}=this.getProps();!s&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),e&&e.setActive("whileDrag",!1)}updateAxis(t,e,s){const{drag:n}=this.getProps();if(!s||!P(t,n,this.currentDirection))return;const o=this.getAxisMotionValue(t);let i=this.originPoint[t]+s[t];this.constraints&&this.constraints[t]&&(i=d.applyConstraints(i,this.constraints[t],this.elastic[t])),o.set(i)}resolveConstraints(){const{dragConstraints:t,dragElastic:e}=this.getProps(),{layout:s}=this.visualElement.projection||{},n=this.constraints;t&&E.isRefObject(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):t&&s?this.constraints=d.calcRelativeConstraints(s.layoutBox,t):this.constraints=!1,this.elastic=d.resolveDragElastic(e),n!==this.constraints&&s&&this.constraints&&!this.hasMutatedConstraints&&g.eachAxis(o=>{this.getAxisMotionValue(o)&&(this.constraints[o]=d.rebaseAxisConstraints(s.layoutBox[o],this.constraints[o]))})}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:e}=this.getProps();if(!t||!E.isRefObject(t))return!1;const s=t.current;V.invariant(s!==null,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");const{projection:n}=this.visualElement;if(!n||!n.layout)return!1;const o=j.measurePageBox(s,n.root,this.visualElement.getTransformPagePoint());let i=d.calcViewportConstraints(n.layout.layoutBox,o);if(e){const a=e(D.convertBoxToBoundingBox(i));this.hasMutatedConstraints=!!a,a&&(i=D.convertBoundingBoxToBox(a))}return i}startAnimation(t){const{drag:e,dragMomentum:s,dragElastic:n,dragTransition:o,dragSnapToOrigin:i,onDragTransitionEnd:a}=this.getProps(),r=this.constraints||{},l=g.eachAxis(c=>{if(!P(c,e,this.currentDirection))return;let u=r&&r[c]||{};i&&(u={min:0,max:0});const p=n?200:1e6,m=n?40:1e7,h={type:"inertia",velocity:s?t[c]:0,bounceStiffness:p,bounceDamping:m,timeConstant:750,restDelta:1,restSpeed:10,...o,...u};return this.startAxisValueAnimation(c,h)});return Promise.all(l).then(a)}startAxisValueAnimation(t,e){const s=this.getAxisMotionValue(t);return s.start(T.animateMotionValue(t,s,0,e))}stopAnimation(){g.eachAxis(t=>this.getAxisMotionValue(t).stop())}getAxisMotionValue(t){const e="_drag"+t.toUpperCase(),s=this.visualElement.getProps(),n=s[e];return n||this.visualElement.getValue(t,(s.initial?s.initial[t]:void 0)||0)}snapToCursor(t){g.eachAxis(e=>{const{drag:s}=this.getProps();if(!P(e,s,this.currentDirection))return;const{projection:n}=this.visualElement,o=this.getAxisMotionValue(e);if(n&&n.layout){const{min:i,max:a}=n.layout.layoutBox[e];o.set(t[e]-x.mix(i,a,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:t,dragConstraints:e}=this.getProps(),{projection:s}=this.visualElement;if(!E.isRefObject(e)||!s||!this.constraints)return;this.stopAnimation();const n={x:0,y:0};g.eachAxis(i=>{const a=this.getAxisMotionValue(i);if(a){const r=a.get();n[i]=d.calcOrigin({min:r,max:r},this.constraints[i])}});const{transformTemplate:o}=this.visualElement.getProps();this.visualElement.current.style.transform=o?o({},""):"none",s.root&&s.root.updateScroll(),s.updateLayout(),this.resolveConstraints(),g.eachAxis(i=>{if(!P(i,t,null))return;const a=this.getAxisMotionValue(i),{min:r,max:l}=this.constraints[i];a.set(x.mix(r,l,n[i]))})}addListeners(){if(!this.visualElement.current)return;L.set(this.visualElement,this);const t=this.visualElement.current,e=S.addPointerEvent(t,"pointerdown",r=>{const{drag:l,dragListener:c=!0}=this.getProps();l&&c&&this.start(r)}),s=()=>{const{dragConstraints:r}=this.getProps();E.isRefObject(r)&&(this.constraints=this.resolveRefConstraints())},{projection:n}=this.visualElement,o=n.addEventListener("measure",s);n&&!n.layout&&(n.root&&n.root.updateScroll(),n.updateLayout()),s();const i=B.addDomEvent(window,"resize",()=>this.scalePositionWithinConstraints()),a=n.addEventListener("didUpdate",({delta:r,hasLayoutChanged:l})=>{this.isDragging&&l&&(g.eachAxis(c=>{const u=this.getAxisMotionValue(c);u&&(this.originPoint[c]+=r[c].translate,u.set(u.get()+r[c].translate))}),this.visualElement.render())});return()=>{i(),e(),o(),a&&a()}}getProps(){const t=this.visualElement.getProps(),{drag:e=!1,dragDirectionLock:s=!1,dragPropagation:n=!1,dragConstraints:o=!1,dragElastic:i=d.defaultElastic,dragMomentum:a=!0}=t;return{...t,drag:e,dragDirectionLock:s,dragPropagation:n,dragConstraints:o,dragElastic:i,dragMomentum:a}}}function P(f,t,e){return(t===!0||t===f)&&(e===null||e===f)}function O(f,t=10){let e=null;return Math.abs(f.y)>t?e="y":Math.abs(f.x)>t&&(e="x"),e}exports.VisualElementDragControls=w;exports.elementDragControls=L;