@new-black/lyra 1.0.12 → 1.0.13

package/dist/lyra830.js

@@ -1,4 +1,84 @@
-const t = ({ current: e }) => e ? e.ownerDocument.defaultView : null;
+import { extractEventInfo as w } from "./lyra774.js";
+import { secondsToMilliseconds as S, millisecondsToSeconds as D } from "./lyra722.js";
+import { addPointerEvent as d } from "./lyra772.js";
+import { pipe as T } from "./lyra745.js";
+import { distance2D as W } from "./lyra755.js";
+import { isPrimaryPointer as L } from "./lyra775.js";
+import { frame as U, cancelFrame as O, frameData as x } from "./lyra712.js";
+class B {
+  constructor(n, o, { transformPagePoint: e, contextWindow: r, dragSnapToOrigin: h = !1 } = {}) {
+    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.updatePoint = () => {
+      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const i = p(this.lastMoveEventInfo, this.history), a = this.startEvent !== null, c = W(i.offset, { x: 0, y: 0 }) >= 3;
+      if (!a && !c)
+        return;
+      const { point: f } = i, { timestamp: m } = x;
+      this.history.push({ ...f, timestamp: m });
+      const { onStart: l, onMove: E } = this.handlers;
+      a || (l && l(this.lastMoveEvent, i), this.startEvent = this.lastMoveEvent), E && E(this.lastMoveEvent, i);
+    }, this.handlePointerMove = (i, a) => {
+      this.lastMoveEvent = i, this.lastMoveEventInfo = v(a, this.transformPagePoint), U.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (i, a) => {
+      this.end();
+      const { onEnd: c, onSessionEnd: f, resumeAnimation: m } = this.handlers;
+      if (this.dragSnapToOrigin && m && m(), !(this.lastMoveEvent && this.lastMoveEventInfo))
+        return;
+      const l = p(i.type === "pointercancel" ? this.lastMoveEventInfo : v(a, this.transformPagePoint), this.history);
+      this.startEvent && c && c(i, l), f && f(i, l);
+    }, !L(n))
+      return;
+    this.dragSnapToOrigin = h, this.handlers = o, this.transformPagePoint = e, this.contextWindow = r || window;
+    const s = w(n), u = v(s, this.transformPagePoint), { point: g } = u, { timestamp: I } = x;
+    this.history = [{ ...g, timestamp: I }];
+    const { onSessionStart: P } = o;
+    P && P(n, p(u, this.history)), this.removeListeners = T(d(this.contextWindow, "pointermove", this.handlePointerMove), d(this.contextWindow, "pointerup", this.handlePointerUp), d(this.contextWindow, "pointercancel", this.handlePointerUp));
+  }
+  updateHandlers(n) {
+    this.handlers = n;
+  }
+  end() {
+    this.removeListeners && this.removeListeners(), O(this.updatePoint);
+  }
+}
+function v(t, n) {
+  return n ? { point: n(t.point) } : t;
+}
+function y(t, n) {
+  return { x: t.x - n.x, y: t.y - n.y };
+}
+function p({ point: t }, n) {
+  return {
+    point: t,
+    delta: y(t, M(n)),
+    offset: y(t, V(n)),
+    velocity: b(n, 0.1)
+  };
+}
+function V(t) {
+  return t[0];
+}
+function M(t) {
+  return t[t.length - 1];
+}
+function b(t, n) {
+  if (t.length < 2)
+    return { x: 0, y: 0 };
+  let o = t.length - 1, e = null;
+  const r = M(t);
+  for (; o >= 0 && (e = t[o], !(r.timestamp - e.timestamp > S(n))); )
+    o--;
+  if (!e)
+    return { x: 0, y: 0 };
+  const h = D(r.timestamp - e.timestamp);
+  if (h === 0)
+    return { x: 0, y: 0 };
+  const s = {
+    x: (r.x - e.x) / h,
+    y: (r.y - e.y) / h
+  };
+  return s.x === 1 / 0 && (s.x = 0), s.y === 1 / 0 && (s.y = 0), s;
+}
 export {
-  t as getContextWindow
+  B as PanSession
 };

package/dist/lyra830.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra830.js","sources":["../node_modules/framer-motion/dist/es/utils/get-context-window.mjs"],"sourcesContent":["// Fixes https://github.com/framer/motion/issues/2270\nconst getContextWindow = ({ current }) => {\n    return current ? current.ownerDocument.defaultView : null;\n};\n\nexport { getContextWindow };\n"],"names":["getContextWindow","current"],"mappings":"AACK,MAACA,IAAmB,CAAC,EAAE,SAAAC,QACjBA,IAAUA,EAAQ,cAAc,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra830.js","sources":["../node_modules/framer-motion/dist/es/gestures/pan/PanSession.mjs"],"sourcesContent":["import { extractEventInfo } from '../../events/event-info.mjs';\nimport { secondsToMilliseconds, millisecondsToSeconds } from '../../utils/time-conversion.mjs';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { pipe } from '../../utils/pipe.mjs';\nimport { distance2D } from '../../utils/distance.mjs';\nimport { isPrimaryPointer } from '../../events/utils/is-primary-pointer.mjs';\nimport { frame, cancelFrame, frameData } from '../../frameloop/frame.mjs';\n\n/**\n * @internal\n */\nclass PanSession {\n    constructor(event, handlers, { transformPagePoint, contextWindow, dragSnapToOrigin = false } = {}) {\n        /**\n         * @internal\n         */\n        this.startEvent = null;\n        /**\n         * @internal\n         */\n        this.lastMoveEvent = null;\n        /**\n         * @internal\n         */\n        this.lastMoveEventInfo = null;\n        /**\n         * @internal\n         */\n        this.handlers = {};\n        /**\n         * @internal\n         */\n        this.contextWindow = window;\n        this.updatePoint = () => {\n            if (!(this.lastMoveEvent && this.lastMoveEventInfo))\n                return;\n            const info = getPanInfo(this.lastMoveEventInfo, this.history);\n            const isPanStarted = this.startEvent !== null;\n            // Only start panning if the offset is larger than 3 pixels. If we make it\n            // any larger than this we'll want to reset the pointer history\n            // on the first update to avoid visual snapping to the cursoe.\n            const isDistancePastThreshold = distance2D(info.offset, { x: 0, y: 0 }) >= 3;\n            if (!isPanStarted && !isDistancePastThreshold)\n                return;\n            const { point } = info;\n            const { timestamp } = frameData;\n            this.history.push({ ...point, timestamp });\n            const { onStart, onMove } = this.handlers;\n            if (!isPanStarted) {\n                onStart && onStart(this.lastMoveEvent, info);\n                this.startEvent = this.lastMoveEvent;\n            }\n            onMove && onMove(this.lastMoveEvent, info);\n        };\n        this.handlePointerMove = (event, info) => {\n            this.lastMoveEvent = event;\n            this.lastMoveEventInfo = transformPoint(info, this.transformPagePoint);\n            // Throttle mouse move event to once per frame\n            frame.update(this.updatePoint, true);\n        };\n        this.handlePointerUp = (event, info) => {\n            this.end();\n            const { onEnd, onSessionEnd, resumeAnimation } = this.handlers;\n            if (this.dragSnapToOrigin)\n                resumeAnimation && resumeAnimation();\n            if (!(this.lastMoveEvent && this.lastMoveEventInfo))\n                return;\n            const panInfo = getPanInfo(event.type === \"pointercancel\"\n                ? this.lastMoveEventInfo\n                : transformPoint(info, this.transformPagePoint), this.history);\n            if (this.startEvent && onEnd) {\n                onEnd(event, panInfo);\n            }\n            onSessionEnd && onSessionEnd(event, panInfo);\n        };\n        // If we have more than one touch, don't start detecting this gesture\n        if (!isPrimaryPointer(event))\n            return;\n        this.dragSnapToOrigin = dragSnapToOrigin;\n        this.handlers = handlers;\n        this.transformPagePoint = transformPagePoint;\n        this.contextWindow = contextWindow || window;\n        const info = extractEventInfo(event);\n        const initialInfo = transformPoint(info, this.transformPagePoint);\n        const { point } = initialInfo;\n        const { timestamp } = frameData;\n        this.history = [{ ...point, timestamp }];\n        const { onSessionStart } = handlers;\n        onSessionStart &&\n            onSessionStart(event, getPanInfo(initialInfo, this.history));\n        this.removeListeners = pipe(addPointerEvent(this.contextWindow, \"pointermove\", this.handlePointerMove), addPointerEvent(this.contextWindow, \"pointerup\", this.handlePointerUp), addPointerEvent(this.contextWindow, \"pointercancel\", this.handlePointerUp));\n    }\n    updateHandlers(handlers) {\n        this.handlers = handlers;\n    }\n    end() {\n        this.removeListeners && this.removeListeners();\n        cancelFrame(this.updatePoint);\n    }\n}\nfunction transformPoint(info, transformPagePoint) {\n    return transformPagePoint ? { point: transformPagePoint(info.point) } : info;\n}\nfunction subtractPoint(a, b) {\n    return { x: a.x - b.x, y: a.y - b.y };\n}\nfunction getPanInfo({ point }, history) {\n    return {\n        point,\n        delta: subtractPoint(point, lastDevicePoint(history)),\n        offset: subtractPoint(point, startDevicePoint(history)),\n        velocity: getVelocity(history, 0.1),\n    };\n}\nfunction startDevicePoint(history) {\n    return history[0];\n}\nfunction lastDevicePoint(history) {\n    return history[history.length - 1];\n}\nfunction getVelocity(history, timeDelta) {\n    if (history.length < 2) {\n        return { x: 0, y: 0 };\n    }\n    let i = history.length - 1;\n    let timestampedPoint = null;\n    const lastPoint = lastDevicePoint(history);\n    while (i >= 0) {\n        timestampedPoint = history[i];\n        if (lastPoint.timestamp - timestampedPoint.timestamp >\n            secondsToMilliseconds(timeDelta)) {\n            break;\n        }\n        i--;\n    }\n    if (!timestampedPoint) {\n        return { x: 0, y: 0 };\n    }\n    const time = millisecondsToSeconds(lastPoint.timestamp - timestampedPoint.timestamp);\n    if (time === 0) {\n        return { x: 0, y: 0 };\n    }\n    const currentVelocity = {\n        x: (lastPoint.x - timestampedPoint.x) / time,\n        y: (lastPoint.y - timestampedPoint.y) / time,\n    };\n    if (currentVelocity.x === Infinity) {\n        currentVelocity.x = 0;\n    }\n    if (currentVelocity.y === Infinity) {\n        currentVelocity.y = 0;\n    }\n    return currentVelocity;\n}\n\nexport { PanSession };\n"],"names":["PanSession","event","handlers","transformPagePoint","contextWindow","dragSnapToOrigin","info","getPanInfo","isPanStarted","isDistancePastThreshold","distance2D","point","timestamp","frameData","onStart","onMove","transformPoint","frame","onEnd","onSessionEnd","resumeAnimation","panInfo","isPrimaryPointer","extractEventInfo","initialInfo","onSessionStart","pipe","addPointerEvent","cancelFrame","subtractPoint","a","b","history","lastDevicePoint","startDevicePoint","getVelocity","timeDelta","i","timestampedPoint","lastPoint","secondsToMilliseconds","time","millisecondsToSeconds","currentVelocity"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/lyra831.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={hasAnimatedSinceResize:!0,hasEverUpdated:!1};exports.globalProjectionState=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=({current:e})=>e?e.ownerDocument.defaultView:null;exports.getContextWindow=t;

