@new-black/lyra 0.0.18 → 0.0.22

package/dist/lyra190.js

@@ -1,17 +1,17 @@
-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()
-  };
+import { clamp as a } from "./lyra179.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 {
-  n as frameloopDriver
+  e as alpha,
+  r as number,
+  s as scale
 };

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 n=require("./lyra183.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/lyra191.js

@@ -1,43 +1,18 @@
-import { invariant as g } from "./lyra144.js";
-import { color as h } from "./lyra195.js";
-import { clamp as p } from "./lyra192.js";
-import { mix as y } from "./lyra214.js";
-import { mixColor as b } from "./lyra226.js";
-import { mixComplex as A, mixArray as M, mixObject as F } from "./lyra227.js";
-import { pipe as d } from "./lyra215.js";
-import { progress as j } from "./lyra216.js";
-import { noop as C } from "./lyra202.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);
-    }
-    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;
-}
+import { isString as n } from "./lyra183.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 {
-  D as interpolate
+  p as degrees,
+  r as percent,
+  i as progressPercentage,
+  a as px,
+  c as vh,
+  g as vw
 };

package/dist/lyra192.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 e=require("./lyra193.cjs"),t="framerAppearId",a="data-"+e.camelToDash(t);exports.optimizedAppearDataAttribute=a;exports.optimizedAppearDataId=t;

package/dist/lyra192.js

@@ -1,4 +1,6 @@
-const c = (a, t, m) => Math.min(Math.max(m, a), t);
+import { camelToDash as a } from "./lyra193.js";
+const t = "framerAppearId", e = "data-" + a(t);
 export {
-  c as clamp
+  e as optimizedAppearDataAttribute,
+  t as optimizedAppearDataId
 };

package/dist/lyra193.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 a=e=>e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase();exports.camelToDash=a;

package/dist/lyra193.js

@@ -1,5 +1,4 @@
-const s = (o) => o * 1e3, c = (o) => o / 1e3;
+const a = (e) => e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 export {
-  c as millisecondsToSeconds,
-  s as secondsToMilliseconds
+  a as camelToDash
 };

package/dist/lyra194.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=2e4;function a(n){let t=0;const o=50;let r=n.next(t);for(;!r.done&&t<e;)t+=o,r=n.next(t);return t>=e?1/0:t}exports.calcGeneratorDuration=a;exports.maxGeneratorDuration=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra200.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;

package/dist/lyra194.js

