@new-black/lyra 0.1.6 → 0.1.8

package/dist/lyra287.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra287.cjs","sources":["../node_modules/framer-motion/dist/es/animation/animators/waapi/easing.mjs"],"sourcesContent":["import { isBezierDefinition } from '../../../easing/utils/is-bezier-definition.mjs';\n\nfunction isWaapiSupportedEasing(easing) {\n    return Boolean(!easing ||\n        (typeof easing === \"string\" && supportedWaapiEasing[easing]) ||\n        isBezierDefinition(easing) ||\n        (Array.isArray(easing) && easing.every(isWaapiSupportedEasing)));\n}\nconst cubicBezierAsString = ([a, b, c, d]) => `cubic-bezier(${a}, ${b}, ${c}, ${d})`;\nconst supportedWaapiEasing = {\n    linear: \"linear\",\n    ease: \"ease\",\n    easeIn: \"ease-in\",\n    easeOut: \"ease-out\",\n    easeInOut: \"ease-in-out\",\n    circIn: cubicBezierAsString([0, 0.65, 0.55, 1]),\n    circOut: cubicBezierAsString([0.55, 0, 1, 0.45]),\n    backIn: cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),\n    backOut: cubicBezierAsString([0.33, 1.53, 0.69, 0.99]),\n};\nfunction mapEasingToNativeEasing(easing) {\n    if (!easing)\n        return undefined;\n    return isBezierDefinition(easing)\n        ? cubicBezierAsString(easing)\n        : Array.isArray(easing)\n            ? easing.map(mapEasingToNativeEasing)\n            : supportedWaapiEasing[easing];\n}\n\nexport { cubicBezierAsString, isWaapiSupportedEasing, mapEasingToNativeEasing, supportedWaapiEasing };\n"],"names":["isWaapiSupportedEasing","easing","supportedWaapiEasing","isBezierDefinition","cubicBezierAsString","a","b","c","d","mapEasingToNativeEasing"],"mappings":"iHAEA,SAASA,EAAuBC,EAAQ,CACpC,MAAO,GAAQ,CAACA,GACX,OAAOA,GAAW,UAAYC,EAAqBD,CAAM,GAC1DE,EAAAA,mBAAmBF,CAAM,GACxB,MAAM,QAAQA,CAAM,GAAKA,EAAO,MAAMD,CAAsB,EACrE,CACK,MAACI,EAAsB,CAAC,CAACC,EAAGC,EAAGC,EAAGC,CAAC,IAAM,gBAAgBH,CAAC,KAAKC,CAAC,KAAKC,CAAC,KAAKC,CAAC,IAC3EN,EAAuB,CACzB,OAAQ,SACR,KAAM,OACN,OAAQ,UACR,QAAS,WACT,UAAW,cACX,OAAQE,EAAoB,CAAC,EAAG,IAAM,IAAM,CAAC,CAAC,EAC9C,QAASA,EAAoB,CAAC,IAAM,EAAG,EAAG,GAAI,CAAC,EAC/C,OAAQA,EAAoB,CAAC,IAAM,IAAM,IAAM,IAAK,CAAC,EACrD,QAASA,EAAoB,CAAC,IAAM,KAAM,IAAM,GAAI,CAAC,CACzD,EACA,SAASK,EAAwBR,EAAQ,CACrC,GAAKA,EAEL,OAAOE,EAAAA,mBAAmBF,CAAM,EAC1BG,EAAoBH,CAAM,EAC1B,MAAM,QAAQA,CAAM,EAChBA,EAAO,IAAIQ,CAAuB,EAClCP,EAAqBD,CAAM,CACzC","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra287.cjs","sources":["../node_modules/framer-motion/dist/es/motion/features/viewport/index.mjs"],"sourcesContent":["import { Feature } from '../Feature.mjs';\nimport { observeIntersection } from './observers.mjs';\n\nconst thresholdNames = {\n    some: 0,\n    all: 1,\n};\nclass InViewFeature extends Feature {\n    constructor() {\n        super(...arguments);\n        this.hasEnteredView = false;\n        this.isInView = false;\n    }\n    startObserver() {\n        this.unmount();\n        const { viewport = {} } = this.node.getProps();\n        const { root, margin: rootMargin, amount = \"some\", once } = viewport;\n        const options = {\n            root: root ? root.current : undefined,\n            rootMargin,\n            threshold: typeof amount === \"number\" ? amount : thresholdNames[amount],\n        };\n        const onIntersectionUpdate = (entry) => {\n            const { isIntersecting } = entry;\n            /**\n             * If there's been no change in the viewport state, early return.\n             */\n            if (this.isInView === isIntersecting)\n                return;\n            this.isInView = isIntersecting;\n            /**\n             * Handle hasEnteredView. If this is only meant to run once, and\n             * element isn't visible, early return. Otherwise set hasEnteredView to true.\n             */\n            if (once && !isIntersecting && this.hasEnteredView) {\n                return;\n            }\n            else if (isIntersecting) {\n                this.hasEnteredView = true;\n            }\n            if (this.node.animationState) {\n                this.node.animationState.setActive(\"whileInView\", isIntersecting);\n            }\n            /**\n             * Use the latest committed props rather than the ones in scope\n             * when this observer is created\n             */\n            const { onViewportEnter, onViewportLeave } = this.node.getProps();\n            const callback = isIntersecting ? onViewportEnter : onViewportLeave;\n            callback && callback(entry);\n        };\n        return observeIntersection(this.node.current, options, onIntersectionUpdate);\n    }\n    mount() {\n        this.startObserver();\n    }\n    update() {\n        if (typeof IntersectionObserver === \"undefined\")\n            return;\n        const { props, prevProps } = this.node;\n        const hasOptionsChanged = [\"amount\", \"margin\", \"root\"].some(hasViewportOptionChanged(props, prevProps));\n        if (hasOptionsChanged) {\n            this.startObserver();\n        }\n    }\n    unmount() { }\n}\nfunction hasViewportOptionChanged({ viewport = {} }, { viewport: prevViewport = {} } = {}) {\n    return (name) => viewport[name] !== prevViewport[name];\n}\n\nexport { InViewFeature };\n"],"names":["thresholdNames","InViewFeature","Feature","viewport","root","rootMargin","amount","once","options","onIntersectionUpdate","entry","isIntersecting","onViewportEnter","onViewportLeave","callback","observeIntersection","props","prevProps","hasViewportOptionChanged","prevViewport","name"],"mappings":"4IAGMA,EAAiB,CACnB,KAAM,EACN,IAAK,CACT,EACA,MAAMC,UAAsBC,EAAAA,OAAQ,CAChC,aAAc,CACV,MAAM,GAAG,SAAS,EAClB,KAAK,eAAiB,GACtB,KAAK,SAAW,EACnB,CACD,eAAgB,CACZ,KAAK,QAAO,EACZ,KAAM,CAAE,SAAAC,EAAW,CAAE,CAAA,EAAK,KAAK,KAAK,WAC9B,CAAE,KAAAC,EAAM,OAAQC,EAAY,OAAAC,EAAS,OAAQ,KAAAC,CAAM,EAAGJ,EACtDK,EAAU,CACZ,KAAMJ,EAAOA,EAAK,QAAU,OAC5B,WAAAC,EACA,UAAW,OAAOC,GAAW,SAAWA,EAASN,EAAeM,CAAM,CAClF,EACcG,EAAwBC,GAAU,CACpC,KAAM,CAAE,eAAAC,CAAgB,EAAGD,EAW3B,GAPI,KAAK,WAAaC,IAEtB,KAAK,SAAWA,EAKZJ,GAAQ,CAACI,GAAkB,KAAK,gBAChC,OAEKA,IACL,KAAK,eAAiB,IAEtB,KAAK,KAAK,gBACV,KAAK,KAAK,eAAe,UAAU,cAAeA,CAAc,EAMpE,KAAM,CAAE,gBAAAC,EAAiB,gBAAAC,CAAe,EAAK,KAAK,KAAK,WACjDC,EAAWH,EAAiBC,EAAkBC,EACpDC,GAAYA,EAASJ,CAAK,CACtC,EACQ,OAAOK,EAAAA,oBAAoB,KAAK,KAAK,QAASP,EAASC,CAAoB,CAC9E,CACD,OAAQ,CACJ,KAAK,cAAa,CACrB,CACD,QAAS,CACL,GAAI,OAAO,qBAAyB,IAChC,OACJ,KAAM,CAAE,MAAAO,EAAO,UAAAC,GAAc,KAAK,KACR,CAAC,SAAU,SAAU,MAAM,EAAE,KAAKC,EAAyBF,EAAOC,CAAS,CAAC,GAElG,KAAK,cAAa,CAEzB,CACD,SAAU,CAAG,CACjB,CACA,SAASC,EAAyB,CAAE,SAAAf,EAAW,EAAI,EAAE,CAAE,SAAUgB,EAAe,EAAI,EAAG,GAAI,CACvF,OAAQC,GAASjB,EAASiB,CAAI,IAAMD,EAAaC,CAAI,CACzD","x_google_ignoreList":[0]}

package/dist/lyra287.js

@@ -1,25 +1,44 @@
-import { isBezierDefinition as i } from "./lyra344.js";
-function u(r) {
-  return !!(!r || typeof r == "string" && t[r] || i(r) || Array.isArray(r) && r.every(u));
-}
-const e = ([r, a, n, o]) => `cubic-bezier(${r}, ${a}, ${n}, ${o})`, t = {
-  linear: "linear",
-  ease: "ease",
-  easeIn: "ease-in",
-  easeOut: "ease-out",
-  easeInOut: "ease-in-out",
-  circIn: e([0, 0.65, 0.55, 1]),
-  circOut: e([0.55, 0, 1, 0.45]),
-  backIn: e([0.31, 0.01, 0.66, -0.59]),
-  backOut: e([0.33, 1.53, 0.69, 0.99])
+import { Feature as m } from "./lyra313.js";
+import { observeIntersection as f } from "./lyra338.js";
+const w = {
+  some: 0,
+  all: 1
 };
-function c(r) {
-  if (r)
-    return i(r) ? e(r) : Array.isArray(r) ? r.map(c) : t[r];
+class v extends m {
+  constructor() {
+    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
+  }
+  startObserver() {
+    this.unmount();
+    const { viewport: n = {} } = this.node.getProps(), { root: t, margin: r, amount: s = "some", once: h } = n, u = {
+      root: t ? t.current : void 0,
+      rootMargin: r,
+      threshold: typeof s == "number" ? s : w[s]
+    }, c = (i) => {
+      const { isIntersecting: e } = i;
+      if (this.isInView === e || (this.isInView = e, h && !e && this.hasEnteredView))
+        return;
+      e && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", e);
+      const { onViewportEnter: p, onViewportLeave: d } = this.node.getProps(), a = e ? p : d;
+      a && a(i);
+    };
+    return f(this.node.current, u, c);
+  }
+  mount() {
+    this.startObserver();
+  }
+  update() {
+    if (typeof IntersectionObserver > "u")
+      return;
+    const { props: n, prevProps: t } = this.node;
+    ["amount", "margin", "root"].some(l(n, t)) && this.startObserver();
+  }
+  unmount() {
+  }
+}
+function l({ viewport: o = {} }, { viewport: n = {} } = {}) {
+  return (t) => o[t] !== n[t];
 }
 export {
-  e as cubicBezierAsString,
-  u as isWaapiSupportedEasing,
-  c as mapEasingToNativeEasing,
-  t as supportedWaapiEasing
+  v as InViewFeature
 };

package/dist/lyra287.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra287.js","sources":["../node_modules/framer-motion/dist/es/animation/animators/waapi/easing.mjs"],"sourcesContent":["import { isBezierDefinition } from '../../../easing/utils/is-bezier-definition.mjs';\n\nfunction isWaapiSupportedEasing(easing) {\n    return Boolean(!easing ||\n        (typeof easing === \"string\" && supportedWaapiEasing[easing]) ||\n        isBezierDefinition(easing) ||\n        (Array.isArray(easing) && easing.every(isWaapiSupportedEasing)));\n}\nconst cubicBezierAsString = ([a, b, c, d]) => `cubic-bezier(${a}, ${b}, ${c}, ${d})`;\nconst supportedWaapiEasing = {\n    linear: \"linear\",\n    ease: \"ease\",\n    easeIn: \"ease-in\",\n    easeOut: \"ease-out\",\n    easeInOut: \"ease-in-out\",\n    circIn: cubicBezierAsString([0, 0.65, 0.55, 1]),\n    circOut: cubicBezierAsString([0.55, 0, 1, 0.45]),\n    backIn: cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),\n    backOut: cubicBezierAsString([0.33, 1.53, 0.69, 0.99]),\n};\nfunction mapEasingToNativeEasing(easing) {\n    if (!easing)\n        return undefined;\n    return isBezierDefinition(easing)\n        ? cubicBezierAsString(easing)\n        : Array.isArray(easing)\n            ? easing.map(mapEasingToNativeEasing)\n            : supportedWaapiEasing[easing];\n}\n\nexport { cubicBezierAsString, isWaapiSupportedEasing, mapEasingToNativeEasing, supportedWaapiEasing };\n"],"names":["isWaapiSupportedEasing","easing","supportedWaapiEasing","isBezierDefinition","cubicBezierAsString","a","b","c","d","mapEasingToNativeEasing"],"mappings":";AAEA,SAASA,EAAuBC,GAAQ;AACpC,SAAO,GAAQ,CAACA,KACX,OAAOA,KAAW,YAAYC,EAAqBD,CAAM,KAC1DE,EAAmBF,CAAM,KACxB,MAAM,QAAQA,CAAM,KAAKA,EAAO,MAAMD,CAAsB;AACrE;AACK,MAACI,IAAsB,CAAC,CAACC,GAAGC,GAAGC,GAAGC,CAAC,MAAM,gBAAgBH,CAAC,KAAKC,CAAC,KAAKC,CAAC,KAAKC,CAAC,KAC3EN,IAAuB;AAAA,EACzB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQE,EAAoB,CAAC,GAAG,MAAM,MAAM,CAAC,CAAC;AAAA,EAC9C,SAASA,EAAoB,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC;AAAA,EAC/C,QAAQA,EAAoB,CAAC,MAAM,MAAM,MAAM,KAAK,CAAC;AAAA,EACrD,SAASA,EAAoB,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC;AACzD;AACA,SAASK,EAAwBR,GAAQ;AACrC,MAAKA;AAEL,WAAOE,EAAmBF,CAAM,IAC1BG,EAAoBH,CAAM,IAC1B,MAAM,QAAQA,CAAM,IAChBA,EAAO,IAAIQ,CAAuB,IAClCP,EAAqBD,CAAM;AACzC;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra287.js","sources":["../node_modules/framer-motion/dist/es/motion/features/viewport/index.mjs"],"sourcesContent":["import { Feature } from '../Feature.mjs';\nimport { observeIntersection } from './observers.mjs';\n\nconst thresholdNames = {\n    some: 0,\n    all: 1,\n};\nclass InViewFeature extends Feature {\n    constructor() {\n        super(...arguments);\n        this.hasEnteredView = false;\n        this.isInView = false;\n    }\n    startObserver() {\n        this.unmount();\n        const { viewport = {} } = this.node.getProps();\n        const { root, margin: rootMargin, amount = \"some\", once } = viewport;\n        const options = {\n            root: root ? root.current : undefined,\n            rootMargin,\n            threshold: typeof amount === \"number\" ? amount : thresholdNames[amount],\n        };\n        const onIntersectionUpdate = (entry) => {\n            const { isIntersecting } = entry;\n            /**\n             * If there's been no change in the viewport state, early return.\n             */\n            if (this.isInView === isIntersecting)\n                return;\n            this.isInView = isIntersecting;\n            /**\n             * Handle hasEnteredView. If this is only meant to run once, and\n             * element isn't visible, early return. Otherwise set hasEnteredView to true.\n             */\n            if (once && !isIntersecting && this.hasEnteredView) {\n                return;\n            }\n            else if (isIntersecting) {\n                this.hasEnteredView = true;\n            }\n            if (this.node.animationState) {\n                this.node.animationState.setActive(\"whileInView\", isIntersecting);\n            }\n            /**\n             * Use the latest committed props rather than the ones in scope\n             * when this observer is created\n             */\n            const { onViewportEnter, onViewportLeave } = this.node.getProps();\n            const callback = isIntersecting ? onViewportEnter : onViewportLeave;\n            callback && callback(entry);\n        };\n        return observeIntersection(this.node.current, options, onIntersectionUpdate);\n    }\n    mount() {\n        this.startObserver();\n    }\n    update() {\n        if (typeof IntersectionObserver === \"undefined\")\n            return;\n        const { props, prevProps } = this.node;\n        const hasOptionsChanged = [\"amount\", \"margin\", \"root\"].some(hasViewportOptionChanged(props, prevProps));\n        if (hasOptionsChanged) {\n            this.startObserver();\n        }\n    }\n    unmount() { }\n}\nfunction hasViewportOptionChanged({ viewport = {} }, { viewport: prevViewport = {} } = {}) {\n    return (name) => viewport[name] !== prevViewport[name];\n}\n\nexport { InViewFeature };\n"],"names":["thresholdNames","InViewFeature","Feature","viewport","root","rootMargin","amount","once","options","onIntersectionUpdate","entry","isIntersecting","onViewportEnter","onViewportLeave","callback","observeIntersection","props","prevProps","hasViewportOptionChanged","prevViewport","name"],"mappings":";;AAGA,MAAMA,IAAiB;AAAA,EACnB,MAAM;AAAA,EACN,KAAK;AACT;AACA,MAAMC,UAAsBC,EAAQ;AAAA,EAChC,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,iBAAiB,IACtB,KAAK,WAAW;AAAA,EACnB;AAAA,EACD,gBAAgB;AACZ,SAAK,QAAO;AACZ,UAAM,EAAE,UAAAC,IAAW,CAAE,EAAA,IAAK,KAAK,KAAK,YAC9B,EAAE,MAAAC,GAAM,QAAQC,GAAY,QAAAC,IAAS,QAAQ,MAAAC,EAAM,IAAGJ,GACtDK,IAAU;AAAA,MACZ,MAAMJ,IAAOA,EAAK,UAAU;AAAA,MAC5B,YAAAC;AAAA,MACA,WAAW,OAAOC,KAAW,WAAWA,IAASN,EAAeM,CAAM;AAAA,IAClF,GACcG,IAAuB,CAACC,MAAU;AACpC,YAAM,EAAE,gBAAAC,EAAgB,IAAGD;AAW3B,UAPI,KAAK,aAAaC,MAEtB,KAAK,WAAWA,GAKZJ,KAAQ,CAACI,KAAkB,KAAK;AAChC;AAEC,MAAIA,MACL,KAAK,iBAAiB,KAEtB,KAAK,KAAK,kBACV,KAAK,KAAK,eAAe,UAAU,eAAeA,CAAc;AAMpE,YAAM,EAAE,iBAAAC,GAAiB,iBAAAC,EAAe,IAAK,KAAK,KAAK,YACjDC,IAAWH,IAAiBC,IAAkBC;AACpD,MAAAC,KAAYA,EAASJ,CAAK;AAAA,IACtC;AACQ,WAAOK,EAAoB,KAAK,KAAK,SAASP,GAASC,CAAoB;AAAA,EAC9E;AAAA,EACD,QAAQ;AACJ,SAAK,cAAa;AAAA,EACrB;AAAA,EACD,SAAS;AACL,QAAI,OAAO,uBAAyB;AAChC;AACJ,UAAM,EAAE,OAAAO,GAAO,WAAAC,MAAc,KAAK;AAElC,IAD0B,CAAC,UAAU,UAAU,MAAM,EAAE,KAAKC,EAAyBF,GAAOC,CAAS,CAAC,KAElG,KAAK,cAAa;AAAA,EAEzB;AAAA,EACD,UAAU;AAAA,EAAG;AACjB;AACA,SAASC,EAAyB,EAAE,UAAAf,IAAW,GAAI,GAAE,EAAE,UAAUgB,IAAe,GAAI,IAAG,IAAI;AACvF,SAAO,CAACC,MAASjB,EAASiB,CAAI,MAAMD,EAAaC,CAAI;AACzD;","x_google_ignoreList":[0]}

package/dist/lyra288.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra275.cjs"),a=require("./lyra175.cjs"),u=require("./lyra150.cjs");function r(e,i,n){const t=u.isMotionValue(e)?e:a.motionValue(e);return t.start(o.animateMotionValue("",t,i,n)),t.animation}exports.animateSingleValue=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra313.cjs"),o=require("./lyra229.cjs"),s=require("./lyra332.cjs");class t extends r.Feature{constructor(e){super(e),this.removeGroupControls=o.noop,this.removeListeners=o.noop,this.controls=new s.VisualElementDragControls(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||o.noop}unmount(){this.removeGroupControls(),this.removeListeners()}}exports.DragGesture=t;

package/dist/lyra288.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra288.cjs","sources":["../node_modules/framer-motion/dist/es/animation/interfaces/single-value.mjs"],"sourcesContent":["import { animateMotionValue } from './motion-value.mjs';\nimport { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction animateSingleValue(value, keyframes, options) {\n    const motionValue$1 = isMotionValue(value) ? value : motionValue(value);\n    motionValue$1.start(animateMotionValue(\"\", motionValue$1, keyframes, options));\n    return motionValue$1.animation;\n}\n\nexport { animateSingleValue };\n"],"names":["animateSingleValue","value","keyframes","options","motionValue$1","isMotionValue","motionValue","animateMotionValue"],"mappings":"uKAIA,SAASA,EAAmBC,EAAOC,EAAWC,EAAS,CACnD,MAAMC,EAAgBC,EAAAA,cAAcJ,CAAK,EAAIA,EAAQK,EAAAA,YAAYL,CAAK,EACtE,OAAAG,EAAc,MAAMG,qBAAmB,GAAIH,EAAeF,EAAWC,CAAO,CAAC,EACtEC,EAAc,SACzB","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra288.cjs","sources":["../node_modules/framer-motion/dist/es/gestures/drag/index.mjs"],"sourcesContent":["import { Feature } from '../../motion/features/Feature.mjs';\nimport { noop } from '../../utils/noop.mjs';\nimport { VisualElementDragControls } from './VisualElementDragControls.mjs';\n\nclass DragGesture extends Feature {\n    constructor(node) {\n        super(node);\n        this.removeGroupControls = noop;\n        this.removeListeners = noop;\n        this.controls = new VisualElementDragControls(node);\n    }\n    mount() {\n        // If we've been provided a DragControls for manual control over the drag gesture,\n        // subscribe this component to it on mount.\n        const { dragControls } = this.node.getProps();\n        if (dragControls) {\n            this.removeGroupControls = dragControls.subscribe(this.controls);\n        }\n        this.removeListeners = this.controls.addListeners() || noop;\n    }\n    unmount() {\n        this.removeGroupControls();\n        this.removeListeners();\n    }\n}\n\nexport { DragGesture };\n"],"names":["DragGesture","Feature","node","noop","VisualElementDragControls","dragControls"],"mappings":"uKAIA,MAAMA,UAAoBC,EAAAA,OAAQ,CAC9B,YAAYC,EAAM,CACd,MAAMA,CAAI,EACV,KAAK,oBAAsBC,OAC3B,KAAK,gBAAkBA,OACvB,KAAK,SAAW,IAAIC,EAAyB,0BAACF,CAAI,CACrD,CACD,OAAQ,CAGJ,KAAM,CAAE,aAAAG,CAAc,EAAG,KAAK,KAAK,SAAQ,EACvCA,IACA,KAAK,oBAAsBA,EAAa,UAAU,KAAK,QAAQ,GAEnE,KAAK,gBAAkB,KAAK,SAAS,aAAY,GAAMF,EAAAA,IAC1D,CACD,SAAU,CACN,KAAK,oBAAmB,EACxB,KAAK,gBAAe,CACvB,CACL","x_google_ignoreList":[0]}

package/dist/lyra288.js

@@ -1,10 +1,18 @@
-import { animateMotionValue as m } from "./lyra275.js";
-import { motionValue as a } from "./lyra175.js";
-import { isMotionValue as r } from "./lyra150.js";
-function f(o, i, n) {
-  const t = r(o) ? o : a(o);
-  return t.start(m("", t, i, n)), t.animation;
+import { Feature as s } from "./lyra313.js";
+import { noop as r } from "./lyra229.js";
+import { VisualElementDragControls as t } from "./lyra332.js";
+class u extends s {
+  constructor(o) {
+    super(o), this.removeGroupControls = r, this.removeListeners = r, this.controls = new t(o);
+  }
+  mount() {
+    const { dragControls: o } = this.node.getProps();
+    o && (this.removeGroupControls = o.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || r;
+  }
+  unmount() {
+    this.removeGroupControls(), this.removeListeners();
+  }
 }
 export {
-  f as animateSingleValue
+  u as DragGesture
 };

package/dist/lyra288.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra288.js","sources":["../node_modules/framer-motion/dist/es/animation/interfaces/single-value.mjs"],"sourcesContent":["import { animateMotionValue } from './motion-value.mjs';\nimport { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction animateSingleValue(value, keyframes, options) {\n    const motionValue$1 = isMotionValue(value) ? value : motionValue(value);\n    motionValue$1.start(animateMotionValue(\"\", motionValue$1, keyframes, options));\n    return motionValue$1.animation;\n}\n\nexport { animateSingleValue };\n"],"names":["animateSingleValue","value","keyframes","options","motionValue$1","isMotionValue","motionValue","animateMotionValue"],"mappings":";;;AAIA,SAASA,EAAmBC,GAAOC,GAAWC,GAAS;AACnD,QAAMC,IAAgBC,EAAcJ,CAAK,IAAIA,IAAQK,EAAYL,CAAK;AACtE,SAAAG,EAAc,MAAMG,EAAmB,IAAIH,GAAeF,GAAWC,CAAO,CAAC,GACtEC,EAAc;AACzB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra288.js","sources":["../node_modules/framer-motion/dist/es/gestures/drag/index.mjs"],"sourcesContent":["import { Feature } from '../../motion/features/Feature.mjs';\nimport { noop } from '../../utils/noop.mjs';\nimport { VisualElementDragControls } from './VisualElementDragControls.mjs';\n\nclass DragGesture extends Feature {\n    constructor(node) {\n        super(node);\n        this.removeGroupControls = noop;\n        this.removeListeners = noop;\n        this.controls = new VisualElementDragControls(node);\n    }\n    mount() {\n        // If we've been provided a DragControls for manual control over the drag gesture,\n        // subscribe this component to it on mount.\n        const { dragControls } = this.node.getProps();\n        if (dragControls) {\n            this.removeGroupControls = dragControls.subscribe(this.controls);\n        }\n        this.removeListeners = this.controls.addListeners() || noop;\n    }\n    unmount() {\n        this.removeGroupControls();\n        this.removeListeners();\n    }\n}\n\nexport { DragGesture };\n"],"names":["DragGesture","Feature","node","noop","VisualElementDragControls","dragControls"],"mappings":";;;AAIA,MAAMA,UAAoBC,EAAQ;AAAA,EAC9B,YAAYC,GAAM;AACd,UAAMA,CAAI,GACV,KAAK,sBAAsBC,GAC3B,KAAK,kBAAkBA,GACvB,KAAK,WAAW,IAAIC,EAA0BF,CAAI;AAAA,EACrD;AAAA,EACD,QAAQ;AAGJ,UAAM,EAAE,cAAAG,EAAc,IAAG,KAAK,KAAK,SAAQ;AAC3C,IAAIA,MACA,KAAK,sBAAsBA,EAAa,UAAU,KAAK,QAAQ,IAEnE,KAAK,kBAAkB,KAAK,SAAS,aAAY,KAAMF;AAAA,EAC1D;AAAA,EACD,UAAU;AACN,SAAK,oBAAmB,GACxB,KAAK,gBAAe;AAAA,EACvB;AACL;","x_google_ignoreList":[0]}

package/dist/lyra289.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function p(a){let n=[],s=[],i=0,r=!1,o=!1;const l=new WeakSet,u={schedule:(e,t=!1,f=!1)=>{const d=f&&r,c=d?n:s;return t&&l.add(e),c.indexOf(e)===-1&&(c.push(e),d&&r&&(i=n.length)),e},cancel:e=>{const t=s.indexOf(e);t!==-1&&s.splice(t,1),l.delete(e)},process:e=>{if(r){o=!0;return}if(r=!0,[n,s]=[s,n],s.length=0,i=n.length,i)for(let t=0;t<i;t++){const f=n[t];f(e),l.has(f)&&(u.schedule(f),a())}r=!1,o&&(o=!1,u.process(e))}};return u}exports.createRenderStep=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./lyra333.cjs"),d=require("./lyra268.cjs"),c=require("./lyra313.cjs"),h=require("./lyra229.cjs"),r=require("./lyra210.cjs"),o=n=>(e,t)=>{n&&r.frame.update(()=>n(e,t))};class m extends c.Feature{constructor(){super(...arguments),this.removePointerDownListener=h.noop}onPointerDown(e){this.session=new P.PanSession(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint()})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:t,onPan:i,onPanEnd:s}=this.node.getProps();return{onSessionStart:o(e),onStart:o(t),onMove:i,onEnd:(a,u)=>{delete this.session,s&&r.frame.update(()=>s(a,u))}}}mount(){this.removePointerDownListener=d.addPointerEvent(this.node.current,"pointerdown",e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}exports.PanGesture=m;

package/dist/lyra289.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra289.cjs","sources":["../node_modules/framer-motion/dist/es/frameloop/render-step.mjs"],"sourcesContent":["function createRenderStep(runNextFrame) {\n    /**\n     * We create and reuse two arrays, one to queue jobs for the current frame\n     * and one for the next. We reuse to avoid triggering GC after x frames.\n     */\n    let toRun = [];\n    let toRunNextFrame = [];\n    /**\n     *\n     */\n    let numToRun = 0;\n    /**\n     * Track whether we're currently processing jobs in this step. This way\n     * we can decide whether to schedule new jobs for this frame or next.\n     */\n    let isProcessing = false;\n    let flushNextFrame = false;\n    /**\n     * A set of processes which were marked keepAlive when scheduled.\n     */\n    const toKeepAlive = new WeakSet();\n    const step = {\n        /**\n         * Schedule a process to run on the next frame.\n         */\n        schedule: (callback, keepAlive = false, immediate = false) => {\n            const addToCurrentFrame = immediate && isProcessing;\n            const buffer = addToCurrentFrame ? toRun : toRunNextFrame;\n            if (keepAlive)\n                toKeepAlive.add(callback);\n            // If the buffer doesn't already contain this callback, add it\n            if (buffer.indexOf(callback) === -1) {\n                buffer.push(callback);\n                // If we're adding it to the currently running buffer, update its measured size\n                if (addToCurrentFrame && isProcessing)\n                    numToRun = toRun.length;\n            }\n            return callback;\n        },\n        /**\n         * Cancel the provided callback from running on the next frame.\n         */\n        cancel: (callback) => {\n            const index = toRunNextFrame.indexOf(callback);\n            if (index !== -1)\n                toRunNextFrame.splice(index, 1);\n            toKeepAlive.delete(callback);\n        },\n        /**\n         * Execute all schedule callbacks.\n         */\n        process: (frameData) => {\n            /**\n             * If we're already processing we've probably been triggered by a flushSync\n             * inside an existing process. Instead of executing, mark flushNextFrame\n             * as true and ensure we flush the following frame at the end of this one.\n             */\n            if (isProcessing) {\n                flushNextFrame = true;\n                return;\n            }\n            isProcessing = true;\n            [toRun, toRunNextFrame] = [toRunNextFrame, toRun];\n            // Clear the next frame list\n            toRunNextFrame.length = 0;\n            // Execute this frame\n            numToRun = toRun.length;\n            if (numToRun) {\n                for (let i = 0; i < numToRun; i++) {\n                    const callback = toRun[i];\n                    callback(frameData);\n                    if (toKeepAlive.has(callback)) {\n                        step.schedule(callback);\n                        runNextFrame();\n                    }\n                }\n            }\n            isProcessing = false;\n            if (flushNextFrame) {\n                flushNextFrame = false;\n                step.process(frameData);\n            }\n        },\n    };\n    return step;\n}\n\nexport { createRenderStep };\n"],"names":["createRenderStep","runNextFrame","toRun","toRunNextFrame","numToRun","isProcessing","flushNextFrame","toKeepAlive","step","callback","keepAlive","immediate","addToCurrentFrame","buffer","index","frameData","i"],"mappings":"gFAAA,SAASA,EAAiBC,EAAc,CAKpC,IAAIC,EAAQ,CAAA,EACRC,EAAiB,CAAA,EAIjBC,EAAW,EAKXC,EAAe,GACfC,EAAiB,GAIrB,MAAMC,EAAc,IAAI,QAClBC,EAAO,CAIT,SAAU,CAACC,EAAUC,EAAY,GAAOC,EAAY,KAAU,CAC1D,MAAMC,EAAoBD,GAAaN,EACjCQ,EAASD,EAAoBV,EAAQC,EAC3C,OAAIO,GACAH,EAAY,IAAIE,CAAQ,EAExBI,EAAO,QAAQJ,CAAQ,IAAM,KAC7BI,EAAO,KAAKJ,CAAQ,EAEhBG,GAAqBP,IACrBD,EAAWF,EAAM,SAElBO,CACV,EAID,OAASA,GAAa,CAClB,MAAMK,EAAQX,EAAe,QAAQM,CAAQ,EACzCK,IAAU,IACVX,EAAe,OAAOW,EAAO,CAAC,EAClCP,EAAY,OAAOE,CAAQ,CAC9B,EAID,QAAUM,GAAc,CAMpB,GAAIV,EAAc,CACdC,EAAiB,GACjB,MACH,CAOD,GANAD,EAAe,GACf,CAACH,EAAOC,CAAc,EAAI,CAACA,EAAgBD,CAAK,EAEhDC,EAAe,OAAS,EAExBC,EAAWF,EAAM,OACbE,EACA,QAASY,EAAI,EAAGA,EAAIZ,EAAUY,IAAK,CAC/B,MAAMP,EAAWP,EAAMc,CAAC,EACxBP,EAASM,CAAS,EACdR,EAAY,IAAIE,CAAQ,IACxBD,EAAK,SAASC,CAAQ,EACtBR,IAEP,CAELI,EAAe,GACXC,IACAA,EAAiB,GACjBE,EAAK,QAAQO,CAAS,EAE7B,CACT,EACI,OAAOP,CACX","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra289.cjs","sources":["../node_modules/framer-motion/dist/es/gestures/pan/index.mjs"],"sourcesContent":["import { PanSession } from './PanSession.mjs';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { Feature } from '../../motion/features/Feature.mjs';\nimport { noop } from '../../utils/noop.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst asyncHandler = (handler) => (event, info) => {\n    if (handler) {\n        frame.update(() => handler(event, info));\n    }\n};\nclass PanGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.removePointerDownListener = noop;\n    }\n    onPointerDown(pointerDownEvent) {\n        this.session = new PanSession(pointerDownEvent, this.createPanHandlers(), { transformPagePoint: this.node.getTransformPagePoint() });\n    }\n    createPanHandlers() {\n        const { onPanSessionStart, onPanStart, onPan, onPanEnd } = this.node.getProps();\n        return {\n            onSessionStart: asyncHandler(onPanSessionStart),\n            onStart: asyncHandler(onPanStart),\n            onMove: onPan,\n            onEnd: (event, info) => {\n                delete this.session;\n                if (onPanEnd) {\n                    frame.update(() => onPanEnd(event, info));\n                }\n            },\n        };\n    }\n    mount() {\n        this.removePointerDownListener = addPointerEvent(this.node.current, \"pointerdown\", (event) => this.onPointerDown(event));\n    }\n    update() {\n        this.session && this.session.updateHandlers(this.createPanHandlers());\n    }\n    unmount() {\n        this.removePointerDownListener();\n        this.session && this.session.end();\n    }\n}\n\nexport { PanGesture };\n"],"names":["asyncHandler","handler","event","info","frame","PanGesture","Feature","noop","pointerDownEvent","PanSession","onPanSessionStart","onPanStart","onPan","onPanEnd","addPointerEvent"],"mappings":"6NAMMA,EAAgBC,GAAY,CAACC,EAAOC,IAAS,CAC3CF,GACAG,EAAK,MAAC,OAAO,IAAMH,EAAQC,EAAOC,CAAI,CAAC,CAE/C,EACA,MAAME,UAAmBC,EAAAA,OAAQ,CAC7B,aAAc,CACV,MAAM,GAAG,SAAS,EAClB,KAAK,0BAA4BC,MACpC,CACD,cAAcC,EAAkB,CAC5B,KAAK,QAAU,IAAIC,aAAWD,EAAkB,KAAK,oBAAqB,CAAE,mBAAoB,KAAK,KAAK,sBAAqB,CAAI,CAAA,CACtI,CACD,mBAAoB,CAChB,KAAM,CAAE,kBAAAE,EAAmB,WAAAC,EAAY,MAAAC,EAAO,SAAAC,CAAQ,EAAK,KAAK,KAAK,WACrE,MAAO,CACH,eAAgBb,EAAaU,CAAiB,EAC9C,QAASV,EAAaW,CAAU,EAChC,OAAQC,EACR,MAAO,CAACV,EAAOC,IAAS,CACpB,OAAO,KAAK,QACRU,GACAT,EAAK,MAAC,OAAO,IAAMS,EAASX,EAAOC,CAAI,CAAC,CAE/C,CACb,CACK,CACD,OAAQ,CACJ,KAAK,0BAA4BW,EAAAA,gBAAgB,KAAK,KAAK,QAAS,cAAgBZ,GAAU,KAAK,cAAcA,CAAK,CAAC,CAC1H,CACD,QAAS,CACL,KAAK,SAAW,KAAK,QAAQ,eAAe,KAAK,kBAAiB,CAAE,CACvE,CACD,SAAU,CACN,KAAK,0BAAyB,EAC9B,KAAK,SAAW,KAAK,QAAQ,IAAG,CACnC,CACL","x_google_ignoreList":[0]}

package/dist/lyra289.js

@@ -1,38 +1,39 @@
-function p(h) {
-  let n = [], s = [], i = 0, f = !1, o = !1;
-  const l = /* @__PURE__ */ new WeakSet(), u = {
-    /**
-     * Schedule a process to run on the next frame.
-     */
-    schedule: (e, t = !1, r = !1) => {
-      const d = r && f, c = d ? n : s;
-      return t && l.add(e), c.indexOf(e) === -1 && (c.push(e), d && f && (i = n.length)), e;
-    },
-    /**
-     * Cancel the provided callback from running on the next frame.
-     */
-    cancel: (e) => {
-      const t = s.indexOf(e);
-      t !== -1 && s.splice(t, 1), l.delete(e);
-    },
-    /**
-     * Execute all schedule callbacks.
-     */
-    process: (e) => {
-      if (f) {
-        o = !0;
-        return;
+import { PanSession as d } from "./lyra333.js";
+import { addPointerEvent as m } from "./lyra268.js";
+import { Feature as h } from "./lyra313.js";
+import { noop as p } from "./lyra229.js";
+import { frame as r } from "./lyra210.js";
+const s = (e) => (n, t) => {
+  e && r.update(() => e(n, t));
+};
+class l extends h {
+  constructor() {
+    super(...arguments), this.removePointerDownListener = p;
+  }
+  onPointerDown(n) {
+    this.session = new d(n, this.createPanHandlers(), { transformPagePoint: this.node.getTransformPagePoint() });
+  }
+  createPanHandlers() {
+    const { onPanSessionStart: n, onPanStart: t, onPan: i, onPanEnd: o } = this.node.getProps();
+    return {
+      onSessionStart: s(n),
+      onStart: s(t),
+      onMove: i,
+      onEnd: (a, P) => {
+        delete this.session, o && r.update(() => o(a, P));
       }
-      if (f = !0, [n, s] = [s, n], s.length = 0, i = n.length, i)
-        for (let t = 0; t < i; t++) {
-          const r = n[t];
-          r(e), l.has(r) && (u.schedule(r), h());
-        }
-      f = !1, o && (o = !1, u.process(e));
-    }
-  };
-  return u;
+    };
+  }
+  mount() {
+    this.removePointerDownListener = m(this.node.current, "pointerdown", (n) => this.onPointerDown(n));
+  }
+  update() {
+    this.session && this.session.updateHandlers(this.createPanHandlers());
+  }
+  unmount() {
+    this.removePointerDownListener(), this.session && this.session.end();
+  }
 }
 export {
-  p as createRenderStep
+  l as PanGesture
 };

package/dist/lyra289.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra289.js","sources":["../node_modules/framer-motion/dist/es/frameloop/render-step.mjs"],"sourcesContent":["function createRenderStep(runNextFrame) {\n    /**\n     * We create and reuse two arrays, one to queue jobs for the current frame\n     * and one for the next. We reuse to avoid triggering GC after x frames.\n     */\n    let toRun = [];\n    let toRunNextFrame = [];\n    /**\n     *\n     */\n    let numToRun = 0;\n    /**\n     * Track whether we're currently processing jobs in this step. This way\n     * we can decide whether to schedule new jobs for this frame or next.\n     */\n    let isProcessing = false;\n    let flushNextFrame = false;\n    /**\n     * A set of processes which were marked keepAlive when scheduled.\n     */\n    const toKeepAlive = new WeakSet();\n    const step = {\n        /**\n         * Schedule a process to run on the next frame.\n         */\n        schedule: (callback, keepAlive = false, immediate = false) => {\n            const addToCurrentFrame = immediate && isProcessing;\n            const buffer = addToCurrentFrame ? toRun : toRunNextFrame;\n            if (keepAlive)\n                toKeepAlive.add(callback);\n            // If the buffer doesn't already contain this callback, add it\n            if (buffer.indexOf(callback) === -1) {\n                buffer.push(callback);\n                // If we're adding it to the currently running buffer, update its measured size\n                if (addToCurrentFrame && isProcessing)\n                    numToRun = toRun.length;\n            }\n            return callback;\n        },\n        /**\n         * Cancel the provided callback from running on the next frame.\n         */\n        cancel: (callback) => {\n            const index = toRunNextFrame.indexOf(callback);\n            if (index !== -1)\n                toRunNextFrame.splice(index, 1);\n            toKeepAlive.delete(callback);\n        },\n        /**\n         * Execute all schedule callbacks.\n         */\n        process: (frameData) => {\n            /**\n             * If we're already processing we've probably been triggered by a flushSync\n             * inside an existing process. Instead of executing, mark flushNextFrame\n             * as true and ensure we flush the following frame at the end of this one.\n             */\n            if (isProcessing) {\n                flushNextFrame = true;\n                return;\n            }\n            isProcessing = true;\n            [toRun, toRunNextFrame] = [toRunNextFrame, toRun];\n            // Clear the next frame list\n            toRunNextFrame.length = 0;\n            // Execute this frame\n            numToRun = toRun.length;\n            if (numToRun) {\n                for (let i = 0; i < numToRun; i++) {\n                    const callback = toRun[i];\n                    callback(frameData);\n                    if (toKeepAlive.has(callback)) {\n                        step.schedule(callback);\n                        runNextFrame();\n                    }\n                }\n            }\n            isProcessing = false;\n            if (flushNextFrame) {\n                flushNextFrame = false;\n                step.process(frameData);\n            }\n        },\n    };\n    return step;\n}\n\nexport { createRenderStep };\n"],"names":["createRenderStep","runNextFrame","toRun","toRunNextFrame","numToRun","isProcessing","flushNextFrame","toKeepAlive","step","callback","keepAlive","immediate","addToCurrentFrame","buffer","index","frameData","i"],"mappings":"AAAA,SAASA,EAAiBC,GAAc;AAKpC,MAAIC,IAAQ,CAAA,GACRC,IAAiB,CAAA,GAIjBC,IAAW,GAKXC,IAAe,IACfC,IAAiB;AAIrB,QAAMC,IAAc,oBAAI,WAClBC,IAAO;AAAA;AAAA;AAAA;AAAA,IAIT,UAAU,CAACC,GAAUC,IAAY,IAAOC,IAAY,OAAU;AAC1D,YAAMC,IAAoBD,KAAaN,GACjCQ,IAASD,IAAoBV,IAAQC;AAC3C,aAAIO,KACAH,EAAY,IAAIE,CAAQ,GAExBI,EAAO,QAAQJ,CAAQ,MAAM,OAC7BI,EAAO,KAAKJ,CAAQ,GAEhBG,KAAqBP,MACrBD,IAAWF,EAAM,UAElBO;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAID,QAAQ,CAACA,MAAa;AAClB,YAAMK,IAAQX,EAAe,QAAQM,CAAQ;AAC7C,MAAIK,MAAU,MACVX,EAAe,OAAOW,GAAO,CAAC,GAClCP,EAAY,OAAOE,CAAQ;AAAA,IAC9B;AAAA;AAAA;AAAA;AAAA,IAID,SAAS,CAACM,MAAc;AAMpB,UAAIV,GAAc;AACd,QAAAC,IAAiB;AACjB;AAAA,MACH;AAOD,UANAD,IAAe,IACf,CAACH,GAAOC,CAAc,IAAI,CAACA,GAAgBD,CAAK,GAEhDC,EAAe,SAAS,GAExBC,IAAWF,EAAM,QACbE;AACA,iBAASY,IAAI,GAAGA,IAAIZ,GAAUY,KAAK;AAC/B,gBAAMP,IAAWP,EAAMc,CAAC;AACxB,UAAAP,EAASM,CAAS,GACdR,EAAY,IAAIE,CAAQ,MACxBD,EAAK,SAASC,CAAQ,GACtBR;QAEP;AAEL,MAAAI,IAAe,IACXC,MACAA,IAAiB,IACjBE,EAAK,QAAQO,CAAS;AAAA,IAE7B;AAAA,EACT;AACI,SAAOP;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra289.js","sources":["../node_modules/framer-motion/dist/es/gestures/pan/index.mjs"],"sourcesContent":["import { PanSession } from './PanSession.mjs';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { Feature } from '../../motion/features/Feature.mjs';\nimport { noop } from '../../utils/noop.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst asyncHandler = (handler) => (event, info) => {\n    if (handler) {\n        frame.update(() => handler(event, info));\n    }\n};\nclass PanGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.removePointerDownListener = noop;\n    }\n    onPointerDown(pointerDownEvent) {\n        this.session = new PanSession(pointerDownEvent, this.createPanHandlers(), { transformPagePoint: this.node.getTransformPagePoint() });\n    }\n    createPanHandlers() {\n        const { onPanSessionStart, onPanStart, onPan, onPanEnd } = this.node.getProps();\n        return {\n            onSessionStart: asyncHandler(onPanSessionStart),\n            onStart: asyncHandler(onPanStart),\n            onMove: onPan,\n            onEnd: (event, info) => {\n                delete this.session;\n                if (onPanEnd) {\n                    frame.update(() => onPanEnd(event, info));\n                }\n            },\n        };\n    }\n    mount() {\n        this.removePointerDownListener = addPointerEvent(this.node.current, \"pointerdown\", (event) => this.onPointerDown(event));\n    }\n    update() {\n        this.session && this.session.updateHandlers(this.createPanHandlers());\n    }\n    unmount() {\n        this.removePointerDownListener();\n        this.session && this.session.end();\n    }\n}\n\nexport { PanGesture };\n"],"names":["asyncHandler","handler","event","info","frame","PanGesture","Feature","noop","pointerDownEvent","PanSession","onPanSessionStart","onPanStart","onPan","onPanEnd","addPointerEvent"],"mappings":";;;;;AAMA,MAAMA,IAAe,CAACC,MAAY,CAACC,GAAOC,MAAS;AAC/C,EAAIF,KACAG,EAAM,OAAO,MAAMH,EAAQC,GAAOC,CAAI,CAAC;AAE/C;AACA,MAAME,UAAmBC,EAAQ;AAAA,EAC7B,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,4BAA4BC;AAAA,EACpC;AAAA,EACD,cAAcC,GAAkB;AAC5B,SAAK,UAAU,IAAIC,EAAWD,GAAkB,KAAK,qBAAqB,EAAE,oBAAoB,KAAK,KAAK,sBAAqB,EAAI,CAAA;AAAA,EACtI;AAAA,EACD,oBAAoB;AAChB,UAAM,EAAE,mBAAAE,GAAmB,YAAAC,GAAY,OAAAC,GAAO,UAAAC,EAAQ,IAAK,KAAK,KAAK;AACrE,WAAO;AAAA,MACH,gBAAgBb,EAAaU,CAAiB;AAAA,MAC9C,SAASV,EAAaW,CAAU;AAAA,MAChC,QAAQC;AAAA,MACR,OAAO,CAACV,GAAOC,MAAS;AACpB,eAAO,KAAK,SACRU,KACAT,EAAM,OAAO,MAAMS,EAASX,GAAOC,CAAI,CAAC;AAAA,MAE/C;AAAA,IACb;AAAA,EACK;AAAA,EACD,QAAQ;AACJ,SAAK,4BAA4BW,EAAgB,KAAK,KAAK,SAAS,eAAe,CAACZ,MAAU,KAAK,cAAcA,CAAK,CAAC;AAAA,EAC1H;AAAA,EACD,SAAS;AACL,SAAK,WAAW,KAAK,QAAQ,eAAe,KAAK,kBAAiB,CAAE;AAAA,EACvE;AAAA,EACD,UAAU;AACN,SAAK,0BAAyB,GAC9B,KAAK,WAAW,KAAK,QAAQ,IAAG;AAAA,EACnC;AACL;","x_google_ignoreList":[0]}

package/dist/lyra29.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra44.cjs"),x=require("./lyra43.cjs"),n=require("./lyra30.cjs"),b=require("./lyra63.cjs"),f=require("./lyra34.cjs"),c=require("./lyra35.cjs"),u=require("./lyra45.cjs"),d=require("./lyra54.cjs"),g=require("./lyra42.cjs"),S=({label:a,showValueText:m,valueTextClassName:j,valueTextVariant:y="body-small",valueTextColor:p,labelVariant:w="body-medium",labelColor:v,labelClassName:h,height:s,color:r,...R})=>{const[q,t]=b.default(),{direction:i}=g.useLocale(),o=t.width/3;return e.jsxRuntimeExports.jsx(x.ProgressBar,{...R,children:({percentage:E,valueText:l,isIndeterminate:N})=>e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between",children:[a?e.jsxRuntimeExports.jsx(x.Label,{className:u.twMerge(c.textStyles({color:v,variant:w,className:h})),children:a}):e.jsxRuntimeExports.jsx("div",{}),m&&l?e.jsxRuntimeExports.jsx(f.Text,{className:u.twMerge(c.textStyles({color:p,variant:y,className:j})),children:l}):null]}),e.jsxRuntimeExports.jsx("div",{ref:q,className:n.barStyles({height:s,color:r}),children:N?e.jsxRuntimeExports.jsx(d.motion.div,{className:n.barActiveStyles({height:s,color:r}),style:{width:o},initial:{x:i==="rtl"?t.width+400:-400},animate:{direction:i,x:i==="rtl"?-t.width:t.width+o},transition:{repeat:1/0,duration:2,type:"tween"}}):e.jsxRuntimeExports.jsx(d.motion.div,{className:n.barActiveStyles({height:s,color:r}),layout:!0,initial:{width:"0%",zIndex:1},animate:{width:`${E}%`},transition:{duration:.5,type:"tween"}})})]})})};exports.ProgressBar=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra53.cjs"),g=require("react"),t=require("./lyra52.cjs"),v=require("./lyra46.cjs"),P=require("./lyra31.cjs");require("./lyra149.cjs");const d=require("./lyra30.cjs"),x=({className:s,showPopoverInBottomDrawerOnSmallScreens:r=!1,screenWidthMobileBreakpoint:c=640,...e},o)=>{[e,o]=t.useContextProps(e,o,t.PopoverContext);const l=v.useIsMobileDevice(c),i={...e}.state;return l&&r?n.jsxRuntimeExports.jsx(P.Dialog,{fullWidth:!0,position:"bottom",isDismissable:!0,ref:o,isOpen:(e==null?void 0:e.isOpen)??i.isOpen,onOpenChange:(e==null?void 0:e.onOpenChange)??i.setOpen,onClose:()=>i.close(),children:e.children}):n.jsxRuntimeExports.jsx(t.Popover,{...e,ref:o,offset:4,className:({isEntering:u,isExiting:a})=>d.popoverStyles({isEntering:u,isExiting:a,className:s})})},m=g.forwardRef(x),q=t.DialogTrigger;exports.Popover=m;exports.PopoverTrigger=q;

package/dist/lyra29.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra29.cjs","sources":["../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import {\n  ProgressBar as AriaProgressBar,\n  ProgressBarProps as AriaProgressBarProps,\n  Label,\n} from \"react-aria-components\";\nimport { barActiveStyles, barStyles } from \"./progress-bar.styles\";\nimport useMeasure from \"../../utils/hooks/use-measure\";\nimport { motion } from \"framer-motion\";\nimport { VariantProps } from \"../../utils/class-variance-authority\";\nimport { Text, textStyles } from \"../text\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useLocale } from \"react-aria\";\ntype ProgressBarProps = AriaProgressBarProps &\n  VariantProps<typeof barStyles> & {\n    label?: string;\n    showValueText?: boolean;\n    labelVariant?: VariantProps<typeof textStyles>[\"variant\"];\n    labelColor?: VariantProps<typeof textStyles>[\"color\"];\n    labelClassName?: string;\n    valueTextClassName?: string;\n    valueTextVariant?: VariantProps<typeof textStyles>[\"variant\"];\n    valueTextColor?: VariantProps<typeof textStyles>[\"color\"];\n  };\n\nexport const ProgressBar = ({\n  label,\n  showValueText,\n  valueTextClassName,\n  valueTextVariant = \"body-small\",\n  valueTextColor,\n  labelVariant = \"body-medium\",\n  labelColor,\n  labelClassName,\n  height,\n  color,\n  ...props\n}: ProgressBarProps) => {\n  const [ref, element] = useMeasure();\n  const { direction } = useLocale();\n\n  const indeterminateActiveFillWidth = element.width / 3;\n\n  return (\n    <AriaProgressBar {...props}>\n      {({ percentage, valueText, isIndeterminate }) => (\n        <div className=\"flex flex-col gap-2\">\n          <div className=\"flex items-center justify-between\">\n            {label ? (\n              <Label\n                className={twMerge(\n                  textStyles({\n                    color: labelColor,\n                    variant: labelVariant,\n                    className: labelClassName,\n                  })\n                )}\n              >\n                {label}\n              </Label>\n            ) : (\n              <div />\n            )}\n            {showValueText && valueText ? (\n              <Text\n                className={twMerge(\n                  textStyles({\n                    color: valueTextColor,\n                    variant: valueTextVariant,\n                    className: valueTextClassName,\n                  })\n                )}\n              >\n                {valueText}\n              </Text>\n            ) : null}\n          </div>\n          <div\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            ref={ref as any}\n            className={barStyles({\n              height,\n              color,\n              // className: \"relative overflow-hidden\",\n            })}\n          >\n            {isIndeterminate ? (\n              <motion.div\n                className={barActiveStyles({\n                  height,\n                  color,\n                })}\n                // layout\n                style={{\n                  width: indeterminateActiveFillWidth,\n                }}\n                initial={{\n                  x: direction === \"rtl\" ? element.width + 400 : -400,\n                }}\n                animate={{\n                  direction,\n                  x:\n                    direction === \"rtl\"\n                      ? -element.width\n                      : element.width + indeterminateActiveFillWidth,\n                }}\n                transition={{\n                  repeat: Infinity,\n                  duration: 2,\n                  type: \"tween\",\n                }}\n              />\n            ) : (\n              <motion.div\n                className={barActiveStyles({\n                  height,\n                  color,\n                })}\n                layout\n                initial={{\n                  width: \"0%\",\n                  zIndex: 1,\n                }}\n                animate={{\n                  width: `${percentage}%`,\n                }}\n                transition={{\n                  duration: 0.5,\n                  type: \"tween\",\n                }}\n              />\n            )}\n          </div>\n        </div>\n      )}\n    </AriaProgressBar>\n  );\n};\n"],"names":["ProgressBar","label","showValueText","valueTextClassName","valueTextVariant","valueTextColor","labelVariant","labelColor","labelClassName","height","color","props","ref","element","useMeasure","direction","useLocale","indeterminateActiveFillWidth","jsx","AriaProgressBar","percentage","valueText","isIndeterminate","jsxs","Label","twMerge","textStyles","Text","barStyles","motion","barActiveStyles"],"mappings":"gUAwBaA,EAAc,CAAC,CAC1B,MAAAC,EACA,cAAAC,EACA,mBAAAC,EACA,iBAAAC,EAAmB,aACnB,eAAAC,EACA,aAAAC,EAAe,cACf,WAAAC,EACA,eAAAC,EACA,OAAAC,EACA,MAAAC,EACA,GAAGC,CACL,IAAwB,CACtB,KAAM,CAACC,EAAKC,CAAO,EAAIC,EAAW,QAAA,EAC5B,CAAE,UAAAC,GAAcC,EAAAA,YAEhBC,EAA+BJ,EAAQ,MAAQ,EAErD,OACGK,EAAAA,kBAAAA,IAAAC,EAAAA,YAAA,CAAiB,GAAGR,EAClB,SAAC,CAAA,CAAE,WAAAS,EAAY,UAAAC,EAAW,gBAAAC,CAAgB,IACxCC,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,sBACb,SAAA,CAACA,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAU,oCACZ,SAAA,CACCtB,EAAAiB,EAAA,kBAAA,IAACM,EAAA,MAAA,CACC,UAAWC,EAAA,QACTC,aAAW,CACT,MAAOnB,EACP,QAASD,EACT,UAAWE,CAAA,CACZ,CACH,EAEC,SAAAP,CAAA,CAAA,0BAGF,MAAI,EAAA,EAENC,GAAiBmB,EAChBH,EAAA,kBAAA,IAACS,EAAA,KAAA,CACC,UAAWF,EAAA,QACTC,aAAW,CACT,MAAOrB,EACP,QAASD,EACT,UAAWD,CAAA,CACZ,CACH,EAEC,SAAAkB,CAAA,CAAA,EAED,IAAA,EACN,EACAH,EAAA,kBAAA,IAAC,MAAA,CAEC,IAAAN,EACA,UAAWgB,EAAAA,UAAU,CACnB,OAAAnB,EACA,MAAAC,CAAA,CAED,EAEA,SACCY,EAAAJ,EAAA,kBAAA,IAACW,EAAAA,OAAO,IAAP,CACC,UAAWC,EAAAA,gBAAgB,CACzB,OAAArB,EACA,MAAAC,CAAA,CACD,EAED,MAAO,CACL,MAAOO,CACT,EACA,QAAS,CACP,EAAGF,IAAc,MAAQF,EAAQ,MAAQ,IAAM,IACjD,EACA,QAAS,CACP,UAAAE,EACA,EACEA,IAAc,MACV,CAACF,EAAQ,MACTA,EAAQ,MAAQI,CACxB,EACA,WAAY,CACV,OAAQ,IACR,SAAU,EACV,KAAM,OACR,CAAA,CAAA,EAGFC,EAAA,kBAAA,IAACW,EAAAA,OAAO,IAAP,CACC,UAAWC,EAAAA,gBAAgB,CACzB,OAAArB,EACA,MAAAC,CAAA,CACD,EACD,OAAM,GACN,QAAS,CACP,MAAO,KACP,OAAQ,CACV,EACA,QAAS,CACP,MAAO,GAAGU,CAAU,GACtB,EACA,WAAY,CACV,SAAU,GACV,KAAM,OACR,CAAA,CACF,CAAA,CAEJ,CAAA,CACF,CAAA,CAEJ,CAAA,CAEJ"}
+{"version":3,"file":"lyra29.cjs","sources":["../src/components/overlays/popover/popover.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactNode } from \"react\";\nimport {\n  DialogTrigger,\n  Popover as AriaPopover,\n  PopoverContext,\n  PopoverProps as AriaPopoverProps,\n  useContextProps,\n} from \"react-aria-components\";\nimport { OverlayTriggerState } from \"react-stately\";\n\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\nimport { Dialog } from \"../dialog\";\n\nimport { popoverStyles } from \"./popover.styles\";\n\nexport type PopoverProps = Omit<\n  AriaPopoverProps,\n  \"arrowBoundaryOffset\" | \"arrowSize\" | \"isNonModal\" | \"children\"\n> & {\n  children: ReactNode;\n  showPopoverInBottomDrawerOnSmallScreens?: boolean;\n  screenWidthMobileBreakpoint?: number;\n};\n\nconst _Popover = (\n  {\n    className,\n    showPopoverInBottomDrawerOnSmallScreens = false,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: PopoverProps,\n  ref: ForwardedRef<HTMLElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, PopoverContext);\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n  const clonedProps: any = { ...props };\n  const state = clonedProps.state as OverlayTriggerState;\n\n  if (isMobileDevice && showPopoverInBottomDrawerOnSmallScreens) {\n    return (\n      <Dialog\n        fullWidth\n        position=\"bottom\"\n        isDismissable\n        ref={ref as any}\n        isOpen={props?.isOpen ?? state.isOpen}\n        onOpenChange={props?.onOpenChange ?? state.setOpen}\n        onClose={() => state.close()}\n      >\n        {props.children}\n      </Dialog>\n    );\n  }\n\n  return (\n    <AriaPopover\n      {...props}\n      ref={ref}\n      offset={4}\n      className={({ isEntering, isExiting }) =>\n        popoverStyles({\n          isEntering,\n          isExiting,\n          className,\n        })\n      }\n    />\n  );\n};\n\nexport const Popover = forwardRef(_Popover);\n\nexport const PopoverTrigger = DialogTrigger;\n"],"names":["_Popover","className","showPopoverInBottomDrawerOnSmallScreens","screenWidthMobileBreakpoint","props","ref","useContextProps","PopoverContext","isMobileDevice","useIsMobileDevice","state","jsx","Dialog","AriaPopover","isEntering","isExiting","popoverStyles","Popover","forwardRef","PopoverTrigger","DialogTrigger"],"mappings":"0QAwBMA,EAAW,CACf,CACE,UAAAC,EACA,wCAAAC,EAA0C,GAC1C,4BAAAC,EAA8B,IAC9B,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,cAAc,EACnD,MAAAC,EAAiBC,oBAAkBN,CAA2B,EAE9DO,EADmB,CAAE,GAAGN,GACJ,MAE1B,OAAII,GAAkBN,EAElBS,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,UAAS,GACT,SAAS,SACT,cAAa,GACb,IAAAP,EACA,QAAQD,GAAA,YAAAA,EAAO,SAAUM,EAAM,OAC/B,cAAcN,GAAA,YAAAA,EAAO,eAAgBM,EAAM,QAC3C,QAAS,IAAMA,EAAM,MAAM,EAE1B,SAAMN,EAAA,QAAA,CAAA,EAMXO,EAAA,kBAAA,IAACE,EAAA,QAAA,CACE,GAAGT,EACJ,IAAAC,EACA,OAAQ,EACR,UAAW,CAAC,CAAE,WAAAS,EAAY,UAAAC,CAAA,IACxBC,EAAAA,cAAc,CACZ,WAAAF,EACA,UAAAC,EACA,UAAAd,CAAA,CACD,CAAA,CAAA,CAIT,EAEagB,EAAUC,aAAWlB,CAAQ,EAE7BmB,EAAiBC,EAAAA"}

package/dist/lyra29.js

@@ -1,112 +1,45 @@
-import { j as e } from "./lyra44.js";
-import { ProgressBar as N, Label as S } from "./lyra43.js";
-import { barStyles as g, barActiveStyles as n } from "./lyra30.js";
-import A from "./lyra63.js";
-import { Text as B } from "./lyra34.js";
-import { textStyles as l } from "./lyra35.js";
-import { twMerge as d } from "./lyra45.js";
-import { motion as c } from "./lyra54.js";
-import { useLocale as I } from "./lyra42.js";
-const q = ({
-  label: a,
-  showValueText: f,
-  valueTextClassName: x,
-  valueTextVariant: p = "body-small",
-  valueTextColor: b,
-  labelVariant: j = "body-medium",
-  labelColor: u,
-  labelClassName: w,
-  height: i,
-  color: r,
-  ...y
-}) => {
-  const [h, t] = A(), { direction: s } = I(), o = t.width / 3;
-  return /* @__PURE__ */ e.jsx(N, { ...y, children: ({ percentage: $, valueText: m, isIndeterminate: v }) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
-      a ? /* @__PURE__ */ e.jsx(
-        S,
-        {
-          className: d(
-            l({
-              color: u,
-              variant: j,
-              className: w
-            })
-          ),
-          children: a
-        }
-      ) : /* @__PURE__ */ e.jsx("div", {}),
-      f && m ? /* @__PURE__ */ e.jsx(
-        B,
-        {
-          className: d(
-            l({
-              color: b,
-              variant: p,
-              className: x
-            })
-          ),
-          children: m
-        }
-      ) : null
-    ] }),
-    /* @__PURE__ */ e.jsx(
-      "div",
-      {
-        ref: h,
-        className: g({
-          height: i,
-          color: r
-          // className: "relative overflow-hidden",
-        }),
-        children: v ? /* @__PURE__ */ e.jsx(
-          c.div,
-          {
-            className: n({
-              height: i,
-              color: r
-            }),
-            style: {
-              width: o
-            },
-            initial: {
-              x: s === "rtl" ? t.width + 400 : -400
-            },
-            animate: {
-              direction: s,
-              x: s === "rtl" ? -t.width : t.width + o
-            },
-            transition: {
-              repeat: 1 / 0,
-              duration: 2,
-              type: "tween"
-            }
-          }
-        ) : /* @__PURE__ */ e.jsx(
-          c.div,
-          {
-            className: n({
-              height: i,
-              color: r
-            }),
-            layout: !0,
-            initial: {
-              width: "0%",
-              zIndex: 1
-            },
-            animate: {
-              width: `${$}%`
-            },
-            transition: {
-              duration: 0.5,
-              type: "tween"
-            }
-          }
-        )
-      }
-    )
-  ] }) });
-};
+import { j as i } from "./lyra53.js";
+import { forwardRef as b } from "react";
+import { useContextProps as m, Popover as l, DialogTrigger as $, PopoverContext as d } from "./lyra52.js";
+import { useIsMobileDevice as x } from "./lyra46.js";
+import { Dialog as g } from "./lyra31.js";
+import "./lyra149.js";
+import { popoverStyles as u } from "./lyra30.js";
+const v = ({
+  className: n,
+  showPopoverInBottomDrawerOnSmallScreens: s = !1,
+  screenWidthMobileBreakpoint: r = 640,
+  ...e
+}, o) => {
+  [e, o] = m(e, o, d);
+  const a = x(r), t = { ...e }.state;
+  return a && s ? /* @__PURE__ */ i.jsx(
+    g,
+    {
+      fullWidth: !0,
+      position: "bottom",
+      isDismissable: !0,
+      ref: o,
+      isOpen: (e == null ? void 0 : e.isOpen) ?? t.isOpen,
+      onOpenChange: (e == null ? void 0 : e.onOpenChange) ?? t.setOpen,
+      onClose: () => t.close(),
+      children: e.children
+    }
+  ) : /* @__PURE__ */ i.jsx(
+    l,
+    {
+      ...e,
+      ref: o,
+      offset: 4,
+      className: ({ isEntering: f, isExiting: c }) => u({
+        isEntering: f,
+        isExiting: c,
+        className: n
+      })
+    }
+  );
+}, R = b(v), T = $;
 export {
-  q as ProgressBar
+  R as Popover,
+  T as PopoverTrigger
 };

package/dist/lyra29.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra29.js","sources":["../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import {\n  ProgressBar as AriaProgressBar,\n  ProgressBarProps as AriaProgressBarProps,\n  Label,\n} from \"react-aria-components\";\nimport { barActiveStyles, barStyles } from \"./progress-bar.styles\";\nimport useMeasure from \"../../utils/hooks/use-measure\";\nimport { motion } from \"framer-motion\";\nimport { VariantProps } from \"../../utils/class-variance-authority\";\nimport { Text, textStyles } from \"../text\";\nimport { twMerge } from \"tailwind-merge\";\nimport { useLocale } from \"react-aria\";\ntype ProgressBarProps = AriaProgressBarProps &\n  VariantProps<typeof barStyles> & {\n    label?: string;\n    showValueText?: boolean;\n    labelVariant?: VariantProps<typeof textStyles>[\"variant\"];\n    labelColor?: VariantProps<typeof textStyles>[\"color\"];\n    labelClassName?: string;\n    valueTextClassName?: string;\n    valueTextVariant?: VariantProps<typeof textStyles>[\"variant\"];\n    valueTextColor?: VariantProps<typeof textStyles>[\"color\"];\n  };\n\nexport const ProgressBar = ({\n  label,\n  showValueText,\n  valueTextClassName,\n  valueTextVariant = \"body-small\",\n  valueTextColor,\n  labelVariant = \"body-medium\",\n  labelColor,\n  labelClassName,\n  height,\n  color,\n  ...props\n}: ProgressBarProps) => {\n  const [ref, element] = useMeasure();\n  const { direction } = useLocale();\n\n  const indeterminateActiveFillWidth = element.width / 3;\n\n  return (\n    <AriaProgressBar {...props}>\n      {({ percentage, valueText, isIndeterminate }) => (\n        <div className=\"flex flex-col gap-2\">\n          <div className=\"flex items-center justify-between\">\n            {label ? (\n              <Label\n                className={twMerge(\n                  textStyles({\n                    color: labelColor,\n                    variant: labelVariant,\n                    className: labelClassName,\n                  })\n                )}\n              >\n                {label}\n              </Label>\n            ) : (\n              <div />\n            )}\n            {showValueText && valueText ? (\n              <Text\n                className={twMerge(\n                  textStyles({\n                    color: valueTextColor,\n                    variant: valueTextVariant,\n                    className: valueTextClassName,\n                  })\n                )}\n              >\n                {valueText}\n              </Text>\n            ) : null}\n          </div>\n          <div\n            // eslint-disable-next-line @typescript-eslint/no-explicit-any\n            ref={ref as any}\n            className={barStyles({\n              height,\n              color,\n              // className: \"relative overflow-hidden\",\n            })}\n          >\n            {isIndeterminate ? (\n              <motion.div\n                className={barActiveStyles({\n                  height,\n                  color,\n                })}\n                // layout\n                style={{\n                  width: indeterminateActiveFillWidth,\n                }}\n                initial={{\n                  x: direction === \"rtl\" ? element.width + 400 : -400,\n                }}\n                animate={{\n                  direction,\n                  x:\n                    direction === \"rtl\"\n                      ? -element.width\n                      : element.width + indeterminateActiveFillWidth,\n                }}\n                transition={{\n                  repeat: Infinity,\n                  duration: 2,\n                  type: \"tween\",\n                }}\n              />\n            ) : (\n              <motion.div\n                className={barActiveStyles({\n                  height,\n                  color,\n                })}\n                layout\n                initial={{\n                  width: \"0%\",\n                  zIndex: 1,\n                }}\n                animate={{\n                  width: `${percentage}%`,\n                }}\n                transition={{\n                  duration: 0.5,\n                  type: \"tween\",\n                }}\n              />\n            )}\n          </div>\n        </div>\n      )}\n    </AriaProgressBar>\n  );\n};\n"],"names":["ProgressBar","label","showValueText","valueTextClassName","valueTextVariant","valueTextColor","labelVariant","labelColor","labelClassName","height","color","props","ref","element","useMeasure","direction","useLocale","indeterminateActiveFillWidth","jsx","AriaProgressBar","percentage","valueText","isIndeterminate","jsxs","Label","twMerge","textStyles","Text","barStyles","motion","barActiveStyles"],"mappings":";;;;;;;;;AAwBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,gBAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,QAAM,CAACC,GAAKC,CAAO,IAAIC,EAAW,GAC5B,EAAE,WAAAC,MAAcC,KAEhBC,IAA+BJ,EAAQ,QAAQ;AAErD,SACGK,gBAAAA,EAAAA,IAAAC,GAAA,EAAiB,GAAGR,GAClB,UAAC,CAAA,EAAE,YAAAS,GAAY,WAAAC,GAAW,iBAAAC,EAAgB,MACxCC,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,IAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,qCACZ,UAAA;AAAA,MACCtB,IAAAiB,gBAAAA,EAAA;AAAA,QAACM;AAAAA,QAAA;AAAA,UACC,WAAWC;AAAA,YACTC,EAAW;AAAA,cACT,OAAOnB;AAAA,cACP,SAASD;AAAA,cACT,WAAWE;AAAA,YAAA,CACZ;AAAA,UACH;AAAA,UAEC,UAAAP;AAAA,QAAA;AAAA,MAAA,0BAGF,OAAI,EAAA;AAAA,MAENC,KAAiBmB,IAChBH,gBAAAA,EAAA;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,WAAWF;AAAA,YACTC,EAAW;AAAA,cACT,OAAOrB;AAAA,cACP,SAASD;AAAA,cACT,WAAWD;AAAA,YAAA,CACZ;AAAA,UACH;AAAA,UAEC,UAAAkB;AAAA,QAAA;AAAA,MAAA,IAED;AAAA,IAAA,GACN;AAAA,IACAH,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,KAAAN;AAAA,QACA,WAAWgB,EAAU;AAAA,UACnB,QAAAnB;AAAA,UACA,OAAAC;AAAA;AAAA,QAAA,CAED;AAAA,QAEA,UACCY,IAAAJ,gBAAAA,EAAA;AAAA,UAACW,EAAO;AAAA,UAAP;AAAA,YACC,WAAWC,EAAgB;AAAA,cACzB,QAAArB;AAAA,cACA,OAAAC;AAAA,YAAA,CACD;AAAA,YAED,OAAO;AAAA,cACL,OAAOO;AAAA,YACT;AAAA,YACA,SAAS;AAAA,cACP,GAAGF,MAAc,QAAQF,EAAQ,QAAQ,MAAM;AAAA,YACjD;AAAA,YACA,SAAS;AAAA,cACP,WAAAE;AAAA,cACA,GACEA,MAAc,QACV,CAACF,EAAQ,QACTA,EAAQ,QAAQI;AAAA,YACxB;AAAA,YACA,YAAY;AAAA,cACV,QAAQ;AAAA,cACR,UAAU;AAAA,cACV,MAAM;AAAA,YACR;AAAA,UAAA;AAAA,QAAA,IAGFC,gBAAAA,EAAA;AAAA,UAACW,EAAO;AAAA,UAAP;AAAA,YACC,WAAWC,EAAgB;AAAA,cACzB,QAAArB;AAAA,cACA,OAAAC;AAAA,YAAA,CACD;AAAA,YACD,QAAM;AAAA,YACN,SAAS;AAAA,cACP,OAAO;AAAA,cACP,QAAQ;AAAA,YACV;AAAA,YACA,SAAS;AAAA,cACP,OAAO,GAAGU,CAAU;AAAA,YACtB;AAAA,YACA,YAAY;AAAA,cACV,UAAU;AAAA,cACV,MAAM;AAAA,YACR;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA,EACF,CAAA,EAEJ,CAAA;AAEJ;"}
+{"version":3,"file":"lyra29.js","sources":["../src/components/overlays/popover/popover.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef, ReactNode } from \"react\";\nimport {\n  DialogTrigger,\n  Popover as AriaPopover,\n  PopoverContext,\n  PopoverProps as AriaPopoverProps,\n  useContextProps,\n} from \"react-aria-components\";\nimport { OverlayTriggerState } from \"react-stately\";\n\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\nimport { Dialog } from \"../dialog\";\n\nimport { popoverStyles } from \"./popover.styles\";\n\nexport type PopoverProps = Omit<\n  AriaPopoverProps,\n  \"arrowBoundaryOffset\" | \"arrowSize\" | \"isNonModal\" | \"children\"\n> & {\n  children: ReactNode;\n  showPopoverInBottomDrawerOnSmallScreens?: boolean;\n  screenWidthMobileBreakpoint?: number;\n};\n\nconst _Popover = (\n  {\n    className,\n    showPopoverInBottomDrawerOnSmallScreens = false,\n    screenWidthMobileBreakpoint = 640,\n    ...props\n  }: PopoverProps,\n  ref: ForwardedRef<HTMLElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, PopoverContext);\n  const isMobileDevice = useIsMobileDevice(screenWidthMobileBreakpoint);\n  const clonedProps: any = { ...props };\n  const state = clonedProps.state as OverlayTriggerState;\n\n  if (isMobileDevice && showPopoverInBottomDrawerOnSmallScreens) {\n    return (\n      <Dialog\n        fullWidth\n        position=\"bottom\"\n        isDismissable\n        ref={ref as any}\n        isOpen={props?.isOpen ?? state.isOpen}\n        onOpenChange={props?.onOpenChange ?? state.setOpen}\n        onClose={() => state.close()}\n      >\n        {props.children}\n      </Dialog>\n    );\n  }\n\n  return (\n    <AriaPopover\n      {...props}\n      ref={ref}\n      offset={4}\n      className={({ isEntering, isExiting }) =>\n        popoverStyles({\n          isEntering,\n          isExiting,\n          className,\n        })\n      }\n    />\n  );\n};\n\nexport const Popover = forwardRef(_Popover);\n\nexport const PopoverTrigger = DialogTrigger;\n"],"names":["_Popover","className","showPopoverInBottomDrawerOnSmallScreens","screenWidthMobileBreakpoint","props","ref","useContextProps","PopoverContext","isMobileDevice","useIsMobileDevice","state","jsx","Dialog","AriaPopover","isEntering","isExiting","popoverStyles","Popover","forwardRef","PopoverTrigger","DialogTrigger"],"mappings":";;;;;;;AAwBA,MAAMA,IAAW,CACf;AAAA,EACE,WAAAC;AAAA,EACA,yCAAAC,IAA0C;AAAA,EAC1C,6BAAAC,IAA8B;AAAA,EAC9B,GAAGC;AACL,GACAC,MACG;AACH,GAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAc;AACnD,QAAAC,IAAiBC,EAAkBN,CAA2B,GAE9DO,IADmB,EAAE,GAAGN,IACJ;AAE1B,SAAII,KAAkBN,IAElBS,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAS;AAAA,MACT,UAAS;AAAA,MACT,eAAa;AAAA,MACb,KAAAP;AAAA,MACA,SAAQD,KAAA,gBAAAA,EAAO,WAAUM,EAAM;AAAA,MAC/B,eAAcN,KAAA,gBAAAA,EAAO,iBAAgBM,EAAM;AAAA,MAC3C,SAAS,MAAMA,EAAM,MAAM;AAAA,MAE1B,UAAMN,EAAA;AAAA,IAAA;AAAA,EAAA,IAMXO,gBAAAA,EAAA;AAAA,IAACE;AAAAA,IAAA;AAAA,MACE,GAAGT;AAAA,MACJ,KAAAC;AAAA,MACA,QAAQ;AAAA,MACR,WAAW,CAAC,EAAE,YAAAS,GAAY,WAAAC,EAAA,MACxBC,EAAc;AAAA,QACZ,YAAAF;AAAA,QACA,WAAAC;AAAA,QACA,WAAAd;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAAA;AAIT,GAEagB,IAAUC,EAAWlB,CAAQ,GAE7BmB,IAAiBC;"}