@new-black/lyra 0.0.15 → 0.0.16

package/dist/lyra165.js

@@ -1,121 +1,7 @@
-import { keyframes as y } from "./lyra166.js";
-import { spring as ee } from "./lyra167.js";
-import { inertia as T } from "./lyra168.js";
-import { frameloopDriver as te } from "./lyra169.js";
-import { interpolate as ie } from "./lyra170.js";
-import { clamp as ne } from "./lyra171.js";
-import { millisecondsToSeconds as A, secondsToMilliseconds as re } from "./lyra172.js";
-import { calcGeneratorDuration as X } from "./lyra173.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 r = /* @__PURE__ */ new Set();
+function w(c, n, o) {
+  c || r.has(n) || (console.warn(n), o && console.warn(o), r.add(n));
 }
 export {
-  he as animateValue
+  w as warnOnce
 };

package/dist/lyra166.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./lyra202.cjs"),g=require("./lyra257.cjs"),a=require("./lyra258.cjs"),p=require("./lyra170.cjs"),T=require("./lyra259.cjs"),d=require("./lyra260.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 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"]},o={};for(const e in n)o[e]={isEnabled:a=>n[e].some(t=>!!a[t])};exports.featureDefinitions=o;

package/dist/lyra166.js

@@ -1,30 +1,27 @@
-import { easeInOut as c } from "./lyra202.js";
-import { isEasingArray as p } from "./lyra257.js";
-import { easingDefinitionToFunction as m } from "./lyra258.js";
-import { interpolate as u } from "./lyra170.js";
-import { defaultOffset as l } from "./lyra259.js";
-import { convertOffsetToTimes as g } from "./lyra260.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)
+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])
   };
-}
 export {
-  T as defaultEasing,
-  y as keyframes
+  t as featureDefinitions
 };

package/dist/lyra167.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("./lyra172.cjs"),R=require("./lyra186.cjs"),T=require("./lyra187.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 i=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],r=["initial",...i];exports.variantPriorityOrder=i;exports.variantProps=r;

package/dist/lyra167.js

@@ -1,65 +1,13 @@
-import { millisecondsToSeconds as F } from "./lyra172.js";
-import { calcGeneratorVelocity as R } from "./lyra186.js";
-import { findSpring as S, calcAngularFreq as V } from "./lyra187.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;
-    }
-  };
-}
+const i = [
+  "animate",
+  "whileInView",
+  "whileFocus",
+  "whileHover",
+  "whileTap",
+  "whileDrag",
+  "exit"
+], e = ["initial", ...i];
 export {
-  j as spring
+  i as variantPriorityOrder,
+  e as variantProps
 };

package/dist/lyra168.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./lyra167.cjs"),D=require("./lyra186.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=new WeakMap;exports.visualElementStore=e;

package/dist/lyra168.js

@@ -1,36 +1,4 @@
-import { spring as L } from "./lyra167.js";
-import { calcGeneratorVelocity as R } from "./lyra186.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);
-    }
-  };
-}
+const e = /* @__PURE__ */ new WeakMap();
 export {
-  $ as inertia
+  e as visualElementStore
 };

package/dist/lyra169.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra146.cjs"),t=require("./lyra191.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 e={};function o(r){Object.assign(e,r)}exports.addScaleCorrector=o;exports.scaleCorrectors=e;

package/dist/lyra169.js

@@ -1,17 +1,8 @@
-import { frame as a, cancelFrame as m } from "./lyra146.js";
-import { frameData as e } from "./lyra191.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 o = {};
+function r(c) {
+  Object.assign(o, c);
+}
 export {
-  n as frameloopDriver
+  r as addScaleCorrector,
+  o as scaleCorrectors
 };

