@new-black/lyra 0.0.12 → 0.0.14

package/dist/lyra255.js

@@ -1,4 +1,17 @@
-var e = {};
+import { mapEasingToNativeEasing as y } from "./lyra256.js";
+function p(e, n, t, { delay: o = 0, duration: s, repeat: f = 0, repeatType: l = "loop", ease: m, times: i } = {}) {
+  const r = { [n]: t };
+  i && (r.offset = i);
+  const a = y(m);
+  return Array.isArray(a) && (r.easing = a), e.animate(r, {
+    delay: o,
+    duration: s,
+    easing: Array.isArray(a) ? "linear" : a,
+    fill: "both",
+    iterations: f + 1,
+    direction: l === "reverse" ? "alternate" : "normal"
+  });
+}
 export {
-  e as __exports
+  p as animateStyle
 };

package/dist/lyra256.cjs

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

package/dist/lyra256.js

@@ -1,15 +1,25 @@
-const e = {
-  /**
-   * Global flag as to whether the tree has animated since the last time
-   * we resized the window
-   */
-  hasAnimatedSinceResize: !0,
-  /**
-   * We set this to true once, on the first update. Any nodes added to the tree beyond that
-   * update will be given a `data-projection-id` attribute.
-   */
-  hasEverUpdated: !1
+import { isBezierDefinition as i } from "./lyra310.js";
+function u(r) {
+  return !!(!r || typeof r == "string" && t[r] || i(r) || Array.isArray(r) && r.every(u));
+}
+const e = ([r, a, n, o]) => `cubic-bezier(${r}, ${a}, ${n}, ${o})`, t = {
+  linear: "linear",
+  ease: "ease",
+  easeIn: "ease-in",
+  easeOut: "ease-out",
+  easeInOut: "ease-in-out",
+  circIn: e([0, 0.65, 0.55, 1]),
+  circOut: e([0.55, 0, 1, 0.45]),
+  backIn: e([0.31, 0.01, 0.66, -0.59]),
+  backOut: e([0.33, 1.53, 0.69, 0.99])
 };
+function c(r) {
+  if (r)
+    return i(r) ? e(r) : Array.isArray(r) ? r.map(c) : t[r];
+}
 export {
-  e as globalProjectionState
+  e as cubicBezierAsString,
+  u as isWaapiSupportedEasing,
+  c as mapEasingToNativeEasing,
+  t as supportedWaapiEasing
 };

package/dist/lyra257.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra169.cjs");function t(r,e){return e.max===e.min?0:r/(e.max-e.min)*100}const i={correct:(r,e)=>{if(!e.target)return r;if(typeof r=="string")if(c.px.test(r))r=parseFloat(r);else return r;const n=t(r,e.target.x),o=t(r,e.target.y);return`${n}% ${o}%`}};exports.correctBorderRadius=i;exports.pixelsToPercent=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=r=>Array.isArray(r)&&typeof r[0]!="number";exports.isEasingArray=t;

package/dist/lyra257.js

@@ -1,21 +1,4 @@
-import { px as c } from "./lyra169.js";
-function e(r, n) {
-  return n.max === n.min ? 0 : r / (n.max - n.min) * 100;
-}
-const f = {
-  correct: (r, n) => {
-    if (!n.target)
-      return r;
-    if (typeof r == "string")
-      if (c.test(r))
-        r = parseFloat(r);
-      else
-        return r;
-    const o = e(r, n.target.x), t = e(r, n.target.y);
-    return `${o}% ${t}%`;
-  }
-};
+const n = (r) => Array.isArray(r) && typeof r[0] != "number";
 export {
-  f as correctBorderRadius,
-  e as pixelsToPercent
+  n as isEasingArray
 };

package/dist/lyra258.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra179.cjs"),i=require("./lyra165.cjs"),x={correct:(r,{treeScale:c,projectionDelta:t})=>{const f=r,e=i.complex.parse(r);if(e.length>5)return f;const m=i.complex.createTransformer(r),o=typeof e[0]!="number"?1:0,n=t.x.scale*c.x,s=t.y.scale*c.y;e[0+o]/=n,e[1+o]/=s;const a=u.mix(n,s,.5);return typeof e[2+o]=="number"&&(e[2+o]/=a),typeof e[3+o]=="number"&&(e[3+o]/=a),m(e)}};exports.correctBoxShadow=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra123.cjs"),b=require("./lyra198.cjs"),I=require("./lyra181.cjs"),r=require("./lyra202.cjs"),c=require("./lyra201.cjs"),n=require("./lyra197.cjs"),O=require("./lyra196.cjs"),a={linear:I.noop,easeIn:r.easeIn,easeInOut:r.easeInOut,easeOut:r.easeOut,circIn:c.circIn,circInOut:c.circInOut,circOut:c.circOut,backIn:n.backIn,backInOut:n.backInOut,backOut:n.backOut,anticipate:O.anticipate},l=e=>{if(Array.isArray(e)){t.invariant(e.length===4,"Cubic bezier arrays must contain four numerical values.");const[u,i,s,o]=e;return b.cubicBezier(u,i,s,o)}else if(typeof e=="string")return t.invariant(a[e]!==void 0,`Invalid easing type '${e}'`),a[e];return e};exports.easingDefinitionToFunction=l;

