@new-black/lyra 0.0.24 → 0.0.26

package/dist/lyra269.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.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra298.cjs"),u=require("./lyra314.cjs"),o=require("./lyra300.cjs"),n=require("./lyra213.cjs"),i=require("./lyra315.cjs"),l=require("./lyra181.cjs"),c=require("./lyra297.cjs"),m=require("./lyra291.cjs"),V=require("./lyra174.cjs"),d=require("./lyra301.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/lyra269.js

@@ -1,22 +1,43 @@
-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
-  };
+import { scrapeMotionValuesFromProps as s } from "./lyra298.js";
+import { DOMVisualElement as a } from "./lyra314.js";
+import { buildSVGAttrs as m } from "./lyra300.js";
+import { camelToDash as i } from "./lyra213.js";
+import { camelCaseAttributes as u } from "./lyra315.js";
+import { transformProps as n } from "./lyra181.js";
+import { renderSVG as p } from "./lyra297.js";
+import { getDefaultValueType as l } from "./lyra291.js";
+import { createBox as f } from "./lyra174.js";
+import { isSVGTag as V } from "./lyra301.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 {
-  R as hslaToRgba
+  A as SVGVisualElement
 };

package/dist/lyra27.cjs

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

package/dist/lyra27.js

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

package/dist/lyra270.cjs

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./lyra226.cjs"),k=require("./lyra254.cjs"),D=require("./lyra322.cjs"),j=require("./lyra164.cjs"),z=require("./lyra136.cjs"),R=require("./lyra169.cjs"),H=require("./lyra135.cjs"),G=[...R.variantPriorityOrder].reverse(),J=R.variantPriorityOrder.length;function N(e){return s=>Promise.all(s.map(({animation:c,options:y})=>H.animateVisualElement(e,c,y)))}function Q(e){let s=N(e);const c=U();let y=!0;const M=(i,u)=>{const l=z.resolveVariant(e,u);if(l){const{transition:p,transitionEnd:f,...a}=l;i={...i,...a,...f}}return i};function x(i){s=i(e)}function T(i,u){const l=e.getProps(),p=e.getVariantContext(!0)||{},f=[],a=new Set;let d={},S=1/0;for(let m=0;m<J;m++){const r=G[m],t=c[r],o=l[r]!==void 0?l[r]:p[r],V=j.isVariantLabel(o),P=r===u?t.isActive:null;P===!1&&(S=m);let g=o===p[r]&&o!==l[r]&&V;if(g&&y&&e.manuallyAnimateOnMount&&(g=!1),t.protectedKeys={...d},!t.isActive&&P===null||!o&&!t.prevProp||_.isAnimationControls(o)||typeof o=="boolean")continue;const q=L(t.prevProp,o);let w=q||r===u&&t.isActive&&!g&&V||m>S&&V;const I=Array.isArray(o)?o:[o];let h=I.reduce(M,{});P===!1&&(h={});const{prevResolvedValues:O={}}=t,F={...O,...h},C=n=>{w=!0,a.delete(n),t.needsAnimating[n]=!0};for(const n in F){const A=h[n],K=O[n];d.hasOwnProperty(n)||(A!==K?k.isKeyframesTarget(A)&&k.isKeyframesTarget(K)?!D.shallowCompare(A,K)||q?C(n):t.protectedKeys[n]=!0:A!==void 0?C(n):a.add(n):A!==void 0&&a.has(n)?C(n):t.protectedKeys[n]=!0)}t.prevProp=o,t.prevResolvedValues=h,t.isActive&&(d={...d,...h}),y&&e.blockInitialAnimation&&(w=!1),w&&!g&&f.push(...I.map(n=>({animation:n,options:{type:r,...i}})))}if(a.size){const m={};a.forEach(r=>{const t=e.getBaseTarget(r);t!==void 0&&(m[r]=t)}),f.push({animation:m})}let b=!!f.length;return y&&l.initial===!1&&!e.manuallyAnimateOnMount&&(b=!1),y=!1,b?s(f):Promise.resolve()}function B(i,u,l){var p;if(c[i].isActive===u)return Promise.resolve();(p=e.variantChildren)===null||p===void 0||p.forEach(a=>{var d;return(d=a.animationState)===null||d===void 0?void 0:d.setActive(i,u)}),c[i].isActive=u;const f=T(l,i);for(const a in c)c[a].protectedKeys={};return f}return{animateChanges:T,setActive:B,setAnimateFunction:x,getState:()=>c}}function L(e,s){return typeof s=="string"?s!==e:Array.isArray(s)?!D.shallowCompare(s,e):!1}function v(e=!1){return{isActive:e,protectedKeys:{},needsAnimating:{},prevResolvedValues:{}}}function U(){return{animate:v(!0),whileInView:v(),whileHover:v(),whileTap:v(),whileDrag:v(),whileFocus:v(),exit:v()}}exports.checkVariantsDidChange=L;exports.createAnimationState=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function u(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const s=u(r);class a extends s.Component{getSnapshotBeforeUpdate(n){const e=this.props.childRef.current;if(e&&n.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=e.offsetHeight||0,t.width=e.offsetWidth||0,t.top=e.offsetTop,t.left=e.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function h({children:o,isPresent:n}){const e=r.useId(),t=r.useRef(null),c=r.useRef({width:0,height:0,top:0,left:0});return r.useInsertionEffect(()=>{const{width:p,height:d,top:l,left:f}=c.current;if(n||!t.current||!p||!d)return;t.current.dataset.motionPopId=e;const i=document.createElement("style");return document.head.appendChild(i),i.sheet&&i.sheet.insertRule(`
+          [data-motion-pop-id="${e}"] {
+            position: absolute !important;
+            width: ${p}px !important;
+            height: ${d}px !important;
+            top: ${l}px !important;
+            left: ${f}px !important;
+          }
+        `),()=>{document.head.removeChild(i)}},[n]),s.createElement(a,{isPresent:n,childRef:t,sizeRef:c},s.cloneElement(o,{ref:t}))}exports.PopChild=h;

package/dist/lyra270.js

@@ -1,116 +1,49 @@
-import { isAnimationControls as _ } from "./lyra226.js";
-import { isKeyframesTarget as R } from "./lyra254.js";
-import { shallowCompare as D } from "./lyra322.js";
-import { isVariantLabel as z } from "./lyra164.js";
-import { resolveVariant as H } from "./lyra136.js";
-import { variantPriorityOrder as x } from "./lyra169.js";
-import { animateVisualElement as j } from "./lyra135.js";
-const q = [...x].reverse(), G = x.length;
-function J(e) {
-  return (s) => Promise.all(s.map(({ animation: f, options: y }) => j(e, f, y)));
-}
-function ee(e) {
-  let s = J(e);
-  const f = Q();
-  let y = !0;
-  const L = (i, c) => {
-    const l = H(e, c);
-    if (l) {
-      const { transition: p, transitionEnd: u, ...o } = l;
-      i = { ...i, ...o, ...u };
+import * as r from "react";
+import { useId as l, useRef as h, useInsertionEffect as a } from "react";
+class u extends r.Component {
+  getSnapshotBeforeUpdate(o) {
+    const e = this.props.childRef.current;
+    if (e && o.isPresent && !this.props.isPresent) {
+      const t = this.props.sizeRef.current;
+      t.height = e.offsetHeight || 0, t.width = e.offsetWidth || 0, t.top = e.offsetTop, t.left = e.offsetLeft;
     }
-    return i;
-  };
-  function B(i) {
-    s = i(e);
+    return null;
   }
-  function C(i, c) {
-    const l = e.getProps(), p = e.getVariantContext(!0) || {}, u = [], o = /* @__PURE__ */ new Set();
-    let d = {}, I = 1 / 0;
-    for (let m = 0; m < G; m++) {
-      const r = q[m], t = f[r], a = l[r] !== void 0 ? l[r] : p[r], V = z(a), P = r === c ? t.isActive : null;
-      P === !1 && (I = m);
-      let g = a === p[r] && a !== l[r] && V;
-      if (g && y && e.manuallyAnimateOnMount && (g = !1), t.protectedKeys = { ...d }, // If it isn't active and hasn't *just* been set as inactive
-      !t.isActive && P === null || // If we didn't and don't have any defined prop for this animation type
-      !a && !t.prevProp || // Or if the prop doesn't define an animation
-      _(a) || typeof a == "boolean")
-        continue;
-      const b = N(t.prevProp, a);
-      let w = b || // If we're making this variant active, we want to always make it active
-      r === c && t.isActive && !g && V || // If we removed a higher-priority variant (i is in reverse order)
-      m > I && V;
-      const k = Array.isArray(a) ? a : [a];
-      let A = k.reduce(L, {});
-      P === !1 && (A = {});
-      const { prevResolvedValues: O = {} } = t, M = {
-        ...O,
-        ...A
-      }, K = (n) => {
-        w = !0, o.delete(n), t.needsAnimating[n] = !0;
-      };
-      for (const n in M) {
-        const h = A[n], T = O[n];
-        d.hasOwnProperty(n) || (h !== T ? R(h) && R(T) ? !D(h, T) || b ? K(n) : t.protectedKeys[n] = !0 : h !== void 0 ? K(n) : o.add(n) : h !== void 0 && o.has(n) ? K(n) : t.protectedKeys[n] = !0);
-      }
-      t.prevProp = a, t.prevResolvedValues = A, t.isActive && (d = { ...d, ...A }), y && e.blockInitialAnimation && (w = !1), w && !g && u.push(...k.map((n) => ({
-        animation: n,
-        options: { type: r, ...i }
-      })));
-    }
-    if (o.size) {
-      const m = {};
-      o.forEach((r) => {
-        const t = e.getBaseTarget(r);
-        t !== void 0 && (m[r] = t);
-      }), u.push({ animation: m });
-    }
-    let S = !!u.length;
-    return y && l.initial === !1 && !e.manuallyAnimateOnMount && (S = !1), y = !1, S ? s(u) : Promise.resolve();
+  /**
+   * Required with getSnapshotBeforeUpdate to stop React complaining.
+   */
+  componentDidUpdate() {
   }
-  function F(i, c, l) {
-    var p;
-    if (f[i].isActive === c)
-      return Promise.resolve();
-    (p = e.variantChildren) === null || p === void 0 || p.forEach((o) => {
-      var d;
-      return (d = o.animationState) === null || d === void 0 ? void 0 : d.setActive(i, c);
-    }), f[i].isActive = c;
-    const u = C(l, i);
-    for (const o in f)
-      f[o].protectedKeys = {};
-    return u;
+  render() {
+    return this.props.children;
   }
-  return {
-    animateChanges: C,
-    setActive: F,
-    setAnimateFunction: B,
-    getState: () => f
-  };
-}
-function N(e, s) {
-  return typeof s == "string" ? s !== e : Array.isArray(s) ? !D(s, e) : !1;
-}
-function v(e = !1) {
-  return {
-    isActive: e,
-    protectedKeys: {},
-    needsAnimating: {},
-    prevResolvedValues: {}
-  };
 }
-function Q() {
-  return {
-    animate: v(!0),
-    whileInView: v(),
-    whileHover: v(),
-    whileTap: v(),
-    whileDrag: v(),
-    whileFocus: v(),
-    exit: v()
-  };
+function $({ children: i, isPresent: o }) {
+  const e = l(), t = h(null), s = h({
+    width: 0,
+    height: 0,
+    top: 0,
+    left: 0
+  });
+  return a(() => {
+    const { width: p, height: d, top: f, left: c } = s.current;
+    if (o || !t.current || !p || !d)
+      return;
+    t.current.dataset.motionPopId = e;
+    const n = document.createElement("style");
+    return document.head.appendChild(n), n.sheet && n.sheet.insertRule(`
+          [data-motion-pop-id="${e}"] {
+            position: absolute !important;
+            width: ${p}px !important;
+            height: ${d}px !important;
+            top: ${f}px !important;
+            left: ${c}px !important;
+          }
+        `), () => {
+      document.head.removeChild(n);
+    };
+  }, [o]), r.createElement(u, { isPresent: o, childRef: t, sizeRef: s }, r.cloneElement(i, { ref: t }));
 }
 export {
-  N as checkVariantsDidChange,
-  ee as createAnimationState
+  $ as PopChild
 };

package/dist/lyra271.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{constructor(e){this.isMounted=!1,this.node=e}update(){}}exports.Feature=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=e=>Array.isArray(e);exports.isKeyframesTarget=r;

package/dist/lyra271.js

@@ -1,10 +1,4 @@
-class s {
-  constructor(t) {
-    this.isMounted = !1, this.node = t;
-  }
-  update() {
-  }
-}
+const e = (r) => Array.isArray(r);
 export {
-  s as Feature
+  e as isKeyframesTarget
 };

package/dist/lyra272.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra187.cjs"),s=require("./lyra183.cjs"),c=new Set(["brightness","contrast","saturate","opacity"]);function u(t){const[e,n]=t.slice(0,-1).split("(");if(e==="drop-shadow")return t;const[r]=n.match(s.floatRegex)||[];if(!r)return t;const o=n.replace(r,"");let a=c.has(e)?1:0;return r!==n&&(a*=100),e+"("+a+o+")"}const l=/([a-z-]*)\(.*?\)/g,f={...i.complex,getAnimatableNone:t=>{const e=t.match(l);return e?e.map(u).join(" "):t}};exports.filter=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra151.cjs"),d=require("./lyra200.cjs"),b=require("./lyra275.cjs"),q=require("./lyra316.cjs"),M=require("./lyra317.cjs"),$=require("./lyra318.cjs"),y=require("./lyra319.cjs"),D=require("./lyra320.cjs"),f=require("./lyra321.cjs"),V=require("./lyra193.cjs"),w=(n,i,p,s={})=>g=>{const t=f.getValueTransition(s,n)||{},A=t.delay||s.delay||0;let{elapsed:c=0}=s;c=c-d.secondsToMilliseconds(A);const a=D.getKeyframes(i,n,p,t),r=a[0],l=a[a.length-1],m=y.isAnimatable(n,r),u=y.isAnimatable(n,l);T.warning(m===u,`You are trying to animate ${n} from "${r}" to "${l}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${l} via the \`style\` property.`);let e={keyframes:a,velocity:i.getVelocity(),ease:"easeOut",...t,delay:-c,onUpdate:o=>{i.set(o),t.onUpdate&&t.onUpdate(o)},onComplete:()=>{g(),t.onComplete&&t.onComplete()}};if(f.isTransitionDefined(t)||(e={...e,...$.getDefaultTransition(n,e)}),e.duration&&(e.duration=d.secondsToMilliseconds(e.duration)),e.repeatDelay&&(e.repeatDelay=d.secondsToMilliseconds(e.repeatDelay)),!m||!u||b.instantAnimationState.current||t.type===!1)return M.createInstantAnimation(e);if(i.owner&&i.owner.current instanceof HTMLElement&&!i.owner.getProps().onUpdate){const o=q.createAcceleratedAnimation(i,n,e);if(o)return o}return V.animateValue(e)};exports.animateMotionValue=w;

