@new-black/lyra 0.1.16 → 0.1.17

package/dist/lyra288.js

@@ -1,22 +1,46 @@
-import { useMemo as c, createElement as f } from "react";
-import { useHTMLProps as p } from "./lyra326.js";
-import { filterProps as d } from "./lyra272.js";
-import { isSVGComponent as P } from "./lyra287.js";
-import { useSVGProps as a } from "./lyra327.js";
-import { isMotionValue as V } from "./lyra183.js";
-function E(o = !1) {
-  return (e, s, t, { latestValues: i }, n) => {
-    const u = (P(e) ? a : p)(s, i, n, e), l = {
-      ...d(s, typeof e == "string", o),
-      ...u,
-      ref: t
-    }, { children: r } = s, m = c(() => V(r) ? r.get() : r, [r]);
-    return f(e, {
-      ...l,
-      children: m
-    });
-  };
+import { buildHTMLStyles as n } from "./lyra336.js";
+import { isCSSVariableName as s } from "./lyra229.js";
+import { transformProps as l } from "./lyra202.js";
+import { scrapeMotionValuesFromProps as m } from "./lyra326.js";
+import { renderHTML as u } from "./lyra337.js";
+import { getDefaultValueType as a } from "./lyra312.js";
+import { measureViewportBox as p } from "./lyra338.js";
+import { DOMVisualElement as c } from "./lyra339.js";
+import { isMotionValue as d } from "./lyra175.js";
+function f(i) {
+  return window.getComputedStyle(i);
+}
+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;
+    }
+  }
+  measureInstanceViewportBox(e, { transformPagePoint: t }) {
+    return p(e, t);
+  }
+  build(e, t, r, o) {
+    n(e, t, r, o.transformTemplate);
+  }
+  scrapeMotionValuesFromProps(e, t) {
+    return m(e, t);
+  }
+  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}`);
+    }));
+  }
+  renderInstance(e, t, r, o) {
+    u(e, t, r, o);
+  }
 }
 export {
-  E as createUseRender
+  w as HTMLVisualElement,
+  f as getComputedStyle
 };

package/dist/lyra288.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra288.js","sources":["../node_modules/framer-motion/dist/es/render/dom/use-render.mjs"],"sourcesContent":["import { useMemo, createElement } from 'react';\nimport { useHTMLProps } from '../html/use-props.mjs';\nimport { filterProps } from './utils/filter-props.mjs';\nimport { isSVGComponent } from './utils/is-svg-component.mjs';\nimport { useSVGProps } from '../svg/use-props.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction createUseRender(forwardMotionProps = false) {\n    const useRender = (Component, props, ref, { latestValues }, isStatic) => {\n        const useVisualProps = isSVGComponent(Component)\n            ? useSVGProps\n            : useHTMLProps;\n        const visualProps = useVisualProps(props, latestValues, isStatic, Component);\n        const filteredProps = filterProps(props, typeof Component === \"string\", forwardMotionProps);\n        const elementProps = {\n            ...filteredProps,\n            ...visualProps,\n            ref,\n        };\n        /**\n         * If component has been handed a motion value as its child,\n         * memoise its initial value and render that. Subsequent updates\n         * will be handled by the onChange handler\n         */\n        const { children } = props;\n        const renderedChildren = useMemo(() => (isMotionValue(children) ? children.get() : children), [children]);\n        return createElement(Component, {\n            ...elementProps,\n            children: renderedChildren,\n        });\n    };\n    return useRender;\n}\n\nexport { createUseRender };\n"],"names":["createUseRender","forwardMotionProps","Component","props","ref","latestValues","isStatic","visualProps","isSVGComponent","useSVGProps","useHTMLProps","elementProps","filterProps","children","renderedChildren","useMemo","isMotionValue","createElement"],"mappings":";;;;;;AAOA,SAASA,EAAgBC,IAAqB,IAAO;AAwBjD,SAvBkB,CAACC,GAAWC,GAAOC,GAAK,EAAE,cAAAC,EAAc,GAAEC,MAAa;AAIrE,UAAMC,KAHiBC,EAAeN,CAAS,IACzCO,IACAC,GAC6BP,GAAOE,GAAcC,GAAUJ,CAAS,GAErES,IAAe;AAAA,MACjB,GAFkBC,EAAYT,GAAO,OAAOD,KAAc,UAAUD,CAAkB;AAAA,MAGtF,GAAGM;AAAA,MACH,KAAAH;AAAA,IACZ,GAMc,EAAE,UAAAS,EAAU,IAAGV,GACfW,IAAmBC,EAAQ,MAAOC,EAAcH,CAAQ,IAAIA,EAAS,IAAK,IAAGA,GAAW,CAACA,CAAQ,CAAC;AACxG,WAAOI,EAAcf,GAAW;AAAA,MAC5B,GAAGS;AAAA,MACH,UAAUG;AAAA,IACtB,CAAS;AAAA,EACT;AAEA;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra288.js","sources":["../node_modules/framer-motion/dist/es/render/html/HTMLVisualElement.mjs"],"sourcesContent":["import { buildHTMLStyles } from './utils/build-styles.mjs';\nimport { isCSSVariableName } from '../dom/utils/is-css-variable.mjs';\nimport { transformProps } from './utils/transform.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { renderHTML } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\nimport { measureViewportBox } from '../../projection/utils/measure.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\nfunction getComputedStyle(element) {\n    return window.getComputedStyle(element);\n}\nclass HTMLVisualElement extends DOMVisualElement {\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        else {\n            const computedStyle = getComputedStyle(instance);\n            const value = (isCSSVariableName(key)\n                ? computedStyle.getPropertyValue(key)\n                : computedStyle[key]) || 0;\n            return typeof value === \"string\" ? value.trim() : value;\n        }\n    }\n    measureInstanceViewportBox(instance, { transformPagePoint }) {\n        return measureViewportBox(instance, transformPagePoint);\n    }\n    build(renderState, latestValues, options, props) {\n        buildHTMLStyles(renderState, latestValues, options, props.transformTemplate);\n    }\n    scrapeMotionValuesFromProps(props, prevProps) {\n        return scrapeMotionValuesFromProps(props, prevProps);\n    }\n    handleChildMotionValue() {\n        if (this.childSubscription) {\n            this.childSubscription();\n            delete this.childSubscription;\n        }\n        const { children } = this.props;\n        if (isMotionValue(children)) {\n            this.childSubscription = children.on(\"change\", (latest) => {\n                if (this.current)\n                    this.current.textContent = `${latest}`;\n            });\n        }\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderHTML(instance, renderState, styleProp, projection);\n    }\n}\n\nexport { HTMLVisualElement, getComputedStyle };\n"],"names":["getComputedStyle","element","HTMLVisualElement","DOMVisualElement","instance","key","transformProps","defaultType","getDefaultValueType","computedStyle","value","isCSSVariableName","transformPagePoint","measureViewportBox","renderState","latestValues","options","props","buildHTMLStyles","prevProps","scrapeMotionValuesFromProps","children","isMotionValue","latest","styleProp","projection","renderHTML"],"mappings":";;;;;;;;;AAUA,SAASA,EAAiBC,GAAS;AAC/B,SAAO,OAAO,iBAAiBA,CAAO;AAC1C;AACA,MAAMC,UAA0BC,EAAiB;AAAA,EAC7C,sBAAsBC,GAAUC,GAAK;AACjC,QAAIC,EAAe,IAAID,CAAG,GAAG;AACzB,YAAME,IAAcC,EAAoBH,CAAG;AAC3C,aAAOE,KAAcA,EAAY,WAAW;AAAA,IAC/C,OACI;AACD,YAAME,IAAgBT,EAAiBI,CAAQ,GACzCM,KAASC,EAAkBN,CAAG,IAC9BI,EAAc,iBAAiBJ,CAAG,IAClCI,EAAcJ,CAAG,MAAM;AAC7B,aAAO,OAAOK,KAAU,WAAWA,EAAM,KAAI,IAAKA;AAAA,IACrD;AAAA,EACJ;AAAA,EACD,2BAA2BN,GAAU,EAAE,oBAAAQ,KAAsB;AACzD,WAAOC,EAAmBT,GAAUQ,CAAkB;AAAA,EACzD;AAAA,EACD,MAAME,GAAaC,GAAcC,GAASC,GAAO;AAC7C,IAAAC,EAAgBJ,GAAaC,GAAcC,GAASC,EAAM,iBAAiB;AAAA,EAC9E;AAAA,EACD,4BAA4BA,GAAOE,GAAW;AAC1C,WAAOC,EAA4BH,GAAOE,CAAS;AAAA,EACtD;AAAA,EACD,yBAAyB;AACrB,IAAI,KAAK,sBACL,KAAK,kBAAiB,GACtB,OAAO,KAAK;AAEhB,UAAM,EAAE,UAAAE,EAAQ,IAAK,KAAK;AAC1B,IAAIC,EAAcD,CAAQ,MACtB,KAAK,oBAAoBA,EAAS,GAAG,UAAU,CAACE,MAAW;AACvD,MAAI,KAAK,YACL,KAAK,QAAQ,cAAc,GAAGA,CAAM;AAAA,IACxD,CAAa;AAAA,EAER;AAAA,EACD,eAAenB,GAAUU,GAAaU,GAAWC,GAAY;AACzD,IAAAC,EAAWtB,GAAUU,GAAaU,GAAWC,CAAU;AAAA,EAC1D;AACL;","x_google_ignoreList":[0]}

package/dist/lyra289.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra328.cjs"),i=require("./lyra329.cjs"),n=require("./lyra273.cjs"),u=require("./lyra330.cjs"),c=require("./lyra331.cjs"),g=require("./lyra332.cjs"),r=require("./lyra219.cjs"),l={useVisualState:n.makeUseVisualState({scrapeMotionValuesFromProps:i.scrapeMotionValuesFromProps,createRenderState:u.createSvgRenderState,onMount:(o,e,{renderState:t,latestValues:s})=>{r.frame.read(()=>{try{t.dimensions=typeof e.getBBox=="function"?e.getBBox():e.getBoundingClientRect()}catch{t.dimensions={x:0,y:0,width:0,height:0}}}),r.frame.render(()=>{c.buildSVGAttrs(t,s,{enableHardwareAcceleration:!1},g.isSVGTag(e.tagName),o.transformTemplate),a.renderSVG(e,t)})}})};exports.svgMotionConfig=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra322.cjs"),u=require("./lyra339.cjs"),o=require("./lyra324.cjs"),n=require("./lyra234.cjs"),i=require("./lyra340.cjs"),l=require("./lyra202.cjs"),c=require("./lyra321.cjs"),m=require("./lyra312.cjs"),V=require("./lyra195.cjs"),d=require("./lyra325.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;

package/dist/lyra289.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra289.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/config-motion.mjs"],"sourcesContent":["import { renderSVG } from './utils/render.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';\nimport { createSvgRenderState } from './utils/create-render-state.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst svgMotionConfig = {\n    useVisualState: makeUseVisualState({\n        scrapeMotionValuesFromProps: scrapeMotionValuesFromProps,\n        createRenderState: createSvgRenderState,\n        onMount: (props, instance, { renderState, latestValues }) => {\n            frame.read(() => {\n                try {\n                    renderState.dimensions =\n                        typeof instance.getBBox ===\n                            \"function\"\n                            ? instance.getBBox()\n                            : instance.getBoundingClientRect();\n                }\n                catch (e) {\n                    // Most likely trying to measure an unrendered element under Firefox\n                    renderState.dimensions = {\n                        x: 0,\n                        y: 0,\n                        width: 0,\n                        height: 0,\n                    };\n                }\n            });\n            frame.render(() => {\n                buildSVGAttrs(renderState, latestValues, { enableHardwareAcceleration: false }, isSVGTag(instance.tagName), props.transformTemplate);\n                renderSVG(instance, renderState);\n            });\n        },\n    }),\n};\n\nexport { svgMotionConfig };\n"],"names":["svgMotionConfig","makeUseVisualState","scrapeMotionValuesFromProps","createSvgRenderState","props","instance","renderState","latestValues","frame","buildSVGAttrs","isSVGTag","renderSVG"],"mappings":"mRAQMA,EAAkB,CACpB,eAAgBC,EAAAA,mBAAmB,CAC/B,4BAA6BC,EAA2B,4BACxD,kBAAmBC,EAAoB,qBACvC,QAAS,CAACC,EAAOC,EAAU,CAAE,YAAAC,EAAa,aAAAC,CAAY,IAAO,CACzDC,EAAK,MAAC,KAAK,IAAM,CACb,GAAI,CACAF,EAAY,WACR,OAAOD,EAAS,SACZ,WACEA,EAAS,QAAS,EAClBA,EAAS,sBAAqB,CAC3C,MACS,CAENC,EAAY,WAAa,CACrB,EAAG,EACH,EAAG,EACH,MAAO,EACP,OAAQ,CAChC,CACiB,CACjB,CAAa,EACDE,EAAK,MAAC,OAAO,IAAM,CACfC,EAAAA,cAAcH,EAAaC,EAAc,CAAE,2BAA4B,EAAK,EAAIG,EAAQ,SAACL,EAAS,OAAO,EAAGD,EAAM,iBAAiB,EACnIO,YAAUN,EAAUC,CAAW,CAC/C,CAAa,CACJ,CACT,CAAK,CACL","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra289.cjs","sources":["../node_modules/framer-motion/dist/es/render/svg/SVGVisualElement.mjs"],"sourcesContent":["import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { camelToDash } from '../dom/utils/camel-to-dash.mjs';\nimport { camelCaseAttributes } from './utils/camel-case-attrs.mjs';\nimport { transformProps } from '../html/utils/transform.mjs';\nimport { renderSVG } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\nimport { createBox } from '../../projection/geometry/models.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\n\nclass SVGVisualElement extends DOMVisualElement {\n    constructor() {\n        super(...arguments);\n        this.isSVGTag = false;\n    }\n    getBaseTargetFromProps(props, key) {\n        return props[key];\n    }\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;\n        return instance.getAttribute(key);\n    }\n    measureInstanceViewportBox() {\n        return createBox();\n    }\n    scrapeMotionValuesFromProps(props, prevProps) {\n        return scrapeMotionValuesFromProps(props, prevProps);\n    }\n    build(renderState, latestValues, options, props) {\n        buildSVGAttrs(renderState, latestValues, options, this.isSVGTag, props.transformTemplate);\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderSVG(instance, renderState, styleProp, projection);\n    }\n    mount(instance) {\n        this.isSVGTag = isSVGTag(instance.tagName);\n        super.mount(instance);\n    }\n}\n\nexport { SVGVisualElement };\n"],"names":["SVGVisualElement","DOMVisualElement","props","key","instance","transformProps","defaultType","getDefaultValueType","camelCaseAttributes","camelToDash","createBox","prevProps","scrapeMotionValuesFromProps","renderState","latestValues","options","buildSVGAttrs","styleProp","projection","renderSVG","isSVGTag"],"mappings":"oWAWA,MAAMA,UAAyBC,EAAAA,gBAAiB,CAC5C,aAAc,CACV,MAAM,GAAG,SAAS,EAClB,KAAK,SAAW,EACnB,CACD,uBAAuBC,EAAOC,EAAK,CAC/B,OAAOD,EAAMC,CAAG,CACnB,CACD,sBAAsBC,EAAUD,EAAK,CACjC,GAAIE,EAAc,eAAC,IAAIF,CAAG,EAAG,CACzB,MAAMG,EAAcC,sBAAoBJ,CAAG,EAC3C,OAAOG,GAAcA,EAAY,SAAW,CAC/C,CACD,OAAAH,EAAOK,EAAmB,oBAAC,IAAIL,CAAG,EAAuBA,EAAnBM,cAAYN,CAAG,EAC9CC,EAAS,aAAaD,CAAG,CACnC,CACD,4BAA6B,CACzB,OAAOO,EAAS,UAAA,CACnB,CACD,4BAA4BR,EAAOS,EAAW,CAC1C,OAAOC,EAA2B,4BAACV,EAAOS,CAAS,CACtD,CACD,MAAME,EAAaC,EAAcC,EAASb,EAAO,CAC7Cc,gBAAcH,EAAaC,EAAcC,EAAS,KAAK,SAAUb,EAAM,iBAAiB,CAC3F,CACD,eAAeE,EAAUS,EAAaI,EAAWC,EAAY,CACzDC,EAAAA,UAAUf,EAAUS,EAAaI,EAAWC,CAAU,CACzD,CACD,MAAMd,EAAU,CACZ,KAAK,SAAWgB,EAAAA,SAAShB,EAAS,OAAO,EACzC,MAAM,MAAMA,CAAQ,CACvB,CACL","x_google_ignoreList":[0]}

package/dist/lyra289.js

@@ -1,32 +1,43 @@
-import { renderSVG as i } from "./lyra328.js";
-import { scrapeMotionValuesFromProps as a } from "./lyra329.js";
-import { makeUseVisualState as s } from "./lyra273.js";
-import { createSvgRenderState as p } from "./lyra330.js";
-import { buildSVGAttrs as f } from "./lyra331.js";
-import { isSVGTag as n } from "./lyra332.js";
-import { frame as r } from "./lyra219.js";
-const h = {
-  useVisualState: s({
-    scrapeMotionValuesFromProps: a,
-    createRenderState: p,
-    onMount: (t, o, { renderState: e, latestValues: m }) => {
-      r.read(() => {
-        try {
-          e.dimensions = typeof o.getBBox == "function" ? o.getBBox() : o.getBoundingClientRect();
-        } catch {
-          e.dimensions = {
-            x: 0,
-            y: 0,
-            width: 0,
-            height: 0
-          };
-        }
-      }), r.render(() => {
-        f(e, m, { enableHardwareAcceleration: !1 }, n(o.tagName), t.transformTemplate), i(o, e);
-      });
+import { scrapeMotionValuesFromProps as s } from "./lyra322.js";
+import { DOMVisualElement as a } from "./lyra339.js";
+import { buildSVGAttrs as m } from "./lyra324.js";
+import { camelToDash as i } from "./lyra234.js";
+import { camelCaseAttributes as u } from "./lyra340.js";
+import { transformProps as n } from "./lyra202.js";
+import { renderSVG as p } from "./lyra321.js";
+import { getDefaultValueType as l } from "./lyra312.js";
+import { createBox as f } from "./lyra195.js";
+import { isSVGTag as V } from "./lyra325.js";
+class A extends a {
+  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);
+  }
+}
 export {
-  h as svgMotionConfig
+  A as SVGVisualElement
 };

package/dist/lyra289.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra289.js","sources":["../node_modules/framer-motion/dist/es/render/svg/config-motion.mjs"],"sourcesContent":["import { renderSVG } from './utils/render.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';\nimport { createSvgRenderState } from './utils/create-render-state.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst svgMotionConfig = {\n    useVisualState: makeUseVisualState({\n        scrapeMotionValuesFromProps: scrapeMotionValuesFromProps,\n        createRenderState: createSvgRenderState,\n        onMount: (props, instance, { renderState, latestValues }) => {\n            frame.read(() => {\n                try {\n                    renderState.dimensions =\n                        typeof instance.getBBox ===\n                            \"function\"\n                            ? instance.getBBox()\n                            : instance.getBoundingClientRect();\n                }\n                catch (e) {\n                    // Most likely trying to measure an unrendered element under Firefox\n                    renderState.dimensions = {\n                        x: 0,\n                        y: 0,\n                        width: 0,\n                        height: 0,\n                    };\n                }\n            });\n            frame.render(() => {\n                buildSVGAttrs(renderState, latestValues, { enableHardwareAcceleration: false }, isSVGTag(instance.tagName), props.transformTemplate);\n                renderSVG(instance, renderState);\n            });\n        },\n    }),\n};\n\nexport { svgMotionConfig };\n"],"names":["svgMotionConfig","makeUseVisualState","scrapeMotionValuesFromProps","createSvgRenderState","props","instance","renderState","latestValues","frame","buildSVGAttrs","isSVGTag","renderSVG"],"mappings":";;;;;;;AAQK,MAACA,IAAkB;AAAA,EACpB,gBAAgBC,EAAmB;AAAA,IAC/B,6BAA6BC;AAAA,IAC7B,mBAAmBC;AAAA,IACnB,SAAS,CAACC,GAAOC,GAAU,EAAE,aAAAC,GAAa,cAAAC,EAAY,MAAO;AACzD,MAAAC,EAAM,KAAK,MAAM;AACb,YAAI;AACA,UAAAF,EAAY,aACR,OAAOD,EAAS,WACZ,aACEA,EAAS,QAAS,IAClBA,EAAS,sBAAqB;AAAA,QAC3C,QACS;AAEN,UAAAC,EAAY,aAAa;AAAA,YACrB,GAAG;AAAA,YACH,GAAG;AAAA,YACH,OAAO;AAAA,YACP,QAAQ;AAAA,UAChC;AAAA,QACiB;AAAA,MACjB,CAAa,GACDE,EAAM,OAAO,MAAM;AACf,QAAAC,EAAcH,GAAaC,GAAc,EAAE,4BAA4B,GAAK,GAAIG,EAASL,EAAS,OAAO,GAAGD,EAAM,iBAAiB,GACnIO,EAAUN,GAAUC,CAAW;AAAA,MAC/C,CAAa;AAAA,IACJ;AAAA,EACT,CAAK;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra289.js","sources":["../node_modules/framer-motion/dist/es/render/svg/SVGVisualElement.mjs"],"sourcesContent":["import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { camelToDash } from '../dom/utils/camel-to-dash.mjs';\nimport { camelCaseAttributes } from './utils/camel-case-attrs.mjs';\nimport { transformProps } from '../html/utils/transform.mjs';\nimport { renderSVG } from './utils/render.mjs';\nimport { getDefaultValueType } from '../dom/value-types/defaults.mjs';\nimport { createBox } from '../../projection/geometry/models.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\n\nclass SVGVisualElement extends DOMVisualElement {\n    constructor() {\n        super(...arguments);\n        this.isSVGTag = false;\n    }\n    getBaseTargetFromProps(props, key) {\n        return props[key];\n    }\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;\n        return instance.getAttribute(key);\n    }\n    measureInstanceViewportBox() {\n        return createBox();\n    }\n    scrapeMotionValuesFromProps(props, prevProps) {\n        return scrapeMotionValuesFromProps(props, prevProps);\n    }\n    build(renderState, latestValues, options, props) {\n        buildSVGAttrs(renderState, latestValues, options, this.isSVGTag, props.transformTemplate);\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderSVG(instance, renderState, styleProp, projection);\n    }\n    mount(instance) {\n        this.isSVGTag = isSVGTag(instance.tagName);\n        super.mount(instance);\n    }\n}\n\nexport { SVGVisualElement };\n"],"names":["SVGVisualElement","DOMVisualElement","props","key","instance","transformProps","defaultType","getDefaultValueType","camelCaseAttributes","camelToDash","createBox","prevProps","scrapeMotionValuesFromProps","renderState","latestValues","options","buildSVGAttrs","styleProp","projection","renderSVG","isSVGTag"],"mappings":";;;;;;;;;;AAWA,MAAMA,UAAyBC,EAAiB;AAAA,EAC5C,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,WAAW;AAAA,EACnB;AAAA,EACD,uBAAuBC,GAAOC,GAAK;AAC/B,WAAOD,EAAMC,CAAG;AAAA,EACnB;AAAA,EACD,sBAAsBC,GAAUD,GAAK;AACjC,QAAIE,EAAe,IAAIF,CAAG,GAAG;AACzB,YAAMG,IAAcC,EAAoBJ,CAAG;AAC3C,aAAOG,KAAcA,EAAY,WAAW;AAAA,IAC/C;AACD,WAAAH,IAAOK,EAAoB,IAAIL,CAAG,IAAuBA,IAAnBM,EAAYN,CAAG,GAC9CC,EAAS,aAAaD,CAAG;AAAA,EACnC;AAAA,EACD,6BAA6B;AACzB,WAAOO,EAAS;AAAA,EACnB;AAAA,EACD,4BAA4BR,GAAOS,GAAW;AAC1C,WAAOC,EAA4BV,GAAOS,CAAS;AAAA,EACtD;AAAA,EACD,MAAME,GAAaC,GAAcC,GAASb,GAAO;AAC7C,IAAAc,EAAcH,GAAaC,GAAcC,GAAS,KAAK,UAAUb,EAAM,iBAAiB;AAAA,EAC3F;AAAA,EACD,eAAeE,GAAUS,GAAaI,GAAWC,GAAY;AACzD,IAAAC,EAAUf,GAAUS,GAAaI,GAAWC,CAAU;AAAA,EACzD;AAAA,EACD,MAAMd,GAAU;AACZ,SAAK,WAAWgB,EAAShB,EAAS,OAAO,GACzC,MAAM,MAAMA,CAAQ;AAAA,EACvB;AACL;","x_google_ignoreList":[0]}

package/dist/lyra29.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra100.cjs");require("./lyra110.cjs");const e=t.cva(["lyra-list-box","list-box","flex","flex-col","gap-y-[--list-box-row-gap]","w-full","px-[--list-box-padding-x]","py-[--list-box-padding-y]","outline-none"],{variants:{}}),o=t.cva(["transition","duration-300","ease-out","rounded-md","w-full","pe-[--list-box-item-padding-end]","ps-[--list-box-item-padding-start]","py-[--list-box-item-padding-y]","select-none","outline-none","text-[length:var(--list-box-item-text-size)]","font-sans","font-[--list-box-item-text-weight]","flex","items-center","gap-x-[--list-box-item-gap-x]","bg-[--list-box-item-background-color]","text-[--list-box-item-text-color]"],{variants:{isDisabled:{true:["cursor-not-allowed","opacity-50"]},isPressed:{true:"!bg-[--list-box-item-pressed-bg-color] !text-[--list-box-item-pressed-text-color]"},isSelected:{true:"!bg-[--list-box-item-selected-bg-color] !text-[--list-box-item-selected-text-color]"},isHovered:{true:"!bg-[--list-box-item-hover-bg-color] !text-[--list-box-item-hover-text-color]"},isFocused:{true:"!bg-[--list-box-item-focused-bg-color] !text-[--list-box-item-focused-text-color]"}},compoundVariants:[{isFocused:!0,isHovered:!0,className:"!bg-[--list-box-item-focused-hover-bg-color] !text-[--list-box-item-focused-hover-text-color]"}]}),i=t.cva(["py-[--list-box-header-padding-y]","px-[--list-box-header-padding-x]","text-[--list-box-header-text-size]","font-sans","font-[--list-box-header-text-weight]","text-[--list-box-header-text-color]"]);exports.listBoxHeaderStyles=i;exports.listBoxItemStyles=o;exports.listBoxStyles=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra99.cjs");require("./lyra108.cjs");const e=t.cva(["lyra-list-box","list-box","flex","flex-col","gap-y-[--list-box-row-gap]","w-full","px-[--list-box-padding-x]","py-[--list-box-padding-y]","outline-none"],{variants:{}}),o=t.cva(["transition","duration-300","ease-out","rounded-md","w-full","pe-[--list-box-item-padding-end]","ps-[--list-box-item-padding-start]","py-[--list-box-item-padding-y]","select-none","outline-none","text-[length:var(--list-box-item-text-size)]","font-sans","font-[--list-box-item-text-weight]","flex","items-center","gap-x-[--list-box-item-gap-x]","bg-[--list-box-item-background-color]","text-[--list-box-item-text-color]"],{variants:{isDisabled:{true:["cursor-not-allowed","opacity-50"]},isPressed:{true:"!bg-[--list-box-item-pressed-bg-color] !text-[--list-box-item-pressed-text-color]"},isSelected:{true:"!bg-[--list-box-item-selected-bg-color] !text-[--list-box-item-selected-text-color]"},isHovered:{true:"!bg-[--list-box-item-hover-bg-color] !text-[--list-box-item-hover-text-color]"},isFocused:{true:"!bg-[--list-box-item-focused-bg-color] !text-[--list-box-item-focused-text-color]"}},compoundVariants:[{isFocused:!0,isHovered:!0,className:"!bg-[--list-box-item-focused-hover-bg-color] !text-[--list-box-item-focused-hover-text-color]"}]}),i=t.cva(["py-[--list-box-header-padding-y]","px-[--list-box-header-padding-x]","text-[--list-box-header-text-size]","font-sans","font-[--list-box-header-text-weight]","text-[--list-box-header-text-color]"]);exports.listBoxHeaderStyles=i;exports.listBoxItemStyles=o;exports.listBoxStyles=e;

package/dist/lyra29.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra29.cjs","sources":["../src/components/list-box/list-box-styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nimport \"./list-box-vars.css\";\n\nexport const listBoxStyles = cva(\n  [\n    \"lyra-list-box\",\n    \"list-box\",\n    \"flex\",\n    \"flex-col\",\n    \"gap-y-[--list-box-row-gap]\",\n    \"w-full\",\n    \"px-[--list-box-padding-x]\",\n    \"py-[--list-box-padding-y]\",\n    \"outline-none\",\n  ],\n  {\n    variants: {},\n  },\n);\n\nexport const listBoxItemStyles = cva(\n  [\n    \"transition\",\n    \"duration-300\",\n    \"ease-out\",\n    \"rounded-md\",\n    \"w-full\",\n    \"pe-[--list-box-item-padding-end]\",\n    \"ps-[--list-box-item-padding-start]\",\n    \"py-[--list-box-item-padding-y]\",\n    \"select-none\",\n    \"outline-none\",\n    \"text-[length:var(--list-box-item-text-size)]\",\n    \"font-sans\",\n    \"font-[--list-box-item-text-weight]\",\n    \"flex\",\n    \"items-center\",\n    \"gap-x-[--list-box-item-gap-x]\",\n    \"bg-[--list-box-item-background-color]\",\n    \"text-[--list-box-item-text-color]\",\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: [\"cursor-not-allowed\", \"opacity-50\"],\n      },\n      isPressed: {\n        true: \"!bg-[--list-box-item-pressed-bg-color] !text-[--list-box-item-pressed-text-color]\",\n      },\n      isSelected: {\n        true: \"!bg-[--list-box-item-selected-bg-color] !text-[--list-box-item-selected-text-color]\",\n      },\n      isHovered: {\n        true: \"!bg-[--list-box-item-hover-bg-color] !text-[--list-box-item-hover-text-color]\",\n      },\n      isFocused: {\n        true: \"!bg-[--list-box-item-focused-bg-color] !text-[--list-box-item-focused-text-color]\",\n      },\n    },\n    compoundVariants: [\n      {\n        isFocused: true,\n        isHovered: true,\n        className:\n          \"!bg-[--list-box-item-focused-hover-bg-color] !text-[--list-box-item-focused-hover-text-color]\",\n      },\n    ],\n  },\n);\n\nexport const listBoxHeaderStyles = cva([\n  \"py-[--list-box-header-padding-y]\",\n  \"px-[--list-box-header-padding-x]\",\n  \"text-[--list-box-header-text-size]\",\n  \"font-sans\",\n  \"font-[--list-box-header-text-weight]\",\n  \"text-[--list-box-header-text-color]\",\n]);\n"],"names":["listBoxStyles","cva","listBoxItemStyles","listBoxHeaderStyles"],"mappings":"0IAIO,MAAMA,EAAgBC,EAAA,IAC3B,CACE,gBACA,WACA,OACA,WACA,6BACA,SACA,4BACA,4BACA,cACF,EACA,CACE,SAAU,CAAC,CACb,CACF,EAEaC,EAAoBD,EAAA,IAC/B,CACE,aACA,eACA,WACA,aACA,SACA,mCACA,qCACA,iCACA,cACA,eACA,+CACA,YACA,qCACA,OACA,eACA,gCACA,wCACA,mCACF,EACA,CACE,SAAU,CACR,WAAY,CACV,KAAM,CAAC,qBAAsB,YAAY,CAC3C,EACA,UAAW,CACT,KAAM,mFACR,EACA,WAAY,CACV,KAAM,qFACR,EACA,UAAW,CACT,KAAM,+EACR,EACA,UAAW,CACT,KAAM,mFACR,CACF,EACA,iBAAkB,CAChB,CACE,UAAW,GACX,UAAW,GACX,UACE,+FACJ,CACF,CACF,CACF,EAEaE,EAAsBF,EAAAA,IAAI,CACrC,mCACA,mCACA,qCACA,YACA,uCACA,qCACF,CAAC"}
+{"version":3,"file":"lyra29.cjs","sources":["../src/components/list-box/list-box-styles.ts"],"sourcesContent":["import { cva } from \"../../utils/class-variance-authority\";\n\nimport \"./list-box-vars.css\";\n\nexport const listBoxStyles = cva(\n  [\n    \"lyra-list-box\",\n    \"list-box\",\n    \"flex\",\n    \"flex-col\",\n    \"gap-y-[--list-box-row-gap]\",\n    \"w-full\",\n    \"px-[--list-box-padding-x]\",\n    \"py-[--list-box-padding-y]\",\n    \"outline-none\",\n  ],\n  {\n    variants: {},\n  },\n);\n\nexport const listBoxItemStyles = cva(\n  [\n    \"transition\",\n    \"duration-300\",\n    \"ease-out\",\n    \"rounded-md\",\n    \"w-full\",\n    \"pe-[--list-box-item-padding-end]\",\n    \"ps-[--list-box-item-padding-start]\",\n    \"py-[--list-box-item-padding-y]\",\n    \"select-none\",\n    \"outline-none\",\n    \"text-[length:var(--list-box-item-text-size)]\",\n    \"font-sans\",\n    \"font-[--list-box-item-text-weight]\",\n    \"flex\",\n    \"items-center\",\n    \"gap-x-[--list-box-item-gap-x]\",\n    \"bg-[--list-box-item-background-color]\",\n    \"text-[--list-box-item-text-color]\",\n  ],\n  {\n    variants: {\n      isDisabled: {\n        true: [\"cursor-not-allowed\", \"opacity-50\"],\n      },\n      isPressed: {\n        true: \"!bg-[--list-box-item-pressed-bg-color] !text-[--list-box-item-pressed-text-color]\",\n      },\n      isSelected: {\n        true: \"!bg-[--list-box-item-selected-bg-color] !text-[--list-box-item-selected-text-color]\",\n      },\n      isHovered: {\n        true: \"!bg-[--list-box-item-hover-bg-color] !text-[--list-box-item-hover-text-color]\",\n      },\n      isFocused: {\n        true: \"!bg-[--list-box-item-focused-bg-color] !text-[--list-box-item-focused-text-color]\",\n      },\n    },\n    compoundVariants: [\n      {\n        isFocused: true,\n        isHovered: true,\n        className:\n          \"!bg-[--list-box-item-focused-hover-bg-color] !text-[--list-box-item-focused-hover-text-color]\",\n      },\n    ],\n  },\n);\n\nexport const listBoxHeaderStyles = cva([\n  \"py-[--list-box-header-padding-y]\",\n  \"px-[--list-box-header-padding-x]\",\n  \"text-[--list-box-header-text-size]\",\n  \"font-sans\",\n  \"font-[--list-box-header-text-weight]\",\n  \"text-[--list-box-header-text-color]\",\n]);\n"],"names":["listBoxStyles","cva","listBoxItemStyles","listBoxHeaderStyles"],"mappings":"yIAIO,MAAMA,EAAgBC,EAAA,IAC3B,CACE,gBACA,WACA,OACA,WACA,6BACA,SACA,4BACA,4BACA,cACF,EACA,CACE,SAAU,CAAC,CACb,CACF,EAEaC,EAAoBD,EAAA,IAC/B,CACE,aACA,eACA,WACA,aACA,SACA,mCACA,qCACA,iCACA,cACA,eACA,+CACA,YACA,qCACA,OACA,eACA,gCACA,wCACA,mCACF,EACA,CACE,SAAU,CACR,WAAY,CACV,KAAM,CAAC,qBAAsB,YAAY,CAC3C,EACA,UAAW,CACT,KAAM,mFACR,EACA,WAAY,CACV,KAAM,qFACR,EACA,UAAW,CACT,KAAM,+EACR,EACA,UAAW,CACT,KAAM,mFACR,CACF,EACA,iBAAkB,CAChB,CACE,UAAW,GACX,UAAW,GACX,UACE,+FACJ,CACF,CACF,CACF,EAEaE,EAAsBF,EAAAA,IAAI,CACrC,mCACA,mCACA,qCACA,YACA,uCACA,qCACF,CAAC"}

package/dist/lyra29.js

@@ -1,5 +1,5 @@
-import { cva as t } from "./lyra100.js";
-import "./lyra110.js";
+import { cva as t } from "./lyra99.js";
+import "./lyra108.js";
 const i = t(
   [
     "lyra-list-box",

package/dist/lyra290.cjs

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra273.cjs"),t=require("./lyra333.cjs"),o=require("./lyra334.cjs"),r={useVisualState:e.makeUseVisualState({scrapeMotionValuesFromProps:t.scrapeMotionValuesFromProps,createRenderState:o.createHtmlRenderState})};exports.htmlMotionConfig=r;
+"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;

package/dist/lyra290.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra290.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/config-motion.mjs"],"sourcesContent":["import { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { createHtmlRenderState } from './utils/create-render-state.mjs';\n\nconst htmlMotionConfig = {\n    useVisualState: makeUseVisualState({\n        scrapeMotionValuesFromProps,\n        createRenderState: createHtmlRenderState,\n    }),\n};\n\nexport { htmlMotionConfig };\n"],"names":["htmlMotionConfig","makeUseVisualState","scrapeMotionValuesFromProps","createHtmlRenderState"],"mappings":"uKAIMA,EAAmB,CACrB,eAAgBC,EAAAA,mBAAmB,CACvC,4BAAQC,EAA2B,4BAC3B,kBAAmBC,EAAqB,qBAChD,CAAK,CACL","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra290.cjs","sources":["../node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs"],"sourcesContent":["import * as React from 'react';\nimport { useId, useRef, useInsertionEffect } from 'react';\n\n/**\n * Measurement functionality has to be within a separate component\n * to leverage snapshot lifecycle.\n */\nclass PopChildMeasure extends React.Component {\n    getSnapshotBeforeUpdate(prevProps) {\n        const element = this.props.childRef.current;\n        if (element && prevProps.isPresent && !this.props.isPresent) {\n            const size = this.props.sizeRef.current;\n            size.height = element.offsetHeight || 0;\n            size.width = element.offsetWidth || 0;\n            size.top = element.offsetTop;\n            size.left = element.offsetLeft;\n        }\n        return null;\n    }\n    /**\n     * Required with getSnapshotBeforeUpdate to stop React complaining.\n     */\n    componentDidUpdate() { }\n    render() {\n        return this.props.children;\n    }\n}\nfunction PopChild({ children, isPresent }) {\n    const id = useId();\n    const ref = useRef(null);\n    const size = useRef({\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0,\n    });\n    /**\n     * We create and inject a style block so we can apply this explicit\n     * sizing in a non-destructive manner by just deleting the style block.\n     *\n     * We can't apply size via render as the measurement happens\n     * in getSnapshotBeforeUpdate (post-render), likewise if we apply the\n     * styles directly on the DOM node, we might be overwriting\n     * styles set via the style prop.\n     */\n    useInsertionEffect(() => {\n        const { width, height, top, left } = size.current;\n        if (isPresent || !ref.current || !width || !height)\n            return;\n        ref.current.dataset.motionPopId = id;\n        const style = document.createElement(\"style\");\n        document.head.appendChild(style);\n        if (style.sheet) {\n            style.sheet.insertRule(`\n          [data-motion-pop-id=\"${id}\"] {\n            position: absolute !important;\n            width: ${width}px !important;\n            height: ${height}px !important;\n            top: ${top}px !important;\n            left: ${left}px !important;\n          }\n        `);\n        }\n        return () => {\n            document.head.removeChild(style);\n        };\n    }, [isPresent]);\n    return (React.createElement(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size }, React.cloneElement(children, { ref })));\n}\n\nexport { PopChild };\n"],"names":["PopChildMeasure","React","prevProps","element","size","PopChild","children","isPresent","id","useId","ref","useRef","useInsertionEffect","width","height","top","left","style"],"mappings":"mYAOA,MAAMA,UAAwBC,EAAM,SAAU,CAC1C,wBAAwBC,EAAW,CAC/B,MAAMC,EAAU,KAAK,MAAM,SAAS,QACpC,GAAIA,GAAWD,EAAU,WAAa,CAAC,KAAK,MAAM,UAAW,CACzD,MAAME,EAAO,KAAK,MAAM,QAAQ,QAChCA,EAAK,OAASD,EAAQ,cAAgB,EACtCC,EAAK,MAAQD,EAAQ,aAAe,EACpCC,EAAK,IAAMD,EAAQ,UACnBC,EAAK,KAAOD,EAAQ,UACvB,CACD,OAAO,IACV,CAID,oBAAqB,CAAG,CACxB,QAAS,CACL,OAAO,KAAK,MAAM,QACrB,CACL,CACA,SAASE,EAAS,CAAE,SAAAC,EAAU,UAAAC,GAAa,CACvC,MAAMC,EAAKC,EAAAA,QACLC,EAAMC,SAAO,IAAI,EACjBP,EAAOO,EAAAA,OAAO,CAChB,MAAO,EACP,OAAQ,EACR,IAAK,EACL,KAAM,CACd,CAAK,EAUDC,OAAAA,EAAAA,mBAAmB,IAAM,CACrB,KAAM,CAAE,MAAAC,EAAO,OAAAC,EAAQ,IAAAC,EAAK,KAAAC,CAAM,EAAGZ,EAAK,QAC1C,GAAIG,GAAa,CAACG,EAAI,SAAW,CAACG,GAAS,CAACC,EACxC,OACJJ,EAAI,QAAQ,QAAQ,YAAcF,EAClC,MAAMS,EAAQ,SAAS,cAAc,OAAO,EAC5C,gBAAS,KAAK,YAAYA,CAAK,EAC3BA,EAAM,OACNA,EAAM,MAAM,WAAW;AAAA,iCACFT,CAAE;AAAA;AAAA,qBAEdK,CAAK;AAAA,sBACJC,CAAM;AAAA,mBACTC,CAAG;AAAA,oBACFC,CAAI;AAAA;AAAA,SAEf,EAEM,IAAM,CACT,SAAS,KAAK,YAAYC,CAAK,CAC3C,CACA,EAAO,CAACV,CAAS,CAAC,EACNN,EAAM,cAAcD,EAAiB,CAAE,UAAWO,EAAW,SAAUG,EAAK,QAASN,CAAI,EAAIH,EAAM,aAAaK,EAAU,CAAE,IAAAI,CAAK,CAAA,CAAC,CAC9I","x_google_ignoreList":[0]}

