@new-black/lyra 0.1.6 → 0.1.8

package/dist/lyra235.js

@@ -1,4 +1,55 @@
-const e = (t) => /^0[^.\s]+$/.test(t);
+import { warning as N } from "./lyra171.js";
+import { clamp as h } from "./lyra219.js";
+import { secondsToMilliseconds as g, millisecondsToSeconds as T } from "./lyra220.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 {
-  e as isZeroValueString
+  w as calcAngularFreq,
+  E as findSpring,
+  I as maxDamping,
+  D as maxDuration,
+  G as minDamping,
+  A as minDuration
 };

package/dist/lyra235.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra235.js","sources":["../node_modules/framer-motion/dist/es/utils/is-zero-value-string.mjs"],"sourcesContent":["/**\n * Check if the value is a zero value string like \"0px\" or \"0%\"\n */\nconst isZeroValueString = (v) => /^0[^.\\s]+$/.test(v);\n\nexport { isZeroValueString };\n"],"names":["isZeroValueString","v"],"mappings":"AAGK,MAACA,IAAoB,CAACC,MAAM,aAAa,KAAKA,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra235.js","sources":["../node_modules/framer-motion/dist/es/animation/generators/spring/find.mjs"],"sourcesContent":["import { warning } from '../../../utils/errors.mjs';\nimport { clamp } from '../../../utils/clamp.mjs';\nimport { secondsToMilliseconds, millisecondsToSeconds } from '../../../utils/time-conversion.mjs';\n\nconst safeMin = 0.001;\nconst minDuration = 0.01;\nconst maxDuration = 10.0;\nconst minDamping = 0.05;\nconst maxDamping = 1;\nfunction findSpring({ duration = 800, bounce = 0.25, velocity = 0, mass = 1, }) {\n    let envelope;\n    let derivative;\n    warning(duration <= secondsToMilliseconds(maxDuration), \"Spring duration must be 10 seconds or less\");\n    let dampingRatio = 1 - bounce;\n    /**\n     * Restrict dampingRatio and duration to within acceptable ranges.\n     */\n    dampingRatio = clamp(minDamping, maxDamping, dampingRatio);\n    duration = clamp(minDuration, maxDuration, millisecondsToSeconds(duration));\n    if (dampingRatio < 1) {\n        /**\n         * Underdamped spring\n         */\n        envelope = (undampedFreq) => {\n            const exponentialDecay = undampedFreq * dampingRatio;\n            const delta = exponentialDecay * duration;\n            const a = exponentialDecay - velocity;\n            const b = calcAngularFreq(undampedFreq, dampingRatio);\n            const c = Math.exp(-delta);\n            return safeMin - (a / b) * c;\n        };\n        derivative = (undampedFreq) => {\n            const exponentialDecay = undampedFreq * dampingRatio;\n            const delta = exponentialDecay * duration;\n            const d = delta * velocity + velocity;\n            const e = Math.pow(dampingRatio, 2) * Math.pow(undampedFreq, 2) * duration;\n            const f = Math.exp(-delta);\n            const g = calcAngularFreq(Math.pow(undampedFreq, 2), dampingRatio);\n            const factor = -envelope(undampedFreq) + safeMin > 0 ? -1 : 1;\n            return (factor * ((d - e) * f)) / g;\n        };\n    }\n    else {\n        /**\n         * Critically-damped spring\n         */\n        envelope = (undampedFreq) => {\n            const a = Math.exp(-undampedFreq * duration);\n            const b = (undampedFreq - velocity) * duration + 1;\n            return -safeMin + a * b;\n        };\n        derivative = (undampedFreq) => {\n            const a = Math.exp(-undampedFreq * duration);\n            const b = (velocity - undampedFreq) * (duration * duration);\n            return a * b;\n        };\n    }\n    const initialGuess = 5 / duration;\n    const undampedFreq = approximateRoot(envelope, derivative, initialGuess);\n    duration = secondsToMilliseconds(duration);\n    if (isNaN(undampedFreq)) {\n        return {\n            stiffness: 100,\n            damping: 10,\n            duration,\n        };\n    }\n    else {\n        const stiffness = Math.pow(undampedFreq, 2) * mass;\n        return {\n            stiffness,\n            damping: dampingRatio * 2 * Math.sqrt(mass * stiffness),\n            duration,\n        };\n    }\n}\nconst rootIterations = 12;\nfunction approximateRoot(envelope, derivative, initialGuess) {\n    let result = initialGuess;\n    for (let i = 1; i < rootIterations; i++) {\n        result = result - envelope(result) / derivative(result);\n    }\n    return result;\n}\nfunction calcAngularFreq(undampedFreq, dampingRatio) {\n    return undampedFreq * Math.sqrt(1 - dampingRatio * dampingRatio);\n}\n\nexport { calcAngularFreq, findSpring, maxDamping, maxDuration, minDamping, minDuration };\n"],"names":["safeMin","minDuration","maxDuration","minDamping","maxDamping","findSpring","duration","bounce","velocity","mass","envelope","derivative","warning","secondsToMilliseconds","dampingRatio","clamp","millisecondsToSeconds","undampedFreq","exponentialDecay","delta","a","b","calcAngularFreq","c","d","e","f","g","initialGuess","approximateRoot","stiffness","rootIterations","result","i"],"mappings":";;;AAIA,MAAMA,IAAU,MACVC,IAAc,MACdC,IAAc,IACdC,IAAa,MACbC,IAAa;AACnB,SAASC,EAAW,EAAE,UAAAC,IAAW,KAAK,QAAAC,IAAS,MAAM,UAAAC,IAAW,GAAG,MAAAC,IAAO,KAAM;AAC5E,MAAIC,GACAC;AACJ,EAAAC,EAAQN,KAAYO,EAAsBX,CAAW,GAAG,4CAA4C;AACpG,MAAIY,IAAe,IAAIP;AAIvB,EAAAO,IAAeC,EAAMZ,GAAYC,GAAYU,CAAY,GACzDR,IAAWS,EAAMd,GAAaC,GAAac,EAAsBV,CAAQ,CAAC,GACtEQ,IAAe,KAIfJ,IAAW,CAACO,MAAiB;AACzB,UAAMC,IAAmBD,IAAeH,GAClCK,IAAQD,IAAmBZ,GAC3Bc,IAAIF,IAAmBV,GACvBa,IAAIC,EAAgBL,GAAcH,CAAY,GAC9CS,IAAI,KAAK,IAAI,CAACJ,CAAK;AACzB,WAAOnB,IAAWoB,IAAIC,IAAKE;AAAA,EACvC,GACQZ,IAAa,CAACM,MAAiB;AAE3B,UAAME,IADmBF,IAAeH,IACPR,GAC3BkB,IAAIL,IAAQX,IAAWA,GACvBiB,IAAI,KAAK,IAAIX,GAAc,CAAC,IAAI,KAAK,IAAIG,GAAc,CAAC,IAAIX,GAC5DoB,IAAI,KAAK,IAAI,CAACP,CAAK,GACnBQ,IAAIL,EAAgB,KAAK,IAAIL,GAAc,CAAC,GAAGH,CAAY;AAEjE,YADe,CAACJ,EAASO,CAAY,IAAIjB,IAAU,IAAI,KAAK,OACzCwB,IAAIC,KAAKC,KAAMC;AAAA,EAC9C,MAMQjB,IAAW,CAACO,MAAiB;AACzB,UAAMG,IAAI,KAAK,IAAI,CAACH,IAAeX,CAAQ,GACrCe,KAAKJ,IAAeT,KAAYF,IAAW;AACjD,WAAO,CAACN,IAAUoB,IAAIC;AAAA,EAClC,GACQV,IAAa,CAACM,MAAiB;AAC3B,UAAMG,IAAI,KAAK,IAAI,CAACH,IAAeX,CAAQ,GACrCe,KAAKb,IAAWS,MAAiBX,IAAWA;AAClD,WAAOc,IAAIC;AAAA,EACvB;AAEI,QAAMO,IAAe,IAAItB,GACnBW,IAAeY,EAAgBnB,GAAUC,GAAYiB,CAAY;AAEvE,MADAtB,IAAWO,EAAsBP,CAAQ,GACrC,MAAMW,CAAY;AAClB,WAAO;AAAA,MACH,WAAW;AAAA,MACX,SAAS;AAAA,MACT,UAAAX;AAAA,IACZ;AAES;AACD,UAAMwB,IAAY,KAAK,IAAIb,GAAc,CAAC,IAAIR;AAC9C,WAAO;AAAA,MACH,WAAAqB;AAAA,MACA,SAAShB,IAAe,IAAI,KAAK,KAAKL,IAAOqB,CAAS;AAAA,MACtD,UAAAxB;AAAA,IACZ;AAAA,EACK;AACL;AACA,MAAMyB,IAAiB;AACvB,SAASF,EAAgBnB,GAAUC,GAAYiB,GAAc;AACzD,MAAII,IAASJ;AACb,WAASK,IAAI,GAAGA,IAAIF,GAAgBE;AAChC,IAAAD,IAASA,IAAStB,EAASsB,CAAM,IAAIrB,EAAWqB,CAAM;AAE1D,SAAOA;AACX;AACA,SAASV,EAAgBL,GAAcH,GAAc;AACjD,SAAOG,IAAe,KAAK,KAAK,IAAIH,IAAeA,CAAY;AACnE;","x_google_ignoreList":[0]}