package/dist/lyra831.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra831.cjs","sources":["../node_modules/framer-motion/dist/es/projection/node/state.mjs"],"sourcesContent":["/**\n * This should only ever be modified on the client otherwise it'll\n * persist through server requests. If we need instanced states we\n * could lazy-init via root.\n */\nconst globalProjectionState = {\n    /**\n     * Global flag as to whether the tree has animated since the last time\n     * we resized the window\n     */\n    hasAnimatedSinceResize: true,\n    /**\n     * We set this to true once, on the first update. Any nodes added to the tree beyond that\n     * update will be given a `data-projection-id` attribute.\n     */\n    hasEverUpdated: false,\n};\n\nexport { globalProjectionState };\n"],"names":["globalProjectionState"],"mappings":"gFAKK,MAACA,EAAwB,CAK1B,uBAAwB,GAKxB,eAAgB,EACpB","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra831.cjs","sources":["../node_modules/framer-motion/dist/es/utils/get-context-window.mjs"],"sourcesContent":["// Fixes https://github.com/framer/motion/issues/2270\nconst getContextWindow = ({ current }) => {\n    return current ? current.ownerDocument.defaultView : null;\n};\n\nexport { getContextWindow };\n"],"names":["getContextWindow","current"],"mappings":"gFACK,MAACA,EAAmB,CAAC,CAAE,QAAAC,KACjBA,EAAUA,EAAQ,cAAc,YAAc","x_google_ignoreList":[0]}

package/dist/lyra831.js

@@ -1,15 +1,4 @@
-const e = {
-  /**
-   * Global flag as to whether the tree has animated since the last time
-   * we resized the window
-   */
-  hasAnimatedSinceResize: !0,
-  /**
-   * We set this to true once, on the first update. Any nodes added to the tree beyond that
-   * update will be given a `data-projection-id` attribute.
-   */
-  hasEverUpdated: !1
-};
+const t = ({ current: e }) => e ? e.ownerDocument.defaultView : null;
 export {
-  e as globalProjectionState
+  t as getContextWindow
 };

package/dist/lyra831.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra831.js","sources":["../node_modules/framer-motion/dist/es/projection/node/state.mjs"],"sourcesContent":["/**\n * This should only ever be modified on the client otherwise it'll\n * persist through server requests. If we need instanced states we\n * could lazy-init via root.\n */\nconst globalProjectionState = {\n    /**\n     * Global flag as to whether the tree has animated since the last time\n     * we resized the window\n     */\n    hasAnimatedSinceResize: true,\n    /**\n     * We set this to true once, on the first update. Any nodes added to the tree beyond that\n     * update will be given a `data-projection-id` attribute.\n     */\n    hasEverUpdated: false,\n};\n\nexport { globalProjectionState };\n"],"names":["globalProjectionState"],"mappings":"AAKK,MAACA,IAAwB;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1B,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxB,gBAAgB;AACpB;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra831.js","sources":["../node_modules/framer-motion/dist/es/utils/get-context-window.mjs"],"sourcesContent":["// Fixes https://github.com/framer/motion/issues/2270\nconst getContextWindow = ({ current }) => {\n    return current ? current.ownerDocument.defaultView : null;\n};\n\nexport { getContextWindow };\n"],"names":["getContextWindow","current"],"mappings":"AACK,MAACA,IAAmB,CAAC,EAAE,SAAAC,QACjBA,IAAUA,EAAQ,cAAc,cAAc;","x_google_ignoreList":[0]}

package/dist/lyra832.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra733.cjs");function t(r,e){return e.max===e.min?0:r/(e.max-e.min)*100}const i={correct:(r,e)=>{if(!e.target)return r;if(typeof r=="string")if(c.px.test(r))r=parseFloat(r);else return r;const n=t(r,e.target.x),o=t(r,e.target.y);return`${n}% ${o}%`}};exports.correctBorderRadius=i;exports.pixelsToPercent=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={hasAnimatedSinceResize:!0,hasEverUpdated:!1};exports.globalProjectionState=e;

