@weng-lab/visualization 2.5.1 → 2.6.0-beta.1

package/dist/visualization.es331.js

@@ -1,5 +1,23 @@
-const n = /* @__NO_SIDE_EFFECTS__ */ (o) => o;
+import { resolveVariant as c } from "./visualization.es284.js";
+import { animateTarget as p } from "./visualization.es332.js";
+import { animateVariant as e } from "./visualization.es333.js";
+function n(a, r, t = {}) {
+  a.notify("AnimationStart", r);
+  let m;
+  if (Array.isArray(r)) {
+    const o = r.map((y) => e(a, y, t));
+    m = Promise.all(o);
+  } else if (typeof r == "string")
+    m = e(a, r, t);
+  else {
+    const o = typeof r == "function" ? c(a, r, t.custom) : r;
+    m = Promise.all(p(a, o, t));
+  }
+  return m.then(() => {
+    a.notify("AnimationComplete", r);
+  });
+}
 export {
-  n as noop
+  n as animateVisualElement
 };
 //# sourceMappingURL=visualization.es331.js.map

package/dist/visualization.es331.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es331.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/noop.mjs"],"sourcesContent":["/*#__NO_SIDE_EFFECTS__*/\nconst noop = (any) => any;\n\nexport { noop };\n//# sourceMappingURL=noop.mjs.map\n"],"names":["noop","any"],"mappings":"AACK,MAACA,+BAAO,CAACC,MAAQA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es331.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/interfaces/visual-element.mjs"],"sourcesContent":["import { resolveVariant } from '../../render/utils/resolve-dynamic-variants.mjs';\nimport { animateTarget } from './visual-element-target.mjs';\nimport { animateVariant } from './visual-element-variant.mjs';\n\nfunction animateVisualElement(visualElement, definition, options = {}) {\n    visualElement.notify(\"AnimationStart\", definition);\n    let animation;\n    if (Array.isArray(definition)) {\n        const animations = definition.map((variant) => animateVariant(visualElement, variant, options));\n        animation = Promise.all(animations);\n    }\n    else if (typeof definition === \"string\") {\n        animation = animateVariant(visualElement, definition, options);\n    }\n    else {\n        const resolvedDefinition = typeof definition === \"function\"\n            ? resolveVariant(visualElement, definition, options.custom)\n            : definition;\n        animation = Promise.all(animateTarget(visualElement, resolvedDefinition, options));\n    }\n    return animation.then(() => {\n        visualElement.notify(\"AnimationComplete\", definition);\n    });\n}\n\nexport { animateVisualElement };\n//# sourceMappingURL=visual-element.mjs.map\n"],"names":["animateVisualElement","visualElement","definition","options","animation","animations","variant","animateVariant","resolvedDefinition","resolveVariant","animateTarget"],"mappings":";;;AAIA,SAASA,EAAqBC,GAAeC,GAAYC,IAAU,CAAA,GAAI;AACnE,EAAAF,EAAc,OAAO,kBAAkBC,CAAU;AACjD,MAAIE;AACJ,MAAI,MAAM,QAAQF,CAAU,GAAG;AAC3B,UAAMG,IAAaH,EAAW,IAAI,CAACI,MAAYC,EAAeN,GAAeK,GAASH,CAAO,CAAC;AAC9F,IAAAC,IAAY,QAAQ,IAAIC,CAAU;AAAA,EACtC,WACS,OAAOH,KAAe;AAC3B,IAAAE,IAAYG,EAAeN,GAAeC,GAAYC,CAAO;AAAA,OAE5D;AACD,UAAMK,IAAqB,OAAON,KAAe,aAC3CO,EAAeR,GAAeC,GAAYC,EAAQ,MAAM,IACxDD;AACN,IAAAE,IAAY,QAAQ,IAAIM,EAAcT,GAAeO,GAAoBL,CAAO,CAAC;AAAA,EACrF;AACA,SAAOC,EAAU,KAAK,MAAM;AACxB,IAAAH,EAAc,OAAO,qBAAqBC,CAAU;AAAA,EACxD,CAAC;AACL;","x_google_ignoreList":[0]}

package/dist/visualization.es332.js