package/dist/lyra17.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra32.cjs"),r=require("react"),n=require("./lyra53.cjs"),p=require("./lyra26.cjs"),a=require("./lyra18.cjs"),S=require("./lyra25.cjs"),m=require("./lyra33.cjs"),B=({className:s,isEmptyLabel:e="No options available",renderEmptyState:i,selectionMode:x="single",...o},c)=>t.jsxRuntimeExports.jsx(n.ListBox,{...o,ref:c,selectionMode:x,className:m.twMerge(a.listBoxStyles({className:s})),renderEmptyState:i||(()=>t.jsxRuntimeExports.jsx("div",{className:"px-2 py-1",children:t.jsxRuntimeExports.jsx(p.Text,{variant:"body-medium",children:e})}))}),l=({className:s,children:e,...i},x)=>t.jsxRuntimeExports.jsx(n.Item,{...i,ref:x,className:({isDisabled:o,isPressed:c,isSelected:j,isFocused:R,isHovered:f})=>m.twMerge(a.listBoxItemStyles({className:s,isDisabled:o,isPressed:c,isSelected:j,isFocused:R,isHovered:f})),children:o=>t.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center justify-between gap-2",children:[t.jsxRuntimeExports.jsx("div",{className:o.isSelected?"":"me-5",children:typeof e=="function"?e(o):e}),o.isSelected&&t.jsxRuntimeExports.jsx(S.SvgIcon,{name:"checkmark",className:"h-4 w-4"})]})}),u=({className:s,...e},i)=>t.jsxRuntimeExports.jsx(n.Header,{...e,ref:i,className:a.listBoxHeaderStyles({className:s})}),d=(s,e)=>t.jsxRuntimeExports.jsx(n.Section,{...s,ref:e}),w=r.forwardRef(B),y=r.forwardRef(l),E=r.forwardRef(d),g=r.forwardRef(u),q={Root:w,Item:y,Section:E,Header:g};exports.Header=u;exports.Item=l;exports.ListBox=q;exports.Section=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra32.cjs"),r=require("react"),n=require("./lyra53.cjs"),p=require("./lyra26.cjs"),a=require("./lyra18.cjs"),B=require("./lyra25.cjs"),m=require("./lyra33.cjs"),S=({className:s,isEmptyLabel:e="No options available",renderEmptyState:i,selectionMode:x="single",...o},c)=>t.jsxRuntimeExports.jsx(n.ListBox,{...o,ref:c,selectionMode:x,className:m.twMerge(a.listBoxStyles({className:s})),renderEmptyState:i||(()=>t.jsxRuntimeExports.jsx("div",{className:"px-2 py-1",children:t.jsxRuntimeExports.jsx(p.Text,{variant:"body-medium",children:e})}))}),l=({className:s,children:e,...i},x)=>t.jsxRuntimeExports.jsx(n.Item,{...i,ref:x,className:({isDisabled:o,isPressed:c,isSelected:j,isFocused:R,isHovered:f})=>m.twMerge(a.listBoxItemStyles({className:s,isDisabled:o,isPressed:c,isSelected:j,isFocused:R,isHovered:f})),children:o=>t.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center justify-between gap-2",children:[t.jsxRuntimeExports.jsx("div",{className:o.isSelected?"":"me-5",children:typeof e=="function"?e(o):e}),o.isSelected&&t.jsxRuntimeExports.jsx(B.SvgIcon,{name:"checkmark",className:"h-4 w-4"})]})}),u=({className:s,...e},i)=>t.jsxRuntimeExports.jsx(n.Header,{...e,ref:i,className:a.listBoxHeaderStyles({className:s})}),d=(s,e)=>t.jsxRuntimeExports.jsx(n.Section,{...s,ref:e}),w=r.forwardRef(S),y=r.forwardRef(l),E=r.forwardRef(d),L=r.forwardRef(u);exports.Header=u;exports.Item=l;exports.ListBox=w;exports.ListBoxHeader=L;exports.ListBoxItem=y;exports.ListBoxSection=E;exports.Section=d;

package/dist/lyra17.js

@@ -2,7 +2,7 @@ import { j as t } from "./lyra32.js";
 import { forwardRef as i } from "react";
 import { ListBox as l, Item as d, Header as p, Section as j } from "./lyra53.js";
 import { Text as $ } from "./lyra26.js";
