@new-black/lyra 0.0.26 → 0.1.0

package/dist/lyra268.js

@@ -1,46 +1,73 @@
-import { buildHTMLStyles as n } from "./lyra311.js";
-import { isCSSVariableName as s } from "./lyra208.js";
-import { transformProps as l } from "./lyra181.js";
-import { scrapeMotionValuesFromProps as m } from "./lyra302.js";
-import { renderHTML as u } from "./lyra312.js";
-import { getDefaultValueType as a } from "./lyra291.js";
-import { measureViewportBox as p } from "./lyra313.js";
-import { DOMVisualElement as c } from "./lyra314.js";
-import { isMotionValue as d } from "./lyra154.js";
-function f(i) {
-  return window.getComputedStyle(i);
+import { extractEventInfo as f } from "./lyra253.js";
+import { addDomEvent as p } from "./lyra252.js";
+import { addPointerEvent as m } from "./lyra251.js";
+import { Feature as L } from "./lyra299.js";
+import { pipe as P } from "./lyra224.js";
+import { isDragActive as E } from "./lyra250.js";
+import { isNodeOrChild as g } from "./lyra320.js";
+import { noop as u } from "./lyra212.js";
+import { frame as d } from "./lyra193.js";
+function v(l, e) {
+  if (!e)
+    return;
+  const s = new PointerEvent("pointer" + l);
+  e(s, f(s));
 }
-class w extends c {
-  readValueFromInstance(e, t) {
-    if (l.has(t)) {
-      const r = a(t);
-      return r && r.default || 0;
-    } else {
-      const r = f(e), o = (s(t) ? r.getPropertyValue(t) : r[t]) || 0;
-      return typeof o == "string" ? o.trim() : o;
-    }
+class K extends L {
+  constructor() {
+    super(...arguments), this.removeStartListeners = u, this.removeEndListeners = u, this.removeAccessibleListeners = u, this.startPointerPress = (e, s) => {
+      if (this.removeEndListeners(), this.isPressing)
+        return;
+      const t = this.node.getProps(), i = m(window, "pointerup", (r, n) => {
+        if (!this.checkPressEnd())
+          return;
+        const { onTap: h, onTapCancel: c } = this.node.getProps();
+        d.update(() => {
+          g(this.node.current, r.target) ? h && h(r, n) : c && c(r, n);
+        });
+      }, { passive: !(t.onTap || t.onPointerUp) }), o = m(window, "pointercancel", (r, n) => this.cancelPress(r, n), { passive: !(t.onTapCancel || t.onPointerCancel) });
+      this.removeEndListeners = P(i, o), this.startPress(e, s);
+    }, this.startAccessiblePress = () => {
+      const e = (i) => {
+        if (i.key !== "Enter" || this.isPressing)
+          return;
+        const o = (r) => {
+          r.key !== "Enter" || !this.checkPressEnd() || v("up", (n, h) => {
+            const { onTap: c } = this.node.getProps();
+            c && d.update(() => c(n, h));
+          });
+        };
+        this.removeEndListeners(), this.removeEndListeners = p(this.node.current, "keyup", o), v("down", (r, n) => {
+          this.startPress(r, n);
+        });
+      }, s = p(this.node.current, "keydown", e), t = () => {
+        this.isPressing && v("cancel", (i, o) => this.cancelPress(i, o));
+      }, a = p(this.node.current, "blur", t);
+      this.removeAccessibleListeners = P(s, a);
+    };
   }
-  measureInstanceViewportBox(e, { transformPagePoint: t }) {
-    return p(e, t);
+  startPress(e, s) {
+    this.isPressing = !0;
+    const { onTapStart: t, whileTap: a } = this.node.getProps();
+    a && this.node.animationState && this.node.animationState.setActive("whileTap", !0), t && d.update(() => t(e, s));
   }
-  build(e, t, r, o) {
-    n(e, t, r, o.transformTemplate);
+  checkPressEnd() {
+    return this.removeEndListeners(), this.isPressing = !1, this.node.getProps().whileTap && this.node.animationState && this.node.animationState.setActive("whileTap", !1), !E();
   }
-  scrapeMotionValuesFromProps(e, t) {
-    return m(e, t);
+  cancelPress(e, s) {
+    if (!this.checkPressEnd())
+      return;
+    const { onTapCancel: t } = this.node.getProps();
+    t && d.update(() => t(e, s));
   }
-  handleChildMotionValue() {
-    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
-    const { children: e } = this.props;
-    d(e) && (this.childSubscription = e.on("change", (t) => {
-      this.current && (this.current.textContent = `${t}`);
-    }));
+  mount() {
+    const e = this.node.getProps(), s = m(this.node.current, "pointerdown", this.startPointerPress, { passive: !(e.onTapStart || e.onPointerStart) }), t = p(this.node.current, "focus", this.startAccessiblePress);
+    this.removeStartListeners = P(s, t);
   }
-  renderInstance(e, t, r, o) {
-    u(e, t, r, o);
+  unmount() {
+    this.removeStartListeners(), this.removeEndListeners(), this.removeAccessibleListeners();
   }
 }
 export {
-  w as HTMLVisualElement,
-  f as getComputedStyle
+  K as PressGesture
 };

package/dist/lyra268.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra268.js","sources":["../node_modules/framer-motion/dist/es/gestures/press.mjs"],"sourcesContent":["import { extractEventInfo } from '../events/event-info.mjs';\nimport { addDomEvent } from '../events/add-dom-event.mjs';\nimport { addPointerEvent } from '../events/add-pointer-event.mjs';\nimport { Feature } from '../motion/features/Feature.mjs';\nimport { pipe } from '../utils/pipe.mjs';\nimport { isDragActive } from './drag/utils/lock.mjs';\nimport { isNodeOrChild } from './utils/is-node-or-child.mjs';\nimport { noop } from '../utils/noop.mjs';\nimport { frame } from '../frameloop/frame.mjs';\n\nfunction fireSyntheticPointerEvent(name, handler) {\n    if (!handler)\n        return;\n    const syntheticPointerEvent = new PointerEvent(\"pointer\" + name);\n    handler(syntheticPointerEvent, extractEventInfo(syntheticPointerEvent));\n}\nclass PressGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.removeStartListeners = noop;\n        this.removeEndListeners = noop;\n        this.removeAccessibleListeners = noop;\n        this.startPointerPress = (startEvent, startInfo) => {\n            this.removeEndListeners();\n            if (this.isPressing)\n                return;\n            const props = this.node.getProps();\n            const endPointerPress = (endEvent, endInfo) => {\n                if (!this.checkPressEnd())\n                    return;\n                const { onTap, onTapCancel } = this.node.getProps();\n                frame.update(() => {\n                    /**\n                     * We only count this as a tap gesture if the event.target is the same\n                     * as, or a child of, this component's element\n                     */\n                    !isNodeOrChild(this.node.current, endEvent.target)\n                        ? onTapCancel && onTapCancel(endEvent, endInfo)\n                        : onTap && onTap(endEvent, endInfo);\n                });\n            };\n            const removePointerUpListener = addPointerEvent(window, \"pointerup\", endPointerPress, { passive: !(props.onTap || props[\"onPointerUp\"]) });\n            const removePointerCancelListener = addPointerEvent(window, \"pointercancel\", (cancelEvent, cancelInfo) => this.cancelPress(cancelEvent, cancelInfo), { passive: !(props.onTapCancel || props[\"onPointerCancel\"]) });\n            this.removeEndListeners = pipe(removePointerUpListener, removePointerCancelListener);\n            this.startPress(startEvent, startInfo);\n        };\n        this.startAccessiblePress = () => {\n            const handleKeydown = (keydownEvent) => {\n                if (keydownEvent.key !== \"Enter\" || this.isPressing)\n                    return;\n                const handleKeyup = (keyupEvent) => {\n                    if (keyupEvent.key !== \"Enter\" || !this.checkPressEnd())\n                        return;\n                    fireSyntheticPointerEvent(\"up\", (event, info) => {\n                        const { onTap } = this.node.getProps();\n                        if (onTap) {\n                            frame.update(() => onTap(event, info));\n                        }\n                    });\n                };\n                this.removeEndListeners();\n                this.removeEndListeners = addDomEvent(this.node.current, \"keyup\", handleKeyup);\n                fireSyntheticPointerEvent(\"down\", (event, info) => {\n                    this.startPress(event, info);\n                });\n            };\n            const removeKeydownListener = addDomEvent(this.node.current, \"keydown\", handleKeydown);\n            const handleBlur = () => {\n                if (!this.isPressing)\n                    return;\n                fireSyntheticPointerEvent(\"cancel\", (cancelEvent, cancelInfo) => this.cancelPress(cancelEvent, cancelInfo));\n            };\n            const removeBlurListener = addDomEvent(this.node.current, \"blur\", handleBlur);\n            this.removeAccessibleListeners = pipe(removeKeydownListener, removeBlurListener);\n        };\n    }\n    startPress(event, info) {\n        this.isPressing = true;\n        const { onTapStart, whileTap } = this.node.getProps();\n        /**\n         * Ensure we trigger animations before firing event callback\n         */\n        if (whileTap && this.node.animationState) {\n            this.node.animationState.setActive(\"whileTap\", true);\n        }\n        if (onTapStart) {\n            frame.update(() => onTapStart(event, info));\n        }\n    }\n    checkPressEnd() {\n        this.removeEndListeners();\n        this.isPressing = false;\n        const props = this.node.getProps();\n        if (props.whileTap && this.node.animationState) {\n            this.node.animationState.setActive(\"whileTap\", false);\n        }\n        return !isDragActive();\n    }\n    cancelPress(event, info) {\n        if (!this.checkPressEnd())\n            return;\n        const { onTapCancel } = this.node.getProps();\n        if (onTapCancel) {\n            frame.update(() => onTapCancel(event, info));\n        }\n    }\n    mount() {\n        const props = this.node.getProps();\n        const removePointerListener = addPointerEvent(this.node.current, \"pointerdown\", this.startPointerPress, { passive: !(props.onTapStart || props[\"onPointerStart\"]) });\n        const removeFocusListener = addDomEvent(this.node.current, \"focus\", this.startAccessiblePress);\n        this.removeStartListeners = pipe(removePointerListener, removeFocusListener);\n    }\n    unmount() {\n        this.removeStartListeners();\n        this.removeEndListeners();\n        this.removeAccessibleListeners();\n    }\n}\n\nexport { PressGesture };\n"],"names":["fireSyntheticPointerEvent","name","handler","syntheticPointerEvent","extractEventInfo","PressGesture","Feature","noop","startEvent","startInfo","props","removePointerUpListener","addPointerEvent","endEvent","endInfo","onTap","onTapCancel","frame","isNodeOrChild","removePointerCancelListener","cancelEvent","cancelInfo","pipe","handleKeydown","keydownEvent","handleKeyup","keyupEvent","event","info","addDomEvent","removeKeydownListener","handleBlur","removeBlurListener","onTapStart","whileTap","isDragActive","removePointerListener","removeFocusListener"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/lyra269.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra298.cjs"),u=require("./lyra314.cjs"),o=require("./lyra300.cjs"),n=require("./lyra213.cjs"),i=require("./lyra315.cjs"),l=require("./lyra181.cjs"),c=require("./lyra297.cjs"),m=require("./lyra291.cjs"),V=require("./lyra174.cjs"),d=require("./lyra301.cjs");class g extends u.DOMVisualElement{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(r,e){return r[e]}readValueFromInstance(r,e){if(l.transformProps.has(e)){const t=m.getDefaultValueType(e);return t&&t.default||0}return e=i.camelCaseAttributes.has(e)?e:n.camelToDash(e),r.getAttribute(e)}measureInstanceViewportBox(){return V.createBox()}scrapeMotionValuesFromProps(r,e){return a.scrapeMotionValuesFromProps(r,e)}build(r,e,t,s){o.buildSVGAttrs(r,e,t,this.isSVGTag,s.transformTemplate)}renderInstance(r,e,t,s){c.renderSVG(r,e,t,s)}mount(r){this.isSVGTag=d.isSVGTag(r.tagName),super.mount(r)}}exports.SVGVisualElement=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra299.cjs"),w=require("./lyra321.cjs"),f={some:0,all:1};class l extends m.Feature{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:n={}}=this.node.getProps(),{root:e,margin:o,amount:s="some",once:u}=n,h={root:e?e.current:void 0,rootMargin:o,threshold:typeof s=="number"?s:f[s]},c=i=>{const{isIntersecting:t}=i;if(this.isInView===t||(this.isInView=t,u&&!t&&this.hasEnteredView))return;t&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",t);const{onViewportEnter:d,onViewportLeave:p}=this.node.getProps(),a=t?d:p;a&&a(i)};return w.observeIntersection(this.node.current,h,c)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:n,prevProps:e}=this.node;["amount","margin","root"].some(g(n,e))&&this.startObserver()}unmount(){}}function g({viewport:r={}},{viewport:n={}}={}){return e=>r[e]!==n[e]}exports.InViewFeature=l;

package/dist/lyra269.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra269.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/lyra269.js

@@ -1,43 +1,44 @@
-import { scrapeMotionValuesFromProps as s } from "./lyra298.js";
-import { DOMVisualElement as a } from "./lyra314.js";
-import { buildSVGAttrs as m } from "./lyra300.js";
-import { camelToDash as i } from "./lyra213.js";
-import { camelCaseAttributes as u } from "./lyra315.js";
-import { transformProps as n } from "./lyra181.js";
-import { renderSVG as p } from "./lyra297.js";
-import { getDefaultValueType as l } from "./lyra291.js";
-import { createBox as f } from "./lyra174.js";
-import { isSVGTag as V } from "./lyra301.js";
-class A extends a {
+import { Feature as m } from "./lyra299.js";
+import { observeIntersection as f } from "./lyra321.js";
+const w = {
+  some: 0,
+  all: 1
+};
+class v extends m {
   constructor() {
-    super(...arguments), this.isSVGTag = !1;
-  }
-  getBaseTargetFromProps(t, r) {
-    return t[r];
-  }
-  readValueFromInstance(t, r) {
-    if (n.has(r)) {
-      const e = l(r);
-      return e && e.default || 0;
-    }
-    return r = u.has(r) ? r : i(r), t.getAttribute(r);
-  }
-  measureInstanceViewportBox() {
-    return f();
-  }
-  scrapeMotionValuesFromProps(t, r) {
-    return s(t, r);
-  }
-  build(t, r, e, o) {
-    m(t, r, e, this.isSVGTag, o.transformTemplate);
-  }
-  renderInstance(t, r, e, o) {
-    p(t, r, e, o);
-  }
-  mount(t) {
-    this.isSVGTag = V(t.tagName), super.mount(t);
+    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 {
-  A as SVGVisualElement
+  v as InViewFeature
 };

package/dist/lyra269.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra269.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/lyra27.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra39.cjs"),x=require("./lyra79.cjs"),n=require("./lyra28.cjs"),b=require("./lyra85.cjs"),f=require("./lyra32.cjs"),c=require("./lyra33.cjs"),u=require("./lyra40.cjs"),d=require("./lyra83.cjs"),g=require("./lyra38.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 a=require("./lyra44.cjs"),i=require("./lyra43.cjs");require("./lyra2.cjs");require("./lyra58.cjs");require("./lyra34.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra8.cjs");require("./lyra63.cjs");require("./lyra10.cjs");require("./lyra131.cjs");require("./lyra21.cjs");require("./lyra14.cjs");require("react");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra64.cjs");require("./lyra19.cjs");require("./lyra132.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra65.cjs");require("./lyra25.cjs");const c=require("./lyra28.cjs");require("./lyra67.cjs");require("./lyra69.cjs");const v=require("./lyra37.cjs");require("./lyra39.cjs");require("./lyra48.cjs");const x=require("./lyra54.cjs"),f=require("./lyra42.cjs"),j=({position:r="center",fullScreen:d,fullWidth:m,maxWidth:s,isDismissable:t=!0,centerDialogToBottomOnMobileScreens:o=!0,disableBlur:y=!1,...e},D)=>{const n=v.useIsMobileDevice();r=r==="center"&&o&&n?"bottom":r,s=r==="center"&&o&&n?void 0:s;const g={defaultOpen:e.defaultOpen,isOpen:e.isOpen,isDismissable:t,isKeyboardDismissDisabled:e.isKeyboardDismissDisabled,className:({isEntering:l,isExiting:u})=>c.modalOverlayStyles({position:r,className:e.overlayClassName,isEntering:l,isExiting:u,disableBlur:y}),style:e.overlayStyle},b={isDismissable:t,isKeyboardDismissDisabled:e.isKeyboardDismissDisabled,isOpen:e.isOpen,defaultOpen:e.defaultOpen,className:({isEntering:l,isExiting:u})=>c.modalStyles({fullScreen:d,fullWidth:m,maxWidth:s,position:r,direction:q,isEntering:l,isExiting:u,className:e.className})},{direction:q}=f.useLocale(),O={onClose:e.onClose,children:e.children};return a.jsxRuntimeExports.jsx(i.ModalOverlay,{...g,style:{direction:q},children:a.jsxRuntimeExports.jsx(i.Modal,{ref:D,...b,"data-position":r,children:a.jsxRuntimeExports.jsx(i.Dialog,{...O,className:"outline-none"})})})},N=x.fixedForwardRef(j);exports.DialogTrigger=i.DialogTrigger;exports.Dialog=N;

package/dist/lyra27.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra27.cjs","sources":["../src/components/overlays/dialog/dialog.tsx"],"sourcesContent":["import { CSSProperties, ElementRef, ForwardedRef } from \"react\";\nimport {\n  Dialog as AriaDialog,\n  DialogProps as AriaDialogProps,\n  DialogTrigger as AriaDialogTrigger,\n  Modal,\n  ModalOverlay,\n  ModalOverlayProps,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\n\nimport { modalOverlayStyles, modalStyles } from \"./dialog.styles\";\n\nexport type DialogProps = VariantProps<typeof modalStyles> &\n  VariantProps<typeof modalStyles> & {\n    isDismissable?: ModalOverlayProps[\"isDismissable\"];\n    isKeyboardDismissDisabled?: ModalOverlayProps[\"isKeyboardDismissDisabled\"];\n    isOpen?: ModalOverlayProps[\"isOpen\"];\n    defaultOpen?: ModalOverlayProps[\"defaultOpen\"];\n    disableBlur?: VariantProps<typeof modalOverlayStyles>[\"disableBlur\"];\n    className?: string;\n    style?: CSSProperties;\n    overlayStyle?: ModalOverlayProps[\"style\"];\n    overlayClassName?: ModalOverlayProps[\"className\"];\n    onClose?: AriaDialogProps[\"onClose\"];\n    children: AriaDialogProps[\"children\"];\n    centerDialogToBottomOnMobileScreens?: boolean;\n  };\n\ntype ModalRef = ElementRef<typeof Modal>;\n\nconst _Dialog = (\n  {\n    position = \"center\",\n    fullScreen,\n    fullWidth,\n    maxWidth,\n    isDismissable = true,\n    centerDialogToBottomOnMobileScreens = true,\n    disableBlur = false,\n    ...props\n  }: DialogProps,\n  ref: ForwardedRef<ModalRef>,\n) => {\n  const isMobileDevice = useIsMobileDevice();\n  position =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? \"bottom\"\n      : position;\n\n  maxWidth =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? undefined\n      : maxWidth;\n\n  const modalOverlayProps: ModalOverlayProps = {\n    defaultOpen: props.defaultOpen,\n    isOpen: props.isOpen,\n    isDismissable,\n    isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n    className: ({ isEntering, isExiting }) =>\n      modalOverlayStyles({\n        position,\n        className: props.overlayClassName,\n        isEntering,\n        isExiting,\n        disableBlur,\n      }),\n    style: props.overlayStyle,\n  };\n  const modalProps: ModalOverlayProps = {\n    isDismissable,\n    isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n    isOpen: props.isOpen,\n    defaultOpen: props.defaultOpen,\n    className: ({ isEntering, isExiting }) =>\n      modalStyles({\n        fullScreen,\n        fullWidth,\n        maxWidth,\n        position,\n        direction,\n        isEntering,\n        isExiting,\n        className: props.className,\n      }),\n  };\n\n  const { direction } = useLocale();\n\n  const dialogProps = {\n    onClose: props.onClose,\n    children: props.children,\n  };\n  return (\n    <ModalOverlay {...modalOverlayProps} style={{ direction }}>\n      <Modal ref={ref} {...modalProps} data-position={position}>\n        <AriaDialog {...dialogProps} className=\"outline-none\" />\n      </Modal>\n    </ModalOverlay>\n  );\n};\n\nexport { AriaDialogTrigger as DialogTrigger };\n\nexport const Dialog = fixedForwardRef(_Dialog);\n"],"names":["_Dialog","position","fullScreen","fullWidth","maxWidth","isDismissable","centerDialogToBottomOnMobileScreens","disableBlur","props","ref","isMobileDevice","useIsMobileDevice","modalOverlayProps","isEntering","isExiting","modalOverlayStyles","modalProps","modalStyles","direction","useLocale","dialogProps","jsx","ModalOverlay","Modal","AriaDialog","Dialog","fixedForwardRef"],"mappings":"62BAmCMA,EAAU,CACd,CACE,SAAAC,EAAW,SACX,WAAAC,EACA,UAAAC,EACA,SAAAC,EACA,cAAAC,EAAgB,GAChB,oCAAAC,EAAsC,GACtC,YAAAC,EAAc,GACd,GAAGC,CACL,EACAC,IACG,CACH,MAAMC,EAAiBC,EAAAA,oBACvBV,EACEA,IAAa,UAAYK,GAAuCI,EAC5D,SACAT,EAENG,EACEH,IAAa,UAAYK,GAAuCI,EAC5D,OACAN,EAEN,MAAMQ,EAAuC,CAC3C,YAAaJ,EAAM,YACnB,OAAQA,EAAM,OACd,cAAAH,EACA,0BAA2BG,EAAM,0BACjC,UAAW,CAAC,CAAE,WAAAK,EAAY,UAAAC,CAAA,IACxBC,EAAAA,mBAAmB,CACjB,SAAAd,EACA,UAAWO,EAAM,iBACjB,WAAAK,EACA,UAAAC,EACA,YAAAP,CAAA,CACD,EACH,MAAOC,EAAM,YAAA,EAETQ,EAAgC,CACpC,cAAAX,EACA,0BAA2BG,EAAM,0BACjC,OAAQA,EAAM,OACd,YAAaA,EAAM,YACnB,UAAW,CAAC,CAAE,WAAAK,EAAY,UAAAC,CAAA,IACxBG,EAAAA,YAAY,CACV,WAAAf,EACA,UAAAC,EACA,SAAAC,EACA,SAAAH,EACA,UAAAiB,EACA,WAAAL,EACA,UAAAC,EACA,UAAWN,EAAM,SAAA,CAClB,CAAA,EAGC,CAAE,UAAAU,GAAcC,EAAAA,YAEhBC,EAAc,CAClB,QAASZ,EAAM,QACf,SAAUA,EAAM,QAAA,EAGhB,OAAAa,wBAACC,EAAAA,cAAc,GAAGV,EAAmB,MAAO,CAAE,UAAAM,CAAA,EAC5C,SAAAG,EAAAA,kBAAAA,IAACE,EAAM,MAAA,CAAA,IAAAd,EAAW,GAAGO,EAAY,gBAAef,EAC9C,SAACoB,EAAAA,kBAAAA,IAAAG,EAAAA,OAAA,CAAY,GAAGJ,EAAa,UAAU,cAAe,CAAA,CACxD,CAAA,CACF,CAAA,CAEJ,EAIaK,EAASC,kBAAgB1B,CAAO"}

package/dist/lyra27.js

@@ -1,112 +1,83 @@
-import { j as e } from "./lyra39.js";
-import { ProgressBar as N, Label as S } from "./lyra79.js";
-import { barStyles as g, barActiveStyles as n } from "./lyra28.js";
-import A from "./lyra85.js";
-import { Text as B } from "./lyra32.js";
-import { textStyles as l } from "./lyra33.js";
-import { twMerge as d } from "./lyra40.js";
-import { motion as c } from "./lyra83.js";
-import { useLocale as I } from "./lyra38.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 a } from "./lyra44.js";
+import { ModalOverlay as $, Modal as u, Dialog as x } from "./lyra43.js";
+import { DialogTrigger as se } from "./lyra43.js";
+import "./lyra2.js";
+import "./lyra58.js";
+import "./lyra34.js";
+import "./lyra59.js";
+import "./lyra60.js";
+import "./lyra61.js";
+import "./lyra8.js";
+import "./lyra63.js";
+import "./lyra10.js";
+import "./lyra131.js";
+import "./lyra21.js";
+import "./lyra14.js";
+import "react";
+import "./lyra16.js";
+import "./lyra17.js";
+import "./lyra64.js";
+import "./lyra19.js";
+import "./lyra132.js";
+import "./lyra22.js";
+import "./lyra23.js";
+import "./lyra65.js";
+import "./lyra25.js";
+import { modalOverlayStyles as O, modalStyles as v } from "./lyra28.js";
+import "./lyra67.js";
+import "./lyra69.js";
+import { useIsMobileDevice as N } from "./lyra37.js";
+import "./lyra39.js";
+import "./lyra48.js";
+import { fixedForwardRef as g } from "./lyra54.js";
+import { useLocale as j } from "./lyra42.js";
+const K = ({
+  position: o = "center",
+  fullScreen: f,
+  fullWidth: c,
+  maxWidth: r,
+  isDismissable: m = !0,
+  centerDialogToBottomOnMobileScreens: s = !0,
+  disableBlur: p = !1,
+  ...e
+}, n) => {
+  const l = N();
+  o = o === "center" && s && l ? "bottom" : o, r = o === "center" && s && l ? void 0 : r;
+  const b = {
+    defaultOpen: e.defaultOpen,
+    isOpen: e.isOpen,
+    isDismissable: m,
+    isKeyboardDismissDisabled: e.isKeyboardDismissDisabled,
+    className: ({ isEntering: t, isExiting: i }) => O({
+      position: o,
+      className: e.overlayClassName,
+      isEntering: t,
+      isExiting: i,
+      disableBlur: p
+    }),
+    style: e.overlayStyle
+  }, y = {
+    isDismissable: m,
+    isKeyboardDismissDisabled: e.isKeyboardDismissDisabled,
+    isOpen: e.isOpen,
+    defaultOpen: e.defaultOpen,
+    className: ({ isEntering: t, isExiting: i }) => v({
+      fullScreen: f,
+      fullWidth: c,
+      maxWidth: r,
+      position: o,
+      direction: d,
+      isEntering: t,
+      isExiting: i,
+      className: e.className
+    })
+  }, { direction: d } = j(), D = {
+    onClose: e.onClose,
+    children: e.children
+  };
+  return /* @__PURE__ */ a.jsx($, { ...b, style: { direction: d }, children: /* @__PURE__ */ a.jsx(u, { ref: n, ...y, "data-position": o, children: /* @__PURE__ */ a.jsx(x, { ...D, className: "outline-none" }) }) });
+}, ie = g(K);
 export {
-  q as ProgressBar
+  ie as Dialog,
+  se as DialogTrigger
 };

package/dist/lyra27.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra27.js","sources":["../src/components/overlays/dialog/dialog.tsx"],"sourcesContent":["import { CSSProperties, ElementRef, ForwardedRef } from \"react\";\nimport {\n  Dialog as AriaDialog,\n  DialogProps as AriaDialogProps,\n  DialogTrigger as AriaDialogTrigger,\n  Modal,\n  ModalOverlay,\n  ModalOverlayProps,\n} from \"react-aria-components\";\n\nimport { useLocale } from \"../../..\";\nimport { VariantProps } from \"../../../utils/class-variance-authority\";\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useIsMobileDevice } from \"../../../utils/hooks/use-is-mobile-device\";\n\nimport { modalOverlayStyles, modalStyles } from \"./dialog.styles\";\n\nexport type DialogProps = VariantProps<typeof modalStyles> &\n  VariantProps<typeof modalStyles> & {\n    isDismissable?: ModalOverlayProps[\"isDismissable\"];\n    isKeyboardDismissDisabled?: ModalOverlayProps[\"isKeyboardDismissDisabled\"];\n    isOpen?: ModalOverlayProps[\"isOpen\"];\n    defaultOpen?: ModalOverlayProps[\"defaultOpen\"];\n    disableBlur?: VariantProps<typeof modalOverlayStyles>[\"disableBlur\"];\n    className?: string;\n    style?: CSSProperties;\n    overlayStyle?: ModalOverlayProps[\"style\"];\n    overlayClassName?: ModalOverlayProps[\"className\"];\n    onClose?: AriaDialogProps[\"onClose\"];\n    children: AriaDialogProps[\"children\"];\n    centerDialogToBottomOnMobileScreens?: boolean;\n  };\n\ntype ModalRef = ElementRef<typeof Modal>;\n\nconst _Dialog = (\n  {\n    position = \"center\",\n    fullScreen,\n    fullWidth,\n    maxWidth,\n    isDismissable = true,\n    centerDialogToBottomOnMobileScreens = true,\n    disableBlur = false,\n    ...props\n  }: DialogProps,\n  ref: ForwardedRef<ModalRef>,\n) => {\n  const isMobileDevice = useIsMobileDevice();\n  position =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? \"bottom\"\n      : position;\n\n  maxWidth =\n    position === \"center\" && centerDialogToBottomOnMobileScreens && isMobileDevice\n      ? undefined\n      : maxWidth;\n\n  const modalOverlayProps: ModalOverlayProps = {\n    defaultOpen: props.defaultOpen,\n    isOpen: props.isOpen,\n    isDismissable,\n    isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n    className: ({ isEntering, isExiting }) =>\n      modalOverlayStyles({\n        position,\n        className: props.overlayClassName,\n        isEntering,\n        isExiting,\n        disableBlur,\n      }),\n    style: props.overlayStyle,\n  };\n  const modalProps: ModalOverlayProps = {\n    isDismissable,\n    isKeyboardDismissDisabled: props.isKeyboardDismissDisabled,\n    isOpen: props.isOpen,\n    defaultOpen: props.defaultOpen,\n    className: ({ isEntering, isExiting }) =>\n      modalStyles({\n        fullScreen,\n        fullWidth,\n        maxWidth,\n        position,\n        direction,\n        isEntering,\n        isExiting,\n        className: props.className,\n      }),\n  };\n\n  const { direction } = useLocale();\n\n  const dialogProps = {\n    onClose: props.onClose,\n    children: props.children,\n  };\n  return (\n    <ModalOverlay {...modalOverlayProps} style={{ direction }}>\n      <Modal ref={ref} {...modalProps} data-position={position}>\n        <AriaDialog {...dialogProps} className=\"outline-none\" />\n      </Modal>\n    </ModalOverlay>\n  );\n};\n\nexport { AriaDialogTrigger as DialogTrigger };\n\nexport const Dialog = fixedForwardRef(_Dialog);\n"],"names":["_Dialog","position","fullScreen","fullWidth","maxWidth","isDismissable","centerDialogToBottomOnMobileScreens","disableBlur","props","ref","isMobileDevice","useIsMobileDevice","modalOverlayProps","isEntering","isExiting","modalOverlayStyles","modalProps","modalStyles","direction","useLocale","dialogProps","jsx","ModalOverlay","Modal","AriaDialog","Dialog","fixedForwardRef"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCA,MAAMA,IAAU,CACd;AAAA,EACE,UAAAC,IAAW;AAAA,EACX,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,qCAAAC,IAAsC;AAAA,EACtC,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAiBC;AACvB,EAAAV,IACEA,MAAa,YAAYK,KAAuCI,IAC5D,WACAT,GAENG,IACEH,MAAa,YAAYK,KAAuCI,IAC5D,SACAN;AAEN,QAAMQ,IAAuC;AAAA,IAC3C,aAAaJ,EAAM;AAAA,IACnB,QAAQA,EAAM;AAAA,IACd,eAAAH;AAAA,IACA,2BAA2BG,EAAM;AAAA,IACjC,WAAW,CAAC,EAAE,YAAAK,GAAY,WAAAC,EAAA,MACxBC,EAAmB;AAAA,MACjB,UAAAd;AAAA,MACA,WAAWO,EAAM;AAAA,MACjB,YAAAK;AAAA,MACA,WAAAC;AAAA,MACA,aAAAP;AAAA,IAAA,CACD;AAAA,IACH,OAAOC,EAAM;AAAA,EAAA,GAETQ,IAAgC;AAAA,IACpC,eAAAX;AAAA,IACA,2BAA2BG,EAAM;AAAA,IACjC,QAAQA,EAAM;AAAA,IACd,aAAaA,EAAM;AAAA,IACnB,WAAW,CAAC,EAAE,YAAAK,GAAY,WAAAC,EAAA,MACxBG,EAAY;AAAA,MACV,YAAAf;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAH;AAAA,MACA,WAAAiB;AAAA,MACA,YAAAL;AAAA,MACA,WAAAC;AAAA,MACA,WAAWN,EAAM;AAAA,IAAA,CAClB;AAAA,EAAA,GAGC,EAAE,WAAAU,MAAcC,KAEhBC,IAAc;AAAA,IAClB,SAASZ,EAAM;AAAA,IACf,UAAUA,EAAM;AAAA,EAAA;AAGhB,SAAAa,gBAAAA,MAACC,KAAc,GAAGV,GAAmB,OAAO,EAAE,WAAAM,EAAA,GAC5C,UAAAG,gBAAAA,EAAAA,IAACE,GAAM,EAAA,KAAAd,GAAW,GAAGO,GAAY,iBAAef,GAC9C,UAACoB,gBAAAA,EAAAA,IAAAG,GAAA,EAAY,GAAGJ,GAAa,WAAU,eAAe,CAAA,EACxD,CAAA,EACF,CAAA;AAEJ,GAIaK,KAASC,EAAgB1B,CAAO;"}

package/dist/lyra270.cjs

@@ -1,9 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function u(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const s=u(r);class a extends s.Component{getSnapshotBeforeUpdate(n){const e=this.props.childRef.current;if(e&&n.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=e.offsetHeight||0,t.width=e.offsetWidth||0,t.top=e.offsetTop,t.left=e.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function h({children:o,isPresent:n}){const e=r.useId(),t=r.useRef(null),c=r.useRef({width:0,height:0,top:0,left:0});return r.useInsertionEffect(()=>{const{width:p,height:d,top:l,left:f}=c.current;if(n||!t.current||!p||!d)return;t.current.dataset.motionPopId=e;const i=document.createElement("style");return document.head.appendChild(i),i.sheet&&i.sheet.insertRule(`
-          [data-motion-pop-id="${e}"] {
-            position: absolute !important;
-            width: ${p}px !important;
-            height: ${d}px !important;
-            top: ${l}px !important;
-            left: ${f}px !important;
-          }
-        `),()=>{document.head.removeChild(i)}},[n]),s.createElement(a,{isPresent:n,childRef:t,sizeRef:c},s.cloneElement(o,{ref:t}))}exports.PopChild=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra299.cjs"),o=require("./lyra212.cjs"),s=require("./lyra304.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/lyra270.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra270.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/lyra270.js

@@ -1,49 +1,18 @@
-import * as r from "react";
-import { useId as l, useRef as h, useInsertionEffect as a } from "react";
-class u extends r.Component {
-  getSnapshotBeforeUpdate(o) {
-    const e = this.props.childRef.current;
-    if (e && o.isPresent && !this.props.isPresent) {
-      const t = this.props.sizeRef.current;
-      t.height = e.offsetHeight || 0, t.width = e.offsetWidth || 0, t.top = e.offsetTop, t.left = e.offsetLeft;
-    }
-    return null;
+import { Feature as s } from "./lyra299.js";
+import { noop as r } from "./lyra212.js";
+import { VisualElementDragControls as t } from "./lyra304.js";
+class u extends s {
+  constructor(o) {
+    super(o), this.removeGroupControls = r, this.removeListeners = r, this.controls = new t(o);
   }
-  /**
-   * Required with getSnapshotBeforeUpdate to stop React complaining.
-   */
-  componentDidUpdate() {
+  mount() {
+    const { dragControls: o } = this.node.getProps();
+    o && (this.removeGroupControls = o.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || r;
   }
-  render() {
-    return this.props.children;
+  unmount() {
+    this.removeGroupControls(), this.removeListeners();
   }
 }
-function $({ children: i, isPresent: o }) {
-  const e = l(), t = h(null), s = h({
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0
-  });
-  return a(() => {
-    const { width: p, height: d, top: f, left: c } = s.current;
-    if (o || !t.current || !p || !d)
-      return;
-    t.current.dataset.motionPopId = e;
-    const n = document.createElement("style");
-    return document.head.appendChild(n), n.sheet && n.sheet.insertRule(`
-          [data-motion-pop-id="${e}"] {
-            position: absolute !important;
-            width: ${p}px !important;
-            height: ${d}px !important;
-            top: ${f}px !important;
-            left: ${c}px !important;
-          }
-        `), () => {
-      document.head.removeChild(n);
-    };
-  }, [o]), r.createElement(u, { isPresent: o, childRef: t, sizeRef: s }, r.cloneElement(i, { ref: t }));
-}
 export {
-  $ as PopChild
+  u as DragGesture
 };

package/dist/lyra270.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra270.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/lyra271.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=e=>Array.isArray(e);exports.isKeyframesTarget=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./lyra305.cjs"),d=require("./lyra251.cjs"),c=require("./lyra299.cjs"),h=require("./lyra212.cjs"),r=require("./lyra193.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/lyra271.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lyra271.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]}