@@ -1,13 +1,9 @@
-const a = 2e4;
-function o(n) {
-  let t = 0;
-  const r = 50;
-  let e = n.next(t);
-  for (; !e.done && t < 2e4; )
-    t += r, e = n.next(t);
-  return t >= 2e4 ? 1 / 0 : t;
+import { velocityPerSecond as c } from "./lyra200.js";
+const n = 5;
+function i(t, o, r) {
+  const e = Math.max(o - n, 0);
+  return c(r - t(e), o - e);
 }
 export {
-  o as calcGeneratorDuration,
-  a as maxGeneratorDuration
+  i as calcGeneratorVelocity
 };

package/dist/lyra195.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra196.cjs"),s=require("./lyra197.cjs"),e=require("./lyra198.cjs"),t=require("./lyra199.cjs"),o={test:r=>t.rgba.test(r)||s.hex.test(r)||e.hsla.test(r),parse:r=>t.rgba.test(r)?t.rgba.parse(r):e.hsla.test(r)?e.hsla.parse(r):s.hex.parse(r),transform:r=>a.isString(r)?r:r.hasOwnProperty("red")?t.rgba.transform(r):e.hsla.transform(r)};exports.color=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("./lyra131.cjs"),u=require("./lyra179.cjs"),g=require("./lyra180.cjs"),M=.001,b=.01,x=10,S=.05,w=1;function N({duration:n=800,bounce:r=.25,velocity:c=0,mass:e=1}){let i,l;A.warning(n<=g.secondsToMilliseconds(x),"Spring duration must be 10 seconds or less");let s=1-r;s=u.clamp(S,w,s),n=u.clamp(b,x,g.millisecondsToSeconds(n)),s<1?(i=t=>{const a=t*s,o=a*n,p=a-c,f=D(t,s),m=Math.exp(-o);return M-p/f*m},l=t=>{const o=t*s*n,p=o*c+c,f=Math.pow(s,2)*Math.pow(t,2)*n,m=Math.exp(-o),q=D(Math.pow(t,2),s);return(-i(t)+M>0?-1:1)*((p-f)*m)/q}):(i=t=>{const a=Math.exp(-t*n),o=(t-c)*n+1;return-M+a*o},l=t=>{const a=Math.exp(-t*n),o=(c-t)*(n*n);return a*o});const T=5/n,h=v(i,l,T);if(n=g.secondsToMilliseconds(n),isNaN(h))return{stiffness:100,damping:10,duration:n};{const t=Math.pow(h,2)*e;return{stiffness:t,damping:s*2*Math.sqrt(e*t),duration:n}}}const j=12;function v(n,r,c){let e=c;for(let i=1;i<j;i++)e=e-n(e)/r(e);return e}function D(n,r){return n*Math.sqrt(1-r*r)}exports.calcAngularFreq=D;exports.findSpring=N;exports.maxDamping=w;exports.maxDuration=x;exports.minDamping=S;exports.minDuration=b;

package/dist/lyra195.js

@@ -1,12 +1,55 @@
-import { isString as o } from "./lyra196.js";
-import { hex as s } from "./lyra197.js";
-import { hsla as t } from "./lyra198.js";
-import { rgba as e } from "./lyra199.js";
-const f = {
-  test: (r) => e.test(r) || s.test(r) || t.test(r),
-  parse: (r) => e.test(r) ? e.parse(r) : t.test(r) ? t.parse(r) : s.parse(r),
-  transform: (r) => o(r) ? r : r.hasOwnProperty("red") ? e.transform(r) : t.transform(r)
-};
+import { warning as N } from "./lyra131.js";
+import { clamp as h } from "./lyra179.js";
+import { secondsToMilliseconds as g, millisecondsToSeconds as T } from "./lyra180.js";
+const M = 1e-3, A = 0.01, D = 10, G = 0.05, I = 1;
+function E({ duration: t = 800, bounce: i = 0.25, velocity: c = 0, mass: o = 1 }) {
+  let a, p;
+  N(t <= g(D), "Spring duration must be 10 seconds or less");
+  let s = 1 - i;
+  s = h(G, I, s), t = h(A, D, T(t)), s < 1 ? (a = (n) => {
+    const r = n * s, e = r * t, l = r - c, f = w(n, s), m = Math.exp(-e);
+    return M - l / f * m;
+  }, p = (n) => {
+    const e = n * s * t, l = e * c + c, f = Math.pow(s, 2) * Math.pow(n, 2) * t, m = Math.exp(-e), S = w(Math.pow(n, 2), s);
+    return (-a(n) + M > 0 ? -1 : 1) * ((l - f) * m) / S;
+  }) : (a = (n) => {
+    const r = Math.exp(-n * t), e = (n - c) * t + 1;
+    return -M + r * e;
+  }, p = (n) => {
+    const r = Math.exp(-n * t), e = (c - n) * (t * t);
+    return r * e;
+  });
+  const b = 5 / t, x = j(a, p, b);
+  if (t = g(t), isNaN(x))
+    return {
+      stiffness: 100,
+      damping: 10,
+      duration: t
+    };
+  {
+    const n = Math.pow(x, 2) * o;
+    return {
+      stiffness: n,
+      damping: s * 2 * Math.sqrt(o * n),
+      duration: t
+    };
+  }
+}
+const R = 12;
+function j(t, i, c) {
+  let o = c;
+  for (let a = 1; a < R; a++)
+    o = o - t(o) / i(o);
+  return o;
+}
+function w(t, i) {
+  return t * Math.sqrt(1 - i * i);
+}
 export {
-  f as color
+  w as calcAngularFreq,
+  E as findSpring,
+  I as maxDamping,
+  D as maxDuration,
+  G as minDamping,
+  A as minDuration
 };

package/dist/lyra196.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=e=>Math.round(e*1e5)/1e5,s=/(-)?([\d]*\.?[\d])+/g,t=/(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,g=/^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function i(e){return typeof e=="string"}exports.colorRegex=t;exports.floatRegex=s;exports.isString=i;exports.sanitize=o;exports.singleColorRegex=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra197.cjs"),r=require("./lyra198.cjs");class i{constructor(){this.children=[],this.isDirty=!1}add(e){t.addUniqueItem(this.children,e),this.isDirty=!0}remove(e){t.removeItem(this.children,e),this.isDirty=!0}forEach(e){this.isDirty&&this.children.sort(r.compareByDepth),this.isDirty=!1,this.children.forEach(e)}}exports.FlatTree=i;

package/dist/lyra196.js

@@ -1,11 +1,19 @@
-const o = (s) => Math.round(s * 1e5) / 1e5, t = /(-)?([\d]*\.?[\d])+/g, n = /(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi, e = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
-function g(s) {
-  return typeof s == "string";
+import { addUniqueItem as t, removeItem as r } from "./lyra197.js";
+import { compareByDepth as e } from "./lyra198.js";
+class c {
+  constructor() {
+    this.children = [], this.isDirty = !1;
+  }
+  add(i) {
+    t(this.children, i), this.isDirty = !0;
+  }
+  remove(i) {
+    r(this.children, i), this.isDirty = !0;
+  }
+  forEach(i) {
+    this.isDirty && this.children.sort(e), this.isDirty = !1, this.children.forEach(i);
+  }
 }
 export {
-  n as colorRegex,
-  t as floatRegex,
-  g as isString,
-  o as sanitize,
-  e as singleColorRegex
+  c as FlatTree
 };

package/dist/lyra197.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra199.cjs"),u=require("./lyra272.cjs");function g(r){let e="",s="",n="",t="";return r.length>5?(e=r.substring(1,3),s=r.substring(3,5),n=r.substring(5,7),t=r.substring(7,9)):(e=r.substring(1,2),s=r.substring(2,3),n=r.substring(3,4),t=r.substring(4,5),e+=e,s+=s,n+=n,t+=t),{red:parseInt(e,16),green:parseInt(s,16),blue:parseInt(n,16),alpha:t?parseInt(t,16)/255:1}}const a={test:u.isColorString("#"),parse:g,transform:i.rgba.transform};exports.hex=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e,i){e.indexOf(i)===-1&&e.push(i)}function d(e,i){const n=e.indexOf(i);n>-1&&e.splice(n,1)}exports.addUniqueItem=t;exports.removeItem=d;

package/dist/lyra197.js

@@ -1,19 +1,11 @@
-import { rgba as i } from "./lyra199.js";
-import { isColorString as g } from "./lyra272.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
-  };
+function f(e, n) {
+  e.indexOf(n) === -1 && e.push(n);
+}
+function d(e, n) {
+  const i = e.indexOf(n);
+  i > -1 && e.splice(i, 1);
 }
-const u = {
-  test: g("#"),
-  parse: a,
-  transform: i.transform
-};
 export {
-  u as hex
+  f as addUniqueItem,
+  d as removeItem
 };

package/dist/lyra198.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra203.cjs"),r=require("./lyra204.cjs"),t=require("./lyra196.cjs"),e=require("./lyra272.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=(e,t)=>e.depth-t.depth;exports.compareByDepth=o;

package/dist/lyra198.js

@@ -1,12 +1,4 @@
-import { alpha as n } from "./lyra203.js";
-import { percent as t } from "./lyra204.js";
-import { sanitize as r } from "./lyra196.js";
-import { isColorString as i, splitColor as e } from "./lyra272.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)) + ")"
-};
+const t = (e, p) => e.depth - p.depth;
 export {
-  u as hsla
+  t as compareByDepth
 };

package/dist/lyra199.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra192.cjs"),n=require("./lyra203.cjs"),l=require("./lyra196.cjs"),e=require("./lyra272.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={delta:0,timestamp:0,isProcessing:!1};exports.frameData=e;

package/dist/lyra199.js

@@ -1,16 +1,8 @@
-import { clamp as n } from "./lyra192.js";
-import { number as s, alpha as i } from "./lyra203.js";
-import { sanitize as p } from "./lyra196.js";
-import { isColorString as e, splitColor as f } from "./lyra272.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)) + ")"
+const a = {
+  delta: 0,
+  timestamp: 0,
+  isProcessing: !1
 };
 export {
-  o as rgbUnit,
-  h as rgba
+  a as frameData
 };