-import { listBoxStyles as B, listBoxItemStyles as S, listBoxHeaderStyles as u } from "./lyra18.js";
+import { listBoxStyles as u, listBoxItemStyles as B, listBoxHeaderStyles as S } from "./lyra18.js";
 import { SvgIcon as N } from "./lyra25.js";
 import { twMerge as m } from "./lyra33.js";
 const y = ({
@@ -17,10 +17,10 @@ const y = ({
     ...o,
     ref: r,
     selectionMode: c,
-    className: m(B({ className: s })),
+    className: m(u({ className: s })),
     renderEmptyState: a || (() => /* @__PURE__ */ t.jsx("div", { className: "px-2 py-1", children: /* @__PURE__ */ t.jsx($, { variant: "body-medium", children: e }) }))
   }
-), L = ({ className: s, children: e, ...a }, c) => /* @__PURE__ */ t.jsx(
+), b = ({ className: s, children: e, ...a }, c) => /* @__PURE__ */ t.jsx(
   d,
   {
     ...a,
@@ -32,7 +32,7 @@ const y = ({
       isFocused: n,
       isHovered: f
     }) => m(
-      S({
+      B({
         className: s,
         isDisabled: o,
         isPressed: r,
@@ -46,22 +46,20 @@ const y = ({
       o.isSelected && /* @__PURE__ */ t.jsx(N, { name: "checkmark", className: "h-4 w-4" })
     ] })
   }
-), b = ({ className: s, ...e }, a) => /* @__PURE__ */ t.jsx(
+), v = ({ className: s, ...e }, a) => /* @__PURE__ */ t.jsx(
   p,
   {
     ...e,
     ref: a,
-    className: u({ className: s })
+    className: S({ className: s })
   }
-), v = (s, e) => /* @__PURE__ */ t.jsx(j, { ...s, ref: e }), I = i(y), h = i(L), w = i(v), H = i(b), q = {
-  Root: I,
-  Item: h,
-  Section: w,
-  Header: H
-};
+), L = (s, e) => /* @__PURE__ */ t.jsx(j, { ...s, ref: e }), E = i(y), M = i(b), T = i(L), q = i(v);
 export {
-  b as Header,
-  L as Item,
-  q as ListBox,
-  v as Section
+  v as Header,
+  b as Item,
+  E as ListBox,
+  q as ListBoxHeader,
+  M as ListBoxItem,
+  T as ListBoxSection,
+  L as Section
 };

package/dist/lyra170.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra123.cjs"),y=require("./lyra174.cjs"),h=require("./lyra171.cjs"),q=require("./lyra193.cjs"),b=require("./lyra205.cjs"),x=require("./lyra206.cjs"),p=require("./lyra194.cjs"),d=require("./lyra195.cjs"),A=require("./lyra181.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 o=require("./lyra160.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;

package/dist/lyra170.js

@@ -1,43 +1,21 @@
-import { invariant as g } from "./lyra123.js";
-import { color as h } from "./lyra174.js";
-import { clamp as p } from "./lyra171.js";
-import { mix as y } from "./lyra193.js";
-import { mixColor as b } from "./lyra205.js";
-import { mixComplex as A, mixArray as M, mixObject as F } from "./lyra206.js";
-import { pipe as d } from "./lyra194.js";
-import { progress as j } from "./lyra195.js";
-import { noop as C } from "./lyra181.js";
-const a = (r, e) => (i) => y(r, e, i);
-function k(r) {
-  return typeof r == "number" ? a : typeof r == "string" ? h.test(r) ? b : A : Array.isArray(r) ? M : typeof r == "object" ? F : a;
-}
-function B(r, e, i) {
-  const s = [], l = i || k(r[0]), t = r.length - 1;
-  for (let o = 0; o < t; o++) {
-    let m = l(r[o], r[o + 1]);
-    if (e) {
-      const f = Array.isArray(e) ? e[o] || C : e;
-      m = d(f, m);
+import { transformPropOrder as o } from "./lyra160.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]}) `;
     }
-    s.push(m);
   }
-  return s;
-}
-function D(r, e, { clamp: i = !0, ease: s, mixer: l } = {}) {
-  const t = r.length;
-  if (g(t === e.length, "Both input and output ranges must be the same length"), t === 1)
-    return () => e[0];
-  r[0] > r[t - 1] && (r = [...r].reverse(), e = [...e].reverse());
-  const o = B(e, s, l), m = o.length, f = (c) => {
-    let n = 0;
-    if (m > 1)
-      for (; n < r.length - 2 && !(c < r[n + 1]); n++)
-        ;
-    const x = j(r[n], r[n + 1], c);
-    return o[n](x);
-  };
-  return i ? (c) => f(p(r[0], r[t - 1], c)) : f;
+  return a && !e.z && (t += "translateZ(0)"), t = t.trim(), s ? t = s(e, i ? "" : t) : l && i && (t = "none"), t;
 }
 export {
-  D as interpolate
+  p as buildTransform
 };

package/dist/lyra171.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=(t,a,e)=>Math.min(Math.max(e,t),a);exports.clamp=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./lyra172.cjs"),ee=require("./lyra173.cjs"),Q=require("./lyra174.cjs"),te=require("./lyra175.cjs"),ne=require("./lyra176.cjs"),ie=require("./lyra177.cjs"),D=require("./lyra178.cjs"),R=require("./lyra179.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;

package/dist/lyra171.js

@@ -1,4 +1,121 @@
-const c = (a, t, m) => Math.min(Math.max(m, a), t);
+import { keyframes as y } from "./lyra172.js";
+import { spring as ee } from "./lyra173.js";
+import { inertia as T } from "./lyra174.js";
+import { frameloopDriver as te } from "./lyra175.js";
+import { interpolate as ie } from "./lyra176.js";
+import { clamp as ne } from "./lyra177.js";
+import { millisecondsToSeconds as A, secondsToMilliseconds as re } from "./lyra178.js";
+import { calcGeneratorDuration as X } from "./lyra179.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;
+}
 export {
-  c as clamp
+  he as animateValue
 };

package/dist/lyra172.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=o=>o*1e3,e=o=>o/1e3;exports.millisecondsToSeconds=e;exports.secondsToMilliseconds=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./lyra208.cjs"),g=require("./lyra256.cjs"),a=require("./lyra257.cjs"),p=require("./lyra176.cjs"),T=require("./lyra258.cjs"),d=require("./lyra259.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;