@new-black/lyra 0.1.17 → 0.1.19

package/dist/lyra331.js

@@ -1,82 +1,15 @@
-import { extractEventInfo as w } from "./lyra271.js";
-import { secondsToMilliseconds as g, millisecondsToSeconds as S } from "./lyra221.js";
-import { addPointerEvent as m } from "./lyra269.js";
-import { pipe as D } from "./lyra242.js";
-import { distance2D as W } from "./lyra252.js";
-import { isPrimaryPointer as L } from "./lyra272.js";
-import { frame as T, cancelFrame as U, frameData as E } from "./lyra211.js";
-class B {
-  constructor(n, o, { transformPagePoint: e, contextWindow: r } = {}) {
-    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 = d(this.lastMoveEventInfo, this.history), a = this.startEvent !== null, l = W(i.offset, { x: 0, y: 0 }) >= 3;
-      if (!a && !l)
-        return;
-      const { point: c } = i, { timestamp: f } = E;
-      this.history.push({ ...c, timestamp: f });
-      const { onStart: u, onMove: P } = this.handlers;
-      a || (u && u(this.lastMoveEvent, i), this.startEvent = this.lastMoveEvent), P && P(this.lastMoveEvent, i);
-    }, this.handlePointerMove = (i, a) => {
-      this.lastMoveEvent = i, this.lastMoveEventInfo = v(a, this.transformPagePoint), T.update(this.updatePoint, !0);
-    }, this.handlePointerUp = (i, a) => {
-      if (this.end(), !(this.lastMoveEvent && this.lastMoveEventInfo))
-        return;
-      const { onEnd: l, onSessionEnd: c } = this.handlers, f = d(i.type === "pointercancel" ? this.lastMoveEventInfo : v(a, this.transformPagePoint), this.history);
-      this.startEvent && l && l(i, f), c && c(i, f);
-    }, !L(n))
-      return;
-    this.handlers = o, this.transformPagePoint = e, this.contextWindow = r || window;
-    const h = w(n), s = v(h, this.transformPagePoint), { point: M } = s, { timestamp: I } = E;
-    this.history = [{ ...M, timestamp: I }];
-    const { onSessionStart: p } = o;
-    p && p(n, d(s, this.history)), this.removeListeners = D(m(this.contextWindow, "pointermove", this.handlePointerMove), m(this.contextWindow, "pointerup", this.handlePointerUp), m(this.contextWindow, "pointercancel", this.handlePointerUp));
-  }
-  updateHandlers(n) {
-    this.handlers = n;
-  }
-  end() {
-    this.removeListeners && this.removeListeners(), U(this.updatePoint);
-  }
-}
-function v(t, n) {
-  return n ? { point: n(t.point) } : t;
-}
-function x(t, n) {
-  return { x: t.x - n.x, y: t.y - n.y };
-}
-function d({ point: t }, n) {
-  return {
-    point: t,
-    delta: x(t, y(n)),
-    offset: x(t, V(n)),
-    velocity: b(n, 0.1)
-  };
-}
-function V(t) {
-  return t[0];
-}
-function y(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 = y(t);
-  for (; o >= 0 && (e = t[o], !(r.timestamp - e.timestamp > g(n))); )
-    o--;
-  if (!e)
-    return { x: 0, y: 0 };
-  const h = S(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;
-}
+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 {
-  B as PanSession
+  e as globalProjectionState
 };

package/dist/lyra331.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra331.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 } = {}) {\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            if (!(this.lastMoveEvent && this.lastMoveEventInfo))\n                return;\n            const { onEnd, onSessionEnd } = this.handlers;\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.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","info","getPanInfo","isPanStarted","isDistancePastThreshold","distance2D","point","timestamp","frameData","onStart","onMove","transformPoint","frame","onEnd","onSessionEnd","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]}
+{"version":3,"file":"lyra331.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/lyra332.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=({current:e})=>e?e.ownerDocument.defaultView:null;exports.getContextWindow=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra235.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/lyra332.cjs.map

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

@@ -1,4 +1,21 @@
-const t = ({ current: e }) => e ? e.ownerDocument.defaultView : null;
+import { px as c } from "./lyra235.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 {
-  t as getContextWindow
+  f as correctBorderRadius,
+  e as pixelsToPercent
 };

package/dist/lyra332.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra332.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":"lyra332.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/lyra333.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 u=require("./lyra244.cjs"),i=require("./lyra231.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/lyra333.cjs.map

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

@@ -1,15 +1,16 @@
-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
+import { mix as i } from "./lyra244.js";
+import { complex as m } from "./lyra231.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);
+  }
 };
 export {
-  e as globalProjectionState
+  l as correctBoxShadow
 };

package/dist/lyra333.js.map

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra232.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 t=(r,e)=>e?r===e?!0:t(r,e.parentElement):!1;exports.isNodeOrChild=t;