package/dist/lyra2.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra36.cjs"),p=require("react"),l=require("./lyra43.cjs"),g=require("./lyra86.cjs"),j=require("./lyra87.cjs"),A=require("./lyra45.cjs"),I=require("./lyra71.cjs"),P=require("./lyra88.cjs"),m=require("./lyra3.cjs"),E=require("./lyra28.cjs"),$=require("./lyra44.cjs"),f=require("./lyra37.cjs"),b=require("./lyra89.cjs"),w=require("./lyra79.cjs"),S=require("./lyra52.cjs");function _({className:r,disableAccordionContentPadding:u,itemClassName:c,...t},i){const e=g.useTreeState(t),d=p.useRef(null),a=l.useObjectRef(l.mergeRefs(i,d)),{accordionProps:s}=j.useAccordion(t,e,a);return o.jsxRuntimeExports.jsx("div",{...l.filterDOMProps(t),...s,ref:a,className:r,children:[...e.collection].map(n=>o.jsxRuntimeExports.jsx(M,{item:n,state:e,className:c,disableAccordionContentPadding:u},n.key))})}function M({className:r,disableAccordionContentPadding:u,...c}){const t=p.useRef(null),{state:i,item:e}=c,{buttonProps:d,regionProps:a}=j.useAccordionItem(c,i,t),s=i.expandedKeys.has(e.key),n=i.disabledKeys.has(e.key),{isHovered:y,hoverProps:R}=A.useHover({isDisabled:n}),{isFocusVisible:x,isFocused:h,focusProps:q}=$.useFocusRing(),v=r==null?void 0:r({isDisabled:n,isOpen:s,isHovered:y,isFocused:h,isFocusVisible:x});return o.jsxRuntimeExports.jsxs("div",{className:f.twMerge(m.accordionItemStyles({isFocusVisible:x,className:v})),children:[o.jsxRuntimeExports.jsxs("button",{...l.mergeProps(d,R,q),ref:t,className:f.twMerge(m.accordionItemButtonStyles({isOpen:s,isDisabled:n})),style:{fontFamily:"var(--accordion-title-font-family)"},children:[e.props.title,o.jsxRuntimeExports.jsx(E.SvgIcon,{name:"chevron-down",className:I.cx("transition duration-200 ease-in-out",s?"rotate-180":"rotate-0","w-4")})]}),o.jsxRuntimeExports.jsx(b.AnimatePresence,{initial:!1,children:s&&o.jsxRuntimeExports.jsx(w.motion.div,{...P.convertAriaToMotionProps(a),className:"overflow-clip",initial:"collapsed",animate:"open",exit:"collapsed",variants:{open:{opacity:1,height:"auto"},collapsed:{opacity:0,height:0}},transition:{duration:.3,ease:[.04,.62,.23,.98]},children:o.jsxRuntimeExports.jsx("div",{className:m.accordionItemContentStyles({disableAccordionContentPadding:u}),style:{fontFamily:"var(--accordion-content-font-family)"},children:e.props.children})})})]})}const F=p.forwardRef(_),N=S.Item;exports.Accordion=F;exports.AccordionItem=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra36.cjs"),e=require("react"),A=require("./lyra75.cjs"),g=require("./lyra3.cjs"),S=require("./lyra28.cjs"),E=require("./lyra73.cjs"),R=require("./lyra76.cjs"),C=require("./lyra44.cjs"),h=require("./lyra37.cjs"),P=require("./lyra77.cjs"),N=require("./lyra78.cjs"),w=e.createContext(void 0),F=({children:m,mode:l="multiple",className:u,...d},p)=>{const[t,s]=e.useState([]),f=e.useCallback(o=>{l==="single"?t.includes(o)?s([]):s([o]):t.includes(o)?s(t.filter(i=>i!==o)):s([...t,o])},[l,t]);return n.jsxRuntimeExports.jsx(w.Provider,{value:{toggleItemKey:f,openItemKeys:t},children:n.jsxRuntimeExports.jsx("div",{ref:p,className:E.cx("accordion flex flex-col",u),...d,children:m})})},M=({title:m,className:l,isDisabled:u,defaultOpen:d,children:p,disableAccordionContentPadding:t},s)=>{const{focusProps:f,isFocusVisible:o}=C.useFocusRing({within:!0}),{toggleItemKey:i,openItemKeys:j}=e.useContext(w),c=e.useId(),I=e.useId(),v=e.useId(),y=e.useRef(!1),x=e.useMemo(()=>j.includes(c),[c,j]);return e.useEffect(()=>{d&&!y.current&&(i(c),y.current=!0)},[c,d,i]),n.jsxRuntimeExports.jsxs("div",{className:h.twMerge(g.accordionItemStyles({isFocusVisible:o,className:l})),...f,ref:s,children:[n.jsxRuntimeExports.jsxs(A.Button,{id:I,isDisabled:u,className:h.twMerge(g.accordionItemButtonStyles({isOpen:x,isDisabled:u})),"aria-expanded":x,onPress:()=>i(c),onKeyDown:r=>{if(r.key==="ArrowDown"){r.preventDefault();const a=r.currentTarget.parentElement.nextElementSibling;a&&a.firstChild.focus()}else if(r.key==="ArrowUp"){r.preventDefault();const a=r.currentTarget.parentElement.previousElementSibling;a&&a.firstChild.focus()}},"aria-controls":v,children:[m,n.jsxRuntimeExports.jsx(S.SvgIcon,{name:"chevron-down",className:E.cx("transition duration-200 ease-in-out",x?"rotate-180":"rotate-0","w-4")})]}),n.jsxRuntimeExports.jsx(P.AnimatePresence,{initial:!1,children:x&&n.jsxRuntimeExports.jsx(N.motion.div,{id:v,className:"overflow-clip",initial:"collapsed",animate:"open",exit:"collapsed",variants:{open:{opacity:1,height:"auto"},collapsed:{opacity:0,height:0}},transition:{duration:.3,ease:[.04,.62,.23,.98]},role:"region","aria-labelledby":I,children:n.jsxRuntimeExports.jsx("div",{className:g.accordionItemContentStyles({disableAccordionContentPadding:t}),style:{fontFamily:"var(--accordion-content-font-family)"},children:p})})})]})},_=R.fixedForwardRef(F),$=R.fixedForwardRef(M);exports.Accordion=_;exports.AccordionItem=$;