package/dist/lyra258.js

@@ -1,16 +1,31 @@
-import { mix as i } from "./lyra179.js";
-import { complex as m } from "./lyra165.js";
-const l = {
-  correct: (e, { treeScale: c, projectionDelta: t }) => {
-    const a = e, o = m.parse(e);
-    if (o.length > 5)
-      return a;
-    const p = m.createTransformer(e), r = typeof o[0] != "number" ? 1 : 0, n = t.x.scale * c.x, s = t.y.scale * c.y;
-    o[0 + r] /= n, o[1 + r] /= s;
-    const f = i(n, s, 0.5);
-    return typeof o[2 + r] == "number" && (o[2 + r] /= f), typeof o[3 + r] == "number" && (o[3 + r] /= f), p(o);
-  }
+import { invariant as t } from "./lyra123.js";
+import { cubicBezier as u } from "./lyra198.js";
+import { noop as m } from "./lyra181.js";
+import { easeIn as s, easeInOut as i, easeOut as p } from "./lyra202.js";
+import { circIn as y, circInOut as I, circOut as b } from "./lyra201.js";
+import { backIn as f, backInOut as l, backOut as O } from "./lyra197.js";
+import { anticipate as g } from "./lyra196.js";
+const a = {
+  linear: m,
+  easeIn: s,
+  easeInOut: i,
+  easeOut: p,
+  circIn: y,
+  circInOut: I,
+  circOut: b,
+  backIn: f,
+  backInOut: l,
+  backOut: O,
+  anticipate: g
+}, C = (r) => {
+  if (Array.isArray(r)) {
+    t(r.length === 4, "Cubic bezier arrays must contain four numerical values.");
+    const [e, o, c, n] = r;
+    return u(e, o, c, n);
+  } else if (typeof r == "string")
+    return t(a[r] !== void 0, `Invalid easing type '${r}'`), a[r];
+  return r;
 };
 export {
-  l as correctBoxShadow
+  C as easingDefinitionToFunction
 };

package/dist/lyra259.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];exports.lowercaseSVGElements=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./lyra311.cjs");function l(t){const e=[0];return f.fillOffset(e,t.length-1),e}exports.defaultOffset=l;

package/dist/lyra259.js

@@ -1,30 +1,8 @@
-const e = [
-  "animate",
-  "circle",
-  "defs",
-  "desc",
-  "ellipse",
-  "g",
-  "image",
-  "line",
-  "filter",
-  "marker",
-  "mask",
-  "metadata",
-  "path",
-  "pattern",
-  "polygon",
-  "polyline",
-  "rect",
-  "stop",
-  "switch",
-  "symbol",
-  "svg",
-  "text",
-  "tspan",
-  "use",
-  "view"
-];
+import { fillOffset as e } from "./lyra311.js";
+function n(t) {
+  const f = [0];
+  return e(f, t.length - 1), f;
+}
 export {
-  e as lowercaseSVGElements
+  n as defaultOffset
 };

package/dist/lyra26.cjs

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

package/dist/lyra26.js