package/dist/lyra290.js

@@ -1,12 +1,49 @@
-import { makeUseVisualState as t } from "./lyra273.js";
-import { scrapeMotionValuesFromProps as e } from "./lyra333.js";
-import { createHtmlRenderState as o } from "./lyra334.js";
-const i = {
-  useVisualState: t({
-    scrapeMotionValuesFromProps: e,
-    createRenderState: o
-  })
-};
+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;
+  }
+  /**
+   * Required with getSnapshotBeforeUpdate to stop React complaining.
+   */
+  componentDidUpdate() {
+  }
+  render() {
+    return this.props.children;
+  }
+}
+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 {
-  i as htmlMotionConfig
+  $ as PopChild
 };

package/dist/lyra290.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra290.js","sources":["../node_modules/framer-motion/dist/es/render/html/config-motion.mjs"],"sourcesContent":["import { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\nimport { createHtmlRenderState } from './utils/create-render-state.mjs';\n\nconst htmlMotionConfig = {\n    useVisualState: makeUseVisualState({\n        scrapeMotionValuesFromProps,\n        createRenderState: createHtmlRenderState,\n    }),\n};\n\nexport { htmlMotionConfig };\n"],"names":["htmlMotionConfig","makeUseVisualState","scrapeMotionValuesFromProps","createHtmlRenderState"],"mappings":";;;AAIK,MAACA,IAAmB;AAAA,EACrB,gBAAgBC,EAAmB;AAAA,IAC/B,6BAAAC;AAAA,IACA,mBAAmBC;AAAA,EAC3B,CAAK;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra290.js","sources":["../node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs"],"sourcesContent":["import * as React from 'react';\nimport { useId, useRef, useInsertionEffect } from 'react';\n\n/**\n * Measurement functionality has to be within a separate component\n * to leverage snapshot lifecycle.\n */\nclass PopChildMeasure extends React.Component {\n    getSnapshotBeforeUpdate(prevProps) {\n        const element = this.props.childRef.current;\n        if (element && prevProps.isPresent && !this.props.isPresent) {\n            const size = this.props.sizeRef.current;\n            size.height = element.offsetHeight || 0;\n            size.width = element.offsetWidth || 0;\n            size.top = element.offsetTop;\n            size.left = element.offsetLeft;\n        }\n        return null;\n    }\n    /**\n     * Required with getSnapshotBeforeUpdate to stop React complaining.\n     */\n    componentDidUpdate() { }\n    render() {\n        return this.props.children;\n    }\n}\nfunction PopChild({ children, isPresent }) {\n    const id = useId();\n    const ref = useRef(null);\n    const size = useRef({\n        width: 0,\n        height: 0,\n        top: 0,\n        left: 0,\n    });\n    /**\n     * We create and inject a style block so we can apply this explicit\n     * sizing in a non-destructive manner by just deleting the style block.\n     *\n     * We can't apply size via render as the measurement happens\n     * in getSnapshotBeforeUpdate (post-render), likewise if we apply the\n     * styles directly on the DOM node, we might be overwriting\n     * styles set via the style prop.\n     */\n    useInsertionEffect(() => {\n        const { width, height, top, left } = size.current;\n        if (isPresent || !ref.current || !width || !height)\n            return;\n        ref.current.dataset.motionPopId = id;\n        const style = document.createElement(\"style\");\n        document.head.appendChild(style);\n        if (style.sheet) {\n            style.sheet.insertRule(`\n          [data-motion-pop-id=\"${id}\"] {\n            position: absolute !important;\n            width: ${width}px !important;\n            height: ${height}px !important;\n            top: ${top}px !important;\n            left: ${left}px !important;\n          }\n        `);\n        }\n        return () => {\n            document.head.removeChild(style);\n        };\n    }, [isPresent]);\n    return (React.createElement(PopChildMeasure, { isPresent: isPresent, childRef: ref, sizeRef: size }, React.cloneElement(children, { ref })));\n}\n\nexport { PopChild };\n"],"names":["PopChildMeasure","React","prevProps","element","size","PopChild","children","isPresent","id","useId","ref","useRef","useInsertionEffect","width","height","top","left","style"],"mappings":";;AAOA,MAAMA,UAAwBC,EAAM,UAAU;AAAA,EAC1C,wBAAwBC,GAAW;AAC/B,UAAMC,IAAU,KAAK,MAAM,SAAS;AACpC,QAAIA,KAAWD,EAAU,aAAa,CAAC,KAAK,MAAM,WAAW;AACzD,YAAME,IAAO,KAAK,MAAM,QAAQ;AAChC,MAAAA,EAAK,SAASD,EAAQ,gBAAgB,GACtCC,EAAK,QAAQD,EAAQ,eAAe,GACpCC,EAAK,MAAMD,EAAQ,WACnBC,EAAK,OAAOD,EAAQ;AAAA,IACvB;AACD,WAAO;AAAA,EACV;AAAA;AAAA;AAAA;AAAA,EAID,qBAAqB;AAAA,EAAG;AAAA,EACxB,SAAS;AACL,WAAO,KAAK,MAAM;AAAA,EACrB;AACL;AACA,SAASE,EAAS,EAAE,UAAAC,GAAU,WAAAC,KAAa;AACvC,QAAMC,IAAKC,KACLC,IAAMC,EAAO,IAAI,GACjBP,IAAOO,EAAO;AAAA,IAChB,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,MAAM;AAAA,EACd,CAAK;AAUD,SAAAC,EAAmB,MAAM;AACrB,UAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,KAAAC,GAAK,MAAAC,EAAM,IAAGZ,EAAK;AAC1C,QAAIG,KAAa,CAACG,EAAI,WAAW,CAACG,KAAS,CAACC;AACxC;AACJ,IAAAJ,EAAI,QAAQ,QAAQ,cAAcF;AAClC,UAAMS,IAAQ,SAAS,cAAc,OAAO;AAC5C,oBAAS,KAAK,YAAYA,CAAK,GAC3BA,EAAM,SACNA,EAAM,MAAM,WAAW;AAAA,iCACFT,CAAE;AAAA;AAAA,qBAEdK,CAAK;AAAA,sBACJC,CAAM;AAAA,mBACTC,CAAG;AAAA,oBACFC,CAAI;AAAA;AAAA,SAEf,GAEM,MAAM;AACT,eAAS,KAAK,YAAYC,CAAK;AAAA,IAC3C;AAAA,EACA,GAAO,CAACV,CAAS,CAAC,GACNN,EAAM,cAAcD,GAAiB,EAAE,WAAWO,GAAW,UAAUG,GAAK,SAASN,EAAI,GAAIH,EAAM,aAAaK,GAAU,EAAE,KAAAI,EAAK,CAAA,CAAC;AAC9I;","x_google_ignoreList":[0]}

package/dist/lyra291.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra277.cjs"),p=require("./lyra250.cjs"),v=require("./lyra276.cjs"),l=require("./lyra320.cjs"),d=require("./lyra219.cjs");function a(e,t){const i="pointer"+(t?"enter":"leave"),r="onHover"+(t?"Start":"End"),s=(o,u)=>{if(o.type==="touch"||v.isDragActive())return;const n=e.getProps();e.animationState&&n.whileHover&&e.animationState.setActive("whileHover",t),n[r]&&d.frame.update(()=>n[r](o,u))};return c.addPointerEvent(e.current,i,s,{passive:!e.getProps()[r]})}class m extends l.Feature{mount(){this.unmount=p.pipe(a(this.node,!0),a(this.node,!1))}unmount(){}}exports.HoverGesture=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=e=>Array.isArray(e);exports.isKeyframesTarget=r;

package/dist/lyra291.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra291.cjs","sources":["../node_modules/framer-motion/dist/es/gestures/hover.mjs"],"sourcesContent":["import { addPointerEvent } from '../events/add-pointer-event.mjs';\nimport { pipe } from '../utils/pipe.mjs';\nimport { isDragActive } from './drag/utils/lock.mjs';\nimport { Feature } from '../motion/features/Feature.mjs';\nimport { frame } from '../frameloop/frame.mjs';\n\nfunction addHoverEvent(node, isActive) {\n    const eventName = \"pointer\" + (isActive ? \"enter\" : \"leave\");\n    const callbackName = \"onHover\" + (isActive ? \"Start\" : \"End\");\n    const handleEvent = (event, info) => {\n        if (event.type === \"touch\" || isDragActive())\n            return;\n        const props = node.getProps();\n        if (node.animationState && props.whileHover) {\n            node.animationState.setActive(\"whileHover\", isActive);\n        }\n        if (props[callbackName]) {\n            frame.update(() => props[callbackName](event, info));\n        }\n    };\n    return addPointerEvent(node.current, eventName, handleEvent, {\n        passive: !node.getProps()[callbackName],\n    });\n}\nclass HoverGesture extends Feature {\n    mount() {\n        this.unmount = pipe(addHoverEvent(this.node, true), addHoverEvent(this.node, false));\n    }\n    unmount() { }\n}\n\nexport { HoverGesture };\n"],"names":["addHoverEvent","node","isActive","eventName","callbackName","handleEvent","event","info","isDragActive","props","frame","addPointerEvent","HoverGesture","Feature","pipe"],"mappings":"6NAMA,SAASA,EAAcC,EAAMC,EAAU,CACnC,MAAMC,EAAY,WAAaD,EAAW,QAAU,SAC9CE,EAAe,WAAaF,EAAW,QAAU,OACjDG,EAAc,CAACC,EAAOC,IAAS,CACjC,GAAID,EAAM,OAAS,SAAWE,eAAc,EACxC,OACJ,MAAMC,EAAQR,EAAK,WACfA,EAAK,gBAAkBQ,EAAM,YAC7BR,EAAK,eAAe,UAAU,aAAcC,CAAQ,EAEpDO,EAAML,CAAY,GAClBM,EAAK,MAAC,OAAO,IAAMD,EAAML,CAAY,EAAEE,EAAOC,CAAI,CAAC,CAE/D,EACI,OAAOI,EAAe,gBAACV,EAAK,QAASE,EAAWE,EAAa,CACzD,QAAS,CAACJ,EAAK,SAAQ,EAAGG,CAAY,CAC9C,CAAK,CACL,CACA,MAAMQ,UAAqBC,EAAAA,OAAQ,CAC/B,OAAQ,CACJ,KAAK,QAAUC,EAAAA,KAAKd,EAAc,KAAK,KAAM,EAAI,EAAGA,EAAc,KAAK,KAAM,EAAK,CAAC,CACtF,CACD,SAAU,CAAG,CACjB","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra291.cjs","sources":["../node_modules/framer-motion/dist/es/animation/utils/is-keyframes-target.mjs"],"sourcesContent":["const isKeyframesTarget = (v) => {\n    return Array.isArray(v);\n};\n\nexport { isKeyframesTarget };\n"],"names":["isKeyframesTarget","v"],"mappings":"gFAAK,MAACA,EAAqBC,GAChB,MAAM,QAAQA,CAAC","x_google_ignoreList":[0]}

package/dist/lyra291.js

@@ -1,26 +1,4 @@
-import { addPointerEvent as p } from "./lyra277.js";
-import { pipe as u } from "./lyra250.js";
-import { isDragActive as f } from "./lyra276.js";
-import { Feature as c } from "./lyra320.js";
-import { frame as v } from "./lyra219.js";
-function a(t, e) {
-  const i = "pointer" + (e ? "enter" : "leave"), r = "onHover" + (e ? "Start" : "End"), m = (n, s) => {
-    if (n.type === "touch" || f())
-      return;
-    const o = t.getProps();
-    t.animationState && o.whileHover && t.animationState.setActive("whileHover", e), o[r] && v.update(() => o[r](n, s));
-  };
-  return p(t.current, i, m, {
-    passive: !t.getProps()[r]
-  });
-}
-class g extends c {
-  mount() {
-    this.unmount = u(a(this.node, !0), a(this.node, !1));
-  }
-  unmount() {
-  }
-}
+const e = (r) => Array.isArray(r);
 export {
-  g as HoverGesture
+  e as isKeyframesTarget
 };

package/dist/lyra291.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra291.js","sources":["../node_modules/framer-motion/dist/es/gestures/hover.mjs"],"sourcesContent":["import { addPointerEvent } from '../events/add-pointer-event.mjs';\nimport { pipe } from '../utils/pipe.mjs';\nimport { isDragActive } from './drag/utils/lock.mjs';\nimport { Feature } from '../motion/features/Feature.mjs';\nimport { frame } from '../frameloop/frame.mjs';\n\nfunction addHoverEvent(node, isActive) {\n    const eventName = \"pointer\" + (isActive ? \"enter\" : \"leave\");\n    const callbackName = \"onHover\" + (isActive ? \"Start\" : \"End\");\n    const handleEvent = (event, info) => {\n        if (event.type === \"touch\" || isDragActive())\n            return;\n        const props = node.getProps();\n        if (node.animationState && props.whileHover) {\n            node.animationState.setActive(\"whileHover\", isActive);\n        }\n        if (props[callbackName]) {\n            frame.update(() => props[callbackName](event, info));\n        }\n    };\n    return addPointerEvent(node.current, eventName, handleEvent, {\n        passive: !node.getProps()[callbackName],\n    });\n}\nclass HoverGesture extends Feature {\n    mount() {\n        this.unmount = pipe(addHoverEvent(this.node, true), addHoverEvent(this.node, false));\n    }\n    unmount() { }\n}\n\nexport { HoverGesture };\n"],"names":["addHoverEvent","node","isActive","eventName","callbackName","handleEvent","event","info","isDragActive","props","frame","addPointerEvent","HoverGesture","Feature","pipe"],"mappings":";;;;;AAMA,SAASA,EAAcC,GAAMC,GAAU;AACnC,QAAMC,IAAY,aAAaD,IAAW,UAAU,UAC9CE,IAAe,aAAaF,IAAW,UAAU,QACjDG,IAAc,CAACC,GAAOC,MAAS;AACjC,QAAID,EAAM,SAAS,WAAWE,EAAc;AACxC;AACJ,UAAMC,IAAQR,EAAK;AACnB,IAAIA,EAAK,kBAAkBQ,EAAM,cAC7BR,EAAK,eAAe,UAAU,cAAcC,CAAQ,GAEpDO,EAAML,CAAY,KAClBM,EAAM,OAAO,MAAMD,EAAML,CAAY,EAAEE,GAAOC,CAAI,CAAC;AAAA,EAE/D;AACI,SAAOI,EAAgBV,EAAK,SAASE,GAAWE,GAAa;AAAA,IACzD,SAAS,CAACJ,EAAK,SAAQ,EAAGG,CAAY;AAAA,EAC9C,CAAK;AACL;AACA,MAAMQ,UAAqBC,EAAQ;AAAA,EAC/B,QAAQ;AACJ,SAAK,UAAUC,EAAKd,EAAc,KAAK,MAAM,EAAI,GAAGA,EAAc,KAAK,MAAM,EAAK,CAAC;AAAA,EACtF;AAAA,EACD,UAAU;AAAA,EAAG;AACjB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra291.js","sources":["../node_modules/framer-motion/dist/es/animation/utils/is-keyframes-target.mjs"],"sourcesContent":["const isKeyframesTarget = (v) => {\n    return Array.isArray(v);\n};\n\nexport { isKeyframesTarget };\n"],"names":["isKeyframesTarget","v"],"mappings":"AAAK,MAACA,IAAoB,CAACC,MAChB,MAAM,QAAQA,CAAC;","x_google_ignoreList":[0]}

package/dist/lyra292.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra278.cjs"),s=require("./lyra320.cjs"),i=require("./lyra250.cjs");class n extends s.Feature{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{t=!0}!t||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=i.pipe(e.addDomEvent(this.node.current,"focus",()=>this.onFocus()),e.addDomEvent(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}exports.FocusGesture=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra172.cjs"),d=require("./lyra221.cjs"),b=require("./lyra295.cjs"),q=require("./lyra341.cjs"),M=require("./lyra342.cjs"),$=require("./lyra343.cjs"),y=require("./lyra344.cjs"),D=require("./lyra345.cjs"),f=require("./lyra293.cjs"),V=require("./lyra214.cjs"),w=(n,i,p,s={})=>g=>{const t=f.getValueTransition(s,n)||{},A=t.delay||s.delay||0;let{elapsed:c=0}=s;c=c-d.secondsToMilliseconds(A);const a=D.getKeyframes(i,n,p,t),r=a[0],l=a[a.length-1],m=y.isAnimatable(n,r),u=y.isAnimatable(n,l);T.warning(m===u,`You are trying to animate ${n} from "${r}" to "${l}". ${r} is not an animatable value - to enable this animation set ${r} to a value animatable to ${l} via the \`style\` property.`);let e={keyframes:a,velocity:i.getVelocity(),ease:"easeOut",...t,delay:-c,onUpdate:o=>{i.set(o),t.onUpdate&&t.onUpdate(o)},onComplete:()=>{g(),t.onComplete&&t.onComplete()}};if(f.isTransitionDefined(t)||(e={...e,...$.getDefaultTransition(n,e)}),e.duration&&(e.duration=d.secondsToMilliseconds(e.duration)),e.repeatDelay&&(e.repeatDelay=d.secondsToMilliseconds(e.repeatDelay)),!m||!u||b.instantAnimationState.current||t.type===!1)return M.createInstantAnimation(e);if(i.owner&&i.owner.current instanceof HTMLElement&&!i.owner.getProps().onUpdate){const o=q.createAcceleratedAnimation(i,n,e);if(o)return o}return V.animateValue(e)};exports.animateMotionValue=w;