@@ -1,9 +1,57 @@
-import { getMixer as m } from "./visualization.es418.js";
-import { mixNumber as t } from "./visualization.es385.js";
-function o(e, r, i) {
-  return typeof e == "number" && typeof r == "number" && typeof i == "number" ? t(e, r, i) : m(e)(e, r);
+import { getValueTransition as S } from "./visualization.es326.js";
+import { resolveTransition as H } from "./visualization.es327.js";
+import { positionalKeys as B } from "./visualization.es334.js";
+import { setTarget as I } from "./visualization.es335.js";
+import { addValueToWillChange as P } from "./visualization.es336.js";
+import { getOptimisedAppearId as R } from "./visualization.es337.js";
+import { animateMotionValue as k } from "./visualization.es329.js";
+import { frame as d } from "./visualization.es330.js";
+function x({ protectedKeys: t, needsAnimating: r }, a) {
+  const s = t.hasOwnProperty(a) && r[a] !== !0;
+  return r[a] = !1, s;
+}
+function z(t, r, { delay: a = 0, transitionOverride: s, type: m } = {}) {
+  let { transition: n, transitionEnd: c, ...p } = r;
+  const l = t.getDefaultTransition();
+  n = n ? H(n, l) : l;
+  const V = n?.reduceMotion;
+  s && (n = s);
+  const f = [], T = m && t.animationState && t.animationState.getState()[m];
+  for (const o in p) {
+    const i = t.getValue(o, t.latestValues[o] ?? null), e = p[o];
+    if (e === void 0 || T && x(T, o))
+      continue;
+    const u = {
+      delay: a,
+      ...S(n || {}, o)
+    }, g = i.get();
+    if (g !== void 0 && !i.isAnimating() && !Array.isArray(e) && e === g && !u.velocity) {
+      d.update(() => i.set(e));
+      continue;
+    }
+    let h = !1;
+    if (window.MotionHandoffAnimation) {
+      const y = R(t);
+      if (y) {
+        const A = window.MotionHandoffAnimation(y, o, d);
+        A !== null && (u.startTime = A, h = !0);
+      }
+    }
+    P(t, o);
+    const w = V ?? t.shouldReduceMotion;
+    i.start(k(o, i, e, w && B.has(o) ? { type: !1 } : u, t, h));
+    const M = i.animation;
+    M && f.push(M);
+  }
+  if (c) {
+    const o = () => d.update(() => {
+      c && I(t, c);
+    });
+    f.length ? Promise.all(f).then(o) : o();
+  }
+  return f;
 }
 export {
-  o as mix
+  z as animateTarget
 };
 //# sourceMappingURL=visualization.es332.js.map

package/dist/visualization.es332.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es332.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/mix/index.mjs"],"sourcesContent":["import { getMixer } from './complex.mjs';\nimport { mixNumber } from './number.mjs';\n\nfunction mix(from, to, p) {\n    if (typeof from === \"number\" &&\n        typeof to === \"number\" &&\n        typeof p === \"number\") {\n        return mixNumber(from, to, p);\n    }\n    const mixer = getMixer(from);\n    return mixer(from, to);\n}\n\nexport { mix };\n//# sourceMappingURL=index.mjs.map\n"],"names":["mix","from","to","p","mixNumber","getMixer"],"mappings":";;AAGA,SAASA,EAAIC,GAAMC,GAAIC,GAAG;AACtB,SAAI,OAAOF,KAAS,YAChB,OAAOC,KAAO,YACd,OAAOC,KAAM,WACNC,EAAUH,GAAMC,GAAIC,CAAC,IAElBE,EAASJ,CAAI,EACdA,GAAMC,CAAE;AACzB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es332.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/interfaces/visual-element-target.mjs"],"sourcesContent":["import { getValueTransition } from '../utils/get-value-transition.mjs';\nimport { resolveTransition } from '../utils/resolve-transition.mjs';\nimport { positionalKeys } from '../../render/utils/keys-position.mjs';\nimport { setTarget } from '../../render/utils/setters.mjs';\nimport { addValueToWillChange } from '../../value/will-change/add-will-change.mjs';\nimport { getOptimisedAppearId } from '../optimized-appear/get-appear-id.mjs';\nimport { animateMotionValue } from './motion-value.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\n/**\n * Decide whether we should block this animation. Previously, we achieved this\n * just by checking whether the key was listed in protectedKeys, but this\n * posed problems if an animation was triggered by afterChildren and protectedKeys\n * had been set to true in the meantime.\n */\nfunction shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {\n    const shouldBlock = protectedKeys.hasOwnProperty(key) && needsAnimating[key] !== true;\n    needsAnimating[key] = false;\n    return shouldBlock;\n}\nfunction animateTarget(visualElement, targetAndTransition, { delay = 0, transitionOverride, type } = {}) {\n    let { transition, transitionEnd, ...target } = targetAndTransition;\n    const defaultTransition = visualElement.getDefaultTransition();\n    transition = transition\n        ? resolveTransition(transition, defaultTransition)\n        : defaultTransition;\n    const reduceMotion = transition?.reduceMotion;\n    if (transitionOverride)\n        transition = transitionOverride;\n    const animations = [];\n    const animationTypeState = type &&\n        visualElement.animationState &&\n        visualElement.animationState.getState()[type];\n    for (const key in target) {\n        const value = visualElement.getValue(key, visualElement.latestValues[key] ?? null);\n        const valueTarget = target[key];\n        if (valueTarget === undefined ||\n            (animationTypeState &&\n                shouldBlockAnimation(animationTypeState, key))) {\n            continue;\n        }\n        const valueTransition = {\n            delay,\n            ...getValueTransition(transition || {}, key),\n        };\n        /**\n         * If the value is already at the defined target, skip the animation.\n         * We still re-assert the value via frame.update to take precedence\n         * over any stale transitionEnd callbacks from previous animations.\n         */\n        const currentValue = value.get();\n        if (currentValue !== undefined &&\n            !value.isAnimating() &&\n            !Array.isArray(valueTarget) &&\n            valueTarget === currentValue &&\n            !valueTransition.velocity) {\n            frame.update(() => value.set(valueTarget));\n            continue;\n        }\n        /**\n         * If this is the first time a value is being animated, check\n         * to see if we're handling off from an existing animation.\n         */\n        let isHandoff = false;\n        if (window.MotionHandoffAnimation) {\n            const appearId = getOptimisedAppearId(visualElement);\n            if (appearId) {\n                const startTime = window.MotionHandoffAnimation(appearId, key, frame);\n                if (startTime !== null) {\n                    valueTransition.startTime = startTime;\n                    isHandoff = true;\n                }\n            }\n        }\n        addValueToWillChange(visualElement, key);\n        const shouldReduceMotion = reduceMotion ?? visualElement.shouldReduceMotion;\n        value.start(animateMotionValue(key, value, valueTarget, shouldReduceMotion && positionalKeys.has(key)\n            ? { type: false }\n            : valueTransition, visualElement, isHandoff));\n        const animation = value.animation;\n        if (animation) {\n            animations.push(animation);\n        }\n    }\n    if (transitionEnd) {\n        const applyTransitionEnd = () => frame.update(() => {\n            transitionEnd && setTarget(visualElement, transitionEnd);\n        });\n        if (animations.length) {\n            Promise.all(animations).then(applyTransitionEnd);\n        }\n        else {\n            applyTransitionEnd();\n        }\n    }\n    return animations;\n}\n\nexport { animateTarget };\n//# sourceMappingURL=visual-element-target.mjs.map\n"],"names":["shouldBlockAnimation","protectedKeys","needsAnimating","key","shouldBlock","animateTarget","visualElement","targetAndTransition","delay","transitionOverride","type","transition","transitionEnd","target","defaultTransition","resolveTransition","reduceMotion","animations","animationTypeState","value","valueTarget","valueTransition","getValueTransition","currentValue","frame","isHandoff","appearId","getOptimisedAppearId","startTime","addValueToWillChange","shouldReduceMotion","animateMotionValue","positionalKeys","animation","applyTransitionEnd","setTarget"],"mappings":";;;;;;;;AAeA,SAASA,EAAqB,EAAE,eAAAC,GAAe,gBAAAC,EAAc,GAAIC,GAAK;AAClE,QAAMC,IAAcH,EAAc,eAAeE,CAAG,KAAKD,EAAeC,CAAG,MAAM;AACjF,SAAAD,EAAeC,CAAG,IAAI,IACfC;AACX;AACA,SAASC,EAAcC,GAAeC,GAAqB,EAAE,OAAAC,IAAQ,GAAG,oBAAAC,GAAoB,MAAAC,EAAI,IAAK,IAAI;AACrG,MAAI,EAAE,YAAAC,GAAY,eAAAC,GAAe,GAAGC,EAAM,IAAKN;AAC/C,QAAMO,IAAoBR,EAAc,qBAAoB;AAC5D,EAAAK,IAAaA,IACPI,EAAkBJ,GAAYG,CAAiB,IAC/CA;AACN,QAAME,IAAeL,GAAY;AACjC,EAAIF,MACAE,IAAaF;AACjB,QAAMQ,IAAa,CAAA,GACbC,IAAqBR,KACvBJ,EAAc,kBACdA,EAAc,eAAe,SAAQ,EAAGI,CAAI;AAChD,aAAWP,KAAOU,GAAQ;AACtB,UAAMM,IAAQb,EAAc,SAASH,GAAKG,EAAc,aAAaH,CAAG,KAAK,IAAI,GAC3EiB,IAAcP,EAAOV,CAAG;AAC9B,QAAIiB,MAAgB,UACfF,KACGlB,EAAqBkB,GAAoBf,CAAG;AAChD;AAEJ,UAAMkB,IAAkB;AAAA,MACpB,OAAAb;AAAA,MACA,GAAGc,EAAmBX,KAAc,CAAA,GAAIR,CAAG;AAAA,IACvD,GAMcoB,IAAeJ,EAAM,IAAG;AAC9B,QAAII,MAAiB,UACjB,CAACJ,EAAM,YAAW,KAClB,CAAC,MAAM,QAAQC,CAAW,KAC1BA,MAAgBG,KAChB,CAACF,EAAgB,UAAU;AAC3B,MAAAG,EAAM,OAAO,MAAML,EAAM,IAAIC,CAAW,CAAC;AACzC;AAAA,IACJ;AAKA,QAAIK,IAAY;AAChB,QAAI,OAAO,wBAAwB;AAC/B,YAAMC,IAAWC,EAAqBrB,CAAa;AACnD,UAAIoB,GAAU;AACV,cAAME,IAAY,OAAO,uBAAuBF,GAAUvB,GAAKqB,CAAK;AACpE,QAAII,MAAc,SACdP,EAAgB,YAAYO,GAC5BH,IAAY;AAAA,MAEpB;AAAA,IACJ;AACA,IAAAI,EAAqBvB,GAAeH,CAAG;AACvC,UAAM2B,IAAqBd,KAAgBV,EAAc;AACzD,IAAAa,EAAM,MAAMY,EAAmB5B,GAAKgB,GAAOC,GAAaU,KAAsBE,EAAe,IAAI7B,CAAG,IAC9F,EAAE,MAAM,GAAK,IACbkB,GAAiBf,GAAemB,CAAS,CAAC;AAChD,UAAMQ,IAAYd,EAAM;AACxB,IAAIc,KACAhB,EAAW,KAAKgB,CAAS;AAAA,EAEjC;AACA,MAAIrB,GAAe;AACf,UAAMsB,IAAqB,MAAMV,EAAM,OAAO,MAAM;AAChD,MAAAZ,KAAiBuB,EAAU7B,GAAeM,CAAa;AAAA,IAC3D,CAAC;AACD,IAAIK,EAAW,SACX,QAAQ,IAAIA,CAAU,EAAE,KAAKiB,CAAkB,IAG/CA,EAAkB;AAAA,EAE1B;AACA,SAAOjB;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es333.js

@@ -1,18 +1,30 @@
-import { time as o } from "./visualization.es321.js";
-import { frameData as e, cancelFrame as a, frame as s } from "./visualization.es359.js";
-const n = (m) => {
-  const t = ({ timestamp: r }) => m(r);
-  return {
-    start: (r = !0) => s.update(t, r),
-    stop: () => a(t),
-    /**
-     * If we're processing this frame we can use the
-     * framelocked timestamp to keep things in sync.
-     */
-    now: () => e.isProcessing ? e.timestamp : o.now()
-  };
-};
+import { resolveVariant as h } from "./visualization.es284.js";
+import { calcChildStagger as l } from "./visualization.es320.js";
+import { animateTarget as g } from "./visualization.es332.js";
+function C(r, i, t = {}) {
+  const n = h(r, i, t.type === "exit" ? r.presenceContext?.custom : void 0);
+  let { transition: o = r.getDefaultTransition() || {} } = n || {};
+  t.transitionOverride && (o = t.transitionOverride);
+  const a = n ? () => Promise.all(g(r, n, t)) : () => Promise.resolve(), s = r.variantChildren && r.variantChildren.size ? (e = 0) => {
+    const { delayChildren: f = 0, staggerChildren: d, staggerDirection: m } = o;
+    return y(r, i, e, f, d, m, t);
+  } : () => Promise.resolve(), { when: c } = o;
+  if (c) {
+    const [e, f] = c === "beforeChildren" ? [a, s] : [s, a];
+    return e().then(() => f());
+  } else
+    return Promise.all([a(), s(t.delay)]);
+}
+function y(r, i, t = 0, n = 0, o = 0, a = 1, s) {
+  const c = [];
+  for (const e of r.variantChildren)
+    e.notify("AnimationStart", i), c.push(C(e, i, {
+      ...s,
+      delay: t + (typeof n == "function" ? 0 : n) + l(r.variantChildren, e, n, o, a)
+    }).then(() => e.notify("AnimationComplete", i)));
+  return Promise.all(c);
+}
 export {
-  n as frameloopDriver
+  C as animateVariant
 };
 //# sourceMappingURL=visualization.es333.js.map

package/dist/visualization.es333.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es333.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/drivers/frame.mjs"],"sourcesContent":["import { time } from '../../frameloop/sync-time.mjs';\nimport { frameData, cancelFrame, frame } from '../../frameloop/frame.mjs';\n\nconst frameloopDriver = (update) => {\n    const passTimestamp = ({ timestamp }) => update(timestamp);\n    return {\n        start: (keepAlive = true) => frame.update(passTimestamp, keepAlive),\n        stop: () => cancelFrame(passTimestamp),\n        /**\n         * If we're processing this frame we can use the\n         * framelocked timestamp to keep things in sync.\n         */\n        now: () => (frameData.isProcessing ? frameData.timestamp : time.now()),\n    };\n};\n\nexport { frameloopDriver };\n//# sourceMappingURL=frame.mjs.map\n"],"names":["frameloopDriver","update","passTimestamp","timestamp","keepAlive","frame","cancelFrame","frameData","time"],"mappings":";;AAGK,MAACA,IAAkB,CAACC,MAAW;AAChC,QAAMC,IAAgB,CAAC,EAAE,WAAAC,EAAS,MAAOF,EAAOE,CAAS;AACzD,SAAO;AAAA,IACH,OAAO,CAACC,IAAY,OAASC,EAAM,OAAOH,GAAeE,CAAS;AAAA,IAClE,MAAM,MAAME,EAAYJ,CAAa;AAAA;AAAA;AAAA;AAAA;AAAA,IAKrC,KAAK,MAAOK,EAAU,eAAeA,EAAU,YAAYC,EAAK;EACxE;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es333.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/interfaces/visual-element-variant.mjs"],"sourcesContent":["import { resolveVariant } from '../../render/utils/resolve-dynamic-variants.mjs';\nimport { calcChildStagger } from '../utils/calc-child-stagger.mjs';\nimport { animateTarget } from './visual-element-target.mjs';\n\nfunction animateVariant(visualElement, variant, options = {}) {\n    const resolved = resolveVariant(visualElement, variant, options.type === \"exit\"\n        ? visualElement.presenceContext?.custom\n        : undefined);\n    let { transition = visualElement.getDefaultTransition() || {} } = resolved || {};\n    if (options.transitionOverride) {\n        transition = options.transitionOverride;\n    }\n    /**\n     * If we have a variant, create a callback that runs it as an animation.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getAnimation = resolved\n        ? () => Promise.all(animateTarget(visualElement, resolved, options))\n        : () => Promise.resolve();\n    /**\n     * If we have children, create a callback that runs all their animations.\n     * Otherwise, we resolve a Promise immediately for a composable no-op.\n     */\n    const getChildAnimations = visualElement.variantChildren && visualElement.variantChildren.size\n        ? (forwardDelay = 0) => {\n            const { delayChildren = 0, staggerChildren, staggerDirection, } = transition;\n            return animateChildren(visualElement, variant, forwardDelay, delayChildren, staggerChildren, staggerDirection, options);\n        }\n        : () => Promise.resolve();\n    /**\n     * If the transition explicitly defines a \"when\" option, we need to resolve either\n     * this animation or all children animations before playing the other.\n     */\n    const { when } = transition;\n    if (when) {\n        const [first, last] = when === \"beforeChildren\"\n            ? [getAnimation, getChildAnimations]\n            : [getChildAnimations, getAnimation];\n        return first().then(() => last());\n    }\n    else {\n        return Promise.all([getAnimation(), getChildAnimations(options.delay)]);\n    }\n}\nfunction animateChildren(visualElement, variant, delay = 0, delayChildren = 0, staggerChildren = 0, staggerDirection = 1, options) {\n    const animations = [];\n    for (const child of visualElement.variantChildren) {\n        child.notify(\"AnimationStart\", variant);\n        animations.push(animateVariant(child, variant, {\n            ...options,\n            delay: delay +\n                (typeof delayChildren === \"function\" ? 0 : delayChildren) +\n                calcChildStagger(visualElement.variantChildren, child, delayChildren, staggerChildren, staggerDirection),\n        }).then(() => child.notify(\"AnimationComplete\", variant)));\n    }\n    return Promise.all(animations);\n}\n\nexport { animateVariant };\n//# sourceMappingURL=visual-element-variant.mjs.map\n"],"names":["animateVariant","visualElement","variant","options","resolved","resolveVariant","transition","getAnimation","animateTarget","getChildAnimations","forwardDelay","delayChildren","staggerChildren","staggerDirection","animateChildren","when","first","last","delay","animations","child","calcChildStagger"],"mappings":";;;AAIA,SAASA,EAAeC,GAAeC,GAASC,IAAU,CAAA,GAAI;AAC1D,QAAMC,IAAWC,EAAeJ,GAAeC,GAASC,EAAQ,SAAS,SACnEF,EAAc,iBAAiB,SAC/B,MAAS;AACf,MAAI,EAAE,YAAAK,IAAaL,EAAc,qBAAoB,KAAM,CAAA,EAAE,IAAKG,KAAY,CAAA;AAC9E,EAAID,EAAQ,uBACRG,IAAaH,EAAQ;AAMzB,QAAMI,IAAeH,IACf,MAAM,QAAQ,IAAII,EAAcP,GAAeG,GAAUD,CAAO,CAAC,IACjE,MAAM,QAAQ,QAAO,GAKrBM,IAAqBR,EAAc,mBAAmBA,EAAc,gBAAgB,OACpF,CAACS,IAAe,MAAM;AACpB,UAAM,EAAE,eAAAC,IAAgB,GAAG,iBAAAC,GAAiB,kBAAAC,EAAgB,IAAMP;AAClE,WAAOQ,EAAgBb,GAAeC,GAASQ,GAAcC,GAAeC,GAAiBC,GAAkBV,CAAO;AAAA,EAC1H,IACE,MAAM,QAAQ,QAAO,GAKrB,EAAE,MAAAY,EAAI,IAAKT;AACjB,MAAIS,GAAM;AACN,UAAM,CAACC,GAAOC,CAAI,IAAIF,MAAS,mBACzB,CAACR,GAAcE,CAAkB,IACjC,CAACA,GAAoBF,CAAY;AACvC,WAAOS,EAAK,EAAG,KAAK,MAAMC,EAAI,CAAE;AAAA,EACpC;AAEI,WAAO,QAAQ,IAAI,CAACV,EAAY,GAAIE,EAAmBN,EAAQ,KAAK,CAAC,CAAC;AAE9E;AACA,SAASW,EAAgBb,GAAeC,GAASgB,IAAQ,GAAGP,IAAgB,GAAGC,IAAkB,GAAGC,IAAmB,GAAGV,GAAS;AAC/H,QAAMgB,IAAa,CAAA;AACnB,aAAWC,KAASnB,EAAc;AAC9B,IAAAmB,EAAM,OAAO,kBAAkBlB,CAAO,GACtCiB,EAAW,KAAKnB,EAAeoB,GAAOlB,GAAS;AAAA,MAC3C,GAAGC;AAAA,MACH,OAAOe,KACF,OAAOP,KAAkB,aAAa,IAAIA,KAC3CU,EAAiBpB,EAAc,iBAAiBmB,GAAOT,GAAeC,GAAiBC,CAAgB;AAAA,IACvH,CAAS,EAAE,KAAK,MAAMO,EAAM,OAAO,qBAAqBlB,CAAO,CAAC,CAAC;AAE7D,SAAO,QAAQ,IAAIiB,CAAU;AACjC;","x_google_ignoreList":[0]}

package/dist/visualization.es334.js

@@ -1,38 +1,14 @@
-import { spring as L } from "./visualization.es369.js";
-import { getGeneratorVelocity as R } from "./visualization.es337.js";
-function $({ keyframes: v, velocity: B = 0, power: M = 0.8, timeConstant: b = 325, bounceDamping: k = 10, bounceStiffness: F = 500, modifyTarget: l, min: t, max: a, restDelta: f = 0.5, restSpeed: O }) {
-  const s = v[0], n = {
-    done: !1,
-    value: s
-  }, C = (e) => t !== void 0 && e < t || a !== void 0 && e > a, D = (e) => t === void 0 ? a : a === void 0 || Math.abs(t - e) < Math.abs(a - e) ? t : a;
-  let d = M * B;
-  const i = s + d, u = l === void 0 ? i : l(i);
-  u !== i && (d = u - s);
-  const p = (e) => -d * Math.exp(-e / b), h = (e) => u + p(e), y = (e) => {
-    const o = p(e), G = h(e);
-    n.done = Math.abs(o) <= f, n.value = n.done ? u : G;
-  };
-  let r, c;
-  const g = (e) => {
-    C(n.value) && (r = e, c = L({
-      keyframes: [n.value, D(n.value)],
-      velocity: R(h, e, n.value),
-      // TODO: This should be passing * 1000
-      damping: k,
-      stiffness: F,
-      restDelta: f,
-      restSpeed: O
-    }));
-  };
-  return g(0), {
-    calculatedDuration: null,
-    next: (e) => {
-      let o = !1;
-      return !c && r === void 0 && (o = !0, y(e), g(e)), r !== void 0 && e >= r ? c.next(e - r) : (!o && y(e), n);
-    }
-  };
-}
+import { transformPropOrder as t } from "./visualization.es325.js";
+const r = /* @__PURE__ */ new Set([
+  "width",
+  "height",
+  "top",
+  "left",
+  "right",
+  "bottom",
+  ...t
+]);
 export {
-  $ as inertia
+  r as positionalKeys
 };
 //# sourceMappingURL=visualization.es334.js.map

package/dist/visualization.es334.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es334.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/inertia.mjs"],"sourcesContent":["import { spring } from './spring.mjs';\nimport { getGeneratorVelocity } from './utils/velocity.mjs';\n\nfunction inertia({ keyframes, velocity = 0.0, power = 0.8, timeConstant = 325, bounceDamping = 10, bounceStiffness = 500, modifyTarget, min, max, restDelta = 0.5, restSpeed, }) {\n    const origin = keyframes[0];\n    const state = {\n        done: false,\n        value: origin,\n    };\n    const isOutOfBounds = (v) => (min !== undefined && v < min) || (max !== undefined && v > max);\n    const nearestBoundary = (v) => {\n        if (min === undefined)\n            return max;\n        if (max === undefined)\n            return min;\n        return Math.abs(min - v) < Math.abs(max - v) ? min : max;\n    };\n    let amplitude = power * velocity;\n    const ideal = origin + amplitude;\n    const target = modifyTarget === undefined ? ideal : modifyTarget(ideal);\n    /**\n     * If the target has changed we need to re-calculate the amplitude, otherwise\n     * the animation will start from the wrong position.\n     */\n    if (target !== ideal)\n        amplitude = target - origin;\n    const calcDelta = (t) => -amplitude * Math.exp(-t / timeConstant);\n    const calcLatest = (t) => target + calcDelta(t);\n    const applyFriction = (t) => {\n        const delta = calcDelta(t);\n        const latest = calcLatest(t);\n        state.done = Math.abs(delta) <= restDelta;\n        state.value = state.done ? target : latest;\n    };\n    /**\n     * Ideally this would resolve for t in a stateless way, we could\n     * do that by always precalculating the animation but as we know\n     * this will be done anyway we can assume that spring will\n     * be discovered during that.\n     */\n    let timeReachedBoundary;\n    let spring$1;\n    const checkCatchBoundary = (t) => {\n        if (!isOutOfBounds(state.value))\n            return;\n        timeReachedBoundary = t;\n        spring$1 = spring({\n            keyframes: [state.value, nearestBoundary(state.value)],\n            velocity: getGeneratorVelocity(calcLatest, t, state.value), // TODO: This should be passing * 1000\n            damping: bounceDamping,\n            stiffness: bounceStiffness,\n            restDelta,\n            restSpeed,\n        });\n    };\n    checkCatchBoundary(0);\n    return {\n        calculatedDuration: null,\n        next: (t) => {\n            /**\n             * We need to resolve the friction to figure out if we need a\n             * spring but we don't want to do this twice per frame. So here\n             * we flag if we updated for this frame and later if we did\n             * we can skip doing it again.\n             */\n            let hasUpdatedFrame = false;\n            if (!spring$1 && timeReachedBoundary === undefined) {\n                hasUpdatedFrame = true;\n                applyFriction(t);\n                checkCatchBoundary(t);\n            }\n            /**\n             * If we have a spring and the provided t is beyond the moment the friction\n             * animation crossed the min/max boundary, use the spring.\n             */\n            if (timeReachedBoundary !== undefined && t >= timeReachedBoundary) {\n                return spring$1.next(t - timeReachedBoundary);\n            }\n            else {\n                !hasUpdatedFrame && applyFriction(t);\n                return state;\n            }\n        },\n    };\n}\n\nexport { inertia };\n//# sourceMappingURL=inertia.mjs.map\n"],"names":["inertia","keyframes","velocity","power","timeConstant","bounceDamping","bounceStiffness","modifyTarget","min","max","restDelta","restSpeed","origin","state","isOutOfBounds","v","nearestBoundary","amplitude","ideal","target","calcDelta","t","calcLatest","applyFriction","delta","latest","timeReachedBoundary","spring$1","checkCatchBoundary","spring","getGeneratorVelocity","hasUpdatedFrame"],"mappings":";;AAGA,SAASA,EAAQ,EAAE,WAAAC,GAAW,UAAAC,IAAW,GAAK,OAAAC,IAAQ,KAAK,cAAAC,IAAe,KAAK,eAAAC,IAAgB,IAAI,iBAAAC,IAAkB,KAAK,cAAAC,GAAc,KAAAC,GAAK,KAAAC,GAAK,WAAAC,IAAY,KAAK,WAAAC,KAAc;AAC7K,QAAMC,IAASX,EAAU,CAAC,GACpBY,IAAQ;AAAA,IACV,MAAM;AAAA,IACN,OAAOD;AAAA,EACf,GACUE,IAAgB,CAACC,MAAOP,MAAQ,UAAaO,IAAIP,KAASC,MAAQ,UAAaM,IAAIN,GACnFO,IAAkB,CAACD,MACjBP,MAAQ,SACDC,IACPA,MAAQ,UAEL,KAAK,IAAID,IAAMO,CAAC,IAAI,KAAK,IAAIN,IAAMM,CAAC,IADhCP,IAC0CC;AAEzD,MAAIQ,IAAYd,IAAQD;AACxB,QAAMgB,IAAQN,IAASK,GACjBE,IAASZ,MAAiB,SAAYW,IAAQX,EAAaW,CAAK;AAKtE,EAAIC,MAAWD,MACXD,IAAYE,IAASP;AACzB,QAAMQ,IAAY,CAACC,MAAM,CAACJ,IAAY,KAAK,IAAI,CAACI,IAAIjB,CAAY,GAC1DkB,IAAa,CAACD,MAAMF,IAASC,EAAUC,CAAC,GACxCE,IAAgB,CAACF,MAAM;AACzB,UAAMG,IAAQJ,EAAUC,CAAC,GACnBI,IAASH,EAAWD,CAAC;AAC3B,IAAAR,EAAM,OAAO,KAAK,IAAIW,CAAK,KAAKd,GAChCG,EAAM,QAAQA,EAAM,OAAOM,IAASM;AAAA,EACxC;AAOA,MAAIC,GACAC;AACJ,QAAMC,IAAqB,CAACP,MAAM;AAC9B,IAAKP,EAAcD,EAAM,KAAK,MAE9Ba,IAAsBL,GACtBM,IAAWE,EAAO;AAAA,MACd,WAAW,CAAChB,EAAM,OAAOG,EAAgBH,EAAM,KAAK,CAAC;AAAA,MACrD,UAAUiB,EAAqBR,GAAYD,GAAGR,EAAM,KAAK;AAAA;AAAA,MACzD,SAASR;AAAA,MACT,WAAWC;AAAA,MACX,WAAAI;AAAA,MACA,WAAAC;AAAA,IACZ,CAAS;AAAA,EACL;AACA,SAAAiB,EAAmB,CAAC,GACb;AAAA,IACH,oBAAoB;AAAA,IACpB,MAAM,CAACP,MAAM;AAOT,UAAIU,IAAkB;AAUtB,aATI,CAACJ,KAAYD,MAAwB,WACrCK,IAAkB,IAClBR,EAAcF,CAAC,GACfO,EAAmBP,CAAC,IAMpBK,MAAwB,UAAaL,KAAKK,IACnCC,EAAS,KAAKN,IAAIK,CAAmB,KAG5C,CAACK,KAAmBR,EAAcF,CAAC,GAC5BR;AAAA,IAEf;AAAA,EACR;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es334.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/keys-position.mjs"],"sourcesContent":["import { transformPropOrder } from './keys-transform.mjs';\n\nconst positionalKeys = new Set([\n    \"width\",\n    \"height\",\n    \"top\",\n    \"left\",\n    \"right\",\n    \"bottom\",\n    ...transformPropOrder,\n]);\n\nexport { positionalKeys };\n//# sourceMappingURL=keys-position.mjs.map\n"],"names":["positionalKeys","transformPropOrder"],"mappings":";AAEK,MAACA,IAAiB,oBAAI,IAAI;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAGC;AACP,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es335.js

@@ -1,31 +1,22 @@
-import { interpolate as c } from "./visualization.es370.js";
-import { defaultOffset as p } from "./visualization.es371.js";
-import { convertOffsetToTimes as u } from "./visualization.es372.js";
-import { isEasingArray as l } from "./visualization.es373.js";
-import { easingDefinitionToFunction as m } from "./visualization.es374.js";
-import { easeInOut as g } from "./visualization.es104.js";
-function T(n, t) {
-  return n.map(() => t || g).splice(0, n.length - 1);
+import { motionValue as s } from "./visualization.es402.js";
+import { resolveVariant as f } from "./visualization.es284.js";
+import { isKeyframesTarget as l } from "./visualization.es382.js";
+function u(t, o, e) {
+  t.hasValue(o) ? t.getValue(o).set(e) : t.addValue(o, s(e));
 }
-function y({ duration: n = 300, keyframes: t, times: o, ease: r = "easeInOut" }) {
-  const e = l(r) ? r.map(m) : m(r), i = {
-    done: !1,
-    value: t[0]
-  }, s = u(
-    // Only use the provided offsets if they're the correct length
-    // TODO Maybe we should warn here if there's a length mismatch
-    o && o.length === t.length ? o : p(t),
-    n
-  ), a = c(s, t, {
-    ease: Array.isArray(e) ? e : T(t, e)
-  });
-  return {
-    calculatedDuration: n,
-    next: (f) => (i.value = a(f), i.done = f >= n, i)
-  };
+function V(t) {
+  return l(t) ? t[t.length - 1] || 0 : t;
+}
+function p(t, o) {
+  const e = f(t, o);
+  let { transitionEnd: a = {}, transition: c = {}, ...r } = e || {};
+  r = { ...r, ...a };
+  for (const n in r) {
+    const i = V(r[n]);
+    u(t, n, i);
+  }
 }
 export {
-  T as defaultEasing,
-  y as keyframes
+  p as setTarget
 };
 //# sourceMappingURL=visualization.es335.js.map

package/dist/visualization.es335.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es335.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/keyframes.mjs"],"sourcesContent":["import { easeInOut, isEasingArray, easingDefinitionToFunction } from 'motion-utils';\nimport { interpolate } from '../../utils/interpolate.mjs';\nimport { defaultOffset } from '../keyframes/offsets/default.mjs';\nimport { convertOffsetToTimes } from '../keyframes/offsets/time.mjs';\n\nfunction defaultEasing(values, easing) {\n    return values.map(() => easing || easeInOut).splice(0, values.length - 1);\n}\nfunction keyframes({ duration = 300, keyframes: keyframeValues, times, ease = \"easeInOut\", }) {\n    /**\n     * Easing functions can be externally defined as strings. Here we convert them\n     * into actual functions.\n     */\n    const easingFunctions = isEasingArray(ease)\n        ? ease.map(easingDefinitionToFunction)\n        : easingDefinitionToFunction(ease);\n    /**\n     * This is the Iterator-spec return value. We ensure it's mutable rather than using a generator\n     * to reduce GC during animation.\n     */\n    const state = {\n        done: false,\n        value: keyframeValues[0],\n    };\n    /**\n     * Create a times array based on the provided 0-1 offsets\n     */\n    const absoluteTimes = convertOffsetToTimes(\n    // Only use the provided offsets if they're the correct length\n    // TODO Maybe we should warn here if there's a length mismatch\n    times && times.length === keyframeValues.length\n        ? times\n        : defaultOffset(keyframeValues), duration);\n    const mapTimeToKeyframe = interpolate(absoluteTimes, keyframeValues, {\n        ease: Array.isArray(easingFunctions)\n            ? easingFunctions\n            : defaultEasing(keyframeValues, easingFunctions),\n    });\n    return {\n        calculatedDuration: duration,\n        next: (t) => {\n            state.value = mapTimeToKeyframe(t);\n            state.done = t >= duration;\n            return state;\n        },\n    };\n}\n\nexport { defaultEasing, keyframes };\n//# sourceMappingURL=keyframes.mjs.map\n"],"names":["defaultEasing","values","easing","easeInOut","keyframes","duration","keyframeValues","times","ease","easingFunctions","isEasingArray","easingDefinitionToFunction","state","absoluteTimes","convertOffsetToTimes","defaultOffset","mapTimeToKeyframe","interpolate","t"],"mappings":";;;;;;AAKA,SAASA,EAAcC,GAAQC,GAAQ;AACnC,SAAOD,EAAO,IAAI,MAAMC,KAAUC,CAAS,EAAE,OAAO,GAAGF,EAAO,SAAS,CAAC;AAC5E;AACA,SAASG,EAAU,EAAE,UAAAC,IAAW,KAAK,WAAWC,GAAgB,OAAAC,GAAO,MAAAC,IAAO,eAAgB;AAK1F,QAAMC,IAAkBC,EAAcF,CAAI,IACpCA,EAAK,IAAIG,CAA0B,IACnCA,EAA2BH,CAAI,GAK/BI,IAAQ;AAAA,IACV,MAAM;AAAA,IACN,OAAON,EAAe,CAAC;AAAA,EAC/B,GAIUO,IAAgBC;AAAA;AAAA;AAAA,IAGtBP,KAASA,EAAM,WAAWD,EAAe,SACnCC,IACAQ,EAAcT,CAAc;AAAA,IAAGD;AAAA,EAAQ,GACvCW,IAAoBC,EAAYJ,GAAeP,GAAgB;AAAA,IACjE,MAAM,MAAM,QAAQG,CAAe,IAC7BA,IACAT,EAAcM,GAAgBG,CAAe;AAAA,EAC3D,CAAK;AACD,SAAO;AAAA,IACH,oBAAoBJ;AAAA,IACpB,MAAM,CAACa,OACHN,EAAM,QAAQI,EAAkBE,CAAC,GACjCN,EAAM,OAAOM,KAAKb,GACXO;AAAA,EAEnB;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es335.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/setters.mjs"],"sourcesContent":["import { motionValue } from '../../value/index.mjs';\nimport { resolveVariant } from './resolve-dynamic-variants.mjs';\nimport { isKeyframesTarget } from './is-keyframes-target.mjs';\n\n/**\n * Set VisualElement's MotionValue, creating a new MotionValue for it if\n * it doesn't exist.\n */\nfunction setMotionValue(visualElement, key, value) {\n    if (visualElement.hasValue(key)) {\n        visualElement.getValue(key).set(value);\n    }\n    else {\n        visualElement.addValue(key, motionValue(value));\n    }\n}\nfunction resolveFinalValueInKeyframes(v) {\n    // TODO maybe throw if v.length - 1 is placeholder token?\n    return isKeyframesTarget(v) ? v[v.length - 1] || 0 : v;\n}\nfunction setTarget(visualElement, definition) {\n    const resolved = resolveVariant(visualElement, definition);\n    let { transitionEnd = {}, transition = {}, ...target } = resolved || {};\n    target = { ...target, ...transitionEnd };\n    for (const key in target) {\n        const value = resolveFinalValueInKeyframes(target[key]);\n        setMotionValue(visualElement, key, value);\n    }\n}\n\nexport { setTarget };\n//# sourceMappingURL=setters.mjs.map\n"],"names":["setMotionValue","visualElement","key","value","motionValue","resolveFinalValueInKeyframes","v","isKeyframesTarget","setTarget","definition","resolved","resolveVariant","transitionEnd","transition","target"],"mappings":";;;AAQA,SAASA,EAAeC,GAAeC,GAAKC,GAAO;AAC/C,EAAIF,EAAc,SAASC,CAAG,IAC1BD,EAAc,SAASC,CAAG,EAAE,IAAIC,CAAK,IAGrCF,EAAc,SAASC,GAAKE,EAAYD,CAAK,CAAC;AAEtD;AACA,SAASE,EAA6BC,GAAG;AAErC,SAAOC,EAAkBD,CAAC,IAAIA,EAAEA,EAAE,SAAS,CAAC,KAAK,IAAIA;AACzD;AACA,SAASE,EAAUP,GAAeQ,GAAY;AAC1C,QAAMC,IAAWC,EAAeV,GAAeQ,CAAU;AACzD,MAAI,EAAE,eAAAG,IAAgB,CAAA,GAAI,YAAAC,IAAa,CAAA,GAAI,GAAGC,EAAM,IAAKJ,KAAY,CAAA;AACrE,EAAAI,IAAS,EAAE,GAAGA,GAAQ,GAAGF,EAAa;AACtC,aAAWV,KAAOY,GAAQ;AACtB,UAAMX,IAAQE,EAA6BS,EAAOZ,CAAG,CAAC;AACtD,IAAAF,EAAeC,GAAeC,GAAKC,CAAK;AAAA,EAC5C;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es336.js

@@ -1,14 +1,15 @@
-const a = 2e4;
-function o(n) {
-  let t = 0;
-  const r = 50;
-  let e = n.next(t);
-  for (; !e.done && t < 2e4; )
-    t += r, e = n.next(t);
-  return t >= 2e4 ? 1 / 0 : t;
+import { isWillChangeMotionValue as o } from "./visualization.es422.js";
+import { MotionGlobalConfig as i } from "./visualization.es301.js";
+function C(a, n) {
+  const l = a.getValue("willChange");
+  if (o(l))
+    return l.add(n);
+  if (!l && i.WillChange) {
+    const e = new i.WillChange("auto");
+    a.addValue("willChange", e), e.add(n);
+  }
 }
 export {
-  o as calcGeneratorDuration,
-  a as maxGeneratorDuration
+  C as addValueToWillChange
 };
 //# sourceMappingURL=visualization.es336.js.map

package/dist/visualization.es336.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es336.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs"],"sourcesContent":["/**\n * Implement a practical max duration for keyframe generation\n * to prevent infinite loops\n */\nconst maxGeneratorDuration = 20000;\nfunction calcGeneratorDuration(generator) {\n    let duration = 0;\n    const timeStep = 50;\n    let state = generator.next(duration);\n    while (!state.done && duration < maxGeneratorDuration) {\n        duration += timeStep;\n        state = generator.next(duration);\n    }\n    return duration >= maxGeneratorDuration ? Infinity : duration;\n}\n\nexport { calcGeneratorDuration, maxGeneratorDuration };\n//# sourceMappingURL=calc-duration.mjs.map\n"],"names":["maxGeneratorDuration","calcGeneratorDuration","generator","duration","timeStep","state"],"mappings":"AAIK,MAACA,IAAuB;AAC7B,SAASC,EAAsBC,GAAW;AACtC,MAAIC,IAAW;AACf,QAAMC,IAAW;AACjB,MAAIC,IAAQH,EAAU,KAAKC,CAAQ;AACnC,SAAO,CAACE,EAAM,QAAQF,IAAW;AAC7B,IAAAA,KAAYC,GACZC,IAAQH,EAAU,KAAKC,CAAQ;AAEnC,SAAOA,KAAY,MAAuB,QAAWA;AACzD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es336.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/will-change/add-will-change.mjs"],"sourcesContent":["import { MotionGlobalConfig } from 'motion-utils';\nimport { isWillChangeMotionValue } from './is.mjs';\n\nfunction addValueToWillChange(visualElement, key) {\n    const willChange = visualElement.getValue(\"willChange\");\n    /**\n     * It could be that a user has set willChange to a regular MotionValue,\n     * in which case we can't add the value to it.\n     */\n    if (isWillChangeMotionValue(willChange)) {\n        return willChange.add(key);\n    }\n    else if (!willChange && MotionGlobalConfig.WillChange) {\n        const newWillChange = new MotionGlobalConfig.WillChange(\"auto\");\n        visualElement.addValue(\"willChange\", newWillChange);\n        newWillChange.add(key);\n    }\n}\n\nexport { addValueToWillChange };\n//# sourceMappingURL=add-will-change.mjs.map\n"],"names":["addValueToWillChange","visualElement","key","willChange","isWillChangeMotionValue","MotionGlobalConfig","newWillChange"],"mappings":";;AAGA,SAASA,EAAqBC,GAAeC,GAAK;AAC9C,QAAMC,IAAaF,EAAc,SAAS,YAAY;AAKtD,MAAIG,EAAwBD,CAAU;AAClC,WAAOA,EAAW,IAAID,CAAG;AAExB,MAAI,CAACC,KAAcE,EAAmB,YAAY;AACnD,UAAMC,IAAgB,IAAID,EAAmB,WAAW,MAAM;AAC9D,IAAAJ,EAAc,SAAS,cAAcK,CAAa,GAClDA,EAAc,IAAIJ,CAAG;AAAA,EACzB;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es337.js

@@ -1,10 +1,8 @@
-import { velocityPerSecond as n } from "./visualization.es433.js";
-const c = 5;
-function a(t, e, r) {
-  const o = Math.max(e - c, 0);
-  return n(r - t(o), e - o);
+import { optimizedAppearDataAttribute as p } from "./visualization.es338.js";
+function e(t) {
+  return t.props[p];
 }
 export {
-  a as getGeneratorVelocity
+  e as getOptimisedAppearId
 };
 //# sourceMappingURL=visualization.es337.js.map

package/dist/visualization.es337.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es337.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/utils/velocity.mjs"],"sourcesContent":["import { velocityPerSecond } from 'motion-utils';\n\nconst velocitySampleDuration = 5; // ms\nfunction getGeneratorVelocity(resolveValue, t, current) {\n    const prevT = Math.max(t - velocitySampleDuration, 0);\n    return velocityPerSecond(current - resolveValue(prevT), t - prevT);\n}\n\nexport { getGeneratorVelocity };\n//# sourceMappingURL=velocity.mjs.map\n"],"names":["velocitySampleDuration","getGeneratorVelocity","resolveValue","t","current","prevT","velocityPerSecond"],"mappings":";AAEA,MAAMA,IAAyB;AAC/B,SAASC,EAAqBC,GAAcC,GAAGC,GAAS;AACpD,QAAMC,IAAQ,KAAK,IAAIF,IAAIH,GAAwB,CAAC;AACpD,SAAOM,EAAkBF,IAAUF,EAAaG,CAAK,GAAGF,IAAIE,CAAK;AACrE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es337.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/optimized-appear/get-appear-id.mjs"],"sourcesContent":["import { optimizedAppearDataAttribute } from './data-id.mjs';\n\nfunction getOptimisedAppearId(visualElement) {\n    return visualElement.props[optimizedAppearDataAttribute];\n}\n\nexport { getOptimisedAppearId };\n//# sourceMappingURL=get-appear-id.mjs.map\n"],"names":["getOptimisedAppearId","visualElement","optimizedAppearDataAttribute"],"mappings":";AAEA,SAASA,EAAqBC,GAAe;AACzC,SAAOA,EAAc,MAAMC,CAA4B;AAC3D;","x_google_ignoreList":[0]}

package/dist/visualization.es338.js

@@ -1,17 +1,7 @@
-import { inertia as p } from "./visualization.es334.js";
-import { keyframes as r } from "./visualization.es335.js";
-import { spring as t } from "./visualization.es369.js";
-const o = {
-  decay: p,
-  inertia: p,
-  tween: r,
-  keyframes: r,
-  spring: t
-};
-function m(e) {
-  typeof e.type == "string" && (e.type = o[e.type]);
-}
+import { camelToDash as a } from "./visualization.es339.js";
+const t = "framerAppearId", e = "data-" + a(t);
 export {
-  m as replaceTransitionType
+  e as optimizedAppearDataAttribute,
+  t as optimizedAppearDataId
 };
 //# sourceMappingURL=visualization.es338.js.map

package/dist/visualization.es338.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es338.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/replace-transition-type.mjs"],"sourcesContent":["import { inertia } from '../generators/inertia.mjs';\nimport { keyframes } from '../generators/keyframes.mjs';\nimport { spring } from '../generators/spring.mjs';\n\nconst transitionTypeMap = {\n    decay: inertia,\n    inertia,\n    tween: keyframes,\n    keyframes: keyframes,\n    spring,\n};\nfunction replaceTransitionType(transition) {\n    if (typeof transition.type === \"string\") {\n        transition.type = transitionTypeMap[transition.type];\n    }\n}\n\nexport { replaceTransitionType };\n//# sourceMappingURL=replace-transition-type.mjs.map\n"],"names":["transitionTypeMap","inertia","keyframes","spring","replaceTransitionType","transition"],"mappings":";;;AAIA,MAAMA,IAAoB;AAAA,EACtB,OAAOC;AAAA,EACP,SAAAA;AAAA,EACA,OAAOC;AAAA,EACP,WAAWA;AAAA,EACX,QAAAC;AACJ;AACA,SAASC,EAAsBC,GAAY;AACvC,EAAI,OAAOA,EAAW,QAAS,aAC3BA,EAAW,OAAOL,EAAkBK,EAAW,IAAI;AAE3D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es338.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/optimized-appear/data-id.mjs"],"sourcesContent":["import { camelToDash } from '../../render/dom/utils/camel-to-dash.mjs';\n\nconst optimizedAppearDataId = \"framerAppearId\";\nconst optimizedAppearDataAttribute = \"data-\" + camelToDash(optimizedAppearDataId);\n\nexport { optimizedAppearDataAttribute, optimizedAppearDataId };\n//# sourceMappingURL=data-id.mjs.map\n"],"names":["optimizedAppearDataId","optimizedAppearDataAttribute","camelToDash"],"mappings":";AAEK,MAACA,IAAwB,kBACxBC,IAA+B,UAAUC,EAAYF,CAAqB;","x_google_ignoreList":[0]}

package/dist/visualization.es339.js

@@ -1,15 +1,7 @@
-import { formatErrorMessage as n } from "./visualization.es506.js";
-let i = () => {
-}, t = () => {
-};
-typeof process < "u" && process.env?.NODE_ENV !== "production" && (i = (e, o, r) => {
-  !e && typeof console < "u" && console.warn(n(o, r));
-}, t = (e, o, r) => {
-  if (!e)
-    throw new Error(n(o, r));
-});
+function r(e) {
+  return e.replace(/([A-Z])/g, (o) => `-${o.toLowerCase()}`);
+}
 export {
-  t as invariant,
-  i as warning
+  r as camelToDash
 };
 //# sourceMappingURL=visualization.es339.js.map

package/dist/visualization.es339.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es339.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/errors.mjs"],"sourcesContent":["import { formatErrorMessage } from './format-error-message.mjs';\n\nlet warning = () => { };\nlet invariant = () => { };\nif (typeof process !== \"undefined\" &&\n    process.env?.NODE_ENV !== \"production\") {\n    warning = (check, message, errorCode) => {\n        if (!check && typeof console !== \"undefined\") {\n            console.warn(formatErrorMessage(message, errorCode));\n        }\n    };\n    invariant = (check, message, errorCode) => {\n        if (!check) {\n            throw new Error(formatErrorMessage(message, errorCode));\n        }\n    };\n}\n\nexport { invariant, warning };\n//# sourceMappingURL=errors.mjs.map\n"],"names":["warning","invariant","check","message","errorCode","formatErrorMessage"],"mappings":";AAEG,IAACA,IAAU,MAAM;AAAE,GAClBC,IAAY,MAAM;AAAE;AACpB,OAAO,UAAY,OACnB,QAAQ,KAAK,aAAa,iBAC1BD,IAAU,CAACE,GAAOC,GAASC,MAAc;AACrC,EAAI,CAACF,KAAS,OAAO,UAAY,OAC7B,QAAQ,KAAKG,EAAmBF,GAASC,CAAS,CAAC;AAE3D,GACAH,IAAY,CAACC,GAAOC,GAASC,MAAc;AACvC,MAAI,CAACF;AACD,UAAM,IAAI,MAAMG,EAAmBF,GAASC,CAAS,CAAC;AAE9D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es339.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/dom/utils/camel-to-dash.mjs"],"sourcesContent":["function camelToDash(str) {\n    return str.replace(/([A-Z])/g, (match) => `-${match.toLowerCase()}`);\n}\n\nexport { camelToDash };\n//# sourceMappingURL=camel-to-dash.mjs.map\n"],"names":["camelToDash","str","match"],"mappings":"AAAA,SAASA,EAAYC,GAAK;AACtB,SAAOA,EAAI,QAAQ,YAAY,CAACC,MAAU,IAAIA,EAAM,YAAW,CAAE,EAAE;AACvE;","x_google_ignoreList":[0]}