@@ -1,10 +1,46 @@
-import { getDefaultExportFromCjs as e } from "./lyra32.js";
-import "./lyra56.js";
-import { __exports as r } from "./lyra57.js";
-let t = r;
-var o = (t.__esModule ? t : { default: t }).default;
-const u = /* @__PURE__ */ e(o);
+import { j as u } from "./lyra32.js";
+import { forwardRef as i, useRef as p } from "react";
+import { useObjectRef as h, mergeRefs as l } from "./lyra39.js";
+import { textStyles as g } from "./lyra27.js";
+import { twMerge as x } from "./lyra33.js";
+const b = i(function({ variant: e, color: t, className: s, ...a }, n) {
+  const { elementType: o = "span", ...c } = a, f = p(null), m = h(l(f, n)), d = y(o, e);
+  return /* @__PURE__ */ u.jsx(
+    d,
+    {
+      ref: m,
+      ...c,
+      className: x(g({ variant: e, color: t, className: s }))
+    }
+  );
+});
+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 {
-  u as default,
-  o as p
+  b as Text
 };

package/dist/lyra260.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),o=require("./lyra298.cjs"),s=require("./lyra112.cjs"),u=require("./lyra271.cjs"),c=require("./lyra268.cjs");function i(e,n,r){for(const t in n)!s.isMotionValue(n[t])&&!o.isForcedMotionValue(t,r)&&(e[t]=n[t])}function d({transformTemplate:e},n,r){return l.useMemo(()=>{const t=c.createHtmlRenderState();return u.buildHTMLStyles(t,n,{enableHardwareAcceleration:!r},e),Object.assign({},t.vars,t.style)},[n])}function y(e,n,r){const t=e.style||{},a={};return i(a,t,e),Object.assign(a,d(e,n,r)),e.transformValues?e.transformValues(a):a}function f(e,n,r){const t={},a=y(e,n,r);return e.drag&&e.dragListener!==!1&&(t.draggable=!1,a.userSelect=a.WebkitUserSelect=a.WebkitTouchCallout="none",a.touchAction=e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(t.tabIndex=0),t.style=a,t}exports.copyRawValuesOnly=i;exports.useHTMLProps=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(e,t){return e.map(o=>o*t)}exports.convertOffsetToTimes=r;

package/dist/lyra260.js

@@ -1,27 +1,6 @@
-import { useMemo as r } from "react";
-import { isForcedMotionValue as i } from "./lyra298.js";
-import { isMotionValue as l } from "./lyra112.js";
-import { buildHTMLStyles as s } from "./lyra271.js";
-import { createHtmlRenderState as u } from "./lyra268.js";
-function c(e, n, o) {
-  for (const t in n)
-    !l(n[t]) && !i(t, o) && (e[t] = n[t]);
-}
-function f({ transformTemplate: e }, n, o) {
-  return r(() => {
-    const t = u();
-    return s(t, n, { enableHardwareAcceleration: !o }, e), Object.assign({}, t.vars, t.style);
-  }, [n]);
-}
-function m(e, n, o) {
-  const t = e.style || {}, a = {};
-  return c(a, t, e), Object.assign(a, f(e, n, o)), e.transformValues ? e.transformValues(a) : a;
-}
-function T(e, n, o) {
-  const t = {}, a = m(e, n, o);
-  return e.drag && e.dragListener !== !1 && (t.draggable = !1, a.userSelect = a.WebkitUserSelect = a.WebkitTouchCallout = "none", a.touchAction = e.drag === !0 ? "none" : `pan-${e.drag === "x" ? "y" : "x"}`), e.tabIndex === void 0 && (e.onTap || e.onTapStart || e.whileTap) && (t.tabIndex = 0), t.style = a, t;
+function o(e, t) {
+  return e.map((n) => n * t);
 }
 export {
-  c as copyRawValuesOnly,
-  T as useHTMLProps
+  o as convertOffsetToTimes
 };

package/dist/lyra261.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("./lyra260.cjs"),l=require("./lyra265.cjs"),o=require("./lyra264.cjs"),u=require("./lyra266.cjs");function i(t,s,y,a){const r=n.useMemo(()=>{const e=o.createSvgRenderState();return l.buildSVGAttrs(e,s,{enableHardwareAcceleration:!1},u.isSVGTag(a),t.transformTemplate),{...e.attrs,style:{...e.style}}},[s]);if(t.style){const e={};c.copyRawValuesOnly(e,t.style,t),r.style={...e,...r.style}}return r}exports.useSVGProps=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra249.cjs"),a=require("./lyra152.cjs"),u=require("./lyra126.cjs");function r(e,i,n){const t=u.isMotionValue(e)?e:a.motionValue(e);return t.start(o.animateMotionValue("",t,i,n)),t.animation}exports.animateSingleValue=r;

package/dist/lyra261.js

@@ -1,22 +1,10 @@
-import { useMemo as a } from "react";
-import { copyRawValuesOnly as l } from "./lyra260.js";
-import { buildSVGAttrs as m } from "./lyra265.js";
-import { createSvgRenderState as i } from "./lyra264.js";
-import { isSVGTag as n } from "./lyra266.js";
-function V(e, s, c, o) {
-  const r = a(() => {
-    const t = i();
-    return m(t, s, { enableHardwareAcceleration: !1 }, n(o), e.transformTemplate), {
-      ...t.attrs,
-      style: { ...t.style }
-    };
-  }, [s]);
-  if (e.style) {
-    const t = {};
-    l(t, e.style, e), r.style = { ...t, ...r.style };
-  }
-  return r;
+import { animateMotionValue as m } from "./lyra249.js";
+import { motionValue as a } from "./lyra152.js";
+import { isMotionValue as r } from "./lyra126.js";
+function f(o, i, n) {
+  const t = r(o) ? o : a(o);
+  return t.start(m("", t, i, n)), t.animation;
 }
 export {
-  V as useSVGProps
+  f as animateSingleValue
 };

package/dist/lyra262.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra171.cjs"),n=require("./lyra272.cjs"),a=require("./lyra275.cjs");function c(t,r,i,s){n.renderHTML(t,r,void 0,s);for(const e in r.attrs)t.setAttribute(a.camelCaseAttributes.has(e)?e:o.camelToDash(e),r.attrs[e])}exports.renderSVG=c;
+"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;

package/dist/lyra262.js

@@ -1,11 +1,22 @@
-import { camelToDash as i } from "./lyra171.js";
-import { renderHTML as m } from "./lyra272.js";
-import { camelCaseAttributes as e } from "./lyra275.js";
-function c(o, t, f, s) {
-  m(o, t, void 0, s);
-  for (const r in t.attrs)
-    o.setAttribute(e.has(r) ? r : i(r), t.attrs[r]);
+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
+  };
 }
 export {
-  c as renderSVG
+  R as hslaToRgba
 };

package/dist/lyra263.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra112.cjs"),i=require("./lyra267.cjs"),a=require("./lyra140.cjs");function u(o,r){const t=i.scrapeMotionValuesFromProps(o,r);for(const e in o)if(n.isMotionValue(o[e])||n.isMotionValue(r[e])){const s=a.transformPropOrder.indexOf(e)!==-1?"attr"+e.charAt(0).toUpperCase()+e.substring(1):e;t[s]=o[e]}return t}exports.scrapeMotionValuesFromProps=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("./lyra218.cjs"),k=require("./lyra248.cjs"),D=require("./lyra312.cjs"),j=require("./lyra156.cjs"),z=require("./lyra128.cjs"),R=require("./lyra161.cjs"),H=require("./lyra127.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;

package/dist/lyra263.js

@@ -1,15 +1,116 @@
-import { isMotionValue as n } from "./lyra112.js";
-import { scrapeMotionValuesFromProps as a } from "./lyra267.js";
-import { transformPropOrder as i } from "./lyra140.js";
-function u(r, t) {
-  const e = a(r, t);
-  for (const o in r)
-    if (n(r[o]) || n(t[o])) {
-      const s = i.indexOf(o) !== -1 ? "attr" + o.charAt(0).toUpperCase() + o.substring(1) : o;
-      e[s] = r[o];
+import { isAnimationControls as _ } from "./lyra218.js";
+import { isKeyframesTarget as R } from "./lyra248.js";
+import { shallowCompare as D } from "./lyra312.js";
+import { isVariantLabel as z } from "./lyra156.js";
+import { resolveVariant as H } from "./lyra128.js";
+import { variantPriorityOrder as x } from "./lyra161.js";
+import { animateVisualElement as j } from "./lyra127.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 };
+    }
+    return i;
+  };
+  function B(i) {
+    s = i(e);
+  }
+  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 });
     }