package/dist/lyra334.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra334.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":"lyra334.cjs","sources":["../node_modules/framer-motion/dist/es/gestures/utils/is-node-or-child.mjs"],"sourcesContent":["/**\n * Recursively traverse up the tree to check whether the provided child node\n * is the parent or a descendant of it.\n *\n * @param parent - Element to find\n * @param child - Element to test against parent\n */\nconst isNodeOrChild = (parent, child) => {\n    if (!child) {\n        return false;\n    }\n    else if (parent === child) {\n        return true;\n    }\n    else {\n        return isNodeOrChild(parent, child.parentElement);\n    }\n};\n\nexport { isNodeOrChild };\n"],"names":["isNodeOrChild","parent","child"],"mappings":"gFAOK,MAACA,EAAgB,CAACC,EAAQC,IACtBA,EAGID,IAAWC,EACT,GAGAF,EAAcC,EAAQC,EAAM,aAAa,EANzC","x_google_ignoreList":[0]}

package/dist/lyra334.js

@@ -1,21 +1,4 @@
-import { px as c } from "./lyra232.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 t = (r, e) => e ? r === e ? !0 : t(r, e.parentElement) : !1;
 export {
-  f as correctBorderRadius,
-  e as pixelsToPercent
+  t as isNodeOrChild
 };

package/dist/lyra334.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra334.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":"lyra334.js","sources":["../node_modules/framer-motion/dist/es/gestures/utils/is-node-or-child.mjs"],"sourcesContent":["/**\n * Recursively traverse up the tree to check whether the provided child node\n * is the parent or a descendant of it.\n *\n * @param parent - Element to find\n * @param child - Element to test against parent\n */\nconst isNodeOrChild = (parent, child) => {\n    if (!child) {\n        return false;\n    }\n    else if (parent === child) {\n        return true;\n    }\n    else {\n        return isNodeOrChild(parent, child.parentElement);\n    }\n};\n\nexport { isNodeOrChild };\n"],"names":["isNodeOrChild","parent","child"],"mappings":"AAOK,MAACA,IAAgB,CAACC,GAAQC,MACtBA,IAGID,MAAWC,IACT,KAGAF,EAAcC,GAAQC,EAAM,aAAa,IANzC;","x_google_ignoreList":[0]}

package/dist/lyra335.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra241.cjs"),i=require("./lyra228.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=new WeakMap,n=new WeakMap,b=e=>{const r=c.get(e.target);r&&r(e)},a=e=>{e.forEach(b)};function i({root:e,...r}){const s=e||document;n.has(s)||n.set(s,{});const t=n.get(s),o=JSON.stringify(r);return t[o]||(t[o]=new IntersectionObserver(a,{root:e,...r})),t[o]}function v(e,r,s){const t=i(r);return c.set(e,s),t.observe(e),()=>{c.delete(e),t.unobserve(e)}}exports.observeIntersection=v;

package/dist/lyra335.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra335.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":"lyra335.cjs","sources":["../node_modules/framer-motion/dist/es/motion/features/viewport/observers.mjs"],"sourcesContent":["/**\n * Map an IntersectionHandler callback to an element. We only ever make one handler for one\n * element, so even though these handlers might all be triggered by different\n * observers, we can keep them in the same map.\n */\nconst observerCallbacks = new WeakMap();\n/**\n * Multiple observers can be created for multiple element/document roots. Each with\n * different settings. So here we store dictionaries of observers to each root,\n * using serialised settings (threshold/margin) as lookup keys.\n */\nconst observers = new WeakMap();\nconst fireObserverCallback = (entry) => {\n    const callback = observerCallbacks.get(entry.target);\n    callback && callback(entry);\n};\nconst fireAllObserverCallbacks = (entries) => {\n    entries.forEach(fireObserverCallback);\n};\nfunction initIntersectionObserver({ root, ...options }) {\n    const lookupRoot = root || document;\n    /**\n     * If we don't have an observer lookup map for this root, create one.\n     */\n    if (!observers.has(lookupRoot)) {\n        observers.set(lookupRoot, {});\n    }\n    const rootObservers = observers.get(lookupRoot);\n    const key = JSON.stringify(options);\n    /**\n     * If we don't have an observer for this combination of root and settings,\n     * create one.\n     */\n    if (!rootObservers[key]) {\n        rootObservers[key] = new IntersectionObserver(fireAllObserverCallbacks, { root, ...options });\n    }\n    return rootObservers[key];\n}\nfunction observeIntersection(element, options, callback) {\n    const rootInteresectionObserver = initIntersectionObserver(options);\n    observerCallbacks.set(element, callback);\n    rootInteresectionObserver.observe(element);\n    return () => {\n        observerCallbacks.delete(element);\n        rootInteresectionObserver.unobserve(element);\n    };\n}\n\nexport { observeIntersection };\n"],"names":["observerCallbacks","observers","fireObserverCallback","entry","callback","fireAllObserverCallbacks","entries","initIntersectionObserver","root","options","lookupRoot","rootObservers","key","observeIntersection","element","rootInteresectionObserver"],"mappings":"gFAKA,MAAMA,EAAoB,IAAI,QAMxBC,EAAY,IAAI,QAChBC,EAAwBC,GAAU,CACpC,MAAMC,EAAWJ,EAAkB,IAAIG,EAAM,MAAM,EACnDC,GAAYA,EAASD,CAAK,CAC9B,EACME,EAA4BC,GAAY,CAC1CA,EAAQ,QAAQJ,CAAoB,CACxC,EACA,SAASK,EAAyB,CAAE,KAAAC,EAAM,GAAGC,GAAW,CACpD,MAAMC,EAAaF,GAAQ,SAItBP,EAAU,IAAIS,CAAU,GACzBT,EAAU,IAAIS,EAAY,CAAA,CAAE,EAEhC,MAAMC,EAAgBV,EAAU,IAAIS,CAAU,EACxCE,EAAM,KAAK,UAAUH,CAAO,EAKlC,OAAKE,EAAcC,CAAG,IAClBD,EAAcC,CAAG,EAAI,IAAI,qBAAqBP,EAA0B,CAAE,KAAAG,EAAM,GAAGC,CAAO,CAAE,GAEzFE,EAAcC,CAAG,CAC5B,CACA,SAASC,EAAoBC,EAASL,EAASL,EAAU,CACrD,MAAMW,EAA4BR,EAAyBE,CAAO,EAClE,OAAAT,EAAkB,IAAIc,EAASV,CAAQ,EACvCW,EAA0B,QAAQD,CAAO,EAClC,IAAM,CACTd,EAAkB,OAAOc,CAAO,EAChCC,EAA0B,UAAUD,CAAO,CACnD,CACA","x_google_ignoreList":[0]}

