@new-black/lyra 0.0.18 → 0.0.19

package/dist/lyra181.js

@@ -1,27 +1,19 @@
-const n = {
-  animation: [
-    "animate",
-    "variants",
-    "whileHover",
-    "whileTap",
-    "exit",
-    "whileInView",
-    "whileFocus",
-    "whileDrag"
-  ],
-  exit: ["exit"],
-  drag: ["drag", "dragControls"],
-  focus: ["whileFocus"],
-  hover: ["whileHover", "onHoverStart", "onHoverEnd"],
-  tap: ["whileTap", "onTap", "onTapStart", "onTapCancel"],
-  pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
-  inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
-  layout: ["layout", "layoutId"]
-}, t = {};
-for (const e in n)
-  t[e] = {
-    isEnabled: (o) => n[e].some((a) => !!o[a])
+import { rgba as i } from "./lyra183.js";
+import { isColorString as g } from "./lyra261.js";
+function a(r) {
+  let t = "", e = "", n = "", s = "";
+  return r.length > 5 ? (t = r.substring(1, 3), e = r.substring(3, 5), n = r.substring(5, 7), s = r.substring(7, 9)) : (t = r.substring(1, 2), e = r.substring(2, 3), n = r.substring(3, 4), s = r.substring(4, 5), t += t, e += e, n += n, s += s), {
+    red: parseInt(t, 16),
+    green: parseInt(e, 16),
+    blue: parseInt(n, 16),
+    alpha: s ? parseInt(s, 16) / 255 : 1
   };
+}
+const u = {
+  test: g("#"),
+  parse: a,
+  transform: i.transform
+};
 export {
-  t as featureDefinitions
+  u as hex
 };

package/dist/lyra182.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],r=["initial",...i];exports.variantPriorityOrder=i;exports.variantProps=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra187.cjs"),r=require("./lyra188.cjs"),t=require("./lyra180.cjs"),e=require("./lyra261.cjs"),l={test:e.isColorString("hsl","hue"),parse:e.splitColor("hue","saturation","lightness"),transform:({hue:s,saturation:n,lightness:i,alpha:a=1})=>"hsla("+Math.round(s)+", "+r.percent.transform(t.sanitize(n))+", "+r.percent.transform(t.sanitize(i))+", "+t.sanitize(o.alpha.transform(a))+")"};exports.hsla=l;

package/dist/lyra182.js

@@ -1,13 +1,12 @@
-const i = [
-  "animate",
-  "whileInView",
-  "whileFocus",
-  "whileHover",
-  "whileTap",
-  "whileDrag",
-  "exit"
-], e = ["initial", ...i];
+import { alpha as n } from "./lyra187.js";
+import { percent as t } from "./lyra188.js";
+import { sanitize as r } from "./lyra180.js";
+import { isColorString as i, splitColor as e } from "./lyra261.js";
+const u = {
+  test: i("hsl", "hue"),
+  parse: e("hue", "saturation", "lightness"),
+  transform: ({ hue: o, saturation: s, lightness: a, alpha: m = 1 }) => "hsla(" + Math.round(o) + ", " + t.transform(r(s)) + ", " + t.transform(r(a)) + ", " + r(n.transform(m)) + ")"
+};
 export {
-  i as variantPriorityOrder,
-  e as variantProps
+  u as hsla
 };

package/dist/lyra183.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=new WeakMap;exports.visualElementStore=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra176.cjs"),n=require("./lyra187.cjs"),l=require("./lyra180.cjs"),e=require("./lyra261.cjs"),c=r=>i.clamp(0,255,r),t={...n.number,transform:r=>Math.round(c(r))},u={test:e.isColorString("rgb","red"),parse:e.splitColor("red","green","blue"),transform:({red:r,green:o,blue:s,alpha:a=1})=>"rgba("+t.transform(r)+", "+t.transform(o)+", "+t.transform(s)+", "+l.sanitize(n.alpha.transform(a))+")"};exports.rgbUnit=t;exports.rgba=u;

package/dist/lyra183.js

@@ -1,4 +1,16 @@
-const e = /* @__PURE__ */ new WeakMap();
+import { clamp as n } from "./lyra176.js";
+import { number as s, alpha as i } from "./lyra187.js";
+import { sanitize as p } from "./lyra180.js";
+import { isColorString as e, splitColor as f } from "./lyra261.js";
+const l = (r) => n(0, 255, r), o = {
+  ...s,
+  transform: (r) => Math.round(l(r))
+}, h = {
+  test: e("rgb", "red"),
+  parse: f("red", "green", "blue"),
+  transform: ({ red: r, green: t, blue: a, alpha: m = 1 }) => "rgba(" + o.transform(r) + ", " + o.transform(t) + ", " + o.transform(a) + ", " + p(i.transform(m)) + ")"
+};
 export {
-  e as visualElementStore
+  o as rgbUnit,
+  h as rgba
 };