package/dist/lyra292.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra292.cjs","sources":["../node_modules/framer-motion/dist/es/gestures/focus.mjs"],"sourcesContent":["import { addDomEvent } from '../events/add-dom-event.mjs';\nimport { Feature } from '../motion/features/Feature.mjs';\nimport { pipe } from '../utils/pipe.mjs';\n\nclass FocusGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.isActive = false;\n    }\n    onFocus() {\n        let isFocusVisible = false;\n        /**\n         * If this element doesn't match focus-visible then don't\n         * apply whileHover. But, if matches throws that focus-visible\n         * is not a valid selector then in that browser outline styles will be applied\n         * to the element by default and we want to match that behaviour with whileFocus.\n         */\n        try {\n            isFocusVisible = this.node.current.matches(\":focus-visible\");\n        }\n        catch (e) {\n            isFocusVisible = true;\n        }\n        if (!isFocusVisible || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", true);\n        this.isActive = true;\n    }\n    onBlur() {\n        if (!this.isActive || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", false);\n        this.isActive = false;\n    }\n    mount() {\n        this.unmount = pipe(addDomEvent(this.node.current, \"focus\", () => this.onFocus()), addDomEvent(this.node.current, \"blur\", () => this.onBlur()));\n    }\n    unmount() { }\n}\n\nexport { FocusGesture };\n"],"names":["FocusGesture","Feature","isFocusVisible","pipe","addDomEvent"],"mappings":"uKAIA,MAAMA,UAAqBC,EAAAA,OAAQ,CAC/B,aAAc,CACV,MAAM,GAAG,SAAS,EAClB,KAAK,SAAW,EACnB,CACD,SAAU,CACN,IAAIC,EAAiB,GAOrB,GAAI,CACAA,EAAiB,KAAK,KAAK,QAAQ,QAAQ,gBAAgB,CAC9D,MACS,CACNA,EAAiB,EACpB,CACG,CAACA,GAAkB,CAAC,KAAK,KAAK,iBAElC,KAAK,KAAK,eAAe,UAAU,aAAc,EAAI,EACrD,KAAK,SAAW,GACnB,CACD,QAAS,CACD,CAAC,KAAK,UAAY,CAAC,KAAK,KAAK,iBAEjC,KAAK,KAAK,eAAe,UAAU,aAAc,EAAK,EACtD,KAAK,SAAW,GACnB,CACD,OAAQ,CACJ,KAAK,QAAUC,EAAI,KAACC,cAAY,KAAK,KAAK,QAAS,QAAS,IAAM,KAAK,QAAS,CAAA,EAAGA,EAAW,YAAC,KAAK,KAAK,QAAS,OAAQ,IAAM,KAAK,OAAQ,CAAA,CAAC,CACjJ,CACD,SAAU,CAAG,CACjB","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra292.cjs","sources":["../node_modules/framer-motion/dist/es/animation/interfaces/motion-value.mjs"],"sourcesContent":["import { warning } from '../../utils/errors.mjs';\nimport { secondsToMilliseconds } from '../../utils/time-conversion.mjs';\nimport { instantAnimationState } from '../../utils/use-instant-transition-state.mjs';\nimport { createAcceleratedAnimation } from '../animators/waapi/create-accelerated-animation.mjs';\nimport { createInstantAnimation } from '../animators/instant.mjs';\nimport { getDefaultTransition } from '../utils/default-transitions.mjs';\nimport { isAnimatable } from '../utils/is-animatable.mjs';\nimport { getKeyframes } from '../utils/keyframes.mjs';\nimport { getValueTransition, isTransitionDefined } from '../utils/transitions.mjs';\nimport { animateValue } from '../animators/js/index.mjs';\n\nconst animateMotionValue = (valueName, value, target, transition = {}) => {\n    return (onComplete) => {\n        const valueTransition = getValueTransition(transition, valueName) || {};\n        /**\n         * Most transition values are currently completely overwritten by value-specific\n         * transitions. In the future it'd be nicer to blend these transitions. But for now\n         * delay actually does inherit from the root transition if not value-specific.\n         */\n        const delay = valueTransition.delay || transition.delay || 0;\n        /**\n         * Elapsed isn't a public transition option but can be passed through from\n         * optimized appear effects in milliseconds.\n         */\n        let { elapsed = 0 } = transition;\n        elapsed = elapsed - secondsToMilliseconds(delay);\n        const keyframes = getKeyframes(value, valueName, target, valueTransition);\n        /**\n         * Check if we're able to animate between the start and end keyframes,\n         * and throw a warning if we're attempting to animate between one that's\n         * animatable and another that isn't.\n         */\n        const originKeyframe = keyframes[0];\n        const targetKeyframe = keyframes[keyframes.length - 1];\n        const isOriginAnimatable = isAnimatable(valueName, originKeyframe);\n        const isTargetAnimatable = isAnimatable(valueName, targetKeyframe);\n        warning(isOriginAnimatable === isTargetAnimatable, `You are trying to animate ${valueName} from \"${originKeyframe}\" to \"${targetKeyframe}\". ${originKeyframe} is not an animatable value - to enable this animation set ${originKeyframe} to a value animatable to ${targetKeyframe} via the \\`style\\` property.`);\n        let options = {\n            keyframes,\n            velocity: value.getVelocity(),\n            ease: \"easeOut\",\n            ...valueTransition,\n            delay: -elapsed,\n            onUpdate: (v) => {\n                value.set(v);\n                valueTransition.onUpdate && valueTransition.onUpdate(v);\n            },\n            onComplete: () => {\n                onComplete();\n                valueTransition.onComplete && valueTransition.onComplete();\n            },\n        };\n        /**\n         * If there's no transition defined for this value, we can generate\n         * unqiue transition settings for this value.\n         */\n        if (!isTransitionDefined(valueTransition)) {\n            options = {\n                ...options,\n                ...getDefaultTransition(valueName, options),\n            };\n        }\n        /**\n         * Both WAAPI and our internal animation functions use durations\n         * as defined by milliseconds, while our external API defines them\n         * as seconds.\n         */\n        if (options.duration) {\n            options.duration = secondsToMilliseconds(options.duration);\n        }\n        if (options.repeatDelay) {\n            options.repeatDelay = secondsToMilliseconds(options.repeatDelay);\n        }\n        if (!isOriginAnimatable ||\n            !isTargetAnimatable ||\n            instantAnimationState.current ||\n            valueTransition.type === false) {\n            /**\n             * If we can't animate this value, or the global instant animation flag is set,\n             * or this is simply defined as an instant transition, return an instant transition.\n             */\n            return createInstantAnimation(instantAnimationState.current\n                ? { ...options, delay: 0 }\n                : options);\n        }\n        /**\n         * Animate via WAAPI if possible.\n         */\n        if (value.owner &&\n            value.owner.current instanceof HTMLElement &&\n            !value.owner.getProps().onUpdate) {\n            const acceleratedAnimation = createAcceleratedAnimation(value, valueName, options);\n            if (acceleratedAnimation)\n                return acceleratedAnimation;\n        }\n        /**\n         * If we didn't create an accelerated animation, create a JS animation\n         */\n        return animateValue(options);\n    };\n};\n\nexport { animateMotionValue };\n"],"names":["animateMotionValue","valueName","value","target","transition","onComplete","valueTransition","getValueTransition","delay","elapsed","secondsToMilliseconds","keyframes","getKeyframes","originKeyframe","targetKeyframe","isOriginAnimatable","isAnimatable","isTargetAnimatable","warning","options","v","isTransitionDefined","getDefaultTransition","instantAnimationState","createInstantAnimation","acceleratedAnimation","createAcceleratedAnimation","animateValue"],"mappings":"oWAWMA,EAAqB,CAACC,EAAWC,EAAOC,EAAQC,EAAa,CAAA,IACvDC,GAAe,CACnB,MAAMC,EAAkBC,EAAkB,mBAACH,EAAYH,CAAS,GAAK,CAAA,EAM/DO,EAAQF,EAAgB,OAASF,EAAW,OAAS,EAK3D,GAAI,CAAE,QAAAK,EAAU,CAAG,EAAGL,EACtBK,EAAUA,EAAUC,wBAAsBF,CAAK,EAC/C,MAAMG,EAAYC,EAAAA,aAAaV,EAAOD,EAAWE,EAAQG,CAAe,EAMlEO,EAAiBF,EAAU,CAAC,EAC5BG,EAAiBH,EAAUA,EAAU,OAAS,CAAC,EAC/CI,EAAqBC,EAAAA,aAAaf,EAAWY,CAAc,EAC3DI,EAAqBD,EAAAA,aAAaf,EAAWa,CAAc,EACjEI,EAAO,QAACH,IAAuBE,EAAoB,6BAA6BhB,CAAS,UAAUY,CAAc,SAASC,CAAc,MAAMD,CAAc,8DAA8DA,CAAc,6BAA6BC,CAAc,8BAA8B,EACjT,IAAIK,EAAU,CACtB,UAAYR,EACA,SAAUT,EAAM,YAAa,EAC7B,KAAM,UACN,GAAGI,EACH,MAAO,CAACG,EACR,SAAWW,GAAM,CACblB,EAAM,IAAIkB,CAAC,EACXd,EAAgB,UAAYA,EAAgB,SAASc,CAAC,CACzD,EACD,WAAY,IAAM,CACdf,IACAC,EAAgB,YAAcA,EAAgB,YACjD,CACb,EAsBQ,GAjBKe,EAAAA,oBAAoBf,CAAe,IACpCa,EAAU,CACN,GAAGA,EACH,GAAGG,EAAoB,qBAACrB,EAAWkB,CAAO,CAC1D,GAOYA,EAAQ,WACRA,EAAQ,SAAWT,EAAAA,sBAAsBS,EAAQ,QAAQ,GAEzDA,EAAQ,cACRA,EAAQ,YAAcT,EAAAA,sBAAsBS,EAAQ,WAAW,GAE/D,CAACJ,GACD,CAACE,GACDM,EAAAA,sBAAsB,SACtBjB,EAAgB,OAAS,GAKzB,OAAOkB,EAAAA,uBAEDL,CAAO,EAKjB,GAAIjB,EAAM,OACNA,EAAM,MAAM,mBAAmB,aAC/B,CAACA,EAAM,MAAM,SAAQ,EAAG,SAAU,CAClC,MAAMuB,EAAuBC,EAA0B,2BAACxB,EAAOD,EAAWkB,CAAO,EACjF,GAAIM,EACA,OAAOA,CACd,CAID,OAAOE,EAAAA,aAAaR,CAAO,CACnC","x_google_ignoreList":[0]}

package/dist/lyra292.js

@@ -1,28 +1,44 @@
-import { addDomEvent as e } from "./lyra278.js";
-import { Feature as i } from "./lyra320.js";
-import { pipe as s } from "./lyra250.js";
-class a extends i {
-  constructor() {
-    super(...arguments), this.isActive = !1;
-  }
-  onFocus() {
-    let t = !1;
-    try {
-      t = this.node.current.matches(":focus-visible");
-    } catch {
-      t = !0;
+import { warning as T } from "./lyra172.js";
+import { secondsToMilliseconds as f } from "./lyra221.js";
+import { instantAnimationState as b } from "./lyra295.js";
+import { createAcceleratedAnimation as u } from "./lyra341.js";
+import { createInstantAnimation as $ } from "./lyra342.js";
+import { getDefaultTransition as D } from "./lyra343.js";
+import { isAnimatable as d } from "./lyra344.js";
+import { getKeyframes as w } from "./lyra345.js";
+import { getValueTransition as U, isTransitionDefined as V } from "./lyra293.js";
+import { animateValue as h } from "./lyra214.js";
+const P = (o, n, y, m = {}) => (g) => {
+  const e = U(m, o) || {}, A = e.delay || m.delay || 0;
+  let { elapsed: s = 0 } = m;
+  s = s - f(A);
+  const r = w(n, o, y, e), a = r[0], p = r[r.length - 1], l = d(o, a), c = d(o, p);
+  T(l === c, `You are trying to animate ${o} from "${a}" to "${p}". ${a} is not an animatable value - to enable this animation set ${a} to a value animatable to ${p} via the \`style\` property.`);
+  let t = {
+    keyframes: r,
+    velocity: n.getVelocity(),
+    ease: "easeOut",
+    ...e,
+    delay: -s,
+    onUpdate: (i) => {
+      n.set(i), e.onUpdate && e.onUpdate(i);
+    },
+    onComplete: () => {
+      g(), e.onComplete && e.onComplete();
     }
-    !t || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
-  }
-  onBlur() {
-    !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
-  }
-  mount() {
-    this.unmount = s(e(this.node.current, "focus", () => this.onFocus()), e(this.node.current, "blur", () => this.onBlur()));
+  };
+  if (V(e) || (t = {
+    ...t,
+    ...D(o, t)
+  }), t.duration && (t.duration = f(t.duration)), t.repeatDelay && (t.repeatDelay = f(t.repeatDelay)), !l || !c || b.current || e.type === !1)
+    return $(t);
+  if (n.owner && n.owner.current instanceof HTMLElement && !n.owner.getProps().onUpdate) {
+    const i = u(n, o, t);
+    if (i)
+      return i;
   }
-  unmount() {
-  }
-}
+  return h(t);
+};
 export {
-  a as FocusGesture
+  P as animateMotionValue
 };

package/dist/lyra292.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra292.js","sources":["../node_modules/framer-motion/dist/es/gestures/focus.mjs"],"sourcesContent":["import { addDomEvent } from '../events/add-dom-event.mjs';\nimport { Feature } from '../motion/features/Feature.mjs';\nimport { pipe } from '../utils/pipe.mjs';\n\nclass FocusGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.isActive = false;\n    }\n    onFocus() {\n        let isFocusVisible = false;\n        /**\n         * If this element doesn't match focus-visible then don't\n         * apply whileHover. But, if matches throws that focus-visible\n         * is not a valid selector then in that browser outline styles will be applied\n         * to the element by default and we want to match that behaviour with whileFocus.\n         */\n        try {\n            isFocusVisible = this.node.current.matches(\":focus-visible\");\n        }\n        catch (e) {\n            isFocusVisible = true;\n        }\n        if (!isFocusVisible || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", true);\n        this.isActive = true;\n    }\n    onBlur() {\n        if (!this.isActive || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", false);\n        this.isActive = false;\n    }\n    mount() {\n        this.unmount = pipe(addDomEvent(this.node.current, \"focus\", () => this.onFocus()), addDomEvent(this.node.current, \"blur\", () => this.onBlur()));\n    }\n    unmount() { }\n}\n\nexport { FocusGesture };\n"],"names":["FocusGesture","Feature","isFocusVisible","pipe","addDomEvent"],"mappings":";;;AAIA,MAAMA,UAAqBC,EAAQ;AAAA,EAC/B,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,WAAW;AAAA,EACnB;AAAA,EACD,UAAU;AACN,QAAIC,IAAiB;AAOrB,QAAI;AACA,MAAAA,IAAiB,KAAK,KAAK,QAAQ,QAAQ,gBAAgB;AAAA,IAC9D,QACS;AACN,MAAAA,IAAiB;AAAA,IACpB;AACD,IAAI,CAACA,KAAkB,CAAC,KAAK,KAAK,mBAElC,KAAK,KAAK,eAAe,UAAU,cAAc,EAAI,GACrD,KAAK,WAAW;AAAA,EACnB;AAAA,EACD,SAAS;AACL,IAAI,CAAC,KAAK,YAAY,CAAC,KAAK,KAAK,mBAEjC,KAAK,KAAK,eAAe,UAAU,cAAc,EAAK,GACtD,KAAK,WAAW;AAAA,EACnB;AAAA,EACD,QAAQ;AACJ,SAAK,UAAUC,EAAKC,EAAY,KAAK,KAAK,SAAS,SAAS,MAAM,KAAK,QAAS,CAAA,GAAGA,EAAY,KAAK,KAAK,SAAS,QAAQ,MAAM,KAAK,OAAQ,CAAA,CAAC;AAAA,EACjJ;AAAA,EACD,UAAU;AAAA,EAAG;AACjB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra292.js","sources":["../node_modules/framer-motion/dist/es/animation/interfaces/motion-value.mjs"],"sourcesContent":["import { warning } from '../../utils/errors.mjs';\nimport { secondsToMilliseconds } from '../../utils/time-conversion.mjs';\nimport { instantAnimationState } from '../../utils/use-instant-transition-state.mjs';\nimport { createAcceleratedAnimation } from '../animators/waapi/create-accelerated-animation.mjs';\nimport { createInstantAnimation } from '../animators/instant.mjs';\nimport { getDefaultTransition } from '../utils/default-transitions.mjs';\nimport { isAnimatable } from '../utils/is-animatable.mjs';\nimport { getKeyframes } from '../utils/keyframes.mjs';\nimport { getValueTransition, isTransitionDefined } from '../utils/transitions.mjs';\nimport { animateValue } from '../animators/js/index.mjs';\n\nconst animateMotionValue = (valueName, value, target, transition = {}) => {\n    return (onComplete) => {\n        const valueTransition = getValueTransition(transition, valueName) || {};\n        /**\n         * Most transition values are currently completely overwritten by value-specific\n         * transitions. In the future it'd be nicer to blend these transitions. But for now\n         * delay actually does inherit from the root transition if not value-specific.\n         */\n        const delay = valueTransition.delay || transition.delay || 0;\n        /**\n         * Elapsed isn't a public transition option but can be passed through from\n         * optimized appear effects in milliseconds.\n         */\n        let { elapsed = 0 } = transition;\n        elapsed = elapsed - secondsToMilliseconds(delay);\n        const keyframes = getKeyframes(value, valueName, target, valueTransition);\n        /**\n         * Check if we're able to animate between the start and end keyframes,\n         * and throw a warning if we're attempting to animate between one that's\n         * animatable and another that isn't.\n         */\n        const originKeyframe = keyframes[0];\n        const targetKeyframe = keyframes[keyframes.length - 1];\n        const isOriginAnimatable = isAnimatable(valueName, originKeyframe);\n        const isTargetAnimatable = isAnimatable(valueName, targetKeyframe);\n        warning(isOriginAnimatable === isTargetAnimatable, `You are trying to animate ${valueName} from \"${originKeyframe}\" to \"${targetKeyframe}\". ${originKeyframe} is not an animatable value - to enable this animation set ${originKeyframe} to a value animatable to ${targetKeyframe} via the \\`style\\` property.`);\n        let options = {\n            keyframes,\n            velocity: value.getVelocity(),\n            ease: \"easeOut\",\n            ...valueTransition,\n            delay: -elapsed,\n            onUpdate: (v) => {\n                value.set(v);\n                valueTransition.onUpdate && valueTransition.onUpdate(v);\n            },\n            onComplete: () => {\n                onComplete();\n                valueTransition.onComplete && valueTransition.onComplete();\n            },\n        };\n        /**\n         * If there's no transition defined for this value, we can generate\n         * unqiue transition settings for this value.\n         */\n        if (!isTransitionDefined(valueTransition)) {\n            options = {\n                ...options,\n                ...getDefaultTransition(valueName, options),\n            };\n        }\n        /**\n         * Both WAAPI and our internal animation functions use durations\n         * as defined by milliseconds, while our external API defines them\n         * as seconds.\n         */\n        if (options.duration) {\n            options.duration = secondsToMilliseconds(options.duration);\n        }\n        if (options.repeatDelay) {\n            options.repeatDelay = secondsToMilliseconds(options.repeatDelay);\n        }\n        if (!isOriginAnimatable ||\n            !isTargetAnimatable ||\n            instantAnimationState.current ||\n            valueTransition.type === false) {\n            /**\n             * If we can't animate this value, or the global instant animation flag is set,\n             * or this is simply defined as an instant transition, return an instant transition.\n             */\n            return createInstantAnimation(instantAnimationState.current\n                ? { ...options, delay: 0 }\n                : options);\n        }\n        /**\n         * Animate via WAAPI if possible.\n         */\n        if (value.owner &&\n            value.owner.current instanceof HTMLElement &&\n            !value.owner.getProps().onUpdate) {\n            const acceleratedAnimation = createAcceleratedAnimation(value, valueName, options);\n            if (acceleratedAnimation)\n                return acceleratedAnimation;\n        }\n        /**\n         * If we didn't create an accelerated animation, create a JS animation\n         */\n        return animateValue(options);\n    };\n};\n\nexport { animateMotionValue };\n"],"names":["animateMotionValue","valueName","value","target","transition","onComplete","valueTransition","getValueTransition","delay","elapsed","secondsToMilliseconds","keyframes","getKeyframes","originKeyframe","targetKeyframe","isOriginAnimatable","isAnimatable","isTargetAnimatable","warning","options","v","isTransitionDefined","getDefaultTransition","instantAnimationState","createInstantAnimation","acceleratedAnimation","createAcceleratedAnimation","animateValue"],"mappings":";;;;;;;;;;AAWK,MAACA,IAAqB,CAACC,GAAWC,GAAOC,GAAQC,IAAa,CAAA,MACxD,CAACC,MAAe;AACnB,QAAMC,IAAkBC,EAAmBH,GAAYH,CAAS,KAAK,CAAA,GAM/DO,IAAQF,EAAgB,SAASF,EAAW,SAAS;AAK3D,MAAI,EAAE,SAAAK,IAAU,EAAG,IAAGL;AACtB,EAAAK,IAAUA,IAAUC,EAAsBF,CAAK;AAC/C,QAAMG,IAAYC,EAAaV,GAAOD,GAAWE,GAAQG,CAAe,GAMlEO,IAAiBF,EAAU,CAAC,GAC5BG,IAAiBH,EAAUA,EAAU,SAAS,CAAC,GAC/CI,IAAqBC,EAAaf,GAAWY,CAAc,GAC3DI,IAAqBD,EAAaf,GAAWa,CAAc;AACjE,EAAAI,EAAQH,MAAuBE,GAAoB,6BAA6BhB,CAAS,UAAUY,CAAc,SAASC,CAAc,MAAMD,CAAc,8DAA8DA,CAAc,6BAA6BC,CAAc,8BAA8B;AACjT,MAAIK,IAAU;AAAA,IACV,WAAAR;AAAA,IACA,UAAUT,EAAM,YAAa;AAAA,IAC7B,MAAM;AAAA,IACN,GAAGI;AAAA,IACH,OAAO,CAACG;AAAA,IACR,UAAU,CAACW,MAAM;AACb,MAAAlB,EAAM,IAAIkB,CAAC,GACXd,EAAgB,YAAYA,EAAgB,SAASc,CAAC;AAAA,IACzD;AAAA,IACD,YAAY,MAAM;AACd,MAAAf,KACAC,EAAgB,cAAcA,EAAgB;IACjD;AAAA,EACb;AAsBQ,MAjBKe,EAAoBf,CAAe,MACpCa,IAAU;AAAA,IACN,GAAGA;AAAA,IACH,GAAGG,EAAqBrB,GAAWkB,CAAO;AAAA,EAC1D,IAOYA,EAAQ,aACRA,EAAQ,WAAWT,EAAsBS,EAAQ,QAAQ,IAEzDA,EAAQ,gBACRA,EAAQ,cAAcT,EAAsBS,EAAQ,WAAW,IAE/D,CAACJ,KACD,CAACE,KACDM,EAAsB,WACtBjB,EAAgB,SAAS;AAKzB,WAAOkB,EAEDL,CAAO;AAKjB,MAAIjB,EAAM,SACNA,EAAM,MAAM,mBAAmB,eAC/B,CAACA,EAAM,MAAM,SAAQ,EAAG,UAAU;AAClC,UAAMuB,IAAuBC,EAA2BxB,GAAOD,GAAWkB,CAAO;AACjF,QAAIM;AACA,aAAOA;AAAA,EACd;AAID,SAAOE,EAAaR,CAAO;AACnC;","x_google_ignoreList":[0]}