package/dist/lyra335.js

@@ -1,16 +1,21 @@
-import { mix as i } from "./lyra241.js";
-import { complex as m } from "./lyra228.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);
-  }
+const c = /* @__PURE__ */ new WeakMap(), n = /* @__PURE__ */ new WeakMap(), a = (e) => {
+  const r = c.get(e.target);
+  r && r(e);
+}, b = (e) => {
+  e.forEach(a);
 };
+function i({ root: e, ...r }) {
+  const t = e || document;
+  n.has(t) || n.set(t, {});
+  const s = n.get(t), o = JSON.stringify(r);
+  return s[o] || (s[o] = new IntersectionObserver(b, { root: e, ...r })), s[o];
+}
+function v(e, r, t) {
+  const s = i(r);
+  return c.set(e, t), s.observe(e), () => {
+    c.delete(e), s.unobserve(e);
+  };
+}
 export {
-  l as correctBoxShadow
+  v as observeIntersection
 };

package/dist/lyra335.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra335.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":"lyra335.js","sources":["../node_modules/framer-motion/dist/es/motion/features/viewport/observers.mjs"],"sourcesContent":["/**\n * Map an IntersectionHandler callback to an element. We only ever make one handler for one\n * element, so even though these handlers might all be triggered by different\n * observers, we can keep them in the same map.\n */\nconst observerCallbacks = new WeakMap();\n/**\n * Multiple observers can be created for multiple element/document roots. Each with\n * different settings. So here we store dictionaries of observers to each root,\n * using serialised settings (threshold/margin) as lookup keys.\n */\nconst observers = new WeakMap();\nconst fireObserverCallback = (entry) => {\n    const callback = observerCallbacks.get(entry.target);\n    callback && callback(entry);\n};\nconst fireAllObserverCallbacks = (entries) => {\n    entries.forEach(fireObserverCallback);\n};\nfunction initIntersectionObserver({ root, ...options }) {\n    const lookupRoot = root || document;\n    /**\n     * If we don't have an observer lookup map for this root, create one.\n     */\n    if (!observers.has(lookupRoot)) {\n        observers.set(lookupRoot, {});\n    }\n    const rootObservers = observers.get(lookupRoot);\n    const key = JSON.stringify(options);\n    /**\n     * If we don't have an observer for this combination of root and settings,\n     * create one.\n     */\n    if (!rootObservers[key]) {\n        rootObservers[key] = new IntersectionObserver(fireAllObserverCallbacks, { root, ...options });\n    }\n    return rootObservers[key];\n}\nfunction observeIntersection(element, options, callback) {\n    const rootInteresectionObserver = initIntersectionObserver(options);\n    observerCallbacks.set(element, callback);\n    rootInteresectionObserver.observe(element);\n    return () => {\n        observerCallbacks.delete(element);\n        rootInteresectionObserver.unobserve(element);\n    };\n}\n\nexport { observeIntersection };\n"],"names":["observerCallbacks","observers","fireObserverCallback","entry","callback","fireAllObserverCallbacks","entries","initIntersectionObserver","root","options","lookupRoot","rootObservers","key","observeIntersection","element","rootInteresectionObserver"],"mappings":"AAKA,MAAMA,IAAoB,oBAAI,WAMxBC,IAAY,oBAAI,WAChBC,IAAuB,CAACC,MAAU;AACpC,QAAMC,IAAWJ,EAAkB,IAAIG,EAAM,MAAM;AACnD,EAAAC,KAAYA,EAASD,CAAK;AAC9B,GACME,IAA2B,CAACC,MAAY;AAC1C,EAAAA,EAAQ,QAAQJ,CAAoB;AACxC;AACA,SAASK,EAAyB,EAAE,MAAAC,GAAM,GAAGC,KAAW;AACpD,QAAMC,IAAaF,KAAQ;AAI3B,EAAKP,EAAU,IAAIS,CAAU,KACzBT,EAAU,IAAIS,GAAY,CAAA,CAAE;AAEhC,QAAMC,IAAgBV,EAAU,IAAIS,CAAU,GACxCE,IAAM,KAAK,UAAUH,CAAO;AAKlC,SAAKE,EAAcC,CAAG,MAClBD,EAAcC,CAAG,IAAI,IAAI,qBAAqBP,GAA0B,EAAE,MAAAG,GAAM,GAAGC,EAAO,CAAE,IAEzFE,EAAcC,CAAG;AAC5B;AACA,SAASC,EAAoBC,GAASL,GAASL,GAAU;AACrD,QAAMW,IAA4BR,EAAyBE,CAAO;AAClE,SAAAT,EAAkB,IAAIc,GAASV,CAAQ,GACvCW,EAA0B,QAAQD,CAAO,GAClC,MAAM;AACT,IAAAd,EAAkB,OAAOc,CAAO,GAChCC,EAA0B,UAAUD,CAAO;AAAA,EACnD;AACA;","x_google_ignoreList":[0]}