package/dist/lyra184.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={};function o(r){Object.assign(e,r)}exports.addScaleCorrector=o;exports.scaleCorrectors=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./lyra185.cjs"),V=require("./lyra186.cjs"),p=require("./lyra179.cjs"),h=require("./lyra187.cjs"),s=require("./lyra180.cjs");function v(e){var o,n;return isNaN(e)&&s.isString(e)&&(((o=e.match(s.floatRegex))===null||o===void 0?void 0:o.length)||0)+(((n=e.match(s.colorRegex))===null||n===void 0?void 0:n.length)||0)>0}const g={regex:b.cssVariableRegex,countKey:"Vars",token:"${v}",parse:V.noop},f={regex:s.colorRegex,countKey:"Colors",token:"${c}",parse:p.color.parse},d={regex:s.floatRegex,countKey:"Numbers",token:"${n}",parse:h.number.parse};function i(e,{regex:o,countKey:n,token:u,parse:l}){const a=e.tokenised.match(o);a&&(e["num"+n]=a.length,e.tokenised=e.tokenised.replace(o,u),e.values.push(...a.map(l)))}function m(e){const o=e.toString(),n={value:o,tokenised:o,values:[],numVars:0,numColors:0,numNumbers:0};return n.value.includes("var(--")&&i(n,g),i(n,f),i(n,d),n}function k(e){return m(e).values}function x(e){const{values:o,numColors:n,numVars:u,tokenised:l}=m(e),a=o.length;return c=>{let r=l;for(let t=0;t<a;t++)t<u?r=r.replace(g.token,c[t]):t<u+n?r=r.replace(f.token,p.color.transform(c[t])):r=r.replace(d.token,s.sanitize(c[t]));return r}}const y=e=>typeof e=="number"?0:e;function C(e){const o=k(e);return x(e)(o.map(y))}const N={test:v,parse:k,createTransformer:x,getAnimatableNone:C};exports.analyseComplexValue=m;exports.complex=N;

package/dist/lyra184.js

@@ -1,8 +1,67 @@
-const o = {};
-function r(c) {
-  Object.assign(o, c);
+import { cssVariableRegex as x } from "./lyra185.js";
+import { noop as V } from "./lyra186.js";
+import { color as i } from "./lyra179.js";
+import { number as v } from "./lyra187.js";
+import { colorRegex as m, isString as N, floatRegex as p, sanitize as y } from "./lyra180.js";
+function C(e) {
+  var r, o;
+  return isNaN(e) && N(e) && (((r = e.match(p)) === null || r === void 0 ? void 0 : r.length) || 0) + (((o = e.match(m)) === null || o === void 0 ? void 0 : o.length) || 0) > 0;
 }
+const f = {
+  regex: x,
+  countKey: "Vars",
+  token: "${v}",
+  parse: V
+}, k = {
+  regex: m,
+  countKey: "Colors",
+  token: "${c}",
+  parse: i.parse
+}, g = {
+  regex: p,
+  countKey: "Numbers",
+  token: "${n}",
+  parse: v.parse
+};
+function c(e, { regex: r, countKey: o, token: a, parse: u }) {
+  const s = e.tokenised.match(r);
+  s && (e["num" + o] = s.length, e.tokenised = e.tokenised.replace(r, a), e.values.push(...s.map(u)));
+}
+function d(e) {
+  const r = e.toString(), o = {
+    value: r,
+    tokenised: r,
+    values: [],
+    numVars: 0,
+    numColors: 0,
+    numNumbers: 0
+  };
+  return o.value.includes("var(--") && c(o, f), c(o, k), c(o, g), o;
+}
+function b(e) {
+  return d(e).values;
+}
+function h(e) {
+  const { values: r, numColors: o, numVars: a, tokenised: u } = d(e), s = r.length;
+  return (l) => {
+    let n = u;
+    for (let t = 0; t < s; t++)
+      t < a ? n = n.replace(f.token, l[t]) : t < a + o ? n = n.replace(k.token, i.transform(l[t])) : n = n.replace(g.token, y(l[t]));
+    return n;
+  };
+}
+const T = (e) => typeof e == "number" ? 0 : e;
+function K(e) {
+  const r = b(e);
+  return h(e)(r.map(T));
+}
+const A = {
+  test: C,
+  parse: b,
+  createTransformer: h,
+  getAnimatableNone: K
+};
 export {
-  r as addScaleCorrector,
-  o as scaleCorrectors
+  d as analyseComplexValue,
+  A as complex
 };

package/dist/lyra185.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra175.cjs"),u={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},c=o.transformPropOrder.length;function d(e,{enableHardwareAcceleration:a=!0,allowTransformNone:l=!0},s,i){let r="";for(let n=0;n<c;n++){const t=o.transformPropOrder[n];if(e[t]!==void 0){const f=u[t]||t;r+=`${f}(${e[t]}) `}}return a&&!e.z&&(r+="translateZ(0)"),r=r.trim(),i?r=i(e,s?"":r):l&&s&&(r="none"),r}exports.buildTransform=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=a=>s=>typeof s=="string"&&s.startsWith(a),t=e("--"),i=e("var(--"),r=/var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g;exports.cssVariableRegex=r;exports.isCSSVariableName=t;exports.isCSSVariableToken=i;

package/dist/lyra185.js

@@ -1,21 +1,6 @@
-import { transformPropOrder as o } from "./lyra175.js";
-const c = {
-  x: "translateX",
-  y: "translateY",
-  z: "translateZ",
-  transformPerspective: "perspective"
-}, u = o.length;
-function p(e, { enableHardwareAcceleration: a = !0, allowTransformNone: l = !0 }, i, s) {
-  let t = "";
-  for (let n = 0; n < u; n++) {
-    const r = o[n];
-    if (e[r] !== void 0) {
-      const f = c[r] || r;
-      t += `${f}(${e[r]}) `;
-    }
-  }
-  return a && !e.z && (t += "translateZ(0)"), t = t.trim(), s ? t = s(e, i ? "" : t) : l && i && (t = "none"), t;
-}
+const t = (a) => (s) => typeof s == "string" && s.startsWith(a), r = t("--"), e = t("var(--"), i = /var\s*\(\s*--[\w-]+(\s*,\s*(?:(?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)+)?\s*\)/g;
 export {
-  p as buildTransform
+  i as cssVariableRegex,
+  r as isCSSVariableName,
+  e as isCSSVariableToken
 };

package/dist/lyra186.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./lyra187.cjs"),ee=require("./lyra188.cjs"),Q=require("./lyra189.cjs"),te=require("./lyra190.cjs"),ne=require("./lyra191.cjs"),ie=require("./lyra192.cjs"),D=require("./lyra193.cjs"),R=require("./lyra194.cjs"),re={decay:Q.inertia,inertia:Q.inertia,tween:q.keyframes,keyframes:q.keyframes,spring:ee.spring};function le({autoplay:X=!0,delay:Y=0,driver:Z=te.frameloopDriver,keyframes:u,type:_="keyframes",repeat:d=0,repeatDelay:m=0,repeatType:h="loop",onPlay:x,onStop:T,onComplete:A,onUpdate:O,...k}){let o=1,V=!1,F,j;const M=()=>{F&&F(),j=new Promise(e=>{F=e})};M();let r;const P=re[_]||q.keyframes;let I;P!==q.keyframes&&typeof u[0]!="number"&&(I=ne.interpolate([0,100],u,{clamp:!1}),u=[0,100]);const s=P({...k,keyframes:u});let B;h==="mirror"&&(B=P({...k,keyframes:[...u].reverse(),velocity:-(k.velocity||0)}));let n="idle",l=null,i=null,v=null;s.calculatedDuration===null&&d&&(s.calculatedDuration=R.calcGeneratorDuration(s));const{calculatedDuration:S}=s;let c=1/0,g=1/0;S!==null&&(c=S+m,g=c*(d+1)-m);let t=0;const b=e=>{if(i===null)return;o>0&&(i=Math.min(i,e)),l!==null?t=l:t=(e-i)*o;const p=t-Y,z=p<0;t=Math.max(p,0),n==="finished"&&l===null&&(t=g);let C=t,E=s;if(d){const G=t/c;let y=Math.floor(G),a=G%1;!a&&G>=1&&(a=1),a===1&&y--,y=Math.min(y,d+1);const J=!!(y%2);J&&(h==="reverse"?(a=1-a,m&&(a-=m/c)):h==="mirror"&&(E=B));let L=ie.clamp(0,1,a);t>g&&(L=h==="reverse"&&J?1:0),C=L*c}const f=z?{done:!1,value:u[0]}:E.next(C);I&&(f.value=I(f.value));let{done:H}=f;!z&&S!==null&&(H=t>=g);const $=l===null&&(n==="finished"||n==="running"&&H||o<0&&t<=0);return O&&O(f.value),$&&U(),f},K=()=>{r&&r.stop(),r=void 0},N=()=>{n="idle",K(),M(),i=v=null},U=()=>{n="finished",A&&A(),K(),M()},W=()=>{if(V)return;r||(r=Z(b));const e=r.now();x&&x(),l!==null?i=e-l:(!i||n==="finished")&&(i=e),v=i,l=null,n="running",r.start()};X&&W();const w={then(e,p){return j.then(e,p)},get time(){return D.millisecondsToSeconds(t)},set time(e){e=D.secondsToMilliseconds(e),t=e,l!==null||!r||o===0?l=e:i=r.now()-e/o},get duration(){const e=s.calculatedDuration===null?R.calcGeneratorDuration(s):s.calculatedDuration;return D.millisecondsToSeconds(e)},get speed(){return o},set speed(e){e===o||!r||(o=e,w.time=D.millisecondsToSeconds(t))},get state(){return n},play:W,pause:()=>{n="paused",l=t},stop:()=>{V=!0,n!=="idle"&&(n="idle",T&&T(),N())},cancel:()=>{v!==null&&b(v),N()},complete:()=>{n="finished"},sample:e=>(i=0,b(e))};return w}exports.animateValue=le;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=o=>o;exports.noop=e;

package/dist/lyra186.js

@@ -1,121 +1,4 @@
-import { keyframes as y } from "./lyra187.js";
-import { spring as ee } from "./lyra188.js";
-import { inertia as T } from "./lyra189.js";
-import { frameloopDriver as te } from "./lyra190.js";
-import { interpolate as ie } from "./lyra191.js";
-import { clamp as ne } from "./lyra192.js";
-import { millisecondsToSeconds as A, secondsToMilliseconds as re } from "./lyra193.js";
-import { calcGeneratorDuration as X } from "./lyra194.js";
-const le = {
-  decay: T,
-  inertia: T,
-  tween: y,
-  keyframes: y,
-  spring: ee
-};
-function he({ autoplay: Y = !0, delay: Z = 0, driver: _ = te, keyframes: u, type: C = "keyframes", repeat: m = 0, repeatDelay: d = 0, repeatType: h = "loop", onPlay: B, onStop: K, onComplete: N, onUpdate: O, ...F }) {
-  let o = 1, S = !1, I, V;
-  const M = () => {
-    I && I(), V = new Promise((e) => {
-      I = e;
-    });
-  };
-  M();
-  let r;
-  const P = le[C] || y;
-  let x;
-  P !== y && typeof u[0] != "number" && (x = ie([0, 100], u, {
-    clamp: !1
-  }), u = [0, 100]);
-  const s = P({ ...F, keyframes: u });
-  let W;
-  h === "mirror" && (W = P({
-    ...F,
-    keyframes: [...u].reverse(),
-    velocity: -(F.velocity || 0)
-  }));
-  let i = "idle", l = null, n = null, p = null;
-  s.calculatedDuration === null && m && (s.calculatedDuration = X(s));
-  const { calculatedDuration: G } = s;
-  let f = 1 / 0, v = 1 / 0;
-  G !== null && (f = G + d, v = f * (m + 1) - d);
-  let t = 0;
-  const b = (e) => {
-    if (n === null)
-      return;
-    o > 0 && (n = Math.min(n, e)), l !== null ? t = l : t = (e - n) * o;
-    const g = t - Z, E = g < 0;
-    t = Math.max(g, 0), i === "finished" && l === null && (t = v);
-    let H = t, J = s;
-    if (m) {
-      const k = t / f;
-      let D = Math.floor(k), a = k % 1;
-      !a && k >= 1 && (a = 1), a === 1 && D--, D = Math.min(D, m + 1);
-      const Q = !!(D % 2);
-      Q && (h === "reverse" ? (a = 1 - a, d && (a -= d / f)) : h === "mirror" && (J = W));
-      let R = ne(0, 1, a);
-      t > v && (R = h === "reverse" && Q ? 1 : 0), H = R * f;
-    }
-    const c = E ? { done: !1, value: u[0] } : J.next(H);
-    x && (c.value = x(c.value));
-    let { done: L } = c;
-    !E && G !== null && (L = t >= v);
-    const $ = l === null && (i === "finished" || i === "running" && L || o < 0 && t <= 0);
-    return O && O(c.value), $ && U(), c;
-  }, j = () => {
-    r && r.stop(), r = void 0;
-  }, q = () => {
-    i = "idle", j(), M(), n = p = null;
-  }, U = () => {
-    i = "finished", N && N(), j(), M();
-  }, w = () => {
-    if (S)
-      return;
-    r || (r = _(b));
-    const e = r.now();
-    B && B(), l !== null ? n = e - l : (!n || i === "finished") && (n = e), p = n, l = null, i = "running", r.start();
-  };
-  Y && w();
-  const z = {
-    then(e, g) {
-      return V.then(e, g);
-    },
-    get time() {
-      return A(t);
-    },
-    set time(e) {
-      e = re(e), t = e, l !== null || !r || o === 0 ? l = e : n = r.now() - e / o;
-    },
-    get duration() {
-      const e = s.calculatedDuration === null ? X(s) : s.calculatedDuration;
-      return A(e);
-    },
-    get speed() {
-      return o;
-    },
-    set speed(e) {
-      e === o || !r || (o = e, z.time = A(t));
-    },
-    get state() {
-      return i;
-    },
-    play: w,
-    pause: () => {
-      i = "paused", l = t;
-    },
-    stop: () => {
-      S = !0, i !== "idle" && (i = "idle", K && K(), q());
-    },
-    cancel: () => {
-      p !== null && b(p), q();
-    },
-    complete: () => {
-      i = "finished";
-    },
-    sample: (e) => (n = 0, b(e))
-  };
-  return z;
-}
+const n = (o) => o;
 export {
-  he as animateValue
+  n as noop
 };

package/dist/lyra187.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./lyra223.cjs"),g=require("./lyra268.cjs"),a=require("./lyra269.cjs"),p=require("./lyra191.cjs"),T=require("./lyra270.cjs"),d=require("./lyra271.cjs");function c(n,e){return n.map(()=>e||l.easeInOut).splice(0,n.length-1)}function m({duration:n=300,keyframes:e,times:t,ease:i="easeInOut"}){const r=g.isEasingArray(i)?i.map(a.easingDefinitionToFunction):a.easingDefinitionToFunction(i),o={done:!1,value:e[0]},u=d.convertOffsetToTimes(t&&t.length===e.length?t:T.defaultOffset(e),n),f=p.interpolate(u,e,{ease:Array.isArray(r)?r:c(e,r)});return{calculatedDuration:n,next:s=>(o.value=f(s),o.done=s>=n,o)}}exports.defaultEasing=c;exports.keyframes=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra176.cjs"),t={test:e=>typeof e=="number",parse:parseFloat,transform:e=>e},r={...t,transform:e=>a.clamp(0,1,e)},s={...t,default:1};exports.alpha=r;exports.number=t;exports.scale=s;

package/dist/lyra187.js

@@ -1,30 +1,17 @@
-import { easeInOut as c } from "./lyra223.js";
-import { isEasingArray as p } from "./lyra268.js";
-import { easingDefinitionToFunction as m } from "./lyra269.js";
-import { interpolate as u } from "./lyra191.js";
-import { defaultOffset as l } from "./lyra270.js";
-import { convertOffsetToTimes as g } from "./lyra271.js";
-function T(n, t) {
-  return n.map(() => t || c).splice(0, n.length - 1);
-}
-function y({ duration: n = 300, keyframes: t, times: o, ease: r = "easeInOut" }) {
-  const e = p(r) ? r.map(m) : m(r), i = {
-    done: !1,
-    value: t[0]
-  }, s = g(
-    // Only use the provided offsets if they're the correct length
-    // TODO Maybe we should warn here if there's a length mismatch
-    o && o.length === t.length ? o : l(t),
-    n
-  ), a = u(s, t, {
-    ease: Array.isArray(e) ? e : T(t, e)
-  });
-  return {
-    calculatedDuration: n,
-    next: (f) => (i.value = a(f), i.done = f >= n, i)
-  };
-}
+import { clamp as a } from "./lyra176.js";
+const r = {
+  test: (t) => typeof t == "number",
+  parse: parseFloat,
+  transform: (t) => t
+}, e = {
+  ...r,
+  transform: (t) => a(0, 1, t)
+}, s = {
+  ...r,
+  default: 1
+};
 export {
-  T as defaultEasing,
-  y as keyframes
+  e as alpha,
+  r as number,
+  s as scale
 };

package/dist/lyra188.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("./lyra193.cjs"),R=require("./lyra207.cjs"),T=require("./lyra208.cjs"),V=["duration","bounce"],A=["stiffness","damping","mass"];function S(n,s){return s.some(r=>n[r]!==void 0)}function O(n){let s={velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:!1,...n};if(!S(n,A)&&S(n,V)){const r=T.findSpring(n);s={...s,...r,velocity:0,mass:1},s.isResolvedFromDuration=!0}return s}function w({keyframes:n,restDelta:s,restSpeed:r,...b}){const f=n[0],l=n[n.length-1],u={done:!1,value:f},{stiffness:p,damping:x,mass:m,velocity:v,duration:M,isResolvedFromDuration:y}=O(b),h=v?-F.millisecondsToSeconds(v):0,t=x/(2*Math.sqrt(p*m)),a=l-f,o=F.millisecondsToSeconds(Math.sqrt(p/m)),q=Math.abs(a)<5;r||(r=q?.01:2),s||(s=q?.005:.5);let d;if(t<1){const e=T.calcAngularFreq(o,t);d=i=>{const c=Math.exp(-t*o*i);return l-c*((h+t*o*a)/e*Math.sin(e*i)+a*Math.cos(e*i))}}else if(t===1)d=e=>l-Math.exp(-o*e)*(a+(h+o*a)*e);else{const e=o*Math.sqrt(t*t-1);d=i=>{const c=Math.exp(-t*o*i),g=Math.min(e*i,300);return l-c*((h+t*o*a)*Math.sinh(g)+e*a*Math.cosh(g))/e}}return{calculatedDuration:y&&M||null,next:e=>{const i=d(e);if(y)u.done=e>=M;else{let c=h;e!==0&&(t<1?c=R.calcGeneratorVelocity(d,e,i):c=0);const g=Math.abs(c)<=r,D=Math.abs(l-i)<=s;u.done=g&&D}return u.value=u.done?l:i,u}}}exports.spring=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra180.cjs"),r=e=>({test:t=>n.isString(t)&&t.endsWith(e)&&t.split(" ").length===1,parse:parseFloat,transform:t=>`${t}${e}`}),o=r("deg"),s=r("%"),c=r("px"),p=r("vh"),a=r("vw"),g={...s,parse:e=>s.parse(e)/100,transform:e=>s.transform(e*100)};exports.degrees=o;exports.percent=s;exports.progressPercentage=g;exports.px=c;exports.vh=p;exports.vw=a;

package/dist/lyra188.js

@@ -1,65 +1,18 @@
-import { millisecondsToSeconds as F } from "./lyra193.js";
-import { calcGeneratorVelocity as R } from "./lyra207.js";
-import { findSpring as S, calcAngularFreq as V } from "./lyra208.js";
-const A = ["duration", "bounce"], w = ["stiffness", "damping", "mass"];
-function x(e, t) {
-  return t.some((r) => e[r] !== void 0);
-}
-function B(e) {
-  let t = {
-    velocity: 0,
-    stiffness: 100,
-    damping: 10,
-    mass: 1,
-    isResolvedFromDuration: !1,
-    ...e
-  };
-  if (!x(e, w) && x(e, A)) {
-    const r = S(e);
-    t = {
-      ...t,
-      ...r,
-      velocity: 0,
-      mass: 1
-    }, t.isResolvedFromDuration = !0;
-  }
-  return t;
-}
-function j({ keyframes: e, restDelta: t, restSpeed: r, ...T }) {
-  const m = e[0], c = e[e.length - 1], u = { done: !1, value: m }, { stiffness: p, damping: b, mass: g, velocity: M, duration: v, isResolvedFromDuration: y } = B(T), h = M ? -F(M) : 0, s = b / (2 * Math.sqrt(p * g)), a = c - m, i = F(Math.sqrt(p / g)), q = Math.abs(a) < 5;
-  r || (r = q ? 0.01 : 2), t || (t = q ? 5e-3 : 0.5);
-  let d;
-  if (s < 1) {
-    const n = V(i, s);
-    d = (o) => {
-      const l = Math.exp(-s * i * o);
-      return c - l * ((h + s * i * a) / n * Math.sin(n * o) + a * Math.cos(n * o));
-    };
-  } else if (s === 1)
-    d = (n) => c - Math.exp(-i * n) * (a + (h + i * a) * n);
-  else {
-    const n = i * Math.sqrt(s * s - 1);
-    d = (o) => {
-      const l = Math.exp(-s * i * o), f = Math.min(n * o, 300);
-      return c - l * ((h + s * i * a) * Math.sinh(f) + n * a * Math.cosh(f)) / n;
-    };
-  }
-  return {
-    calculatedDuration: y && v || null,
-    next: (n) => {
-      const o = d(n);
-      if (y)
-        u.done = n >= v;
-      else {
-        let l = h;
-        n !== 0 && (s < 1 ? l = R(d, n, o) : l = 0);
-        const f = Math.abs(l) <= r, D = Math.abs(c - o) <= t;
-        u.done = f && D;
-      }
-      return u.value = u.done ? c : o, u;
-    }
-  };
-}
+import { isString as n } from "./lyra180.js";
+const s = (t) => ({
+  test: (e) => n(e) && e.endsWith(t) && e.split(" ").length === 1,
+  parse: parseFloat,
+  transform: (e) => `${e}${t}`
+}), p = s("deg"), r = s("%"), a = s("px"), c = s("vh"), g = s("vw"), i = {
+  ...r,
+  parse: (t) => r.parse(t) / 100,
+  transform: (t) => r.transform(t * 100)
+};
 export {
-  j as spring
+  p as degrees,
+  r as percent,
+  i as progressPercentage,
+  a as px,
+  c as vh,
+  g as vw
 };

package/dist/lyra189.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./lyra188.cjs"),D=require("./lyra207.cjs");function G({keyframes:g,velocity:b=0,power:M=.8,timeConstant:B=325,bounceDamping:O=10,bounceStiffness:k=500,modifyTarget:d,min:n,max:a,restDelta:f=.5,restSpeed:q}){const c=g[0],t={done:!1,value:c},F=e=>n!==void 0&&e<n||a!==void 0&&e>a,S=e=>n===void 0?a:a===void 0||Math.abs(n-e)<Math.abs(a-e)?n:a;let s=M*b;const o=c+s,u=d===void 0?o:d(o);u!==o&&(s=u-c);const y=e=>-s*Math.exp(-e/B),p=e=>u+y(e),h=e=>{const i=y(e),j=p(e);t.done=Math.abs(i)<=f,t.value=t.done?u:j};let r,l;const v=e=>{F(t.value)&&(r=e,l=C.spring({keyframes:[t.value,S(t.value)],velocity:D.calcGeneratorVelocity(p,e,t.value),damping:O,stiffness:k,restDelta:f,restSpeed:q}))};return v(0),{calculatedDuration:null,next:e=>{let i=!1;return!l&&r===void 0&&(i=!0,h(e),v(e)),r!==void 0&&e>r?l.next(e-r):(!i&&h(e),t)}}}exports.inertia=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra190.cjs"),t="framerAppearId",a="data-"+e.camelToDash(t);exports.optimizedAppearDataAttribute=a;exports.optimizedAppearDataId=t;

package/dist/lyra189.js

@@ -1,36 +1,6 @@
-import { spring as L } from "./lyra188.js";
-import { calcGeneratorVelocity as R } from "./lyra207.js";
-function $({ keyframes: g, velocity: B = 0, power: M = 0.8, timeConstant: b = 325, bounceDamping: k = 10, bounceStiffness: F = 500, modifyTarget: l, min: t, max: a, restDelta: f = 0.5, restSpeed: O }) {
-  const s = g[0], n = {
-    done: !1,
-    value: s
-  }, C = (e) => t !== void 0 && e < t || a !== void 0 && e > a, D = (e) => t === void 0 ? a : a === void 0 || Math.abs(t - e) < Math.abs(a - e) ? t : a;
-  let c = M * B;
-  const d = s + c, u = l === void 0 ? d : l(d);
-  u !== d && (c = u - s);
-  const p = (e) => -c * Math.exp(-e / b), h = (e) => u + p(e), y = (e) => {
-    const o = p(e), G = h(e);
-    n.done = Math.abs(o) <= f, n.value = n.done ? u : G;
-  };
-  let r, i;
-  const v = (e) => {
-    C(n.value) && (r = e, i = L({
-      keyframes: [n.value, D(n.value)],
-      velocity: R(h, e, n.value),
-      damping: k,
-      stiffness: F,
-      restDelta: f,
-      restSpeed: O
-    }));
-  };
-  return v(0), {
-    calculatedDuration: null,
-    next: (e) => {
-      let o = !1;
-      return !i && r === void 0 && (o = !0, y(e), v(e)), r !== void 0 && e > r ? i.next(e - r) : (!o && y(e), n);
-    }
-  };
-}
+import { camelToDash as a } from "./lyra190.js";
+const t = "framerAppearId", e = "data-" + a(t);
 export {
-  $ as inertia
+  e as optimizedAppearDataAttribute,
+  t as optimizedAppearDataId
 };

package/dist/lyra19.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra36.cjs"),n=require("react"),a=require("./lyra74.cjs"),m=require("./lyra29.cjs"),p=require("./lyra71.cjs");require("./lyra70.cjs");const s=require("./lyra18.cjs");require("./lyra76.cjs");const g=require("./lyra37.cjs"),S=n.forwardRef(({label:t,description:i,errorMessage:o,className:f,fullWidth:j=!1,isDisabled:r=!1,isRequired:l=!1,validationState:c,startSlot:u,endSlot:d,size:y,hint:x,...h},F)=>{const[v,E]=n.useState(!1),[I,N]=n.useState(!1);return e.jsxRuntimeExports.jsxs(a.TextField,{className:s.sharedInputFieldWrapperStyles({className:f}),isDisabled:r,isRequired:l,validationState:c,...h,ref:F,children:[e.jsxRuntimeExports.jsxs("div",{className:p.cx("flex items-center gap-3",t?"justify-between":"justify-end"),children:[t?e.jsxRuntimeExports.jsxs(a.Label,{className:s.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[t,l&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,x?e.jsxRuntimeExports.jsx("span",{className:s.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:x}):null]}),e.jsxRuntimeExports.jsxs("div",{className:g.twMerge(s.sharedInputFieldStyles({fullWidth:j,isFocused:v,isHovered:I,isDisabled:r,validationState:c})),children:[u,e.jsxRuntimeExports.jsx(a.Input,{className:({isFocused:q,isHovered:R})=>(E(q),N(R),s.sharedInputStyles({size:y,className:p.cx(!!u&&"ps-2",!!d&&"pe-2")})),required:l,disabled:r,style:{fontFamily:"var(--input-font-family)"}}),d]}),i&&e.jsxRuntimeExports.jsx(m.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:i}),o&&e.jsxRuntimeExports.jsx(m.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:o})]})});exports.TextField=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra36.cjs"),n=require("react"),a=require("./lyra69.cjs"),m=require("./lyra29.cjs"),p=require("./lyra70.cjs");require("./lyra75.cjs");const s=require("./lyra18.cjs");require("./lyra80.cjs");const g=require("./lyra37.cjs"),S=n.forwardRef(({label:t,description:i,errorMessage:o,className:f,fullWidth:j=!1,isDisabled:r=!1,isRequired:l=!1,validationState:c,startSlot:u,endSlot:d,size:y,hint:x,...h},F)=>{const[v,E]=n.useState(!1),[I,N]=n.useState(!1);return e.jsxRuntimeExports.jsxs(a.TextField,{className:s.sharedInputFieldWrapperStyles({className:f}),isDisabled:r,isRequired:l,validationState:c,...h,ref:F,children:[e.jsxRuntimeExports.jsxs("div",{className:p.cx("flex items-center gap-3",t?"justify-between":"justify-end"),children:[t?e.jsxRuntimeExports.jsxs(a.Label,{className:s.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[t,l&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,x?e.jsxRuntimeExports.jsx("span",{className:s.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:x}):null]}),e.jsxRuntimeExports.jsxs("div",{className:g.twMerge(s.sharedInputFieldStyles({fullWidth:j,isFocused:v,isHovered:I,isDisabled:r,validationState:c})),children:[u,e.jsxRuntimeExports.jsx(a.Input,{className:({isFocused:q,isHovered:R})=>(E(q),N(R),s.sharedInputStyles({size:y,className:p.cx(!!u&&"ps-2",!!d&&"pe-2")})),required:l,disabled:r,style:{fontFamily:"var(--input-font-family)"}}),d]}),i&&e.jsxRuntimeExports.jsx(m.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:i}),o&&e.jsxRuntimeExports.jsx(m.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:o})]})});exports.TextField=S;

package/dist/lyra19.js

@@ -1,11 +1,11 @@
 import { j as e } from "./lyra36.js";
 import { forwardRef as $, useState as d } from "react";
-import { TextField as g, Label as H, Input as w } from "./lyra74.js";
+import { TextField as g, Label as H, Input as w } from "./lyra69.js";
 import { Text as f } from "./lyra29.js";
-import { cx as i } from "./lyra71.js";
-import "./lyra70.js";
+import { cx as i } from "./lyra70.js";
+import "./lyra75.js";
 import { sharedInputFieldWrapperStyles as S, sharedInputlabelStyles as T, sharedInputHintStyles as E, sharedInputFieldStyles as L, sharedInputStyles as M } from "./lyra18.js";
-import "./lyra76.js";
+import "./lyra80.js";
 import { twMerge as W } from "./lyra37.js";
 const P = $(
   ({

package/dist/lyra190.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra167.cjs"),t=require("./lyra212.cjs"),s=a=>{const e=({timestamp:o})=>a(o);return{start:()=>r.frame.update(e,!0),stop:()=>r.cancelFrame(e),now:()=>t.frameData.isProcessing?t.frameData.timestamp:performance.now()}};exports.frameloopDriver=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();exports.camelToDash=a;

package/dist/lyra190.js

@@ -1,17 +1,4 @@
-import { frame as a, cancelFrame as m } from "./lyra167.js";
-import { frameData as e } from "./lyra212.js";
-const n = (t) => {
-  const r = ({ timestamp: o }) => t(o);
-  return {
-    start: () => a.update(r, !0),
-    stop: () => m(r),
-    /**
-     * If we're processing this frame we can use the
-     * framelocked timestamp to keep things in sync.
-     */
-    now: () => e.isProcessing ? e.timestamp : performance.now()
-  };
-};
+const a = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 export {
-  n as frameloopDriver
+  a as camelToDash
 };

package/dist/lyra191.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra144.cjs"),y=require("./lyra195.cjs"),h=require("./lyra192.cjs"),q=require("./lyra214.cjs"),b=require("./lyra226.cjs"),x=require("./lyra227.cjs"),p=require("./lyra215.cjs"),d=require("./lyra216.cjs"),A=require("./lyra202.cjs"),f=(e,r)=>i=>q.mix(e,r,i);function M(e){return typeof e=="number"?f:typeof e=="string"?y.color.test(e)?b.mixColor:x.mixComplex:Array.isArray(e)?x.mixArray:typeof e=="object"?x.mixObject:f}function C(e,r,i){const c=[],a=i||M(e[0]),t=e.length-1;for(let n=0;n<t;n++){let s=a(e[n],e[n+1]);if(r){const l=Array.isArray(r)?r[n]||A.noop:r;s=p.pipe(l,s)}c.push(s)}return c}function j(e,r,{clamp:i=!0,ease:c,mixer:a}={}){const t=e.length;if(u.invariant(t===r.length,"Both input and output ranges must be the same length"),t===1)return()=>r[0];e[0]>e[t-1]&&(e=[...e].reverse(),r=[...r].reverse());const n=C(r,c,a),s=n.length,l=m=>{let o=0;if(s>1)for(;o<e.length-2&&!(m<e[o+1]);o++);const g=d.progress(e[o],e[o+1],m);return n[o](g)};return i?m=>l(h.clamp(e[0],e[t-1],m)):l}exports.interpolate=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra197.cjs"),n=5;function i(o,e,c){const t=Math.max(e-n,0);return r.velocityPerSecond(c-o(t),e-t)}exports.calcGeneratorVelocity=i;