-  return e;
+    let S = !!u.length;
+    return y && l.initial === !1 && !e.manuallyAnimateOnMount && (S = !1), y = !1, S ? s(u) : Promise.resolve();
+  }
+  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;
+  }
+  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()
+  };
 }
 export {
-  u as scrapeMotionValuesFromProps
+  N as checkVariantsDidChange,
+  ee as createAnimationState
 };

package/dist/lyra264.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra268.cjs"),t=()=>({...e.createHtmlRenderState(),attrs:{}});exports.createSvgRenderState=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{constructor(e){this.isMounted=!1,this.node=e}update(){}}exports.Feature=t;

package/dist/lyra264.js

@@ -1,8 +1,10 @@
-import { createHtmlRenderState as t } from "./lyra268.js";
-const r = () => ({
-  ...t(),
-  attrs: {}
-});
+class s {
+  constructor(t) {
+    this.isMounted = !1, this.node = t;
+  }
+  update() {
+  }
+}
 export {
-  r as createSvgRenderState
+  s as Feature
 };

package/dist/lyra265.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra271.cjs"),v=require("./lyra299.cjs"),x=require("./lyra300.cjs");function G(e,{attrX:s,attrY:u,attrScale:l,originX:i,originY:r,pathLength:o,pathSpacing:t=1,pathOffset:m=0,...y},c,b,S){if(a.buildHTMLStyles(e,y,c,S),b){e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox);return}e.attrs=e.style,e.style={};const{attrs:n,style:f,dimensions:d}=e;n.transform&&(d&&(f.transform=n.transform),delete n.transform),d&&(i!==void 0||r!==void 0||f.transform)&&(f.transformOrigin=v.calcSVGTransformOrigin(d,i!==void 0?i:.5,r!==void 0?r:.5)),s!==void 0&&(n.x=s),u!==void 0&&(n.y=u),l!==void 0&&(n.scale=l),o!==void 0&&x.buildSVGPath(n,o,t,m,!1)}exports.buildSVGAttrs=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra179.cjs"),s=require("./lyra175.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;

package/dist/lyra265.js

@@ -1,26 +1,24 @@
-import { buildHTMLStyles as p } from "./lyra271.js";
-import { calcSVGTransformOrigin as v } from "./lyra299.js";
-import { buildSVGPath as w } from "./lyra300.js";
-function V(f, {
-  attrX: o,
-  attrY: s,
-  attrScale: m,
-  originX: i,
-  originY: e,
-  pathLength: u,
-  pathSpacing: l = 1,
-  pathOffset: t = 0,
-  // This is object creation, which we try to avoid per-frame.
-  ...y
-}, x, c, b) {
-  if (p(f, y, x, b), c) {
-    f.style.viewBox && (f.attrs.viewBox = f.style.viewBox);
-    return;
-  }
-  f.attrs = f.style, f.style = {};
-  const { attrs: n, style: r, dimensions: d } = f;
-  n.transform && (d && (r.transform = n.transform), delete n.transform), d && (i !== void 0 || e !== void 0 || r.transform) && (r.transformOrigin = v(d, i !== void 0 ? i : 0.5, e !== void 0 ? e : 0.5)), o !== void 0 && (n.x = o), s !== void 0 && (n.y = s), m !== void 0 && (n.scale = m), u !== void 0 && w(n, u, l, t, !1);
+import { complex as c } from "./lyra179.js";
+import { floatRegex as i } from "./lyra175.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;
+  }
+};
 export {
-  V as buildSVGAttrs
+  p as filter
 };

package/dist/lyra266.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>typeof e=="string"&&e.toLowerCase()==="svg";exports.isSVGTag=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra174.cjs"),r=require("./lyra265.cjs"),t=require("./lyra314.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;

package/dist/lyra266.js

@@ -1,4 +1,24 @@
-const s = (o) => typeof o == "string" && o.toLowerCase() === "svg";
+import { color as o } from "./lyra174.js";
+import { filter as r } from "./lyra265.js";
+import { numberValueTypes as l } from "./lyra314.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];
 export {
-  s as isSVGTag
+  t as defaultValueTypes,
+  m as getDefaultValueType
 };

package/dist/lyra267.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra298.cjs"),n=require("./lyra112.cjs");function u(t,i){const{style:e}=t,s={};for(const o in e)(n.isMotionValue(e[o])||i.style&&n.isMotionValue(i.style[o])||r.isForcedMotionValue(o,t))&&(s[o]=e[o]);return s}exports.scrapeMotionValuesFromProps=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra182.cjs"),e=require("./lyra183.cjs"),s=require("./lyra268.cjs"),o=require("./lyra313.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;