package/dist/lyra832.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra832.cjs","sources":["../node_modules/framer-motion/dist/es/projection/styles/scale-border-radius.mjs"],"sourcesContent":["import { px } from '../../value/types/numbers/units.mjs';\n\nfunction pixelsToPercent(pixels, axis) {\n    if (axis.max === axis.min)\n        return 0;\n    return (pixels / (axis.max - axis.min)) * 100;\n}\n/**\n * We always correct borderRadius as a percentage rather than pixels to reduce paints.\n * For example, if you are projecting a box that is 100px wide with a 10px borderRadius\n * into a box that is 200px wide with a 20px borderRadius, that is actually a 10%\n * borderRadius in both states. If we animate between the two in pixels that will trigger\n * a paint each time. If we animate between the two in percentage we'll avoid a paint.\n */\nconst correctBorderRadius = {\n    correct: (latest, node) => {\n        if (!node.target)\n            return latest;\n        /**\n         * If latest is a string, if it's a percentage we can return immediately as it's\n         * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.\n         */\n        if (typeof latest === \"string\") {\n            if (px.test(latest)) {\n                latest = parseFloat(latest);\n            }\n            else {\n                return latest;\n            }\n        }\n        /**\n         * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that\n         * pixel value as a percentage of each axis\n         */\n        const x = pixelsToPercent(latest, node.target.x);\n        const y = pixelsToPercent(latest, node.target.y);\n        return `${x}% ${y}%`;\n    },\n};\n\nexport { correctBorderRadius, pixelsToPercent };\n"],"names":["pixelsToPercent","pixels","axis","correctBorderRadius","latest","node","px","x","y"],"mappings":"iHAEA,SAASA,EAAgBC,EAAQC,EAAM,CACnC,OAAIA,EAAK,MAAQA,EAAK,IACX,EACHD,GAAUC,EAAK,IAAMA,EAAK,KAAQ,GAC9C,CAQK,MAACC,EAAsB,CACxB,QAAS,CAACC,EAAQC,IAAS,CACvB,GAAI,CAACA,EAAK,OACN,OAAOD,EAKX,GAAI,OAAOA,GAAW,SAClB,GAAIE,EAAE,GAAC,KAAKF,CAAM,EACdA,EAAS,WAAWA,CAAM,MAG1B,QAAOA,EAOf,MAAMG,EAAIP,EAAgBI,EAAQC,EAAK,OAAO,CAAC,EACzCG,EAAIR,EAAgBI,EAAQC,EAAK,OAAO,CAAC,EAC/C,MAAO,GAAGE,CAAC,KAAKC,CAAC,GACpB,CACL","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra832.cjs","sources":["../node_modules/framer-motion/dist/es/projection/node/state.mjs"],"sourcesContent":["/**\n * This should only ever be modified on the client otherwise it'll\n * persist through server requests. If we need instanced states we\n * could lazy-init via root.\n */\nconst globalProjectionState = {\n    /**\n     * Global flag as to whether the tree has animated since the last time\n     * we resized the window\n     */\n    hasAnimatedSinceResize: true,\n    /**\n     * We set this to true once, on the first update. Any nodes added to the tree beyond that\n     * update will be given a `data-projection-id` attribute.\n     */\n    hasEverUpdated: false,\n};\n\nexport { globalProjectionState };\n"],"names":["globalProjectionState"],"mappings":"gFAKK,MAACA,EAAwB,CAK1B,uBAAwB,GAKxB,eAAgB,EACpB","x_google_ignoreList":[0]}

package/dist/lyra832.js

@@ -1,21 +1,15 @@
-import { px as c } from "./lyra733.js";
-function e(r, n) {
-  return n.max === n.min ? 0 : r / (n.max - n.min) * 100;
-}
-const f = {
-  correct: (r, n) => {
-    if (!n.target)
-      return r;
-    if (typeof r == "string")
-      if (c.test(r))
-        r = parseFloat(r);
-      else
-        return r;
-    const o = e(r, n.target.x), t = e(r, n.target.y);
-    return `${o}% ${t}%`;
-  }
+const e = {
+  /**
+   * Global flag as to whether the tree has animated since the last time
+   * we resized the window
+   */
+  hasAnimatedSinceResize: !0,
+  /**
+   * We set this to true once, on the first update. Any nodes added to the tree beyond that
+   * update will be given a `data-projection-id` attribute.
+   */
+  hasEverUpdated: !1
 };
 export {
-  f as correctBorderRadius,
-  e as pixelsToPercent
+  e as globalProjectionState
 };

package/dist/lyra832.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra832.js","sources":["../node_modules/framer-motion/dist/es/projection/styles/scale-border-radius.mjs"],"sourcesContent":["import { px } from '../../value/types/numbers/units.mjs';\n\nfunction pixelsToPercent(pixels, axis) {\n    if (axis.max === axis.min)\n        return 0;\n    return (pixels / (axis.max - axis.min)) * 100;\n}\n/**\n * We always correct borderRadius as a percentage rather than pixels to reduce paints.\n * For example, if you are projecting a box that is 100px wide with a 10px borderRadius\n * into a box that is 200px wide with a 20px borderRadius, that is actually a 10%\n * borderRadius in both states. If we animate between the two in pixels that will trigger\n * a paint each time. If we animate between the two in percentage we'll avoid a paint.\n */\nconst correctBorderRadius = {\n    correct: (latest, node) => {\n        if (!node.target)\n            return latest;\n        /**\n         * If latest is a string, if it's a percentage we can return immediately as it's\n         * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.\n         */\n        if (typeof latest === \"string\") {\n            if (px.test(latest)) {\n                latest = parseFloat(latest);\n            }\n            else {\n                return latest;\n            }\n        }\n        /**\n         * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that\n         * pixel value as a percentage of each axis\n         */\n        const x = pixelsToPercent(latest, node.target.x);\n        const y = pixelsToPercent(latest, node.target.y);\n        return `${x}% ${y}%`;\n    },\n};\n\nexport { correctBorderRadius, pixelsToPercent };\n"],"names":["pixelsToPercent","pixels","axis","correctBorderRadius","latest","node","px","x","y"],"mappings":";AAEA,SAASA,EAAgBC,GAAQC,GAAM;AACnC,SAAIA,EAAK,QAAQA,EAAK,MACX,IACHD,KAAUC,EAAK,MAAMA,EAAK,OAAQ;AAC9C;AAQK,MAACC,IAAsB;AAAA,EACxB,SAAS,CAACC,GAAQC,MAAS;AACvB,QAAI,CAACA,EAAK;AACN,aAAOD;AAKX,QAAI,OAAOA,KAAW;AAClB,UAAIE,EAAG,KAAKF,CAAM;AACd,QAAAA,IAAS,WAAWA,CAAM;AAAA;AAG1B,eAAOA;AAOf,UAAMG,IAAIP,EAAgBI,GAAQC,EAAK,OAAO,CAAC,GACzCG,IAAIR,EAAgBI,GAAQC,EAAK,OAAO,CAAC;AAC/C,WAAO,GAAGE,CAAC,KAAKC,CAAC;AAAA,EACpB;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra832.js","sources":["../node_modules/framer-motion/dist/es/projection/node/state.mjs"],"sourcesContent":["/**\n * This should only ever be modified on the client otherwise it'll\n * persist through server requests. If we need instanced states we\n * could lazy-init via root.\n */\nconst globalProjectionState = {\n    /**\n     * Global flag as to whether the tree has animated since the last time\n     * we resized the window\n     */\n    hasAnimatedSinceResize: true,\n    /**\n     * We set this to true once, on the first update. Any nodes added to the tree beyond that\n     * update will be given a `data-projection-id` attribute.\n     */\n    hasEverUpdated: false,\n};\n\nexport { globalProjectionState };\n"],"names":["globalProjectionState"],"mappings":"AAKK,MAACA,IAAwB;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1B,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxB,gBAAgB;AACpB;","x_google_ignoreList":[0]}

package/dist/lyra833.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra744.cjs"),i=require("./lyra729.cjs"),x={correct:(r,{treeScale:c,projectionDelta:t})=>{const f=r,e=i.complex.parse(r);if(e.length>5)return f;const m=i.complex.createTransformer(r),o=typeof e[0]!="number"?1:0,n=t.x.scale*c.x,s=t.y.scale*c.y;e[0+o]/=n,e[1+o]/=s;const a=u.mix(n,s,.5);return typeof e[2+o]=="number"&&(e[2+o]/=a),typeof e[3+o]=="number"&&(e[3+o]/=a),m(e)}};exports.correctBoxShadow=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra733.cjs");function t(r,e){return e.max===e.min?0:r/(e.max-e.min)*100}const i={correct:(r,e)=>{if(!e.target)return r;if(typeof r=="string")if(c.px.test(r))r=parseFloat(r);else return r;const n=t(r,e.target.x),o=t(r,e.target.y);return`${n}% ${o}%`}};exports.correctBorderRadius=i;exports.pixelsToPercent=t;

package/dist/lyra833.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra833.cjs","sources":["../node_modules/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs"],"sourcesContent":["import { mix } from '../../utils/mix.mjs';\nimport { complex } from '../../value/types/complex/index.mjs';\n\nconst correctBoxShadow = {\n    correct: (latest, { treeScale, projectionDelta }) => {\n        const original = latest;\n        const shadow = complex.parse(latest);\n        // TODO: Doesn't support multiple shadows\n        if (shadow.length > 5)\n            return original;\n        const template = complex.createTransformer(latest);\n        const offset = typeof shadow[0] !== \"number\" ? 1 : 0;\n        // Calculate the overall context scale\n        const xScale = projectionDelta.x.scale * treeScale.x;\n        const yScale = projectionDelta.y.scale * treeScale.y;\n        shadow[0 + offset] /= xScale;\n        shadow[1 + offset] /= yScale;\n        /**\n         * Ideally we'd correct x and y scales individually, but because blur and\n         * spread apply to both we have to take a scale average and apply that instead.\n         * We could potentially improve the outcome of this by incorporating the ratio between\n         * the two scales.\n         */\n        const averageScale = mix(xScale, yScale, 0.5);\n        // Blur\n        if (typeof shadow[2 + offset] === \"number\")\n            shadow[2 + offset] /= averageScale;\n        // Spread\n        if (typeof shadow[3 + offset] === \"number\")\n            shadow[3 + offset] /= averageScale;\n        return template(shadow);\n    },\n};\n\nexport { correctBoxShadow };\n"],"names":["correctBoxShadow","latest","treeScale","projectionDelta","original","shadow","complex","template","offset","xScale","yScale","averageScale","mix"],"mappings":"4IAGMA,EAAmB,CACrB,QAAS,CAACC,EAAQ,CAAE,UAAAC,EAAW,gBAAAC,CAAe,IAAO,CACjD,MAAMC,EAAWH,EACXI,EAASC,EAAAA,QAAQ,MAAML,CAAM,EAEnC,GAAII,EAAO,OAAS,EAChB,OAAOD,EACX,MAAMG,EAAWD,EAAAA,QAAQ,kBAAkBL,CAAM,EAC3CO,EAAS,OAAOH,EAAO,CAAC,GAAM,SAAW,EAAI,EAE7CI,EAASN,EAAgB,EAAE,MAAQD,EAAU,EAC7CQ,EAASP,EAAgB,EAAE,MAAQD,EAAU,EACnDG,EAAO,EAAIG,CAAM,GAAKC,EACtBJ,EAAO,EAAIG,CAAM,GAAKE,EAOtB,MAAMC,EAAeC,EAAG,IAACH,EAAQC,EAAQ,EAAG,EAE5C,OAAI,OAAOL,EAAO,EAAIG,CAAM,GAAM,WAC9BH,EAAO,EAAIG,CAAM,GAAKG,GAEtB,OAAON,EAAO,EAAIG,CAAM,GAAM,WAC9BH,EAAO,EAAIG,CAAM,GAAKG,GACnBJ,EAASF,CAAM,CACzB,CACL","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra833.cjs","sources":["../node_modules/framer-motion/dist/es/projection/styles/scale-border-radius.mjs"],"sourcesContent":["import { px } from '../../value/types/numbers/units.mjs';\n\nfunction pixelsToPercent(pixels, axis) {\n    if (axis.max === axis.min)\n        return 0;\n    return (pixels / (axis.max - axis.min)) * 100;\n}\n/**\n * We always correct borderRadius as a percentage rather than pixels to reduce paints.\n * For example, if you are projecting a box that is 100px wide with a 10px borderRadius\n * into a box that is 200px wide with a 20px borderRadius, that is actually a 10%\n * borderRadius in both states. If we animate between the two in pixels that will trigger\n * a paint each time. If we animate between the two in percentage we'll avoid a paint.\n */\nconst correctBorderRadius = {\n    correct: (latest, node) => {\n        if (!node.target)\n            return latest;\n        /**\n         * If latest is a string, if it's a percentage we can return immediately as it's\n         * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.\n         */\n        if (typeof latest === \"string\") {\n            if (px.test(latest)) {\n                latest = parseFloat(latest);\n            }\n            else {\n                return latest;\n            }\n        }\n        /**\n         * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that\n         * pixel value as a percentage of each axis\n         */\n        const x = pixelsToPercent(latest, node.target.x);\n        const y = pixelsToPercent(latest, node.target.y);\n        return `${x}% ${y}%`;\n    },\n};\n\nexport { correctBorderRadius, pixelsToPercent };\n"],"names":["pixelsToPercent","pixels","axis","correctBorderRadius","latest","node","px","x","y"],"mappings":"iHAEA,SAASA,EAAgBC,EAAQC,EAAM,CACnC,OAAIA,EAAK,MAAQA,EAAK,IACX,EACHD,GAAUC,EAAK,IAAMA,EAAK,KAAQ,GAC9C,CAQK,MAACC,EAAsB,CACxB,QAAS,CAACC,EAAQC,IAAS,CACvB,GAAI,CAACA,EAAK,OACN,OAAOD,EAKX,GAAI,OAAOA,GAAW,SAClB,GAAIE,EAAE,GAAC,KAAKF,CAAM,EACdA,EAAS,WAAWA,CAAM,MAG1B,QAAOA,EAOf,MAAMG,EAAIP,EAAgBI,EAAQC,EAAK,OAAO,CAAC,EACzCG,EAAIR,EAAgBI,EAAQC,EAAK,OAAO,CAAC,EAC/C,MAAO,GAAGE,CAAC,KAAKC,CAAC,GACpB,CACL","x_google_ignoreList":[0]}

package/dist/lyra833.js

@@ -1,16 +1,21 @@
-import { mix as i } from "./lyra744.js";
-import { complex as m } from "./lyra729.js";
-const l = {
-  correct: (e, { treeScale: c, projectionDelta: t }) => {
-    const a = e, o = m.parse(e);
-    if (o.length > 5)
-      return a;
-    const p = m.createTransformer(e), r = typeof o[0] != "number" ? 1 : 0, n = t.x.scale * c.x, s = t.y.scale * c.y;
-    o[0 + r] /= n, o[1 + r] /= s;
-    const f = i(n, s, 0.5);
-    return typeof o[2 + r] == "number" && (o[2 + r] /= f), typeof o[3 + r] == "number" && (o[3 + r] /= f), p(o);
+import { px as c } from "./lyra733.js";
+function e(r, n) {
+  return n.max === n.min ? 0 : r / (n.max - n.min) * 100;
+}
+const f = {
+  correct: (r, n) => {
+    if (!n.target)
+      return r;
+    if (typeof r == "string")
+      if (c.test(r))
+        r = parseFloat(r);
+      else
+        return r;
+    const o = e(r, n.target.x), t = e(r, n.target.y);
+    return `${o}% ${t}%`;
   }
 };
 export {
-  l as correctBoxShadow
+  f as correctBorderRadius,
+  e as pixelsToPercent
 };

package/dist/lyra833.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra833.js","sources":["../node_modules/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs"],"sourcesContent":["import { mix } from '../../utils/mix.mjs';\nimport { complex } from '../../value/types/complex/index.mjs';\n\nconst correctBoxShadow = {\n    correct: (latest, { treeScale, projectionDelta }) => {\n        const original = latest;\n        const shadow = complex.parse(latest);\n        // TODO: Doesn't support multiple shadows\n        if (shadow.length > 5)\n            return original;\n        const template = complex.createTransformer(latest);\n        const offset = typeof shadow[0] !== \"number\" ? 1 : 0;\n        // Calculate the overall context scale\n        const xScale = projectionDelta.x.scale * treeScale.x;\n        const yScale = projectionDelta.y.scale * treeScale.y;\n        shadow[0 + offset] /= xScale;\n        shadow[1 + offset] /= yScale;\n        /**\n         * Ideally we'd correct x and y scales individually, but because blur and\n         * spread apply to both we have to take a scale average and apply that instead.\n         * We could potentially improve the outcome of this by incorporating the ratio between\n         * the two scales.\n         */\n        const averageScale = mix(xScale, yScale, 0.5);\n        // Blur\n        if (typeof shadow[2 + offset] === \"number\")\n            shadow[2 + offset] /= averageScale;\n        // Spread\n        if (typeof shadow[3 + offset] === \"number\")\n            shadow[3 + offset] /= averageScale;\n        return template(shadow);\n    },\n};\n\nexport { correctBoxShadow };\n"],"names":["correctBoxShadow","latest","treeScale","projectionDelta","original","shadow","complex","template","offset","xScale","yScale","averageScale","mix"],"mappings":";;AAGK,MAACA,IAAmB;AAAA,EACrB,SAAS,CAACC,GAAQ,EAAE,WAAAC,GAAW,iBAAAC,EAAe,MAAO;AACjD,UAAMC,IAAWH,GACXI,IAASC,EAAQ,MAAML,CAAM;AAEnC,QAAII,EAAO,SAAS;AAChB,aAAOD;AACX,UAAMG,IAAWD,EAAQ,kBAAkBL,CAAM,GAC3CO,IAAS,OAAOH,EAAO,CAAC,KAAM,WAAW,IAAI,GAE7CI,IAASN,EAAgB,EAAE,QAAQD,EAAU,GAC7CQ,IAASP,EAAgB,EAAE,QAAQD,EAAU;AACnD,IAAAG,EAAO,IAAIG,CAAM,KAAKC,GACtBJ,EAAO,IAAIG,CAAM,KAAKE;AAOtB,UAAMC,IAAeC,EAAIH,GAAQC,GAAQ,GAAG;AAE5C,WAAI,OAAOL,EAAO,IAAIG,CAAM,KAAM,aAC9BH,EAAO,IAAIG,CAAM,KAAKG,IAEtB,OAAON,EAAO,IAAIG,CAAM,KAAM,aAC9BH,EAAO,IAAIG,CAAM,KAAKG,IACnBJ,EAASF,CAAM;AAAA,EACzB;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra833.js","sources":["../node_modules/framer-motion/dist/es/projection/styles/scale-border-radius.mjs"],"sourcesContent":["import { px } from '../../value/types/numbers/units.mjs';\n\nfunction pixelsToPercent(pixels, axis) {\n    if (axis.max === axis.min)\n        return 0;\n    return (pixels / (axis.max - axis.min)) * 100;\n}\n/**\n * We always correct borderRadius as a percentage rather than pixels to reduce paints.\n * For example, if you are projecting a box that is 100px wide with a 10px borderRadius\n * into a box that is 200px wide with a 20px borderRadius, that is actually a 10%\n * borderRadius in both states. If we animate between the two in pixels that will trigger\n * a paint each time. If we animate between the two in percentage we'll avoid a paint.\n */\nconst correctBorderRadius = {\n    correct: (latest, node) => {\n        if (!node.target)\n            return latest;\n        /**\n         * If latest is a string, if it's a percentage we can return immediately as it's\n         * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.\n         */\n        if (typeof latest === \"string\") {\n            if (px.test(latest)) {\n                latest = parseFloat(latest);\n            }\n            else {\n                return latest;\n            }\n        }\n        /**\n         * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that\n         * pixel value as a percentage of each axis\n         */\n        const x = pixelsToPercent(latest, node.target.x);\n        const y = pixelsToPercent(latest, node.target.y);\n        return `${x}% ${y}%`;\n    },\n};\n\nexport { correctBorderRadius, pixelsToPercent };\n"],"names":["pixelsToPercent","pixels","axis","correctBorderRadius","latest","node","px","x","y"],"mappings":";AAEA,SAASA,EAAgBC,GAAQC,GAAM;AACnC,SAAIA,EAAK,QAAQA,EAAK,MACX,IACHD,KAAUC,EAAK,MAAMA,EAAK,OAAQ;AAC9C;AAQK,MAACC,IAAsB;AAAA,EACxB,SAAS,CAACC,GAAQC,MAAS;AACvB,QAAI,CAACA,EAAK;AACN,aAAOD;AAKX,QAAI,OAAOA,KAAW;AAClB,UAAIE,EAAG,KAAKF,CAAM;AACd,QAAAA,IAAS,WAAWA,CAAM;AAAA;AAG1B,eAAOA;AAOf,UAAMG,IAAIP,EAAgBI,GAAQC,EAAK,OAAO,CAAC,GACzCG,IAAIR,EAAgBI,GAAQC,EAAK,OAAO,CAAC;AAC/C,WAAO,GAAGE,CAAC,KAAKC,CAAC;AAAA,EACpB;AACL;","x_google_ignoreList":[0]}

package/dist/lyra834.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra714.cjs"),b=require("./lyra730.cjs"),d=require("./lyra703.cjs"),p=require("./lyra868.cjs"),S=require("./lyra861.cjs");function q(f,i,c,a){const{style:e,vars:g,transform:y,transformOrigin:u}=f;let l=!1,m=!1,o=!0;for(const r in i){const s=i[r];if(b.isCSSVariableName(r)){g[r]=s;continue}const n=S.numberValueTypes[r],t=p.getValueAsType(s,n);if(d.transformProps.has(r)){if(l=!0,y[r]=t,!o)continue;s!==(n.default||0)&&(o=!1)}else r.startsWith("origin")?(m=!0,u[r]=t):e[r]=t}if(i.transform||(l||a?e.transform=T.buildTransform(f.transform,c,o,a):e.transform&&(e.transform="none")),m){const{originX:r="50%",originY:s="50%",originZ:n=0}=u;e.transformOrigin=`${r} ${s} ${n}`}}exports.buildHTMLStyles=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra744.cjs"),i=require("./lyra729.cjs"),x={correct:(r,{treeScale:c,projectionDelta:t})=>{const f=r,e=i.complex.parse(r);if(e.length>5)return f;const m=i.complex.createTransformer(r),o=typeof e[0]!="number"?1:0,n=t.x.scale*c.x,s=t.y.scale*c.y;e[0+o]/=n,e[1+o]/=s;const a=u.mix(n,s,.5);return typeof e[2+o]=="number"&&(e[2+o]/=a),typeof e[3+o]=="number"&&(e[3+o]/=a),m(e)}};exports.correctBoxShadow=x;

package/dist/lyra834.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra834.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/utils/build-styles.mjs"],"sourcesContent":["import { buildTransform } from './build-transform.mjs';\nimport { isCSSVariableName } from '../../dom/utils/is-css-variable.mjs';\nimport { transformProps } from './transform.mjs';\nimport { getValueAsType } from '../../dom/value-types/get-as-type.mjs';\nimport { numberValueTypes } from '../../dom/value-types/number.mjs';\n\nfunction buildHTMLStyles(state, latestValues, options, transformTemplate) {\n    const { style, vars, transform, transformOrigin } = state;\n    // Track whether we encounter any transform or transformOrigin values.\n    let hasTransform = false;\n    let hasTransformOrigin = false;\n    // Does the calculated transform essentially equal \"none\"?\n    let transformIsNone = true;\n    /**\n     * Loop over all our latest animated values and decide whether to handle them\n     * as a style or CSS variable.\n     *\n     * Transforms and transform origins are kept seperately for further processing.\n     */\n    for (const key in latestValues) {\n        const value = latestValues[key];\n        /**\n         * If this is a CSS variable we don't do any further processing.\n         */\n        if (isCSSVariableName(key)) {\n            vars[key] = value;\n            continue;\n        }\n        // Convert the value to its default value type, ie 0 -> \"0px\"\n        const valueType = numberValueTypes[key];\n        const valueAsType = getValueAsType(value, valueType);\n        if (transformProps.has(key)) {\n            // If this is a transform, flag to enable further transform processing\n            hasTransform = true;\n            transform[key] = valueAsType;\n            // If we already know we have a non-default transform, early return\n            if (!transformIsNone)\n                continue;\n            // Otherwise check to see if this is a default transform\n            if (value !== (valueType.default || 0))\n                transformIsNone = false;\n        }\n        else if (key.startsWith(\"origin\")) {\n            // If this is a transform origin, flag and enable further transform-origin processing\n            hasTransformOrigin = true;\n            transformOrigin[key] = valueAsType;\n        }\n        else {\n            style[key] = valueAsType;\n        }\n    }\n    if (!latestValues.transform) {\n        if (hasTransform || transformTemplate) {\n            style.transform = buildTransform(state.transform, options, transformIsNone, transformTemplate);\n        }\n        else if (style.transform) {\n            /**\n             * If we have previously created a transform but currently don't have any,\n             * reset transform style to none.\n             */\n            style.transform = \"none\";\n        }\n    }\n    /**\n     * Build a transformOrigin style. Uses the same defaults as the browser for\n     * undefined origins.\n     */\n    if (hasTransformOrigin) {\n        const { originX = \"50%\", originY = \"50%\", originZ = 0, } = transformOrigin;\n        style.transformOrigin = `${originX} ${originY} ${originZ}`;\n    }\n}\n\nexport { buildHTMLStyles };\n"],"names":["buildHTMLStyles","state","latestValues","options","transformTemplate","style","vars","transform","transformOrigin","hasTransform","hasTransformOrigin","transformIsNone","key","value","isCSSVariableName","valueType","numberValueTypes","valueAsType","getValueAsType","transformProps","buildTransform","originX","originY","originZ"],"mappings":"6NAMA,SAASA,EAAgBC,EAAOC,EAAcC,EAASC,EAAmB,CACtE,KAAM,CAAE,MAAAC,EAAO,KAAAC,EAAI,UAAEC,EAAW,gBAAAC,CAAe,EAAKP,EAEpD,IAAIQ,EAAe,GACfC,EAAqB,GAErBC,EAAkB,GAOtB,UAAWC,KAAOV,EAAc,CAC5B,MAAMW,EAAQX,EAAaU,CAAG,EAI9B,GAAIE,EAAAA,kBAAkBF,CAAG,EAAG,CACxBN,EAAKM,CAAG,EAAIC,EACZ,QACH,CAED,MAAME,EAAYC,mBAAiBJ,CAAG,EAChCK,EAAcC,EAAAA,eAAeL,EAAOE,CAAS,EACnD,GAAII,EAAc,eAAC,IAAIP,CAAG,EAAG,CAKzB,GAHAH,EAAe,GACfF,EAAUK,CAAG,EAAIK,EAEb,CAACN,EACD,SAEAE,KAAWE,EAAU,SAAW,KAChCJ,EAAkB,GACzB,MACQC,EAAI,WAAW,QAAQ,GAE5BF,EAAqB,GACrBF,EAAgBI,CAAG,EAAIK,GAGvBZ,EAAMO,CAAG,EAAIK,CAEpB,CAiBD,GAhBKf,EAAa,YACVO,GAAgBL,EAChBC,EAAM,UAAYe,EAAAA,eAAenB,EAAM,UAAWE,EAASQ,EAAiBP,CAAiB,EAExFC,EAAM,YAKXA,EAAM,UAAY,SAOtBK,EAAoB,CACpB,KAAM,CAAE,QAAAW,EAAU,MAAO,QAAAC,EAAU,MAAO,QAAAC,EAAU,CAAI,EAAGf,EAC3DH,EAAM,gBAAkB,GAAGgB,CAAO,IAAIC,CAAO,IAAIC,CAAO,EAC3D,CACL","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra834.cjs","sources":["../node_modules/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs"],"sourcesContent":["import { mix } from '../../utils/mix.mjs';\nimport { complex } from '../../value/types/complex/index.mjs';\n\nconst correctBoxShadow = {\n    correct: (latest, { treeScale, projectionDelta }) => {\n        const original = latest;\n        const shadow = complex.parse(latest);\n        // TODO: Doesn't support multiple shadows\n        if (shadow.length > 5)\n            return original;\n        const template = complex.createTransformer(latest);\n        const offset = typeof shadow[0] !== \"number\" ? 1 : 0;\n        // Calculate the overall context scale\n        const xScale = projectionDelta.x.scale * treeScale.x;\n        const yScale = projectionDelta.y.scale * treeScale.y;\n        shadow[0 + offset] /= xScale;\n        shadow[1 + offset] /= yScale;\n        /**\n         * Ideally we'd correct x and y scales individually, but because blur and\n         * spread apply to both we have to take a scale average and apply that instead.\n         * We could potentially improve the outcome of this by incorporating the ratio between\n         * the two scales.\n         */\n        const averageScale = mix(xScale, yScale, 0.5);\n        // Blur\n        if (typeof shadow[2 + offset] === \"number\")\n            shadow[2 + offset] /= averageScale;\n        // Spread\n        if (typeof shadow[3 + offset] === \"number\")\n            shadow[3 + offset] /= averageScale;\n        return template(shadow);\n    },\n};\n\nexport { correctBoxShadow };\n"],"names":["correctBoxShadow","latest","treeScale","projectionDelta","original","shadow","complex","template","offset","xScale","yScale","averageScale","mix"],"mappings":"4IAGMA,EAAmB,CACrB,QAAS,CAACC,EAAQ,CAAE,UAAAC,EAAW,gBAAAC,CAAe,IAAO,CACjD,MAAMC,EAAWH,EACXI,EAASC,EAAAA,QAAQ,MAAML,CAAM,EAEnC,GAAII,EAAO,OAAS,EAChB,OAAOD,EACX,MAAMG,EAAWD,EAAAA,QAAQ,kBAAkBL,CAAM,EAC3CO,EAAS,OAAOH,EAAO,CAAC,GAAM,SAAW,EAAI,EAE7CI,EAASN,EAAgB,EAAE,MAAQD,EAAU,EAC7CQ,EAASP,EAAgB,EAAE,MAAQD,EAAU,EACnDG,EAAO,EAAIG,CAAM,GAAKC,EACtBJ,EAAO,EAAIG,CAAM,GAAKE,EAOtB,MAAMC,EAAeC,EAAG,IAACH,EAAQC,EAAQ,EAAG,EAE5C,OAAI,OAAOL,EAAO,EAAIG,CAAM,GAAM,WAC9BH,EAAO,EAAIG,CAAM,GAAKG,GAEtB,OAAON,EAAO,EAAIG,CAAM,GAAM,WAC9BH,EAAO,EAAIG,CAAM,GAAKG,GACnBJ,EAASF,CAAM,CACzB,CACL","x_google_ignoreList":[0]}

package/dist/lyra834.js

@@ -1,30 +1,16 @@
-import { buildTransform as y } from "./lyra714.js";
-import { isCSSVariableName as T } from "./lyra730.js";
-import { transformProps as b } from "./lyra703.js";
-import { getValueAsType as h } from "./lyra868.js";
-import { numberValueTypes as v } from "./lyra861.js";
-function N(t, s, p, a) {
-  const { style: o, vars: c, transform: g, transformOrigin: m } = t;
-  let l = !1, u = !1, f = !0;
-  for (const r in s) {
-    const i = s[r];
-    if (T(r)) {
-      c[r] = i;
-      continue;
-    }
-    const n = v[r], e = h(i, n);
-    if (b.has(r)) {
-      if (l = !0, g[r] = e, !f)
-        continue;
-      i !== (n.default || 0) && (f = !1);
-    } else
-      r.startsWith("origin") ? (u = !0, m[r] = e) : o[r] = e;
+import { mix as i } from "./lyra744.js";
+import { complex as m } from "./lyra729.js";
+const l = {
+  correct: (e, { treeScale: c, projectionDelta: t }) => {
+    const a = e, o = m.parse(e);
+    if (o.length > 5)
+      return a;
+    const p = m.createTransformer(e), r = typeof o[0] != "number" ? 1 : 0, n = t.x.scale * c.x, s = t.y.scale * c.y;
+    o[0 + r] /= n, o[1 + r] /= s;
+    const f = i(n, s, 0.5);
+    return typeof o[2 + r] == "number" && (o[2 + r] /= f), typeof o[3 + r] == "number" && (o[3 + r] /= f), p(o);
   }
-  if (s.transform || (l || a ? o.transform = y(t.transform, p, f, a) : o.transform && (o.transform = "none")), u) {
-    const { originX: r = "50%", originY: i = "50%", originZ: n = 0 } = m;
-    o.transformOrigin = `${r} ${i} ${n}`;
-  }
-}
+};
 export {
-  N as buildHTMLStyles
+  l as correctBoxShadow
 };

package/dist/lyra834.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra834.js","sources":["../node_modules/framer-motion/dist/es/render/html/utils/build-styles.mjs"],"sourcesContent":["import { buildTransform } from './build-transform.mjs';\nimport { isCSSVariableName } from '../../dom/utils/is-css-variable.mjs';\nimport { transformProps } from './transform.mjs';\nimport { getValueAsType } from '../../dom/value-types/get-as-type.mjs';\nimport { numberValueTypes } from '../../dom/value-types/number.mjs';\n\nfunction buildHTMLStyles(state, latestValues, options, transformTemplate) {\n    const { style, vars, transform, transformOrigin } = state;\n    // Track whether we encounter any transform or transformOrigin values.\n    let hasTransform = false;\n    let hasTransformOrigin = false;\n    // Does the calculated transform essentially equal \"none\"?\n    let transformIsNone = true;\n    /**\n     * Loop over all our latest animated values and decide whether to handle them\n     * as a style or CSS variable.\n     *\n     * Transforms and transform origins are kept seperately for further processing.\n     */\n    for (const key in latestValues) {\n        const value = latestValues[key];\n        /**\n         * If this is a CSS variable we don't do any further processing.\n         */\n        if (isCSSVariableName(key)) {\n            vars[key] = value;\n            continue;\n        }\n        // Convert the value to its default value type, ie 0 -> \"0px\"\n        const valueType = numberValueTypes[key];\n        const valueAsType = getValueAsType(value, valueType);\n        if (transformProps.has(key)) {\n            // If this is a transform, flag to enable further transform processing\n            hasTransform = true;\n            transform[key] = valueAsType;\n            // If we already know we have a non-default transform, early return\n            if (!transformIsNone)\n                continue;\n            // Otherwise check to see if this is a default transform\n            if (value !== (valueType.default || 0))\n                transformIsNone = false;\n        }\n        else if (key.startsWith(\"origin\")) {\n            // If this is a transform origin, flag and enable further transform-origin processing\n            hasTransformOrigin = true;\n            transformOrigin[key] = valueAsType;\n        }\n        else {\n            style[key] = valueAsType;\n        }\n    }\n    if (!latestValues.transform) {\n        if (hasTransform || transformTemplate) {\n            style.transform = buildTransform(state.transform, options, transformIsNone, transformTemplate);\n        }\n        else if (style.transform) {\n            /**\n             * If we have previously created a transform but currently don't have any,\n             * reset transform style to none.\n             */\n            style.transform = \"none\";\n        }\n    }\n    /**\n     * Build a transformOrigin style. Uses the same defaults as the browser for\n     * undefined origins.\n     */\n    if (hasTransformOrigin) {\n        const { originX = \"50%\", originY = \"50%\", originZ = 0, } = transformOrigin;\n        style.transformOrigin = `${originX} ${originY} ${originZ}`;\n    }\n}\n\nexport { buildHTMLStyles };\n"],"names":["buildHTMLStyles","state","latestValues","options","transformTemplate","style","vars","transform","transformOrigin","hasTransform","hasTransformOrigin","transformIsNone","key","value","isCSSVariableName","valueType","numberValueTypes","valueAsType","getValueAsType","transformProps","buildTransform","originX","originY","originZ"],"mappings":";;;;;AAMA,SAASA,EAAgBC,GAAOC,GAAcC,GAASC,GAAmB;AACtE,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,WAAAC,GAAW,iBAAAC,EAAe,IAAKP;AAEpD,MAAIQ,IAAe,IACfC,IAAqB,IAErBC,IAAkB;AAOtB,aAAWC,KAAOV,GAAc;AAC5B,UAAMW,IAAQX,EAAaU,CAAG;AAI9B,QAAIE,EAAkBF,CAAG,GAAG;AACxB,MAAAN,EAAKM,CAAG,IAAIC;AACZ;AAAA,IACH;AAED,UAAME,IAAYC,EAAiBJ,CAAG,GAChCK,IAAcC,EAAeL,GAAOE,CAAS;AACnD,QAAII,EAAe,IAAIP,CAAG,GAAG;AAKzB,UAHAH,IAAe,IACfF,EAAUK,CAAG,IAAIK,GAEb,CAACN;AACD;AAEJ,MAAIE,OAAWE,EAAU,WAAW,OAChCJ,IAAkB;AAAA,IACzB;AACI,MAAIC,EAAI,WAAW,QAAQ,KAE5BF,IAAqB,IACrBF,EAAgBI,CAAG,IAAIK,KAGvBZ,EAAMO,CAAG,IAAIK;AAAA,EAEpB;AAiBD,MAhBKf,EAAa,cACVO,KAAgBL,IAChBC,EAAM,YAAYe,EAAenB,EAAM,WAAWE,GAASQ,GAAiBP,CAAiB,IAExFC,EAAM,cAKXA,EAAM,YAAY,UAOtBK,GAAoB;AACpB,UAAM,EAAE,SAAAW,IAAU,OAAO,SAAAC,IAAU,OAAO,SAAAC,IAAU,EAAI,IAAGf;AAC3D,IAAAH,EAAM,kBAAkB,GAAGgB,CAAO,IAAIC,CAAO,IAAIC,CAAO;AAAA,EAC3D;AACL;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra834.js","sources":["../node_modules/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs"],"sourcesContent":["import { mix } from '../../utils/mix.mjs';\nimport { complex } from '../../value/types/complex/index.mjs';\n\nconst correctBoxShadow = {\n    correct: (latest, { treeScale, projectionDelta }) => {\n        const original = latest;\n        const shadow = complex.parse(latest);\n        // TODO: Doesn't support multiple shadows\n        if (shadow.length > 5)\n            return original;\n        const template = complex.createTransformer(latest);\n        const offset = typeof shadow[0] !== \"number\" ? 1 : 0;\n        // Calculate the overall context scale\n        const xScale = projectionDelta.x.scale * treeScale.x;\n        const yScale = projectionDelta.y.scale * treeScale.y;\n        shadow[0 + offset] /= xScale;\n        shadow[1 + offset] /= yScale;\n        /**\n         * Ideally we'd correct x and y scales individually, but because blur and\n         * spread apply to both we have to take a scale average and apply that instead.\n         * We could potentially improve the outcome of this by incorporating the ratio between\n         * the two scales.\n         */\n        const averageScale = mix(xScale, yScale, 0.5);\n        // Blur\n        if (typeof shadow[2 + offset] === \"number\")\n            shadow[2 + offset] /= averageScale;\n        // Spread\n        if (typeof shadow[3 + offset] === \"number\")\n            shadow[3 + offset] /= averageScale;\n        return template(shadow);\n    },\n};\n\nexport { correctBoxShadow };\n"],"names":["correctBoxShadow","latest","treeScale","projectionDelta","original","shadow","complex","template","offset","xScale","yScale","averageScale","mix"],"mappings":";;AAGK,MAACA,IAAmB;AAAA,EACrB,SAAS,CAACC,GAAQ,EAAE,WAAAC,GAAW,iBAAAC,EAAe,MAAO;AACjD,UAAMC,IAAWH,GACXI,IAASC,EAAQ,MAAML,CAAM;AAEnC,QAAII,EAAO,SAAS;AAChB,aAAOD;AACX,UAAMG,IAAWD,EAAQ,kBAAkBL,CAAM,GAC3CO,IAAS,OAAOH,EAAO,CAAC,KAAM,WAAW,IAAI,GAE7CI,IAASN,EAAgB,EAAE,QAAQD,EAAU,GAC7CQ,IAASP,EAAgB,EAAE,QAAQD,EAAU;AACnD,IAAAG,EAAO,IAAIG,CAAM,KAAKC,GACtBJ,EAAO,IAAIG,CAAM,KAAKE;AAOtB,UAAMC,IAAeC,EAAIH,GAAQC,GAAQ,GAAG;AAE5C,WAAI,OAAOL,EAAO,IAAIG,CAAM,KAAM,aAC9BH,EAAO,IAAIG,CAAM,KAAKG,IAEtB,OAAON,EAAO,IAAIG,CAAM,KAAM,aAC9BH,EAAO,IAAIG,CAAM,KAAKG,IACnBJ,EAASF,CAAM;AAAA,EACzB;AACL;","x_google_ignoreList":[0]}

package/dist/lyra835.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function y(e,{style:o,vars:t},s,r){Object.assign(e.style,o,r&&r.getProjectionStyles(s));for(const n in t)e.style.setProperty(n,t[n])}exports.renderHTML=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra714.cjs"),b=require("./lyra730.cjs"),d=require("./lyra703.cjs"),p=require("./lyra868.cjs"),S=require("./lyra861.cjs");function q(f,i,c,a){const{style:e,vars:g,transform:y,transformOrigin:u}=f;let l=!1,m=!1,o=!0;for(const r in i){const s=i[r];if(b.isCSSVariableName(r)){g[r]=s;continue}const n=S.numberValueTypes[r],t=p.getValueAsType(s,n);if(d.transformProps.has(r)){if(l=!0,y[r]=t,!o)continue;s!==(n.default||0)&&(o=!1)}else r.startsWith("origin")?(m=!0,u[r]=t):e[r]=t}if(i.transform||(l||a?e.transform=T.buildTransform(f.transform,c,o,a):e.transform&&(e.transform="none")),m){const{originX:r="50%",originY:s="50%",originZ:n=0}=u;e.transformOrigin=`${r} ${s} ${n}`}}exports.buildHTMLStyles=q;

package/dist/lyra835.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra835.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/utils/render.mjs"],"sourcesContent":["function renderHTML(element, { style, vars }, styleProp, projection) {\n    Object.assign(element.style, style, projection && projection.getProjectionStyles(styleProp));\n    // Loop over any CSS variables and assign those.\n    for (const key in vars) {\n        element.style.setProperty(key, vars[key]);\n    }\n}\n\nexport { renderHTML };\n"],"names":["renderHTML","element","style","vars","styleProp","projection","key"],"mappings":"gFAAA,SAASA,EAAWC,EAAS,CAAE,MAAAC,EAAO,KAAAC,CAAM,EAAEC,EAAWC,EAAY,CACjE,OAAO,OAAOJ,EAAQ,MAAOC,EAAOG,GAAcA,EAAW,oBAAoBD,CAAS,CAAC,EAE3F,UAAWE,KAAOH,EACdF,EAAQ,MAAM,YAAYK,EAAKH,EAAKG,CAAG,CAAC,CAEhD","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra835.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/utils/build-styles.mjs"],"sourcesContent":["import { buildTransform } from './build-transform.mjs';\nimport { isCSSVariableName } from '../../dom/utils/is-css-variable.mjs';\nimport { transformProps } from './transform.mjs';\nimport { getValueAsType } from '../../dom/value-types/get-as-type.mjs';\nimport { numberValueTypes } from '../../dom/value-types/number.mjs';\n\nfunction buildHTMLStyles(state, latestValues, options, transformTemplate) {\n    const { style, vars, transform, transformOrigin } = state;\n    // Track whether we encounter any transform or transformOrigin values.\n    let hasTransform = false;\n    let hasTransformOrigin = false;\n    // Does the calculated transform essentially equal \"none\"?\n    let transformIsNone = true;\n    /**\n     * Loop over all our latest animated values and decide whether to handle them\n     * as a style or CSS variable.\n     *\n     * Transforms and transform origins are kept seperately for further processing.\n     */\n    for (const key in latestValues) {\n        const value = latestValues[key];\n        /**\n         * If this is a CSS variable we don't do any further processing.\n         */\n        if (isCSSVariableName(key)) {\n            vars[key] = value;\n            continue;\n        }\n        // Convert the value to its default value type, ie 0 -> \"0px\"\n        const valueType = numberValueTypes[key];\n        const valueAsType = getValueAsType(value, valueType);\n        if (transformProps.has(key)) {\n            // If this is a transform, flag to enable further transform processing\n            hasTransform = true;\n            transform[key] = valueAsType;\n            // If we already know we have a non-default transform, early return\n            if (!transformIsNone)\n                continue;\n            // Otherwise check to see if this is a default transform\n            if (value !== (valueType.default || 0))\n                transformIsNone = false;\n        }\n        else if (key.startsWith(\"origin\")) {\n            // If this is a transform origin, flag and enable further transform-origin processing\n            hasTransformOrigin = true;\n            transformOrigin[key] = valueAsType;\n        }\n        else {\n            style[key] = valueAsType;\n        }\n    }\n    if (!latestValues.transform) {\n        if (hasTransform || transformTemplate) {\n            style.transform = buildTransform(state.transform, options, transformIsNone, transformTemplate);\n        }\n        else if (style.transform) {\n            /**\n             * If we have previously created a transform but currently don't have any,\n             * reset transform style to none.\n             */\n            style.transform = \"none\";\n        }\n    }\n    /**\n     * Build a transformOrigin style. Uses the same defaults as the browser for\n     * undefined origins.\n     */\n    if (hasTransformOrigin) {\n        const { originX = \"50%\", originY = \"50%\", originZ = 0, } = transformOrigin;\n        style.transformOrigin = `${originX} ${originY} ${originZ}`;\n    }\n}\n\nexport { buildHTMLStyles };\n"],"names":["buildHTMLStyles","state","latestValues","options","transformTemplate","style","vars","transform","transformOrigin","hasTransform","hasTransformOrigin","transformIsNone","key","value","isCSSVariableName","valueType","numberValueTypes","valueAsType","getValueAsType","transformProps","buildTransform","originX","originY","originZ"],"mappings":"6NAMA,SAASA,EAAgBC,EAAOC,EAAcC,EAASC,EAAmB,CACtE,KAAM,CAAE,MAAAC,EAAO,KAAAC,EAAI,UAAEC,EAAW,gBAAAC,CAAe,EAAKP,EAEpD,IAAIQ,EAAe,GACfC,EAAqB,GAErBC,EAAkB,GAOtB,UAAWC,KAAOV,EAAc,CAC5B,MAAMW,EAAQX,EAAaU,CAAG,EAI9B,GAAIE,EAAAA,kBAAkBF,CAAG,EAAG,CACxBN,EAAKM,CAAG,EAAIC,EACZ,QACH,CAED,MAAME,EAAYC,mBAAiBJ,CAAG,EAChCK,EAAcC,EAAAA,eAAeL,EAAOE,CAAS,EACnD,GAAII,EAAc,eAAC,IAAIP,CAAG,EAAG,CAKzB,GAHAH,EAAe,GACfF,EAAUK,CAAG,EAAIK,EAEb,CAACN,EACD,SAEAE,KAAWE,EAAU,SAAW,KAChCJ,EAAkB,GACzB,MACQC,EAAI,WAAW,QAAQ,GAE5BF,EAAqB,GACrBF,EAAgBI,CAAG,EAAIK,GAGvBZ,EAAMO,CAAG,EAAIK,CAEpB,CAiBD,GAhBKf,EAAa,YACVO,GAAgBL,EAChBC,EAAM,UAAYe,EAAAA,eAAenB,EAAM,UAAWE,EAASQ,EAAiBP,CAAiB,EAExFC,EAAM,YAKXA,EAAM,UAAY,SAOtBK,EAAoB,CACpB,KAAM,CAAE,QAAAW,EAAU,MAAO,QAAAC,EAAU,MAAO,QAAAC,EAAU,CAAI,EAAGf,EAC3DH,EAAM,gBAAkB,GAAGgB,CAAO,IAAIC,CAAO,IAAIC,CAAO,EAC3D,CACL","x_google_ignoreList":[0]}

package/dist/lyra835.js

@@ -1,8 +1,30 @@
-function y(t, { style: o, vars: e }, r, s) {
-  Object.assign(t.style, o, s && s.getProjectionStyles(r));
-  for (const n in e)
-    t.style.setProperty(n, e[n]);
+import { buildTransform as y } from "./lyra714.js";
+import { isCSSVariableName as T } from "./lyra730.js";
+import { transformProps as b } from "./lyra703.js";
+import { getValueAsType as h } from "./lyra868.js";
+import { numberValueTypes as v } from "./lyra861.js";
+function N(t, s, p, a) {
+  const { style: o, vars: c, transform: g, transformOrigin: m } = t;
+  let l = !1, u = !1, f = !0;
+  for (const r in s) {
+    const i = s[r];
+    if (T(r)) {
+      c[r] = i;
+      continue;
+    }
+    const n = v[r], e = h(i, n);
+    if (b.has(r)) {
+      if (l = !0, g[r] = e, !f)
+        continue;
+      i !== (n.default || 0) && (f = !1);
+    } else
+      r.startsWith("origin") ? (u = !0, m[r] = e) : o[r] = e;
+  }
+  if (s.transform || (l || a ? o.transform = y(t.transform, p, f, a) : o.transform && (o.transform = "none")), u) {
+    const { originX: r = "50%", originY: i = "50%", originZ: n = 0 } = m;
+    o.transformOrigin = `${r} ${i} ${n}`;
+  }
 }
 export {
-  y as renderHTML
+  N as buildHTMLStyles
 };

package/dist/lyra835.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra835.js","sources":["../node_modules/framer-motion/dist/es/render/html/utils/render.mjs"],"sourcesContent":["function renderHTML(element, { style, vars }, styleProp, projection) {\n    Object.assign(element.style, style, projection && projection.getProjectionStyles(styleProp));\n    // Loop over any CSS variables and assign those.\n    for (const key in vars) {\n        element.style.setProperty(key, vars[key]);\n    }\n}\n\nexport { renderHTML };\n"],"names":["renderHTML","element","style","vars","styleProp","projection","key"],"mappings":"AAAA,SAASA,EAAWC,GAAS,EAAE,OAAAC,GAAO,MAAAC,EAAM,GAAEC,GAAWC,GAAY;AACjE,SAAO,OAAOJ,EAAQ,OAAOC,GAAOG,KAAcA,EAAW,oBAAoBD,CAAS,CAAC;AAE3F,aAAWE,KAAOH;AACd,IAAAF,EAAQ,MAAM,YAAYK,GAAKH,EAAKG,CAAG,CAAC;AAEhD;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra835.js","sources":["../node_modules/framer-motion/dist/es/render/html/utils/build-styles.mjs"],"sourcesContent":["import { buildTransform } from './build-transform.mjs';\nimport { isCSSVariableName } from '../../dom/utils/is-css-variable.mjs';\nimport { transformProps } from './transform.mjs';\nimport { getValueAsType } from '../../dom/value-types/get-as-type.mjs';\nimport { numberValueTypes } from '../../dom/value-types/number.mjs';\n\nfunction buildHTMLStyles(state, latestValues, options, transformTemplate) {\n    const { style, vars, transform, transformOrigin } = state;\n    // Track whether we encounter any transform or transformOrigin values.\n    let hasTransform = false;\n    let hasTransformOrigin = false;\n    // Does the calculated transform essentially equal \"none\"?\n    let transformIsNone = true;\n    /**\n     * Loop over all our latest animated values and decide whether to handle them\n     * as a style or CSS variable.\n     *\n     * Transforms and transform origins are kept seperately for further processing.\n     */\n    for (const key in latestValues) {\n        const value = latestValues[key];\n        /**\n         * If this is a CSS variable we don't do any further processing.\n         */\n        if (isCSSVariableName(key)) {\n            vars[key] = value;\n            continue;\n        }\n        // Convert the value to its default value type, ie 0 -> \"0px\"\n        const valueType = numberValueTypes[key];\n        const valueAsType = getValueAsType(value, valueType);\n        if (transformProps.has(key)) {\n            // If this is a transform, flag to enable further transform processing\n            hasTransform = true;\n            transform[key] = valueAsType;\n            // If we already know we have a non-default transform, early return\n            if (!transformIsNone)\n                continue;\n            // Otherwise check to see if this is a default transform\n            if (value !== (valueType.default || 0))\n                transformIsNone = false;\n        }\n        else if (key.startsWith(\"origin\")) {\n            // If this is a transform origin, flag and enable further transform-origin processing\n            hasTransformOrigin = true;\n            transformOrigin[key] = valueAsType;\n        }\n        else {\n            style[key] = valueAsType;\n        }\n    }\n    if (!latestValues.transform) {\n        if (hasTransform || transformTemplate) {\n            style.transform = buildTransform(state.transform, options, transformIsNone, transformTemplate);\n        }\n        else if (style.transform) {\n            /**\n             * If we have previously created a transform but currently don't have any,\n             * reset transform style to none.\n             */\n            style.transform = \"none\";\n        }\n    }\n    /**\n     * Build a transformOrigin style. Uses the same defaults as the browser for\n     * undefined origins.\n     */\n    if (hasTransformOrigin) {\n        const { originX = \"50%\", originY = \"50%\", originZ = 0, } = transformOrigin;\n        style.transformOrigin = `${originX} ${originY} ${originZ}`;\n    }\n}\n\nexport { buildHTMLStyles };\n"],"names":["buildHTMLStyles","state","latestValues","options","transformTemplate","style","vars","transform","transformOrigin","hasTransform","hasTransformOrigin","transformIsNone","key","value","isCSSVariableName","valueType","numberValueTypes","valueAsType","getValueAsType","transformProps","buildTransform","originX","originY","originZ"],"mappings":";;;;;AAMA,SAASA,EAAgBC,GAAOC,GAAcC,GAASC,GAAmB;AACtE,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,WAAAC,GAAW,iBAAAC,EAAe,IAAKP;AAEpD,MAAIQ,IAAe,IACfC,IAAqB,IAErBC,IAAkB;AAOtB,aAAWC,KAAOV,GAAc;AAC5B,UAAMW,IAAQX,EAAaU,CAAG;AAI9B,QAAIE,EAAkBF,CAAG,GAAG;AACxB,MAAAN,EAAKM,CAAG,IAAIC;AACZ;AAAA,IACH;AAED,UAAME,IAAYC,EAAiBJ,CAAG,GAChCK,IAAcC,EAAeL,GAAOE,CAAS;AACnD,QAAII,EAAe,IAAIP,CAAG,GAAG;AAKzB,UAHAH,IAAe,IACfF,EAAUK,CAAG,IAAIK,GAEb,CAACN;AACD;AAEJ,MAAIE,OAAWE,EAAU,WAAW,OAChCJ,IAAkB;AAAA,IACzB;AACI,MAAIC,EAAI,WAAW,QAAQ,KAE5BF,IAAqB,IACrBF,EAAgBI,CAAG,IAAIK,KAGvBZ,EAAMO,CAAG,IAAIK;AAAA,EAEpB;AAiBD,MAhBKf,EAAa,cACVO,KAAgBL,IAChBC,EAAM,YAAYe,EAAenB,EAAM,WAAWE,GAASQ,GAAiBP,CAAiB,IAExFC,EAAM,cAKXA,EAAM,YAAY,UAOtBK,GAAoB;AACpB,UAAM,EAAE,SAAAW,IAAU,OAAO,SAAAC,IAAU,OAAO,SAAAC,IAAU,EAAI,IAAGf;AAC3D,IAAAH,EAAM,kBAAkB,GAAGgB,CAAO,IAAIC,CAAO,IAAIC,CAAO;AAAA,EAC3D;AACL;","x_google_ignoreList":[0]}

package/dist/lyra836.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra867.cjs"),s=require("./lyra847.cjs");function i(e,o){return n.convertBoundingBoxToBox(n.transformBoxPoints(e.getBoundingClientRect(),o))}function a(e,o,u){const t=i(e,u),{scroll:r}=o;return r&&(s.translateAxis(t.x,r.offset.x),s.translateAxis(t.y,r.offset.y)),t}exports.measurePageBox=a;exports.measureViewportBox=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function y(e,{style:o,vars:t},s,r){Object.assign(e.style,o,r&&r.getProjectionStyles(s));for(const n in t)e.style.setProperty(n,t[n])}exports.renderHTML=y;

package/dist/lyra836.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra836.cjs","sources":["../node_modules/framer-motion/dist/es/projection/utils/measure.mjs"],"sourcesContent":["import { convertBoundingBoxToBox, transformBoxPoints } from '../geometry/conversion.mjs';\nimport { translateAxis } from '../geometry/delta-apply.mjs';\n\nfunction measureViewportBox(instance, transformPoint) {\n    return convertBoundingBoxToBox(transformBoxPoints(instance.getBoundingClientRect(), transformPoint));\n}\nfunction measurePageBox(element, rootProjectionNode, transformPagePoint) {\n    const viewportBox = measureViewportBox(element, transformPagePoint);\n    const { scroll } = rootProjectionNode;\n    if (scroll) {\n        translateAxis(viewportBox.x, scroll.offset.x);\n        translateAxis(viewportBox.y, scroll.offset.y);\n    }\n    return viewportBox;\n}\n\nexport { measurePageBox, measureViewportBox };\n"],"names":["measureViewportBox","instance","transformPoint","convertBoundingBoxToBox","transformBoxPoints","measurePageBox","element","rootProjectionNode","transformPagePoint","viewportBox","scroll","translateAxis"],"mappings":"4IAGA,SAASA,EAAmBC,EAAUC,EAAgB,CAClD,OAAOC,EAAAA,wBAAwBC,EAAAA,mBAAmBH,EAAS,sBAAuB,EAAEC,CAAc,CAAC,CACvG,CACA,SAASG,EAAeC,EAASC,EAAoBC,EAAoB,CACrE,MAAMC,EAAcT,EAAmBM,EAASE,CAAkB,EAC5D,CAAE,OAAAE,CAAQ,EAAGH,EACnB,OAAIG,IACAC,EAAa,cAACF,EAAY,EAAGC,EAAO,OAAO,CAAC,EAC5CC,EAAa,cAACF,EAAY,EAAGC,EAAO,OAAO,CAAC,GAEzCD,CACX","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra836.cjs","sources":["../node_modules/framer-motion/dist/es/render/html/utils/render.mjs"],"sourcesContent":["function renderHTML(element, { style, vars }, styleProp, projection) {\n    Object.assign(element.style, style, projection && projection.getProjectionStyles(styleProp));\n    // Loop over any CSS variables and assign those.\n    for (const key in vars) {\n        element.style.setProperty(key, vars[key]);\n    }\n}\n\nexport { renderHTML };\n"],"names":["renderHTML","element","style","vars","styleProp","projection","key"],"mappings":"gFAAA,SAASA,EAAWC,EAAS,CAAE,MAAAC,EAAO,KAAAC,CAAM,EAAEC,EAAWC,EAAY,CACjE,OAAO,OAAOJ,EAAQ,MAAOC,EAAOG,GAAcA,EAAW,oBAAoBD,CAAS,CAAC,EAE3F,UAAWE,KAAOH,EACdF,EAAQ,MAAM,YAAYK,EAAKH,EAAKG,CAAG,CAAC,CAEhD","x_google_ignoreList":[0]}

package/dist/lyra836.js

@@ -1,13 +1,8 @@
-import { convertBoundingBoxToBox as s, transformBoxPoints as f } from "./lyra867.js";
-import { translateAxis as n } from "./lyra847.js";
-function x(o, t) {
-  return s(f(o.getBoundingClientRect(), t));
-}
-function c(o, t, i) {
-  const r = x(o, i), { scroll: e } = t;
-  return e && (n(r.x, e.offset.x), n(r.y, e.offset.y)), r;
+function y(t, { style: o, vars: e }, r, s) {
+  Object.assign(t.style, o, s && s.getProjectionStyles(r));
+  for (const n in e)
+    t.style.setProperty(n, e[n]);
 }
 export {
-  c as measurePageBox,
-  x as measureViewportBox
+  y as renderHTML
 };

package/dist/lyra836.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra836.js","sources":["../node_modules/framer-motion/dist/es/projection/utils/measure.mjs"],"sourcesContent":["import { convertBoundingBoxToBox, transformBoxPoints } from '../geometry/conversion.mjs';\nimport { translateAxis } from '../geometry/delta-apply.mjs';\n\nfunction measureViewportBox(instance, transformPoint) {\n    return convertBoundingBoxToBox(transformBoxPoints(instance.getBoundingClientRect(), transformPoint));\n}\nfunction measurePageBox(element, rootProjectionNode, transformPagePoint) {\n    const viewportBox = measureViewportBox(element, transformPagePoint);\n    const { scroll } = rootProjectionNode;\n    if (scroll) {\n        translateAxis(viewportBox.x, scroll.offset.x);\n        translateAxis(viewportBox.y, scroll.offset.y);\n    }\n    return viewportBox;\n}\n\nexport { measurePageBox, measureViewportBox };\n"],"names":["measureViewportBox","instance","transformPoint","convertBoundingBoxToBox","transformBoxPoints","measurePageBox","element","rootProjectionNode","transformPagePoint","viewportBox","scroll","translateAxis"],"mappings":";;AAGA,SAASA,EAAmBC,GAAUC,GAAgB;AAClD,SAAOC,EAAwBC,EAAmBH,EAAS,sBAAuB,GAAEC,CAAc,CAAC;AACvG;AACA,SAASG,EAAeC,GAASC,GAAoBC,GAAoB;AACrE,QAAMC,IAAcT,EAAmBM,GAASE,CAAkB,GAC5D,EAAE,QAAAE,EAAQ,IAAGH;AACnB,SAAIG,MACAC,EAAcF,EAAY,GAAGC,EAAO,OAAO,CAAC,GAC5CC,EAAcF,EAAY,GAAGC,EAAO,OAAO,CAAC,IAEzCD;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"lyra836.js","sources":["../node_modules/framer-motion/dist/es/render/html/utils/render.mjs"],"sourcesContent":["function renderHTML(element, { style, vars }, styleProp, projection) {\n    Object.assign(element.style, style, projection && projection.getProjectionStyles(styleProp));\n    // Loop over any CSS variables and assign those.\n    for (const key in vars) {\n        element.style.setProperty(key, vars[key]);\n    }\n}\n\nexport { renderHTML };\n"],"names":["renderHTML","element","style","vars","styleProp","projection","key"],"mappings":"AAAA,SAASA,EAAWC,GAAS,EAAE,OAAAC,GAAO,MAAAC,EAAM,GAAEC,GAAWC,GAAY;AACjE,SAAO,OAAOJ,EAAQ,OAAOC,GAAOG,KAAcA,EAAW,oBAAoBD,CAAS,CAAC;AAE3F,aAAWE,KAAOH;AACd,IAAAF,EAAQ,MAAM,YAAYK,GAAKH,EAAKG,CAAG,CAAC;AAEhD;","x_google_ignoreList":[0]}

package/dist/lyra837.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra761.cjs"),i=require("./lyra869.cjs"),l=require("./lyra694.cjs");class u extends l.VisualElement{sortInstanceNodePosition(e,t){return e.compareDocumentPosition(t)&2?1:-1}getBaseTargetFromProps(e,t){return e.style?e.style[t]:void 0}removeValueFromRenderState(e,{vars:t,style:r}){delete t[e],delete r[e]}makeTargetAnimatableFromInstance({transition:e,transitionEnd:t,...r},a){const s=o.getOrigin(r,e||{},this);if(a){o.checkTargetForNewValues(this,r,s);const n=i.parseDomVariant(this,r,s,t);t=n.transitionEnd,r=n.target}return{transition:e,transitionEnd:t,...r}}}exports.DOMVisualElement=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra867.cjs"),s=require("./lyra848.cjs");function i(e,o){return n.convertBoundingBoxToBox(n.transformBoxPoints(e.getBoundingClientRect(),o))}function a(e,o,u){const t=i(e,u),{scroll:r}=o;return r&&(s.translateAxis(t.x,r.offset.x),s.translateAxis(t.y,r.offset.y)),t}exports.measurePageBox=a;exports.measureViewportBox=i;