package/dist/lyra236.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra203.cjs"),l=require("./lyra293.cjs"),a=require("./lyra294.cjs");function r(t,n){let e=a.getDefaultValueType(t);return e!==l.filter&&(e=i.complex),e.getAnimatableNone?e.getAnimatableNone(n):void 0}exports.getAnimatableNone=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra237.cjs"),r=require("./lyra238.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/lyra236.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra236.cjs","sources":["../node_modules/framer-motion/dist/es/render/dom/value-types/animatable-none.mjs"],"sourcesContent":["import { complex } from '../../../value/types/complex/index.mjs';\nimport { filter } from '../../../value/types/complex/filter.mjs';\nimport { getDefaultValueType } from './defaults.mjs';\n\nfunction getAnimatableNone(key, value) {\n    let defaultValueType = getDefaultValueType(key);\n    if (defaultValueType !== filter)\n        defaultValueType = complex;\n    // If value is not recognised as animatable, ie \"none\", create an animatable version origin based on the target\n    return defaultValueType.getAnimatableNone\n        ? defaultValueType.getAnimatableNone(value)\n        : undefined;\n}\n\nexport { getAnimatableNone };\n"],"names":["getAnimatableNone","key","value","defaultValueType","getDefaultValueType","filter","complex"],"mappings":"uKAIA,SAASA,EAAkBC,EAAKC,EAAO,CACnC,IAAIC,EAAmBC,sBAAoBH,CAAG,EAC9C,OAAIE,IAAqBE,EAAM,SAC3BF,EAAmBG,EAAAA,SAEhBH,EAAiB,kBAClBA,EAAiB,kBAAkBD,CAAK,EACxC,MACV","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra236.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/flat-tree.mjs"],"sourcesContent":["import { addUniqueItem, removeItem } from '../../utils/array.mjs';\nimport { compareByDepth } from './compare-by-depth.mjs';\n\nclass FlatTree {\n    constructor() {\n        this.children = [];\n        this.isDirty = false;\n    }\n    add(child) {\n        addUniqueItem(this.children, child);\n        this.isDirty = true;\n    }\n    remove(child) {\n        removeItem(this.children, child);\n        this.isDirty = true;\n    }\n    forEach(callback) {\n        this.isDirty && this.children.sort(compareByDepth);\n        this.isDirty = false;\n        this.children.forEach(callback);\n    }\n}\n\nexport { FlatTree };\n"],"names":["FlatTree","child","addUniqueItem","removeItem","callback","compareByDepth"],"mappings":"4IAGA,MAAMA,CAAS,CACX,aAAc,CACV,KAAK,SAAW,GAChB,KAAK,QAAU,EAClB,CACD,IAAIC,EAAO,CACPC,EAAAA,cAAc,KAAK,SAAUD,CAAK,EAClC,KAAK,QAAU,EAClB,CACD,OAAOA,EAAO,CACVE,EAAAA,WAAW,KAAK,SAAUF,CAAK,EAC/B,KAAK,QAAU,EAClB,CACD,QAAQG,EAAU,CACd,KAAK,SAAW,KAAK,SAAS,KAAKC,EAAc,cAAA,EACjD,KAAK,QAAU,GACf,KAAK,SAAS,QAAQD,CAAQ,CACjC,CACL","x_google_ignoreList":[0]}

package/dist/lyra236.js

@@ -1,10 +1,19 @@
-import { complex as n } from "./lyra203.js";
-import { filter as a } from "./lyra293.js";
-import { getDefaultValueType as i } from "./lyra294.js";
-function f(t, o) {
-  let e = i(t);
-  return e !== a && (e = n), e.getAnimatableNone ? e.getAnimatableNone(o) : void 0;
+import { addUniqueItem as t, removeItem as r } from "./lyra237.js";
+import { compareByDepth as e } from "./lyra238.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 {
-  f as getAnimatableNone
+  c as FlatTree
 };

package/dist/lyra236.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra236.js","sources":["../node_modules/framer-motion/dist/es/render/dom/value-types/animatable-none.mjs"],"sourcesContent":["import { complex } from '../../../value/types/complex/index.mjs';\nimport { filter } from '../../../value/types/complex/filter.mjs';\nimport { getDefaultValueType } from './defaults.mjs';\n\nfunction getAnimatableNone(key, value) {\n    let defaultValueType = getDefaultValueType(key);\n    if (defaultValueType !== filter)\n        defaultValueType = complex;\n    // If value is not recognised as animatable, ie \"none\", create an animatable version origin based on the target\n    return defaultValueType.getAnimatableNone\n        ? defaultValueType.getAnimatableNone(value)\n        : undefined;\n}\n\nexport { getAnimatableNone };\n"],"names":["getAnimatableNone","key","value","defaultValueType","getDefaultValueType","filter","complex"],"mappings":";;;AAIA,SAASA,EAAkBC,GAAKC,GAAO;AACnC,MAAIC,IAAmBC,EAAoBH,CAAG;AAC9C,SAAIE,MAAqBE,MACrBF,IAAmBG,IAEhBH,EAAiB,oBAClBA,EAAiB,kBAAkBD,CAAK,IACxC;AACV;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra236.js","sources":["../node_modules/framer-motion/dist/es/render/utils/flat-tree.mjs"],"sourcesContent":["import { addUniqueItem, removeItem } from '../../utils/array.mjs';\nimport { compareByDepth } from './compare-by-depth.mjs';\n\nclass FlatTree {\n    constructor() {\n        this.children = [];\n        this.isDirty = false;\n    }\n    add(child) {\n        addUniqueItem(this.children, child);\n        this.isDirty = true;\n    }\n    remove(child) {\n        removeItem(this.children, child);\n        this.isDirty = true;\n    }\n    forEach(callback) {\n        this.isDirty && this.children.sort(compareByDepth);\n        this.isDirty = false;\n        this.children.forEach(callback);\n    }\n}\n\nexport { FlatTree };\n"],"names":["FlatTree","child","addUniqueItem","removeItem","callback","compareByDepth"],"mappings":";;AAGA,MAAMA,EAAS;AAAA,EACX,cAAc;AACV,SAAK,WAAW,IAChB,KAAK,UAAU;AAAA,EAClB;AAAA,EACD,IAAIC,GAAO;AACP,IAAAC,EAAc,KAAK,UAAUD,CAAK,GAClC,KAAK,UAAU;AAAA,EAClB;AAAA,EACD,OAAOA,GAAO;AACV,IAAAE,EAAW,KAAK,UAAUF,CAAK,GAC/B,KAAK,UAAU;AAAA,EAClB;AAAA,EACD,QAAQG,GAAU;AACd,SAAK,WAAW,KAAK,SAAS,KAAKC,CAAc,GACjD,KAAK,UAAU,IACf,KAAK,SAAS,QAAQD,CAAQ;AAAA,EACjC;AACL;","x_google_ignoreList":[0]}

package/dist/lyra237.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra198.cjs"),i=require("./lyra203.cjs"),t=require("./lyra295.cjs"),o=require("./lyra296.cjs"),s=[...t.dimensionValueTypes,n.color,i.complex],r=e=>s.find(o.testValueType(e));exports.findValueType=r;
+"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/lyra237.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra237.cjs","sources":["../node_modules/framer-motion/dist/es/render/dom/value-types/find.mjs"],"sourcesContent":["import { color } from '../../../value/types/color/index.mjs';\nimport { complex } from '../../../value/types/complex/index.mjs';\nimport { dimensionValueTypes } from './dimensions.mjs';\nimport { testValueType } from './test.mjs';\n\n/**\n * A list of all ValueTypes\n */\nconst valueTypes = [...dimensionValueTypes, color, complex];\n/**\n * Tests a value against the list of ValueTypes\n */\nconst findValueType = (v) => valueTypes.find(testValueType(v));\n\nexport { findValueType };\n"],"names":["valueTypes","dimensionValueTypes","color","complex","findValueType","v","testValueType"],"mappings":"kMAQMA,EAAa,CAAC,GAAGC,EAAAA,oBAAqBC,EAAK,MAAEC,EAAO,OAAA,EAIpDC,EAAiBC,GAAML,EAAW,KAAKM,EAAAA,cAAcD,CAAC,CAAC","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra237.cjs","sources":["../node_modules/framer-motion/dist/es/utils/array.mjs"],"sourcesContent":["function addUniqueItem(arr, item) {\n    if (arr.indexOf(item) === -1)\n        arr.push(item);\n}\nfunction removeItem(arr, item) {\n    const index = arr.indexOf(item);\n    if (index > -1)\n        arr.splice(index, 1);\n}\n// Adapted from array-move\nfunction moveItem([...arr], fromIndex, toIndex) {\n    const startIndex = fromIndex < 0 ? arr.length + fromIndex : fromIndex;\n    if (startIndex >= 0 && startIndex < arr.length) {\n        const endIndex = toIndex < 0 ? arr.length + toIndex : toIndex;\n        const [item] = arr.splice(fromIndex, 1);\n        arr.splice(endIndex, 0, item);\n    }\n    return arr;\n}\n\nexport { addUniqueItem, moveItem, removeItem };\n"],"names":["addUniqueItem","arr","item","removeItem","index"],"mappings":"gFAAA,SAASA,EAAcC,EAAKC,EAAM,CAC1BD,EAAI,QAAQC,CAAI,IAAM,IACtBD,EAAI,KAAKC,CAAI,CACrB,CACA,SAASC,EAAWF,EAAKC,EAAM,CAC3B,MAAME,EAAQH,EAAI,QAAQC,CAAI,EAC1BE,EAAQ,IACRH,EAAI,OAAOG,EAAO,CAAC,CAC3B","x_google_ignoreList":[0]}