package/dist/lyra336.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra213.cjs"),b=require("./lyra229.cjs"),d=require("./lyra202.cjs"),p=require("./lyra395.cjs"),S=require("./lyra361.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 T=require("./lyra216.cjs"),b=require("./lyra232.cjs"),d=require("./lyra205.cjs"),p=require("./lyra395.cjs"),S=require("./lyra388.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/lyra336.js

@@ -1,8 +1,8 @@
-import { buildTransform as y } from "./lyra213.js";
-import { isCSSVariableName as T } from "./lyra229.js";
-import { transformProps as b } from "./lyra202.js";
+import { buildTransform as y } from "./lyra216.js";
+import { isCSSVariableName as T } from "./lyra232.js";
+import { transformProps as b } from "./lyra205.js";
 import { getValueAsType as h } from "./lyra395.js";
-import { numberValueTypes as v } from "./lyra361.js";
+import { numberValueTypes as v } from "./lyra388.js";
 function N(t, s, p, a) {
   const { style: o, vars: c, transform: g, transformOrigin: m } = t;
   let l = !1, u = !1, f = !0;

package/dist/lyra339.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra258.cjs"),c=require("./lyra396.cjs"),m=require("./lyra194.cjs");class n extends m.VisualElement{sortInstanceNodePosition(i,e){return i.compareDocumentPosition(e)&2?1:-1}getBaseTargetFromProps(i,e){return i.style?i.style[e]:void 0}removeValueFromRenderState(i,{vars:e,style:s}){delete e[i],delete s[i]}makeTargetAnimatableFromInstance({transition:i,transitionEnd:e,...s},{transformValues:r},u){let t=o.getOrigin(s,i||{},this);if(r&&(e&&(e=r(e)),s&&(s=r(s)),t&&(t=r(t))),u){o.checkTargetForNewValues(this,s,t);const l=c.parseDomVariant(this,s,t,e);e=l.transitionEnd,s=l.target}return{transition:i,transitionEnd:e,...s}}}exports.DOMVisualElement=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra261.cjs"),c=require("./lyra396.cjs"),m=require("./lyra197.cjs");class n extends m.VisualElement{sortInstanceNodePosition(i,e){return i.compareDocumentPosition(e)&2?1:-1}getBaseTargetFromProps(i,e){return i.style?i.style[e]:void 0}removeValueFromRenderState(i,{vars:e,style:s}){delete e[i],delete s[i]}makeTargetAnimatableFromInstance({transition:i,transitionEnd:e,...s},{transformValues:r},u){let t=o.getOrigin(s,i||{},this);if(r&&(e&&(e=r(e)),s&&(s=r(s)),t&&(t=r(t))),u){o.checkTargetForNewValues(this,s,t);const l=c.parseDomVariant(this,s,t,e);e=l.transitionEnd,s=l.target}return{transition:i,transitionEnd:e,...s}}}exports.DOMVisualElement=n;

package/dist/lyra339.js

@@ -1,6 +1,6 @@
-import { getOrigin as t, checkTargetForNewValues as c } from "./lyra258.js";
+import { getOrigin as t, checkTargetForNewValues as c } from "./lyra261.js";
 import { parseDomVariant as f } from "./lyra396.js";
-import { VisualElement as p } from "./lyra194.js";
+import { VisualElement as p } from "./lyra197.js";
 class F extends p {
   sortInstanceNodePosition(o, e) {
     return o.compareDocumentPosition(e) & 2 ? 1 : -1;

package/dist/lyra34.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),x=require("./lyra53.cjs"),c=require("./lyra55.cjs"),N=require("./lyra105.cjs"),f=require("./lyra43.cjs"),u=require("./lyra44.cjs"),n=require("./lyra35.cjs"),d=require("./lyra102.cjs"),g=require("./lyra52.cjs"),S=({color:s,height:i,label:a,labelClassName:m,labelColor:j,labelVariant:y="body-medium",showValueText:p,valueTextClassName:w,valueTextColor:v,valueTextVariant:h="body-small",...R})=>{const[b,t]=N.default(),{direction:r}=g.useLocale(),o=t.width/3;return e.jsxRuntimeExports.jsx(x.ProgressBar,{...R,children:({isIndeterminate:q,percentage:E,valueText:l})=>e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between",children:[a?e.jsxRuntimeExports.jsx(x.Label,{className:c.twMerge(u.textStyles({color:j,variant:y,className:m})),children:a}):e.jsxRuntimeExports.jsx("div",{}),p&&l?e.jsxRuntimeExports.jsx(f.Text,{className:c.twMerge(u.textStyles({color:v,variant:h,className:w})),children:l}):null]}),e.jsxRuntimeExports.jsx("div",{ref:b,className:n.barStyles({height:i,color:s}),children:q?e.jsxRuntimeExports.jsx(d.motion.div,{className:n.barActiveStyles({height:i,color:s}),style:{width:o},initial:{x:r==="rtl"?t.width+400:-400},animate:{direction:r,x:r==="rtl"?-t.width:t.width+o},transition:{repeat:1/0,duration:2,type:"tween"}}):e.jsxRuntimeExports.jsx(d.motion.div,{className:n.barActiveStyles({height:i,color:s}),layout:!0,initial:{width:"0%",zIndex:1},animate:{width:`${E}%`},transition:{duration:.5,type:"tween"}})})]})})};exports.ProgressBar=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra54.cjs"),x=require("./lyra53.cjs"),c=require("./lyra55.cjs"),N=require("./lyra120.cjs"),f=require("./lyra43.cjs"),u=require("./lyra44.cjs"),n=require("./lyra35.cjs"),d=require("./lyra116.cjs"),g=require("./lyra52.cjs"),S=({color:s,height:i,label:a,labelClassName:m,labelColor:j,labelVariant:y="body-medium",showValueText:p,valueTextClassName:w,valueTextColor:v,valueTextVariant:h="body-small",...R})=>{const[b,t]=N.default(),{direction:r}=g.useLocale(),o=t.width/3;return e.jsxRuntimeExports.jsx(x.ProgressBar,{...R,children:({isIndeterminate:q,percentage:E,valueText:l})=>e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between",children:[a?e.jsxRuntimeExports.jsx(x.Label,{className:c.twMerge(u.textStyles({color:j,variant:y,className:m})),children:a}):e.jsxRuntimeExports.jsx("div",{}),p&&l?e.jsxRuntimeExports.jsx(f.Text,{className:c.twMerge(u.textStyles({color:v,variant:h,className:w})),children:l}):null]}),e.jsxRuntimeExports.jsx("div",{ref:b,className:n.barStyles({height:i,color:s}),children:q?e.jsxRuntimeExports.jsx(d.motion.div,{className:n.barActiveStyles({height:i,color:s}),style:{width:o},initial:{x:r==="rtl"?t.width+400:-400},animate:{direction:r,x:r==="rtl"?-t.width:t.width+o},transition:{repeat:1/0,duration:2,type:"tween"}}):e.jsxRuntimeExports.jsx(d.motion.div,{className:n.barActiveStyles({height:i,color:s}),layout:!0,initial:{width:"0%",zIndex:1},animate:{width:`${E}%`},transition:{duration:.5,type:"tween"}})})]})})};exports.ProgressBar=S;

package/dist/lyra34.js

@@ -1,11 +1,11 @@
 import { j as e } from "./lyra54.js";
 import { ProgressBar as N, Label as S } from "./lyra53.js";
 import { twMerge as n } from "./lyra55.js";
-import g from "./lyra105.js";
+import g from "./lyra120.js";
 import { Text as A } from "./lyra43.js";
 import { textStyles as l } from "./lyra44.js";
 import { barStyles as B, barActiveStyles as d } from "./lyra35.js";
-import { motion as c } from "./lyra102.js";
+import { motion as c } from "./lyra116.js";
 import { useLocale as I } from "./lyra52.js";
 const q = ({
   color: i,

package/dist/lyra341.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./lyra303.cjs"),w=require("./lyra304.cjs"),F=require("./lyra397.cjs"),P=require("./lyra214.cjs"),d=require("./lyra221.cjs"),k=require("./lyra359.cjs"),D=require("./lyra230.cjs"),o=require("./lyra211.cjs"),K=k.memo(()=>Object.hasOwnProperty.call(Element.prototype,"animate")),V=new Set(["opacity","clipPath","filter","transform","backgroundColor"]),l=10,v=2e4,x=(i,r)=>r.type==="spring"||i==="backgroundColor"||!w.isWaapiSupportedEasing(r.ease);function C(i,r,{onUpdate:O,onComplete:p,...a}){if(!(K()&&V.has(r)&&!a.repeatDelay&&a.repeatType!=="mirror"&&a.damping!==0&&a.type!=="inertia"))return!1;let f=!1,y,g;const h=()=>{g=new Promise(e=>{y=e})};h();let{keyframes:s,duration:m=300,ease:A,times:T}=a;if(x(r,a)){const e=P.animateValue({...a,repeat:0,delay:0});let n={done:!1,value:s[0]};const q=[];let c=0;for(;!n.done&&c<v;)n=e.sample(c),q.push(n.value),c+=l;T=void 0,s=q,m=c-l,A="linear"}const t=b.animateStyle(i.owner.current,r,s,{...a,duration:m,ease:A,times:T});a.syncStart&&(t.startTime=o.frameData.isProcessing?o.frameData.timestamp:document.timeline?document.timeline.currentTime:performance.now());const S=()=>t.cancel(),u=()=>{o.frame.update(S),y(),h()};return t.onfinish=()=>{i.set(F.getFinalKeyframe(s,a)),p&&p(),u()},{then(e,n){return g.then(e,n)},attachTimeline(e){return t.timeline=e,t.onfinish=null,D.noop},get time(){return d.millisecondsToSeconds(t.currentTime||0)},set time(e){t.currentTime=d.secondsToMilliseconds(e)},get speed(){return t.playbackRate},set speed(e){t.playbackRate=e},get duration(){return d.millisecondsToSeconds(m)},play:()=>{f||(t.play(),o.cancelFrame(S))},pause:()=>t.pause(),stop:()=>{if(f=!0,t.playState==="idle")return;const{currentTime:e}=t;if(e){const n=P.animateValue({...a,autoplay:!1});i.setWithVelocity(n.sample(e-l).value,n.sample(e).value,l)}u()},complete:()=>t.finish(),cancel:u}}exports.createAcceleratedAnimation=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./lyra307.cjs"),w=require("./lyra308.cjs"),F=require("./lyra397.cjs"),P=require("./lyra217.cjs"),d=require("./lyra224.cjs"),k=require("./lyra359.cjs"),D=require("./lyra233.cjs"),o=require("./lyra214.cjs"),K=k.memo(()=>Object.hasOwnProperty.call(Element.prototype,"animate")),V=new Set(["opacity","clipPath","filter","transform","backgroundColor"]),l=10,v=2e4,x=(i,r)=>r.type==="spring"||i==="backgroundColor"||!w.isWaapiSupportedEasing(r.ease);function C(i,r,{onUpdate:O,onComplete:p,...a}){if(!(K()&&V.has(r)&&!a.repeatDelay&&a.repeatType!=="mirror"&&a.damping!==0&&a.type!=="inertia"))return!1;let f=!1,y,g;const h=()=>{g=new Promise(e=>{y=e})};h();let{keyframes:s,duration:m=300,ease:A,times:T}=a;if(x(r,a)){const e=P.animateValue({...a,repeat:0,delay:0});let n={done:!1,value:s[0]};const q=[];let c=0;for(;!n.done&&c<v;)n=e.sample(c),q.push(n.value),c+=l;T=void 0,s=q,m=c-l,A="linear"}const t=b.animateStyle(i.owner.current,r,s,{...a,duration:m,ease:A,times:T});a.syncStart&&(t.startTime=o.frameData.isProcessing?o.frameData.timestamp:document.timeline?document.timeline.currentTime:performance.now());const S=()=>t.cancel(),u=()=>{o.frame.update(S),y(),h()};return t.onfinish=()=>{i.set(F.getFinalKeyframe(s,a)),p&&p(),u()},{then(e,n){return g.then(e,n)},attachTimeline(e){return t.timeline=e,t.onfinish=null,D.noop},get time(){return d.millisecondsToSeconds(t.currentTime||0)},set time(e){t.currentTime=d.secondsToMilliseconds(e)},get speed(){return t.playbackRate},set speed(e){t.playbackRate=e},get duration(){return d.millisecondsToSeconds(m)},play:()=>{f||(t.play(),o.cancelFrame(S))},pause:()=>t.pause(),stop:()=>{if(f=!0,t.playState==="idle")return;const{currentTime:e}=t;if(e){const n=P.animateValue({...a,autoplay:!1});i.setWithVelocity(n.sample(e-l).value,n.sample(e).value,l)}u()},complete:()=>t.finish(),cancel:u}}exports.createAcceleratedAnimation=C;

package/dist/lyra341.js

@@ -1,11 +1,11 @@
-import { animateStyle as b } from "./lyra303.js";
-import { isWaapiSupportedEasing as k } from "./lyra304.js";
+import { animateStyle as b } from "./lyra307.js";
+import { isWaapiSupportedEasing as k } from "./lyra308.js";
 import { getFinalKeyframe as F } from "./lyra397.js";
-import { animateValue as P } from "./lyra214.js";
-import { millisecondsToSeconds as S, secondsToMilliseconds as D } from "./lyra221.js";
+import { animateValue as P } from "./lyra217.js";
+import { millisecondsToSeconds as S, secondsToMilliseconds as D } from "./lyra224.js";
 import { memo as K } from "./lyra359.js";
-import { noop as V } from "./lyra230.js";
-import { frameData as w, frame as W, cancelFrame as x } from "./lyra211.js";
+import { noop as V } from "./lyra233.js";
+import { frameData as w, frame as W, cancelFrame as x } from "./lyra214.js";
 const C = K(() => Object.hasOwnProperty.call(Element.prototype, "animate")), E = /* @__PURE__ */ new Set([
   "opacity",
   "clipPath",

package/dist/lyra342.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra214.cjs"),e=require("./lyra230.cjs");function s({keyframes:n,delay:t,onUpdate:o,onComplete:r}){const i=()=>(o&&o(n[n.length-1]),r&&r(),{time:0,speed:1,duration:0,play:e.noop,pause:e.noop,stop:e.noop,then:a=>(a(),Promise.resolve()),cancel:e.noop,complete:e.noop});return t?u.animateValue({keyframes:[0,1],duration:0,delay:t,onComplete:i}):i()}exports.createInstantAnimation=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra217.cjs"),e=require("./lyra233.cjs");function s({keyframes:n,delay:t,onUpdate:o,onComplete:r}){const i=()=>(o&&o(n[n.length-1]),r&&r(),{time:0,speed:1,duration:0,play:e.noop,pause:e.noop,stop:e.noop,then:a=>(a(),Promise.resolve()),cancel:e.noop,complete:e.noop});return t?u.animateValue({keyframes:[0,1],duration:0,delay:t,onComplete:i}):i()}exports.createInstantAnimation=s;

package/dist/lyra342.js

@@ -1,5 +1,5 @@
-import { animateValue as m } from "./lyra214.js";
-import { noop as e } from "./lyra230.js";
+import { animateValue as m } from "./lyra217.js";
+import { noop as e } from "./lyra233.js";
 function s({ keyframes: t, delay: n, onUpdate: r, onComplete: o }) {
   const a = () => (r && r(t[t.length - 1]), o && o(), {
     time: 0,

package/dist/lyra343.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra202.cjs"),s={type:"spring",stiffness:500,damping:25,restSpeed:10},n=e=>({type:"spring",stiffness:550,damping:e===0?2*Math.sqrt(550):30,restSpeed:10}),i={type:"keyframes",duration:.8},a={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},o=(e,{keyframes:t})=>t.length>2?i:r.transformProps.has(e)?e.startsWith("scale")?n(t[1]):s:a;exports.getDefaultTransition=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra205.cjs"),s={type:"spring",stiffness:500,damping:25,restSpeed:10},n=e=>({type:"spring",stiffness:550,damping:e===0?2*Math.sqrt(550):30,restSpeed:10}),i={type:"keyframes",duration:.8},a={type:"keyframes",ease:[.25,.1,.35,1],duration:.3},o=(e,{keyframes:t})=>t.length>2?i:r.transformProps.has(e)?e.startsWith("scale")?n(t[1]):s:a;exports.getDefaultTransition=o;

package/dist/lyra343.js

@@ -1,4 +1,4 @@
-import { transformProps as s } from "./lyra202.js";
+import { transformProps as s } from "./lyra205.js";
 const r = {
   type: "spring",
   stiffness: 500,

package/dist/lyra344.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra228.cjs"),i=(t,r)=>t==="zIndex"?!1:!!(typeof r=="number"||Array.isArray(r)||typeof r=="string"&&(e.complex.test(r)||r==="0")&&!r.startsWith("url("));exports.isAnimatable=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra231.cjs"),i=(t,r)=>t==="zIndex"?!1:!!(typeof r=="number"||Array.isArray(r)||typeof r=="string"&&(e.complex.test(r)||r==="0")&&!r.startsWith("url("));exports.isAnimatable=i;

package/dist/lyra344.js

@@ -1,4 +1,4 @@
-import { complex as e } from "./lyra228.js";
+import { complex as e } from "./lyra231.js";
 const n = (t, r) => t === "zIndex" ? !1 : !!(typeof r == "number" || Array.isArray(r) || typeof r == "string" && // It's animatable if we have a string
 (e.test(r) || r === "0") && // And it contains numbers and/or colors
 !r.startsWith("url("));

package/dist/lyra345.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra261.cjs"),c=require("./lyra344.cjs"),d=require("./lyra398.cjs");function g(s,r,i,o){const a=c.isAnimatable(r,i);let n;Array.isArray(i)?n=[...i]:n=[null,i];const f=o.from!==void 0?o.from:s.get();let l;const t=[];for(let e=0;e<n.length;e++)n[e]===null&&(n[e]=e===0?f:n[e-1]),d.isNone(n[e])&&t.push(e),typeof n[e]=="string"&&n[e]!=="none"&&n[e]!=="0"&&(l=n[e]);if(a&&t.length&&l)for(let e=0;e<t.length;e++){const u=t[e];n[u]=m.getAnimatableNone(r,l)}return n}exports.getKeyframes=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra264.cjs"),c=require("./lyra344.cjs"),d=require("./lyra398.cjs");function g(s,r,i,o){const a=c.isAnimatable(r,i);let n;Array.isArray(i)?n=[...i]:n=[null,i];const f=o.from!==void 0?o.from:s.get();let l;const t=[];for(let e=0;e<n.length;e++)n[e]===null&&(n[e]=e===0?f:n[e-1]),d.isNone(n[e])&&t.push(e),typeof n[e]=="string"&&n[e]!=="none"&&n[e]!=="0"&&(l=n[e]);if(a&&t.length&&l)for(let e=0;e<t.length;e++){const u=t[e];n[u]=m.getAnimatableNone(r,l)}return n}exports.getKeyframes=g;

package/dist/lyra345.js

@@ -1,4 +1,4 @@
-import { getAnimatableNone as u } from "./lyra261.js";
+import { getAnimatableNone as u } from "./lyra264.js";
 import { isAnimatable as d } from "./lyra344.js";
 import { isNone as p } from "./lyra398.js";
 function A(l, o, i, r) {

package/dist/lyra346.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("./lyra249.cjs"),q=require("./lyra243.cjs"),s=require("./lyra241.cjs"),h=require("./lyra230.cjs"),d=require("./lyra232.cjs"),y=["TopLeft","TopRight","BottomLeft","BottomRight"],M=y.length,f=t=>typeof t=="string"?parseFloat(t):t,p=t=>typeof t=="number"||d.px.test(t);function B(t,e,i,n,x,b){x?(t.opacity=s.mix(0,i.opacity!==void 0?i.opacity:1,L(n)),t.opacityExit=s.mix(e.opacity!==void 0?e.opacity:1,0,O(n))):b&&(t.opacity=s.mix(e.opacity!==void 0?e.opacity:1,i.opacity!==void 0?i.opacity:1,n));for(let u=0;u<M;u++){const c=`border${y[u]}Radius`;let r=a(e,c),o=a(i,c);if(r===void 0&&o===void 0)continue;r||(r=0),o||(o=0),r===0||o===0||p(r)===p(o)?(t[c]=Math.max(s.mix(f(r),f(o),n),0),(d.percent.test(o)||d.percent.test(r))&&(t[c]+="%")):t[c]=o}(e.rotate||i.rotate)&&(t.rotate=s.mix(e.rotate||0,i.rotate||0,n))}function a(t,e){return t[e]!==void 0?t[e]:t.borderRadius}const L=m(0,.5,R.circOut),O=m(.5,.95,h.noop);function m(t,e,i){return n=>n<t?0:n>e?1:i(q.progress(t,e,n))}exports.mixValues=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("./lyra252.cjs"),q=require("./lyra246.cjs"),s=require("./lyra244.cjs"),h=require("./lyra233.cjs"),d=require("./lyra235.cjs"),y=["TopLeft","TopRight","BottomLeft","BottomRight"],M=y.length,f=t=>typeof t=="string"?parseFloat(t):t,p=t=>typeof t=="number"||d.px.test(t);function B(t,e,i,n,x,b){x?(t.opacity=s.mix(0,i.opacity!==void 0?i.opacity:1,L(n)),t.opacityExit=s.mix(e.opacity!==void 0?e.opacity:1,0,O(n))):b&&(t.opacity=s.mix(e.opacity!==void 0?e.opacity:1,i.opacity!==void 0?i.opacity:1,n));for(let u=0;u<M;u++){const c=`border${y[u]}Radius`;let r=a(e,c),o=a(i,c);if(r===void 0&&o===void 0)continue;r||(r=0),o||(o=0),r===0||o===0||p(r)===p(o)?(t[c]=Math.max(s.mix(f(r),f(o),n),0),(d.percent.test(o)||d.percent.test(r))&&(t[c]+="%")):t[c]=o}(e.rotate||i.rotate)&&(t.rotate=s.mix(e.rotate||0,i.rotate||0,n))}function a(t,e){return t[e]!==void 0?t[e]:t.borderRadius}const L=m(0,.5,R.circOut),O=m(.5,.95,h.noop);function m(t,e,i){return n=>n<t?0:n>e?1:i(q.progress(t,e,n))}exports.mixValues=B;