package/dist/lyra2.js

@@ -1,82 +1,82 @@
-import { j as e } from "./lyra36.js";
-import { forwardRef as h, useRef as p } from "react";
-import { useObjectRef as v, mergeRefs as j, filterDOMProps as I, mergeProps as P } from "./lyra43.js";
-import { useTreeState as R } from "./lyra86.js";
-import { useAccordion as g, useAccordionItem as A } from "./lyra87.js";
-import { useHover as w } from "./lyra45.js";
-import { cx as F } from "./lyra71.js";
-import { convertAriaToMotionProps as S } from "./lyra88.js";
-import { accordionItemStyles as N, accordionItemButtonStyles as k, accordionItemContentStyles as M } from "./lyra3.js";
-import { SvgIcon as O } from "./lyra28.js";
-import { useFocusRing as C } from "./lyra44.js";
-import { twMerge as l } from "./lyra37.js";
-import { AnimatePresence as D } from "./lyra89.js";
-import { motion as H } from "./lyra79.js";
-import { Item as K } from "./lyra52.js";
-function T({
-  className: i,
-  disableAccordionContentPadding: d,
-  itemClassName: n,
-  ...t
-}, c) {
-  const o = R(t), f = p(null), a = v(j(c, f)), { accordionProps: r } = g(t, o, a);
-  return /* @__PURE__ */ e.jsx(
+import { j as t } from "./lyra36.js";
+import { createContext as S, useState as E, useCallback as N, useContext as P, useId as x, useRef as $, useMemo as R, useEffect as F } from "react";
+import { Button as k } from "./lyra75.js";
+import { accordionItemStyles as D, accordionItemButtonStyles as B, accordionItemContentStyles as K } from "./lyra3.js";
+import { SvgIcon as M } from "./lyra28.js";
+import { cx as y } from "./lyra73.js";
+import { fixedForwardRef as j } from "./lyra76.js";
+import { useFocusRing as T } from "./lyra44.js";
+import { twMerge as h } from "./lyra37.js";
+import { AnimatePresence as _ } from "./lyra77.js";
+import { motion as z } from "./lyra78.js";
+const w = S(
+  void 0
+), O = ({ children: m, mode: a = "multiple", className: l, ...f }, p) => {
+  const [e, n] = E([]), u = N(
+    (o) => {
+      a === "single" ? e.includes(o) ? n([]) : n([o]) : e.includes(o) ? n(e.filter((s) => s !== o)) : n([...e, o]);
+    },
+    [a, e]
+  );
+  return /* @__PURE__ */ t.jsx(w.Provider, { value: { toggleItemKey: u, openItemKeys: e }, children: /* @__PURE__ */ t.jsx(
     "div",
     {
-      ...I(t),
-      ...r,
-      ref: a,
-      className: i,
-      children: [...o.collection].map((s) => /* @__PURE__ */ e.jsx(
-        B,
-        {
-          item: s,
-          state: o,
-          className: n,
-          disableAccordionContentPadding: d
-        },
-        s.key
-      ))
+      ref: p,
+      className: y("accordion flex flex-col", l),
+      ...f,
+      children: m
     }
+  ) });
+}, U = ({
+  title: m,
+  className: a,
+  isDisabled: l,
+  defaultOpen: f,
+  children: p,
+  disableAccordionContentPadding: e
+}, n) => {
+  const { focusProps: u, isFocusVisible: o } = T({ within: !0 }), { toggleItemKey: s, openItemKeys: v } = P(w), i = x(), b = x(), g = x(), I = $(!1), d = R(
+    () => v.includes(i),
+    [i, v]
   );
-}
-function B({
-  className: i,
-  disableAccordionContentPadding: d,
-  ...n
-}) {
-  const t = p(null), { state: c, item: o } = n, { buttonProps: f, regionProps: a } = A(n, c, t), r = c.expandedKeys.has(o.key), s = c.disabledKeys.has(o.key), { isHovered: $, hoverProps: u } = w({ isDisabled: s }), { isFocusVisible: m, isFocused: x, focusProps: b } = C(), y = i == null ? void 0 : i({
-    isDisabled: s,
-    isOpen: r,
-    isHovered: $,
-    isFocused: x,
-    isFocusVisible: m
-  });
-  return /* @__PURE__ */ e.jsxs(
+  return F(() => {
+    f && !I.current && (s(i), I.current = !0);
+  }, [i, f, s]), /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: l(
-        N({ isFocusVisible: m, className: y })
-      ),
+      className: h(D({ isFocusVisible: o, className: a })),
+      ...u,
+      ref: n,
       children: [
-        /* @__PURE__ */ e.jsxs(
-          "button",
+        /* @__PURE__ */ t.jsxs(
+          k,
           {
-            ...P(f, u, b),
-            ref: t,
-            className: l(k({ isOpen: r, isDisabled: s })),
-            style: {
-              fontFamily: "var(--accordion-title-font-family)"
+            id: b,
+            isDisabled: l,
+            className: h(B({ isOpen: d, isDisabled: l })),
+            "aria-expanded": d,
+            onPress: () => s(i),
+            onKeyDown: (r) => {
+              if (r.key === "ArrowDown") {
+                r.preventDefault();
+                const c = r.currentTarget.parentElement.nextElementSibling;
+                c && c.firstChild.focus();
+              } else if (r.key === "ArrowUp") {
+                r.preventDefault();
+                const c = r.currentTarget.parentElement.previousElementSibling;
+                c && c.firstChild.focus();
+              }
             },
+            "aria-controls": g,
             children: [
-              o.props.title,
-              /* @__PURE__ */ e.jsx(
-                O,
+              m,
+              /* @__PURE__ */ t.jsx(
+                M,
                 {
                   name: "chevron-down",
-                  className: F(
+                  className: y(
                     "transition duration-200 ease-in-out",
-                    r ? "rotate-180" : "rotate-0",
+                    d ? "rotate-180" : "rotate-0",
                     "w-4"
                   )
                 }
@@ -84,10 +84,10 @@ function B({
             ]
           }
         ),
-        /* @__PURE__ */ e.jsx(D, { initial: !1, children: r && /* @__PURE__ */ e.jsx(
-          H.div,
+        /* @__PURE__ */ t.jsx(_, { initial: !1, children: d && /* @__PURE__ */ t.jsx(
+          z.div,
           {
-            ...S(a),
+            id: g,
             className: "overflow-clip",
             initial: "collapsed",
             animate: "open",
@@ -97,16 +97,18 @@ function B({
               collapsed: { opacity: 0, height: 0 }
             },
             transition: { duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] },
-            children: /* @__PURE__ */ e.jsx(
+            role: "region",
+            "aria-labelledby": b,
+            children: /* @__PURE__ */ t.jsx(
               "div",
               {
-                className: M({
-                  disableAccordionContentPadding: d
+                className: K({
+                  disableAccordionContentPadding: e
                 }),
                 style: {
                   fontFamily: "var(--accordion-content-font-family)"
                 },
-                children: o.props.children
+                children: p
               }
             )
           }
@@ -114,9 +116,8 @@ function B({
       ]
     }
   );
-}
-const eo = h(T), to = K;
+}, ee = j(O), te = j(U);
 export {
-  eo as Accordion,
-  to as AccordionItem
+  ee as Accordion,
+  te as AccordionItem
 };

package/dist/lyra20.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra36.cjs"),r=require("react"),n=require("./lyra74.cjs"),p=require("./lyra29.cjs"),a=require("./lyra21.cjs"),B=require("./lyra28.cjs"),m=require("./lyra37.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra36.cjs"),r=require("react"),n=require("./lyra75.cjs"),p=require("./lyra29.cjs"),a=require("./lyra21.cjs"),B=require("./lyra28.cjs"),m=require("./lyra37.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/lyra20.js

@@ -1,6 +1,6 @@
 import { j as t } from "./lyra36.js";
 import { forwardRef as i } from "react";
-import { ListBox as l, Item as d, Header as p, Section as j } from "./lyra74.js";
+import { ListBox as l, Item as d, Header as p, Section as j } from "./lyra75.js";
 import { Text as $ } from "./lyra29.js";
 import { listBoxStyles as u, listBoxItemStyles as B, listBoxHeaderStyles as S } from "./lyra21.js";
 import { SvgIcon as N } from "./lyra28.js";

package/dist/lyra200.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./lyra201.cjs"),V=require("./lyra202.cjs"),p=require("./lyra195.cjs"),h=require("./lyra203.cjs"),s=require("./lyra196.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(t,e){return e?t*(1e3/e):0}exports.velocityPerSecond=o;