package/dist/lyra237.js

@@ -1,8 +1,11 @@
-import { color as e } from "./lyra198.js";
-import { complex as m } from "./lyra203.js";
-import { dimensionValueTypes as p } from "./lyra295.js";
-import { testValueType as r } from "./lyra296.js";
-const t = [...p, e, m], s = (o) => t.find(r(o));
+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);
+}
 export {
-  s as findValueType
+  f as addUniqueItem,
+  d as removeItem
 };

package/dist/lyra237.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra237.js","sources":["../node_modules/framer-motion/dist/es/render/dom/value-types/find.mjs"],"sourcesContent":["import { color } from '../../../value/types/color/index.mjs';\nimport { complex } from '../../../value/types/complex/index.mjs';\nimport { dimensionValueTypes } from './dimensions.mjs';\nimport { testValueType } from './test.mjs';\n\n/**\n * A list of all ValueTypes\n */\nconst valueTypes = [...dimensionValueTypes, color, complex];\n/**\n * Tests a value against the list of ValueTypes\n */\nconst findValueType = (v) => valueTypes.find(testValueType(v));\n\nexport { findValueType };\n"],"names":["valueTypes","dimensionValueTypes","color","complex","findValueType","v","testValueType"],"mappings":";;;;AAQA,MAAMA,IAAa,CAAC,GAAGC,GAAqBC,GAAOC,CAAO,GAIpDC,IAAgB,CAACC,MAAML,EAAW,KAAKM,EAAcD,CAAC,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra237.js","sources":["../node_modules/framer-motion/dist/es/utils/array.mjs"],"sourcesContent":["function addUniqueItem(arr, item) {\n    if (arr.indexOf(item) === -1)\n        arr.push(item);\n}\nfunction removeItem(arr, item) {\n    const index = arr.indexOf(item);\n    if (index > -1)\n        arr.splice(index, 1);\n}\n// Adapted from array-move\nfunction moveItem([...arr], fromIndex, toIndex) {\n    const startIndex = fromIndex < 0 ? arr.length + fromIndex : fromIndex;\n    if (startIndex >= 0 && startIndex < arr.length) {\n        const endIndex = toIndex < 0 ? arr.length + toIndex : toIndex;\n        const [item] = arr.splice(fromIndex, 1);\n        arr.splice(endIndex, 0, item);\n    }\n    return arr;\n}\n\nexport { addUniqueItem, moveItem, removeItem };\n"],"names":["addUniqueItem","arr","item","removeItem","index"],"mappings":"AAAA,SAASA,EAAcC,GAAKC,GAAM;AAC9B,EAAID,EAAI,QAAQC,CAAI,MAAM,MACtBD,EAAI,KAAKC,CAAI;AACrB;AACA,SAASC,EAAWF,GAAKC,GAAM;AAC3B,QAAME,IAAQH,EAAI,QAAQC,CAAI;AAC9B,EAAIE,IAAQ,MACRH,EAAI,OAAOG,GAAO,CAAC;AAC3B;","x_google_ignoreList":[0]}

package/dist/lyra238.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra216.cjs");function x(i){return i.max-i.min}function a(i,n=0,c=.01){return Math.abs(i-n)<=c}function s(i,n,c,o=.5){i.origin=o,i.originPoint=e.mix(n.min,n.max,i.origin),i.scale=x(c)/x(n),(a(i.scale,1,1e-4)||isNaN(i.scale))&&(i.scale=1),i.translate=e.mix(c.min,c.max,i.origin)-i.originPoint,(a(i.translate)||isNaN(i.translate))&&(i.translate=0)}function f(i,n,c,o){s(i.x,n.x,c.x,o?o.originX:void 0),s(i.y,n.y,c.y,o?o.originY:void 0)}function l(i,n,c){i.min=c.min+n.min,i.max=i.min+x(n)}function u(i,n,c){l(i.x,n.x,c.x),l(i.y,n.y,c.y)}function m(i,n,c){i.min=n.min-c.min,i.max=i.min+x(n)}function t(i,n,c){m(i.x,n.x,c.x),m(i.y,n.y,c.y)}exports.calcAxisDelta=s;exports.calcBoxDelta=f;exports.calcLength=x;exports.calcRelativeAxis=l;exports.calcRelativeAxisPosition=m;exports.calcRelativeBox=u;exports.calcRelativePosition=t;exports.isNear=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=(e,t)=>e.depth-t.depth;exports.compareByDepth=o;