package/dist/lyra272.js

@@ -1,24 +1,44 @@
-import { complex as c } from "./lyra187.js";
-import { floatRegex as i } from "./lyra183.js";
-const s = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function l(t) {
-  const [e, n] = t.slice(0, -1).split("(");
-  if (e === "drop-shadow")
-    return t;
-  const [o] = n.match(i) || [];
-  if (!o)
-    return t;
-  const r = n.replace(o, "");
-  let a = s.has(e) ? 1 : 0;
-  return o !== n && (a *= 100), e + "(" + a + r + ")";
-}
-const u = /([a-z-]*)\(.*?\)/g, p = {
-  ...c,
-  getAnimatableNone: (t) => {
-    const e = t.match(u);
-    return e ? e.map(l).join(" ") : t;
+import { warning as T } from "./lyra151.js";
+import { secondsToMilliseconds as f } from "./lyra200.js";
+import { instantAnimationState as b } from "./lyra275.js";
+import { createAcceleratedAnimation as u } from "./lyra316.js";
+import { createInstantAnimation as $ } from "./lyra317.js";
+import { getDefaultTransition as D } from "./lyra318.js";
+import { isAnimatable as d } from "./lyra319.js";
+import { getKeyframes as w } from "./lyra320.js";
+import { getValueTransition as U, isTransitionDefined as V } from "./lyra321.js";
+import { animateValue as h } from "./lyra193.js";
+const P = (o, n, y, m = {}) => (g) => {
+  const e = U(m, o) || {}, A = e.delay || m.delay || 0;
+  let { elapsed: s = 0 } = m;
+  s = s - f(A);
+  const r = w(n, o, y, e), a = r[0], p = r[r.length - 1], l = d(o, a), c = d(o, p);
+  T(l === c, `You are trying to animate ${o} from "${a}" to "${p}". ${a} is not an animatable value - to enable this animation set ${a} to a value animatable to ${p} via the \`style\` property.`);
+  let t = {
+    keyframes: r,
+    velocity: n.getVelocity(),
+    ease: "easeOut",
+    ...e,
+    delay: -s,
+    onUpdate: (i) => {
+      n.set(i), e.onUpdate && e.onUpdate(i);
+    },
+    onComplete: () => {
+      g(), e.onComplete && e.onComplete();
+    }
+  };
+  if (V(e) || (t = {
+    ...t,
+    ...D(o, t)
+  }), t.duration && (t.duration = f(t.duration)), t.repeatDelay && (t.repeatDelay = f(t.repeatDelay)), !l || !c || b.current || e.type === !1)
+    return $(t);
+  if (n.owner && n.owner.current instanceof HTMLElement && !n.owner.getProps().onUpdate) {
+    const i = u(n, o, t);
+    if (i)
+      return i;
   }
+  return h(t);
 };
 export {
-  p as filter
+  P as animateMotionValue
 };

package/dist/lyra273.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra182.cjs"),r=require("./lyra272.cjs"),t=require("./lyra323.cjs"),e={...t.numberValueTypes,color:o.color,backgroundColor:o.color,outlineColor:o.color,fill:o.color,stroke:o.color,borderColor:o.color,borderTopColor:o.color,borderRightColor:o.color,borderBottomColor:o.color,borderLeftColor:o.color,filter:r.filter,WebkitFilter:r.filter},c=l=>e[l];exports.defaultValueTypes=e;exports.getDefaultValueType=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra183.cjs"),r=require("./lyra182.cjs");function l(e,a){if(r.isControllingVariants(e)){const{initial:i,animate:n}=e;return{initial:i===!1||t.isVariantLabel(i)?i:void 0,animate:t.isVariantLabel(n)?n:void 0}}return e.inherit!==!1?a:{}}exports.getCurrentTreeVariants=l;

package/dist/lyra273.js

@@ -1,24 +1,15 @@
-import { color as o } from "./lyra182.js";
-import { filter as r } from "./lyra272.js";
-import { numberValueTypes as l } from "./lyra323.js";
-const t = {
-  ...l,
-  // Color props
-  color: o,
-  backgroundColor: o,
-  outlineColor: o,
-  fill: o,
-  stroke: o,
-  // Border props
-  borderColor: o,
-  borderTopColor: o,
-  borderRightColor: o,
-  borderBottomColor: o,
-  borderLeftColor: o,
-  filter: r,
-  WebkitFilter: r
-}, m = (e) => t[e];
+import { isVariantLabel as e } from "./lyra183.js";
+import { isControllingVariants as r } from "./lyra182.js";
+function o(i, a) {
+  if (r(i)) {
+    const { initial: n, animate: t } = i;
+    return {
+      initial: n === !1 || e(n) ? n : void 0,
+      animate: e(t) ? t : void 0
+    };
+  }
+  return i.inherit !== !1 ? a : {};
+}
 export {
-  t as defaultValueTypes,
-  m as getDefaultValueType
+  o as getCurrentTreeVariants
 };

package/dist/lyra274.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra190.cjs"),e=require("./lyra191.cjs"),s=require("./lyra275.cjs"),o=require("./lyra324.cjs"),n=[i.number,e.px,e.percent,e.degrees,e.vw,e.vh,o.auto],u=t=>n.find(s.testValueType(t));exports.dimensionValueTypes=n;exports.findDimensionValueType=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;

package/dist/lyra274.js

@@ -1,9 +1,4 @@
-import { number as o } from "./lyra190.js";
-import { px as r, percent as m, degrees as t, vw as i, vh as n } from "./lyra191.js";
-import { testValueType as p } from "./lyra275.js";
-import { auto as s } from "./lyra324.js";
-const f = [o, r, m, t, i, n, s], l = (e) => f.find(p(e));
+const a = "";
 export {
-  f as dimensionValueTypes,
-  l as findDimensionValueType
+  a as default
 };

package/dist/lyra275.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=e=>t=>t.test(e);exports.testValueType=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={current:!1};exports.instantAnimationState=t;

package/dist/lyra275.js

@@ -1,4 +1,6 @@
-const s = (t) => (e) => e.test(t);
+const t = {
+  current: !1
+};
 export {
-  s as testValueType
+  t as instantAnimationState
 };