package/dist/lyra238.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra238.cjs","sources":["../node_modules/framer-motion/dist/es/projection/geometry/delta-calc.mjs"],"sourcesContent":["import { mix } from '../../utils/mix.mjs';\n\nfunction calcLength(axis) {\n    return axis.max - axis.min;\n}\nfunction isNear(value, target = 0, maxDistance = 0.01) {\n    return Math.abs(value - target) <= maxDistance;\n}\nfunction calcAxisDelta(delta, source, target, origin = 0.5) {\n    delta.origin = origin;\n    delta.originPoint = mix(source.min, source.max, delta.origin);\n    delta.scale = calcLength(target) / calcLength(source);\n    if (isNear(delta.scale, 1, 0.0001) || isNaN(delta.scale))\n        delta.scale = 1;\n    delta.translate =\n        mix(target.min, target.max, delta.origin) - delta.originPoint;\n    if (isNear(delta.translate) || isNaN(delta.translate))\n        delta.translate = 0;\n}\nfunction calcBoxDelta(delta, source, target, origin) {\n    calcAxisDelta(delta.x, source.x, target.x, origin ? origin.originX : undefined);\n    calcAxisDelta(delta.y, source.y, target.y, origin ? origin.originY : undefined);\n}\nfunction calcRelativeAxis(target, relative, parent) {\n    target.min = parent.min + relative.min;\n    target.max = target.min + calcLength(relative);\n}\nfunction calcRelativeBox(target, relative, parent) {\n    calcRelativeAxis(target.x, relative.x, parent.x);\n    calcRelativeAxis(target.y, relative.y, parent.y);\n}\nfunction calcRelativeAxisPosition(target, layout, parent) {\n    target.min = layout.min - parent.min;\n    target.max = target.min + calcLength(layout);\n}\nfunction calcRelativePosition(target, layout, parent) {\n    calcRelativeAxisPosition(target.x, layout.x, parent.x);\n    calcRelativeAxisPosition(target.y, layout.y, parent.y);\n}\n\nexport { calcAxisDelta, calcBoxDelta, calcLength, calcRelativeAxis, calcRelativeAxisPosition, calcRelativeBox, calcRelativePosition, isNear };\n"],"names":["calcLength","axis","isNear","value","target","maxDistance","calcAxisDelta","delta","source","origin","mix","calcBoxDelta","calcRelativeAxis","relative","parent","calcRelativeBox","calcRelativeAxisPosition","layout","calcRelativePosition"],"mappings":"iHAEA,SAASA,EAAWC,EAAM,CACtB,OAAOA,EAAK,IAAMA,EAAK,GAC3B,CACA,SAASC,EAAOC,EAAOC,EAAS,EAAGC,EAAc,IAAM,CACnD,OAAO,KAAK,IAAIF,EAAQC,CAAM,GAAKC,CACvC,CACA,SAASC,EAAcC,EAAOC,EAAQJ,EAAQK,EAAS,GAAK,CACxDF,EAAM,OAASE,EACfF,EAAM,YAAcG,EAAG,IAACF,EAAO,IAAKA,EAAO,IAAKD,EAAM,MAAM,EAC5DA,EAAM,MAAQP,EAAWI,CAAM,EAAIJ,EAAWQ,CAAM,GAChDN,EAAOK,EAAM,MAAO,EAAG,IAAM,GAAK,MAAMA,EAAM,KAAK,KACnDA,EAAM,MAAQ,GAClBA,EAAM,UACFG,MAAIN,EAAO,IAAKA,EAAO,IAAKG,EAAM,MAAM,EAAIA,EAAM,aAClDL,EAAOK,EAAM,SAAS,GAAK,MAAMA,EAAM,SAAS,KAChDA,EAAM,UAAY,EAC1B,CACA,SAASI,EAAaJ,EAAOC,EAAQJ,EAAQK,EAAQ,CACjDH,EAAcC,EAAM,EAAGC,EAAO,EAAGJ,EAAO,EAAGK,EAASA,EAAO,QAAU,MAAS,EAC9EH,EAAcC,EAAM,EAAGC,EAAO,EAAGJ,EAAO,EAAGK,EAASA,EAAO,QAAU,MAAS,CAClF,CACA,SAASG,EAAiBR,EAAQS,EAAUC,EAAQ,CAChDV,EAAO,IAAMU,EAAO,IAAMD,EAAS,IACnCT,EAAO,IAAMA,EAAO,IAAMJ,EAAWa,CAAQ,CACjD,CACA,SAASE,EAAgBX,EAAQS,EAAUC,EAAQ,CAC/CF,EAAiBR,EAAO,EAAGS,EAAS,EAAGC,EAAO,CAAC,EAC/CF,EAAiBR,EAAO,EAAGS,EAAS,EAAGC,EAAO,CAAC,CACnD,CACA,SAASE,EAAyBZ,EAAQa,EAAQH,EAAQ,CACtDV,EAAO,IAAMa,EAAO,IAAMH,EAAO,IACjCV,EAAO,IAAMA,EAAO,IAAMJ,EAAWiB,CAAM,CAC/C,CACA,SAASC,EAAqBd,EAAQa,EAAQH,EAAQ,CAClDE,EAAyBZ,EAAO,EAAGa,EAAO,EAAGH,EAAO,CAAC,EACrDE,EAAyBZ,EAAO,EAAGa,EAAO,EAAGH,EAAO,CAAC,CACzD","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra238.cjs","sources":["../node_modules/framer-motion/dist/es/render/utils/compare-by-depth.mjs"],"sourcesContent":["const compareByDepth = (a, b) => a.depth - b.depth;\n\nexport { compareByDepth };\n"],"names":["compareByDepth","a","b"],"mappings":"gFAAK,MAACA,EAAiB,CAACC,EAAGC,IAAMD,EAAE,MAAQC,EAAE","x_google_ignoreList":[0]}

package/dist/lyra238.js

@@ -1,35 +1,4 @@
-import { mix as o } from "./lyra216.js";
-function m(i) {
-  return i.max - i.min;
-}
-function f(i, n = 0, c = 0.01) {
-  return Math.abs(i - n) <= c;
-}
-function s(i, n, c, x = 0.5) {
-  i.origin = x, i.originPoint = o(n.min, n.max, i.origin), i.scale = m(c) / m(n), (f(i.scale, 1, 1e-4) || isNaN(i.scale)) && (i.scale = 1), i.translate = o(c.min, c.max, i.origin) - i.originPoint, (f(i.translate) || isNaN(i.translate)) && (i.translate = 0);
-}
-function N(i, n, c, x) {
-  s(i.x, n.x, c.x, x ? x.originX : void 0), s(i.y, n.y, c.y, x ? x.originY : void 0);
-}
-function u(i, n, c) {
-  i.min = c.min + n.min, i.max = i.min + m(n);
-}
-function l(i, n, c) {
-  u(i.x, n.x, c.x), u(i.y, n.y, c.y);
-}
-function y(i, n, c) {
-  i.min = n.min - c.min, i.max = i.min + m(n);
-}
-function P(i, n, c) {
-  y(i.x, n.x, c.x), y(i.y, n.y, c.y);
-}
+const t = (e, p) => e.depth - p.depth;
 export {
-  s as calcAxisDelta,
-  N as calcBoxDelta,
-  m as calcLength,
-  u as calcRelativeAxis,
-  y as calcRelativeAxisPosition,
-  l as calcRelativeBox,
-  P as calcRelativePosition,
-  f as isNear
+  t as compareByDepth
 };

package/dist/lyra238.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra238.js","sources":["../node_modules/framer-motion/dist/es/projection/geometry/delta-calc.mjs"],"sourcesContent":["import { mix } from '../../utils/mix.mjs';\n\nfunction calcLength(axis) {\n    return axis.max - axis.min;\n}\nfunction isNear(value, target = 0, maxDistance = 0.01) {\n    return Math.abs(value - target) <= maxDistance;\n}\nfunction calcAxisDelta(delta, source, target, origin = 0.5) {\n    delta.origin = origin;\n    delta.originPoint = mix(source.min, source.max, delta.origin);\n    delta.scale = calcLength(target) / calcLength(source);\n    if (isNear(delta.scale, 1, 0.0001) || isNaN(delta.scale))\n        delta.scale = 1;\n    delta.translate =\n        mix(target.min, target.max, delta.origin) - delta.originPoint;\n    if (isNear(delta.translate) || isNaN(delta.translate))\n        delta.translate = 0;\n}\nfunction calcBoxDelta(delta, source, target, origin) {\n    calcAxisDelta(delta.x, source.x, target.x, origin ? origin.originX : undefined);\n    calcAxisDelta(delta.y, source.y, target.y, origin ? origin.originY : undefined);\n}\nfunction calcRelativeAxis(target, relative, parent) {\n    target.min = parent.min + relative.min;\n    target.max = target.min + calcLength(relative);\n}\nfunction calcRelativeBox(target, relative, parent) {\n    calcRelativeAxis(target.x, relative.x, parent.x);\n    calcRelativeAxis(target.y, relative.y, parent.y);\n}\nfunction calcRelativeAxisPosition(target, layout, parent) {\n    target.min = layout.min - parent.min;\n    target.max = target.min + calcLength(layout);\n}\nfunction calcRelativePosition(target, layout, parent) {\n    calcRelativeAxisPosition(target.x, layout.x, parent.x);\n    calcRelativeAxisPosition(target.y, layout.y, parent.y);\n}\n\nexport { calcAxisDelta, calcBoxDelta, calcLength, calcRelativeAxis, calcRelativeAxisPosition, calcRelativeBox, calcRelativePosition, isNear };\n"],"names":["calcLength","axis","isNear","value","target","maxDistance","calcAxisDelta","delta","source","origin","mix","calcBoxDelta","calcRelativeAxis","relative","parent","calcRelativeBox","calcRelativeAxisPosition","layout","calcRelativePosition"],"mappings":";AAEA,SAASA,EAAWC,GAAM;AACtB,SAAOA,EAAK,MAAMA,EAAK;AAC3B;AACA,SAASC,EAAOC,GAAOC,IAAS,GAAGC,IAAc,MAAM;AACnD,SAAO,KAAK,IAAIF,IAAQC,CAAM,KAAKC;AACvC;AACA,SAASC,EAAcC,GAAOC,GAAQJ,GAAQK,IAAS,KAAK;AACxD,EAAAF,EAAM,SAASE,GACfF,EAAM,cAAcG,EAAIF,EAAO,KAAKA,EAAO,KAAKD,EAAM,MAAM,GAC5DA,EAAM,QAAQP,EAAWI,CAAM,IAAIJ,EAAWQ,CAAM,IAChDN,EAAOK,EAAM,OAAO,GAAG,IAAM,KAAK,MAAMA,EAAM,KAAK,OACnDA,EAAM,QAAQ,IAClBA,EAAM,YACFG,EAAIN,EAAO,KAAKA,EAAO,KAAKG,EAAM,MAAM,IAAIA,EAAM,cAClDL,EAAOK,EAAM,SAAS,KAAK,MAAMA,EAAM,SAAS,OAChDA,EAAM,YAAY;AAC1B;AACA,SAASI,EAAaJ,GAAOC,GAAQJ,GAAQK,GAAQ;AACjD,EAAAH,EAAcC,EAAM,GAAGC,EAAO,GAAGJ,EAAO,GAAGK,IAASA,EAAO,UAAU,MAAS,GAC9EH,EAAcC,EAAM,GAAGC,EAAO,GAAGJ,EAAO,GAAGK,IAASA,EAAO,UAAU,MAAS;AAClF;AACA,SAASG,EAAiBR,GAAQS,GAAUC,GAAQ;AAChD,EAAAV,EAAO,MAAMU,EAAO,MAAMD,EAAS,KACnCT,EAAO,MAAMA,EAAO,MAAMJ,EAAWa,CAAQ;AACjD;AACA,SAASE,EAAgBX,GAAQS,GAAUC,GAAQ;AAC/C,EAAAF,EAAiBR,EAAO,GAAGS,EAAS,GAAGC,EAAO,CAAC,GAC/CF,EAAiBR,EAAO,GAAGS,EAAS,GAAGC,EAAO,CAAC;AACnD;AACA,SAASE,EAAyBZ,GAAQa,GAAQH,GAAQ;AACtD,EAAAV,EAAO,MAAMa,EAAO,MAAMH,EAAO,KACjCV,EAAO,MAAMA,EAAO,MAAMJ,EAAWiB,CAAM;AAC/C;AACA,SAASC,EAAqBd,GAAQa,GAAQH,GAAQ;AAClD,EAAAE,EAAyBZ,EAAO,GAAGa,EAAO,GAAGH,EAAO,CAAC,GACrDE,EAAyBZ,EAAO,GAAGa,EAAO,GAAGH,EAAO,CAAC;AACzD;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra238.js","sources":["../node_modules/framer-motion/dist/es/render/utils/compare-by-depth.mjs"],"sourcesContent":["const compareByDepth = (a, b) => a.depth - b.depth;\n\nexport { compareByDepth };\n"],"names":["compareByDepth","a","b"],"mappings":"AAAK,MAACA,IAAiB,CAACC,GAAGC,MAAMD,EAAE,QAAQC,EAAE;","x_google_ignoreList":[0]}

package/dist/lyra239.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra155.cjs");let a=t=>!i.isValidMotionProp(t);function l(t){t&&(a=r=>r.startsWith("on")?!i.isValidMotionProp(r):t(r))}try{l(require("@emotion/is-prop-valid").default)}catch{}function s(t,r,n){const e={};for(const o in t)o==="values"&&typeof t.values=="object"||(a(o)||n===!0&&i.isValidMotionProp(o)||!r&&!i.isValidMotionProp(o)||t.draggable&&o.startsWith("onDrag"))&&(e[o]=t[o]);return e}exports.filterProps=s;exports.loadExternalIsValidProp=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(t,e){return e?t*(1e3/e):0}exports.velocityPerSecond=o;

package/dist/lyra239.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra239.cjs","sources":["../node_modules/framer-motion/dist/es/render/dom/utils/filter-props.mjs"],"sourcesContent":["import { isValidMotionProp } from '../../../motion/utils/valid-prop.mjs';\n\nlet shouldForward = (key) => !isValidMotionProp(key);\nfunction loadExternalIsValidProp(isValidProp) {\n    if (!isValidProp)\n        return;\n    // Explicitly filter our events\n    shouldForward = (key) => key.startsWith(\"on\") ? !isValidMotionProp(key) : isValidProp(key);\n}\n/**\n * Emotion and Styled Components both allow users to pass through arbitrary props to their components\n * to dynamically generate CSS. They both use the `@emotion/is-prop-valid` package to determine which\n * of these should be passed to the underlying DOM node.\n *\n * However, when styling a Motion component `styled(motion.div)`, both packages pass through *all* props\n * as it's seen as an arbitrary component rather than a DOM node. Motion only allows arbitrary props\n * passed through the `custom` prop so it doesn't *need* the payload or computational overhead of\n * `@emotion/is-prop-valid`, however to fix this problem we need to use it.\n *\n * By making it an optionalDependency we can offer this functionality only in the situations where it's\n * actually required.\n */\ntry {\n    /**\n     * We attempt to import this package but require won't be defined in esm environments, in that case\n     * isPropValid will have to be provided via `MotionContext`. In a 6.0.0 this should probably be removed\n     * in favour of explicit injection.\n     */\n    loadExternalIsValidProp(require(\"@emotion/is-prop-valid\").default);\n}\ncatch (_a) {\n    // We don't need to actually do anything here - the fallback is the existing `isPropValid`.\n}\nfunction filterProps(props, isDom, forwardMotionProps) {\n    const filteredProps = {};\n    for (const key in props) {\n        /**\n         * values is considered a valid prop by Emotion, so if it's present\n         * this will be rendered out to the DOM unless explicitly filtered.\n         *\n         * We check the type as it could be used with the `feColorMatrix`\n         * element, which we support.\n         */\n        if (key === \"values\" && typeof props.values === \"object\")\n            continue;\n        if (shouldForward(key) ||\n            (forwardMotionProps === true && isValidMotionProp(key)) ||\n            (!isDom && !isValidMotionProp(key)) ||\n            // If trying to use native HTML drag events, forward drag listeners\n            (props[\"draggable\"] && key.startsWith(\"onDrag\"))) {\n            filteredProps[key] = props[key];\n        }\n    }\n    return filteredProps;\n}\n\nexport { filterProps, loadExternalIsValidProp };\n"],"names":["shouldForward","key","isValidMotionProp","loadExternalIsValidProp","isValidProp","filterProps","props","isDom","forwardMotionProps","filteredProps"],"mappings":"iHAEA,IAAIA,EAAiBC,GAAQ,CAACC,EAAiB,kBAACD,CAAG,EACnD,SAASE,EAAwBC,EAAa,CACrCA,IAGLJ,EAAiBC,GAAQA,EAAI,WAAW,IAAI,EAAI,CAACC,EAAAA,kBAAkBD,CAAG,EAAIG,EAAYH,CAAG,EAC7F,CAcA,GAAI,CAMAE,EAAwB,QAAQ,wBAAwB,EAAE,OAAO,CACrE,MACW,CAEX,CACA,SAASE,EAAYC,EAAOC,EAAOC,EAAoB,CACnD,MAAMC,EAAgB,CAAA,EACtB,UAAWR,KAAOK,EAQVL,IAAQ,UAAY,OAAOK,EAAM,QAAW,WAE5CN,EAAcC,CAAG,GAChBO,IAAuB,IAAQN,oBAAkBD,CAAG,GACpD,CAACM,GAAS,CAACL,oBAAkBD,CAAG,GAEhCK,EAAM,WAAgBL,EAAI,WAAW,QAAQ,KAC9CQ,EAAcR,CAAG,EAAIK,EAAML,CAAG,GAGtC,OAAOQ,CACX","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra239.cjs","sources":["../node_modules/framer-motion/dist/es/utils/velocity-per-second.mjs"],"sourcesContent":["/*\n  Convert velocity into velocity per second\n\n  @param [number]: Unit per frame\n  @param [number]: Frame duration in ms\n*/\nfunction velocityPerSecond(velocity, frameDuration) {\n    return frameDuration ? velocity * (1000 / frameDuration) : 0;\n}\n\nexport { velocityPerSecond };\n"],"names":["velocityPerSecond","velocity","frameDuration"],"mappings":"gFAMA,SAASA,EAAkBC,EAAUC,EAAe,CAChD,OAAOA,EAAgBD,GAAY,IAAOC,GAAiB,CAC/D","x_google_ignoreList":[0]}

package/dist/lyra239.js

@@ -1,20 +1,6 @@
-import { isValidMotionProp as e } from "./lyra155.js";
-let n = (t) => !e(t);
-function f(t) {
-  t && (n = (o) => o.startsWith("on") ? !e(o) : t(o));
-}
-try {
-  f(require("@emotion/is-prop-valid").default);
-} catch {
-}
-function u(t, o, a) {
-  const i = {};
-  for (const r in t)
-    r === "values" && typeof t.values == "object" || (n(r) || a === !0 && e(r) || !o && !e(r) || // If trying to use native HTML drag events, forward drag listeners
-    t.draggable && r.startsWith("onDrag")) && (i[r] = t[r]);
-  return i;
+function n(c, e) {
+  return e ? c * (1e3 / e) : 0;
 }
 export {
-  u as filterProps,
-  f as loadExternalIsValidProp
+  n as velocityPerSecond
 };

package/dist/lyra239.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra239.js","sources":["../node_modules/framer-motion/dist/es/render/dom/utils/filter-props.mjs"],"sourcesContent":["import { isValidMotionProp } from '../../../motion/utils/valid-prop.mjs';\n\nlet shouldForward = (key) => !isValidMotionProp(key);\nfunction loadExternalIsValidProp(isValidProp) {\n    if (!isValidProp)\n        return;\n    // Explicitly filter our events\n    shouldForward = (key) => key.startsWith(\"on\") ? !isValidMotionProp(key) : isValidProp(key);\n}\n/**\n * Emotion and Styled Components both allow users to pass through arbitrary props to their components\n * to dynamically generate CSS. They both use the `@emotion/is-prop-valid` package to determine which\n * of these should be passed to the underlying DOM node.\n *\n * However, when styling a Motion component `styled(motion.div)`, both packages pass through *all* props\n * as it's seen as an arbitrary component rather than a DOM node. Motion only allows arbitrary props\n * passed through the `custom` prop so it doesn't *need* the payload or computational overhead of\n * `@emotion/is-prop-valid`, however to fix this problem we need to use it.\n *\n * By making it an optionalDependency we can offer this functionality only in the situations where it's\n * actually required.\n */\ntry {\n    /**\n     * We attempt to import this package but require won't be defined in esm environments, in that case\n     * isPropValid will have to be provided via `MotionContext`. In a 6.0.0 this should probably be removed\n     * in favour of explicit injection.\n     */\n    loadExternalIsValidProp(require(\"@emotion/is-prop-valid\").default);\n}\ncatch (_a) {\n    // We don't need to actually do anything here - the fallback is the existing `isPropValid`.\n}\nfunction filterProps(props, isDom, forwardMotionProps) {\n    const filteredProps = {};\n    for (const key in props) {\n        /**\n         * values is considered a valid prop by Emotion, so if it's present\n         * this will be rendered out to the DOM unless explicitly filtered.\n         *\n         * We check the type as it could be used with the `feColorMatrix`\n         * element, which we support.\n         */\n        if (key === \"values\" && typeof props.values === \"object\")\n            continue;\n        if (shouldForward(key) ||\n            (forwardMotionProps === true && isValidMotionProp(key)) ||\n            (!isDom && !isValidMotionProp(key)) ||\n            // If trying to use native HTML drag events, forward drag listeners\n            (props[\"draggable\"] && key.startsWith(\"onDrag\"))) {\n            filteredProps[key] = props[key];\n        }\n    }\n    return filteredProps;\n}\n\nexport { filterProps, loadExternalIsValidProp };\n"],"names":["shouldForward","key","isValidMotionProp","loadExternalIsValidProp","isValidProp","filterProps","props","isDom","forwardMotionProps","filteredProps"],"mappings":";AAEA,IAAIA,IAAgB,CAACC,MAAQ,CAACC,EAAkBD,CAAG;AACnD,SAASE,EAAwBC,GAAa;AAC1C,EAAKA,MAGLJ,IAAgB,CAACC,MAAQA,EAAI,WAAW,IAAI,IAAI,CAACC,EAAkBD,CAAG,IAAIG,EAAYH,CAAG;AAC7F;AAcA,IAAI;AAMA,EAAAE,EAAwB,QAAQ,wBAAwB,EAAE,OAAO;AACrE,QACW;AAEX;AACA,SAASE,EAAYC,GAAOC,GAAOC,GAAoB;AACnD,QAAMC,IAAgB,CAAA;AACtB,aAAWR,KAAOK;AAQd,IAAIL,MAAQ,YAAY,OAAOK,EAAM,UAAW,aAE5CN,EAAcC,CAAG,KAChBO,MAAuB,MAAQN,EAAkBD,CAAG,KACpD,CAACM,KAAS,CAACL,EAAkBD,CAAG;AAAA,IAEhCK,EAAM,aAAgBL,EAAI,WAAW,QAAQ,OAC9CQ,EAAcR,CAAG,IAAIK,EAAML,CAAG;AAGtC,SAAOQ;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra239.js","sources":["../node_modules/framer-motion/dist/es/utils/velocity-per-second.mjs"],"sourcesContent":["/*\n  Convert velocity into velocity per second\n\n  @param [number]: Unit per frame\n  @param [number]: Frame duration in ms\n*/\nfunction velocityPerSecond(velocity, frameDuration) {\n    return frameDuration ? velocity * (1000 / frameDuration) : 0;\n}\n\nexport { velocityPerSecond };\n"],"names":["velocityPerSecond","velocity","frameDuration"],"mappings":"AAMA,SAASA,EAAkBC,GAAUC,GAAe;AAChD,SAAOA,IAAgBD,KAAY,MAAOC,KAAiB;AAC/D;","x_google_ignoreList":[0]}

package/dist/lyra24.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra50.cjs");require("./lyra58.cjs");const e=t.cva(["list-box","flex","flex-col","gap-y-[--list-box-row-gap]","w-full","px-[--list-box-padding-x]","py-[--list-box-padding-y]","outline-none"],{variants:{}}),o=t.cva(["transition","duration-300","ease-out","rounded-md","w-full","pe-[--list-box-item-padding-end]","ps-[--list-box-item-padding-start]","py-[--list-box-item-padding-y]","select-none","outline-none","text-[length:var(--list-box-item-text-size)]","font-sans","font-[--list-box-item-text-weight]","flex","items-center","gap-x-[--list-box-item-gap-x]","bg-[--list-box-item-background-color]","text-[--list-box-item-text-color]"],{variants:{isDisabled:{true:["cursor-not-allowed","opacity-50"]},isPressed:{true:"!bg-[--list-box-item-pressed-bg-color] !text-[--list-box-item-pressed-text-color]"},isSelected:{true:"!bg-[--list-box-item-selected-bg-color] !text-[--list-box-item-selected-text-color]"},isHovered:{true:"!bg-[--list-box-item-hover-bg-color] !text-[--list-box-item-hover-text-color]"},isFocused:{true:"!bg-[--list-box-item-focused-bg-color] !text-[--list-box-item-focused-text-color]"}},compoundVariants:[{isFocused:!0,isHovered:!0,className:"!bg-[--list-box-item-focused-hover-bg-color] !text-[--list-box-item-focused-hover-text-color]"}]}),i=t.cva(["py-[--list-box-header-padding-y]","px-[--list-box-header-padding-x]","text-[--list-box-header-text-size]","font-sans","font-[--list-box-header-text-weight]","text-[--list-box-header-text-color]"]);exports.listBoxHeaderStyles=i;exports.listBoxItemStyles=o;exports.listBoxStyles=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra53.cjs"),h=require("react"),n=require("./lyra52.cjs"),v=require("./lyra62.cjs"),S=require("./lyra63.cjs"),E=require("./lyra42.cjs");require("./lyra68.cjs");const l=require("./lyra19.cjs");require("./lyra76.cjs");const b=require("./lyra54.cjs"),p=({label:a,description:x,errorMessage:d,className:q,fullWidth:I=!1,isDisabled:i=!1,isRequired:u=!1,validationState:m,startSlot:f,endSlot:j,size:N,hint:y,inputRef:R,...e},o)=>{[e,o]=n.useContextProps(e,o,n.TextFieldContext);const[T,F]=h.useState(!1),[g,r]=h.useState(!1);return s.jsxRuntimeExports.jsxs(n.TextField,{className:l.sharedInputFieldWrapperStyles({className:q}),isDisabled:i,isRequired:u,validationState:m,...e,onFocus:c=>{var t;F(!0),(t=e.onFocus)==null||t.call(e,c)},onBlur:c=>{var t;F(!1),(t=e.onBlur)==null||t.call(e,c)},ref:o,children:[s.jsxRuntimeExports.jsxs("div",{className:v.cx("flex items-center gap-3",a?"justify-between":"justify-end"),children:[a?s.jsxRuntimeExports.jsxs(n.Label,{className:l.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[a,u&&s.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,y?s.jsxRuntimeExports.jsx("span",{className:l.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:y}):null]}),s.jsxRuntimeExports.jsxs("div",{className:b.twMerge(l.sharedInputFieldStyles({fullWidth:I,isFocused:T,isHovered:g,isDisabled:i,validationState:m})),onPointerEnter:()=>r(!0),onPointerLeave:()=>r(!1),onMouseEnter:()=>r(!0),onMouseLeave:()=>r(!1),children:[f,s.jsxRuntimeExports.jsx(n.Input,{className:l.sharedInputStyles({size:N,className:v.cx(!!f&&"ps-2",!!j&&"pe-2")}),ref:R,required:u,disabled:i,style:{fontFamily:"var(--input-font-family)"}}),j]}),x&&s.jsxRuntimeExports.jsx(E.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:x}),d&&s.jsxRuntimeExports.jsx(E.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:d})]})},M=S.fixedForwardRef(p);exports.TextField=M;

package/dist/lyra24.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra24.cjs","sources":["../src/components/list-box/list-box-styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\nimport \"./list-box-vars.css\";\n\nexport const listBoxStyles = cva(\n  [\n    \"list-box\",\n    \"flex\",\n    \"flex-col\",\n    \"gap-y-[--list-box-row-gap]\",\n    \"w-full\",\n    \"px-[--list-box-padding-x]\",\n    \"py-[--list-box-padding-y]\",\n    \"outline-none\",\n  ],\n  {\n    variants: {},\n  }\n);\n\nexport const listBoxItemStyles = cva(\n  [\n    \"transition\",\n    \"duration-300\",\n    \"ease-out\",\n    \"rounded-md\",\n    \"w-full\",\n    \"pe-[--list-box-item-padding-end]\",\n    \"ps-[--list-box-item-padding-start]\",\n    \"py-[--list-box-item-padding-y]\",\n    \"select-none\",\n    \"outline-none\",\n    \"text-[length:var(--list-box-item-text-size)]\",\n    \"font-sans\",\n    \"font-[--list-box-item-text-weight]\",\n    \"flex\",\n    \"items-center\",\n    \"gap-x-[--list-box-item-gap-x]\",\n    \"bg-[--list-box-item-background-color]\",\n    \"text-[--list-box-item-text-color]\",\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: [\"cursor-not-allowed\", \"opacity-50\"],\n      },\n      isPressed: {\n        true: \"!bg-[--list-box-item-pressed-bg-color] !text-[--list-box-item-pressed-text-color]\",\n      },\n      isSelected: {\n        true: \"!bg-[--list-box-item-selected-bg-color] !text-[--list-box-item-selected-text-color]\",\n      },\n      isHovered: {\n        true: \"!bg-[--list-box-item-hover-bg-color] !text-[--list-box-item-hover-text-color]\",\n      },\n      isFocused: {\n        true: \"!bg-[--list-box-item-focused-bg-color] !text-[--list-box-item-focused-text-color]\",\n      },\n    },\n    compoundVariants: [\n      {\n        isFocused: true,\n        isHovered: true,\n        className:\n          \"!bg-[--list-box-item-focused-hover-bg-color] !text-[--list-box-item-focused-hover-text-color]\",\n      },\n    ],\n  }\n);\n\nexport const listBoxHeaderStyles = cva([\n  \"py-[--list-box-header-padding-y]\",\n  \"px-[--list-box-header-padding-x]\",\n  \"text-[--list-box-header-text-size]\",\n  \"font-sans\",\n  \"font-[--list-box-header-text-weight]\",\n  \"text-[--list-box-header-text-color]\",\n]);\n"],"names":["listBoxStyles","cva","listBoxItemStyles","listBoxHeaderStyles"],"mappings":"wIAGO,MAAMA,EAAgBC,EAAA,IAC3B,CACE,WACA,OACA,WACA,6BACA,SACA,4BACA,4BACA,cACF,EACA,CACE,SAAU,CAAC,CACb,CACF,EAEaC,EAAoBD,EAAA,IAC/B,CACE,aACA,eACA,WACA,aACA,SACA,mCACA,qCACA,iCACA,cACA,eACA,+CACA,YACA,qCACA,OACA,eACA,gCACA,wCACA,mCACF,EACA,CACE,SAAU,CACR,WAAY,CACV,KAAM,CAAC,qBAAsB,YAAY,CAC3C,EACA,UAAW,CACT,KAAM,mFACR,EACA,WAAY,CACV,KAAM,qFACR,EACA,UAAW,CACT,KAAM,+EACR,EACA,UAAW,CACT,KAAM,mFACR,CACF,EACA,iBAAkB,CAChB,CACE,UAAW,GACX,UAAW,GACX,UACE,+FACJ,CACF,CACF,CACF,EAEaE,EAAsBF,EAAAA,IAAI,CACrC,mCACA,mCACA,qCACA,YACA,uCACA,qCACF,CAAC"}
+{"version":3,"file":"lyra24.cjs","sources":["../src/components/inputs/text-field/text-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject, useState } from \"react\";\nimport {\n  Input,\n  Label,\n  TextField as AriaTextField,\n  TextFieldContext,\n  TextFieldProps as AriaTextFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { twMerge } from \"tailwind-merge\";\n\nimport { cx, VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { Text } from \"../../text\";\nimport {\n  sharedInputFieldStyles,\n  sharedInputFieldWrapperStyles,\n  sharedInputHintStyles,\n  sharedInputlabelStyles,\n  sharedInputStyles,\n} from \"../shared.styles\";\n\nimport \"../shared.vars.css\";\n\nexport type TextFieldProps = AriaTextFieldProps &\n  VariantProps<typeof sharedInputFieldWrapperStyles> &\n  VariantProps<typeof sharedInputFieldStyles> & {\n    label?: string;\n    description?: string;\n    errorMessage?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    hint?: string;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _TextField = (\n  {\n    label,\n    description,\n    errorMessage,\n    className,\n    fullWidth = false,\n    isDisabled = false,\n    isRequired = false,\n    validationState,\n    startSlot,\n    endSlot,\n    size,\n    hint,\n    inputRef,\n    ...props\n  }: TextFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n  const [fieldIsFocused, setFieldIsFocused] = useState(false);\n  const [fieldIsHovered, setFieldIsHovered] = useState(false);\n\n  return (\n    <AriaTextField\n      className={sharedInputFieldWrapperStyles({ className })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      validationState={validationState}\n      {...props}\n      onFocus={(e) => {\n        setFieldIsFocused(true);\n        props.onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        setFieldIsFocused(false);\n        props.onBlur?.(e);\n      }}\n      ref={ref}\n    >\n      <div className={cx(\"flex items-center gap-3\", label ? \"justify-between\" : \"justify-end\")}>\n        {label ? (\n          <Label\n            className={sharedInputlabelStyles()}\n            style={{ fontFamily: \"var(--input-label-font-family)\" }}\n          >\n            {label}\n            {isRequired && <span className=\"text-danger\">{\" *\"}</span>}\n          </Label>\n        ) : null}\n        {hint ? (\n          <span\n            className={sharedInputHintStyles()}\n            style={{ fontFamily: \"var(--input-hint-font-family)\" }}\n          >\n            {hint}\n          </span>\n        ) : null}\n      </div>\n      <div\n        className={twMerge(\n          sharedInputFieldStyles({\n            fullWidth,\n            isFocused: fieldIsFocused,\n            isHovered: fieldIsHovered,\n            isDisabled,\n            validationState,\n          }),\n        )}\n        onPointerEnter={() => setFieldIsHovered(true)}\n        onPointerLeave={() => setFieldIsHovered(false)}\n        onMouseEnter={() => setFieldIsHovered(true)}\n        onMouseLeave={() => setFieldIsHovered(false)}\n      >\n        {startSlot}\n        <Input\n          className={sharedInputStyles({\n            size,\n            className: cx(!!startSlot && \"ps-2\", !!endSlot && \"pe-2\"),\n          })}\n          ref={inputRef}\n          required={isRequired}\n          disabled={isDisabled}\n          style={{ fontFamily: \"var(--input-font-family)\" }}\n        />\n        {endSlot}\n      </div>\n      {description && (\n        <Text className=\"ml-1 mt-1.5\" variant=\"body-small\" color=\"secondary\" slot=\"description\">\n          {description}\n        </Text>\n      )}\n      {errorMessage && (\n        <Text\n          className=\"ml-1 mt-1.5\"\n          variant=\"body-small\"\n          color=\"accent-danger\"\n          slot=\"errorMessage\"\n        >\n          {errorMessage}\n        </Text>\n      )}\n    </AriaTextField>\n  );\n};\n\nexport const TextField = fixedForwardRef(_TextField);\n"],"names":["_TextField","label","description","errorMessage","className","fullWidth","isDisabled","isRequired","validationState","startSlot","endSlot","size","hint","inputRef","props","ref","useContextProps","TextFieldContext","fieldIsFocused","setFieldIsFocused","useState","fieldIsHovered","setFieldIsHovered","jsxs","AriaTextField","sharedInputFieldWrapperStyles","e","_a","cx","Label","sharedInputlabelStyles","jsx","sharedInputHintStyles","twMerge","sharedInputFieldStyles","Input","sharedInputStyles","Text","TextField","fixedForwardRef"],"mappings":"2VAsCMA,EAAa,CACjB,CACE,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,UAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EAAa,GACb,WAAAC,EAAa,GACb,gBAAAC,EACA,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,KAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,gBAAgB,EAC3D,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,WAAS,EAAK,EACpD,CAACC,EAAgBC,CAAiB,EAAIF,WAAS,EAAK,EAGxD,OAAAG,EAAA,kBAAA,KAACC,EAAA,UAAA,CACC,UAAWC,EAAAA,8BAA8B,CAAE,UAAArB,EAAW,EACtD,WAAAE,EACA,WAAAC,EACA,gBAAAC,EACC,GAAGM,EACJ,QAAUY,GAAM,OACdP,EAAkB,EAAI,GACtBQ,EAAAb,EAAM,UAAN,MAAAa,EAAA,KAAAb,EAAgBY,EAClB,EACA,OAASA,GAAM,OACbP,EAAkB,EAAK,GACvBQ,EAAAb,EAAM,SAAN,MAAAa,EAAA,KAAAb,EAAeY,EACjB,EACA,IAAAX,EAEA,SAAA,CAAAQ,yBAAC,OAAI,UAAWK,EAAA,GAAG,0BAA2B3B,EAAQ,kBAAoB,aAAa,EACpF,SAAA,CACCA,EAAAsB,EAAA,kBAAA,KAACM,EAAA,MAAA,CACC,UAAWC,EAAAA,uBAAuB,EAClC,MAAO,CAAE,WAAY,gCAAiC,EAErD,SAAA,CAAA7B,EACAM,GAAcwB,EAAA,kBAAA,IAAC,OAAK,CAAA,UAAU,cAAe,SAAK,KAAA,CAAA,CAAA,CAAA,EAEnD,KACHnB,EACCmB,EAAA,kBAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,sBAAsB,EACjC,MAAO,CAAE,WAAY,+BAAgC,EAEpD,SAAApB,CAAA,CAAA,EAED,IAAA,EACN,EACAW,EAAA,kBAAA,KAAC,MAAA,CACC,UAAWU,EAAA,QACTC,yBAAuB,CACrB,UAAA7B,EACA,UAAWa,EACX,UAAWG,EACX,WAAAf,EACA,gBAAAE,CAAA,CACD,CACH,EACA,eAAgB,IAAMc,EAAkB,EAAI,EAC5C,eAAgB,IAAMA,EAAkB,EAAK,EAC7C,aAAc,IAAMA,EAAkB,EAAI,EAC1C,aAAc,IAAMA,EAAkB,EAAK,EAE1C,SAAA,CAAAb,EACDsB,EAAA,kBAAA,IAACI,EAAA,MAAA,CACC,UAAWC,EAAAA,kBAAkB,CAC3B,KAAAzB,EACA,UAAWiB,KAAG,CAAC,CAACnB,GAAa,OAAQ,CAAC,CAACC,GAAW,MAAM,CAAA,CACzD,EACD,IAAKG,EACL,SAAUN,EACV,SAAUD,EACV,MAAO,CAAE,WAAY,0BAA2B,CAAA,CAClD,EACCI,CAAA,CAAA,CACH,EACCR,GACE6B,EAAAA,kBAAAA,IAAAM,EAAAA,KAAA,CAAK,UAAU,cAAc,QAAQ,aAAa,MAAM,YAAY,KAAK,cACvE,SACHnC,CAAA,CAAA,EAEDC,GACC4B,EAAA,kBAAA,IAACM,EAAA,KAAA,CACC,UAAU,cACV,QAAQ,aACR,MAAM,gBACN,KAAK,eAEJ,SAAAlC,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,EAEamC,EAAYC,kBAAgBvC,CAAU"}

package/dist/lyra24.js

@@ -1,76 +1,120 @@
-import { cva as t } from "./lyra50.js";
-import "./lyra58.js";
-const i = t(
-  [
-    "list-box",
-    "flex",
-    "flex-col",
-    "gap-y-[--list-box-row-gap]",
-    "w-full",
-    "px-[--list-box-padding-x]",
-    "py-[--list-box-padding-y]",
-    "outline-none"
-  ],
-  {
-    variants: {}
-  }
-), s = t(
-  [
-    "transition",
-    "duration-300",
-    "ease-out",
-    "rounded-md",
-    "w-full",
-    "pe-[--list-box-item-padding-end]",
-    "ps-[--list-box-item-padding-start]",
-    "py-[--list-box-item-padding-y]",
-    "select-none",
-    "outline-none",
-    "text-[length:var(--list-box-item-text-size)]",
-    "font-sans",
-    "font-[--list-box-item-text-weight]",
-    "flex",
-    "items-center",
-    "gap-x-[--list-box-item-gap-x]",
-    "bg-[--list-box-item-background-color]",
-    "text-[--list-box-item-text-color]"
-  ],
-  {
-    variants: {
-      isDisabled: {
-        true: ["cursor-not-allowed", "opacity-50"]
+import { j as s } from "./lyra53.js";
+import { useState as F } from "react";
+import { useContextProps as T, TextField as g, Label as H, Input as w, TextFieldContext as E } from "./lyra52.js";
+import { cx as $ } from "./lyra62.js";
+import { fixedForwardRef as L } from "./lyra63.js";
+import { Text as b } from "./lyra42.js";
+import "./lyra68.js";
+import { sharedInputFieldWrapperStyles as M, sharedInputlabelStyles as P, sharedInputHintStyles as S, sharedInputFieldStyles as B, sharedInputStyles as C } from "./lyra19.js";
+import "./lyra76.js";
+import { twMerge as W } from "./lyra54.js";
+const _ = ({
+  label: l,
+  description: f,
+  errorMessage: i,
+  className: h,
+  fullWidth: j = !1,
+  isDisabled: n = !1,
+  isRequired: r = !1,
+  validationState: c,
+  startSlot: m,
+  endSlot: u,
+  size: v,
+  hint: x,
+  inputRef: p,
+  ...e
+}, o) => {
+  [e, o] = T(e, o, E);
+  const [I, y] = F(!1), [N, a] = F(!1);
+  return /* @__PURE__ */ s.jsxs(
+    g,
+    {
+      className: M({ className: h }),
+      isDisabled: n,
+      isRequired: r,
+      validationState: c,
+      ...e,
+      onFocus: (d) => {
+        var t;
+        y(!0), (t = e.onFocus) == null || t.call(e, d);
       },
-      isPressed: {
-        true: "!bg-[--list-box-item-pressed-bg-color] !text-[--list-box-item-pressed-text-color]"
+      onBlur: (d) => {
+        var t;
+        y(!1), (t = e.onBlur) == null || t.call(e, d);
       },
-      isSelected: {
-        true: "!bg-[--list-box-item-selected-bg-color] !text-[--list-box-item-selected-text-color]"
-      },
-      isHovered: {
-        true: "!bg-[--list-box-item-hover-bg-color] !text-[--list-box-item-hover-text-color]"
-      },
-      isFocused: {
-        true: "!bg-[--list-box-item-focused-bg-color] !text-[--list-box-item-focused-text-color]"
-      }
-    },
-    compoundVariants: [
-      {
-        isFocused: !0,
-        isHovered: !0,
-        className: "!bg-[--list-box-item-focused-hover-bg-color] !text-[--list-box-item-focused-hover-text-color]"
-      }
-    ]
-  }
-), l = t([
-  "py-[--list-box-header-padding-y]",
-  "px-[--list-box-header-padding-x]",
-  "text-[--list-box-header-text-size]",
-  "font-sans",
-  "font-[--list-box-header-text-weight]",
-  "text-[--list-box-header-text-color]"
-]);
+      ref: o,
+      children: [
+        /* @__PURE__ */ s.jsxs("div", { className: $("flex items-center gap-3", l ? "justify-between" : "justify-end"), children: [
+          l ? /* @__PURE__ */ s.jsxs(
+            H,
+            {
+              className: P(),
+              style: { fontFamily: "var(--input-label-font-family)" },
+              children: [
+                l,
+                r && /* @__PURE__ */ s.jsx("span", { className: "text-danger", children: " *" })
+              ]
+            }
+          ) : null,
+          x ? /* @__PURE__ */ s.jsx(
+            "span",
+            {
+              className: S(),
+              style: { fontFamily: "var(--input-hint-font-family)" },
+              children: x
+            }
+          ) : null
+        ] }),
+        /* @__PURE__ */ s.jsxs(
+          "div",
+          {
+            className: W(
+              B({
+                fullWidth: j,
+                isFocused: I,
+                isHovered: N,
+                isDisabled: n,
+                validationState: c
+              })
+            ),
+            onPointerEnter: () => a(!0),
+            onPointerLeave: () => a(!1),
+            onMouseEnter: () => a(!0),
+            onMouseLeave: () => a(!1),
+            children: [
+              m,
+              /* @__PURE__ */ s.jsx(
+                w,
+                {
+                  className: C({
+                    size: v,
+                    className: $(!!m && "ps-2", !!u && "pe-2")
+                  }),
+                  ref: p,
+                  required: r,
+                  disabled: n,
+                  style: { fontFamily: "var(--input-font-family)" }
+                }
+              ),
+              u
+            ]
+          }
+        ),
+        f && /* @__PURE__ */ s.jsx(b, { className: "ml-1 mt-1.5", variant: "body-small", color: "secondary", slot: "description", children: f }),
+        i && /* @__PURE__ */ s.jsx(
+          b,
+          {
+            className: "ml-1 mt-1.5",
+            variant: "body-small",
+            color: "accent-danger",
+            slot: "errorMessage",
+            children: i
+          }
+        )
+      ]
+    }
+  );
+}, V = L(_);
 export {
-  l as listBoxHeaderStyles,
-  s as listBoxItemStyles,
-  i as listBoxStyles
+  V as TextField
 };