@weng-lab/visualization 2.4.0-beta.6 → 2.4.0-beta.8

package/dist/visualization.es337.js

@@ -1,32 +1,10 @@
-import { isCSSVariableToken as c } from "./visualization.es338.js";
-import { invariant as l } from "./visualization.es326.js";
-import { isNumericalString as s } from "./visualization.es339.js";
-const m = (
-  // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
-  /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
-);
-function p(a) {
-  const e = m.exec(a);
-  if (!e)
-    return [,];
-  const [, r, i, t] = e;
-  return [`--${r ?? i}`, t];
-}
-const f = 4;
-function u(a, e, r = 1) {
-  l(r <= f, `Max CSS variable fallback depth detected in property "${a}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
-  const [i, t] = p(a);
-  if (!i)
-    return;
-  const o = window.getComputedStyle(e).getPropertyValue(i);
-  if (o) {
-    const n = o.trim();
-    return s(n) ? parseFloat(n) : n;
-  }
-  return c(t) ? u(t, e, r + 1) : t;
-}
+import { createRenderBatcher as e } from "./visualization.es373.js";
+import { noop as r } from "./visualization.es309.js";
+const { schedule: m, cancel: n, state: o, steps: c } = /* @__PURE__ */ e(typeof requestAnimationFrame < "u" ? requestAnimationFrame : r, !0);
 export {
-  u as getVariableValue,
-  p as parseCSSVariable
+  n as cancelFrame,
+  m as frame,
+  o as frameData,
+  c as frameSteps
 };
 //# 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/utils/css-variables-conversion.mjs"],"sourcesContent":["import { invariant, isNumericalString } from 'motion-utils';\nimport { isCSSVariableToken } from './is-css-variable.mjs';\n\n/**\n * Parse Framer's special CSS variable format into a CSS token and a fallback.\n *\n * ```\n * `var(--foo, #fff)` => [`--foo`, '#fff']\n * ```\n *\n * @param current\n */\nconst splitCSSVariableRegex = \n// eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words\n/^var\\(--(?:([\\w-]+)|([\\w-]+), ?([a-zA-Z\\d ()%#.,-]+))\\)/u;\nfunction parseCSSVariable(current) {\n    const match = splitCSSVariableRegex.exec(current);\n    if (!match)\n        return [,];\n    const [, token1, token2, fallback] = match;\n    return [`--${token1 ?? token2}`, fallback];\n}\nconst maxDepth = 4;\nfunction getVariableValue(current, element, depth = 1) {\n    invariant(depth <= maxDepth, `Max CSS variable fallback depth detected in property \"${current}\". This may indicate a circular fallback dependency.`, \"max-css-var-depth\");\n    const [token, fallback] = parseCSSVariable(current);\n    // No CSS variable detected\n    if (!token)\n        return;\n    // Attempt to read this CSS variable off the element\n    const resolved = window.getComputedStyle(element).getPropertyValue(token);\n    if (resolved) {\n        const trimmed = resolved.trim();\n        return isNumericalString(trimmed) ? parseFloat(trimmed) : trimmed;\n    }\n    return isCSSVariableToken(fallback)\n        ? getVariableValue(fallback, element, depth + 1)\n        : fallback;\n}\n\nexport { getVariableValue, parseCSSVariable };\n//# sourceMappingURL=css-variables-conversion.mjs.map\n"],"names":["splitCSSVariableRegex","parseCSSVariable","current","match","token1","token2","fallback","maxDepth","getVariableValue","element","depth","invariant","token","resolved","trimmed","isNumericalString","isCSSVariableToken"],"mappings":";;;AAYA,MAAMA;AAAA;AAAA,EAEN;AAAA;AACA,SAASC,EAAiBC,GAAS;AAC/B,QAAMC,IAAQH,EAAsB,KAAKE,CAAO;AAChD,MAAI,CAACC;AACD,WAAO,CAAA,CAAA;AACX,QAAM,GAAGC,GAAQC,GAAQC,CAAQ,IAAIH;AACrC,SAAO,CAAC,KAAKC,KAAUC,CAAM,IAAIC,CAAQ;AAC7C;AACA,MAAMC,IAAW;AACjB,SAASC,EAAiBN,GAASO,GAASC,IAAQ,GAAG;AACnD,EAAAC,EAAUD,KAASH,GAAU,yDAAyDL,CAAO,wDAAwD,mBAAmB;AACxK,QAAM,CAACU,GAAON,CAAQ,IAAIL,EAAiBC,CAAO;AAElD,MAAI,CAACU;AACD;AAEJ,QAAMC,IAAW,OAAO,iBAAiBJ,CAAO,EAAE,iBAAiBG,CAAK;AACxE,MAAIC,GAAU;AACV,UAAMC,IAAUD,EAAS,KAAI;AAC7B,WAAOE,EAAkBD,CAAO,IAAI,WAAWA,CAAO,IAAIA;AAAA,EAC9D;AACA,SAAOE,EAAmBV,CAAQ,IAC5BE,EAAiBF,GAAUG,GAASC,IAAQ,CAAC,IAC7CJ;AACV;","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/frameloop/frame.mjs"],"sourcesContent":["import { noop } from 'motion-utils';\nimport { createRenderBatcher } from './batcher.mjs';\n\nconst { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== \"undefined\" ? requestAnimationFrame : noop, true);\n\nexport { cancelFrame, frame, frameData, frameSteps };\n//# sourceMappingURL=frame.mjs.map\n"],"names":["frame","cancelFrame","frameData","frameSteps","createRenderBatcher","noop"],"mappings":";;AAGK,MAAC,EAAE,UAAUA,GAAO,QAAQC,GAAa,OAAOC,GAAW,OAAOC,EAAU,IAAsB,gBAAAC,EAAoB,OAAO,wBAA0B,MAAc,wBAAwBC,GAAM,EAAI;","x_google_ignoreList":[0]}

package/dist/visualization.es338.js

@@ -1,10 +1,23 @@
-const r = (t) => (s) => typeof s == "string" && s.startsWith(t), e = /* @__PURE__ */ r("--"), i = /* @__PURE__ */ r("var(--"), a = (t) => i(t) ? n.test(t.split("/*")[0].trim()) : !1, n = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
-function o(t) {
-  return typeof t != "string" ? !1 : t.split("/*")[0].includes("var(--");
+import { resolveVariant as c } from "./visualization.es291.js";
+import { animateTarget as p } from "./visualization.es339.js";
+import { animateVariant as e } from "./visualization.es340.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 {
-  o as containsCSSVariable,
-  e as isCSSVariableName,
-  a as isCSSVariableToken
+  n as animateVisualElement
 };
 //# 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/is-css-variable.mjs"],"sourcesContent":["const checkStringStartsWith = (token) => (key) => typeof key === \"string\" && key.startsWith(token);\nconst isCSSVariableName = \n/*@__PURE__*/ checkStringStartsWith(\"--\");\nconst startsAsVariableToken = \n/*@__PURE__*/ checkStringStartsWith(\"var(--\");\nconst isCSSVariableToken = (value) => {\n    const startsWithToken = startsAsVariableToken(value);\n    if (!startsWithToken)\n        return false;\n    // Ensure any comments are stripped from the value as this can harm performance of the regex.\n    return singleCssVariableRegex.test(value.split(\"/*\")[0].trim());\n};\nconst singleCssVariableRegex = /var\\(--(?:[\\w-]+\\s*|[\\w-]+\\s*,(?:\\s*[^)(\\s]|\\s*\\((?:[^)(]|\\([^)(]*\\))*\\))+\\s*)\\)$/iu;\n/**\n * Check if a value contains a CSS variable anywhere (e.g. inside calc()).\n * Unlike isCSSVariableToken which checks if the value IS a var() token,\n * this checks if the value CONTAINS var() somewhere in the string.\n */\nfunction containsCSSVariable(value) {\n    if (typeof value !== \"string\")\n        return false;\n    // Strip comments to avoid false positives\n    return value.split(\"/*\")[0].includes(\"var(--\");\n}\n\nexport { containsCSSVariable, isCSSVariableName, isCSSVariableToken };\n//# sourceMappingURL=is-css-variable.mjs.map\n"],"names":["checkStringStartsWith","token","key","isCSSVariableName","startsAsVariableToken","isCSSVariableToken","value","singleCssVariableRegex","containsCSSVariable"],"mappings":"AAAA,MAAMA,IAAwB,CAACC,MAAU,CAACC,MAAQ,OAAOA,KAAQ,YAAYA,EAAI,WAAWD,CAAK,GAC3FE,IACQ,gBAAAH,EAAsB,IAAI,GAClCI,IACQ,gBAAAJ,EAAsB,QAAQ,GACtCK,IAAqB,CAACC,MACAF,EAAsBE,CAAK,IAI5CC,EAAuB,KAAKD,EAAM,MAAM,IAAI,EAAE,CAAC,EAAE,MAAM,IAFnD,IAITC,IAAyB;AAM/B,SAASC,EAAoBF,GAAO;AAChC,SAAI,OAAOA,KAAU,WACV,KAEJA,EAAM,MAAM,IAAI,EAAE,CAAC,EAAE,SAAS,QAAQ;AACjD;","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/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.es339.js

@@ -1,5 +1,57 @@
-const d = (t) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(t);
+import { getValueTransition as S } from "./visualization.es333.js";
+import { resolveTransition as H } from "./visualization.es334.js";
+import { positionalKeys as B } from "./visualization.es341.js";
+import { setTarget as I } from "./visualization.es342.js";
+import { addValueToWillChange as P } from "./visualization.es343.js";
+import { getOptimisedAppearId as R } from "./visualization.es344.js";
+import { animateMotionValue as k } from "./visualization.es336.js";
+import { frame as d } from "./visualization.es337.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 {
-  d as isNumericalString
+  z as animateTarget
 };
 //# 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/is-numerical-string.mjs"],"sourcesContent":["/**\n * Check if value is a numerical string, ie a string that is purely a number eg \"100\" or \"-100.1\"\n */\nconst isNumericalString = (v) => /^-?(?:\\d+(?:\\.\\d+)?|\\.\\d+)$/u.test(v);\n\nexport { isNumericalString };\n//# sourceMappingURL=is-numerical-string.mjs.map\n"],"names":["isNumericalString","v"],"mappings":"AAGK,MAACA,IAAoB,CAACC,MAAM,+BAA+B,KAAKA,CAAC;","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/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.es34.js

@@ -1,38 +1,24 @@
-import l from "./visualization.es127.js";
-import f from "./visualization.es170.js";
-import n from "./visualization.es175.js";
+import l from "./visualization.es133.js";
 import { jsx as m } from "react/jsx-runtime";
-const c = {
-  dx: "-0.25em",
-  dy: "0.25em",
-  fill: "#222",
-  fontFamily: "Arial",
-  fontSize: 10,
-  textAnchor: "end"
-};
-function k(e) {
+function c(r) {
   let {
-    axisClassName: i,
-    labelOffset: o = 36,
-    tickLength: s = 8,
-    tickLabelProps: t,
-    ...r
-  } = e;
-  const a = typeof t == "function" ? t : {
-    ...c,
-    ...t
-  };
-  return /* @__PURE__ */ m(f, {
-    axisClassName: l("visx-axis-left", i),
-    labelOffset: o,
-    orientation: n.left,
-    tickLabelProps: a,
-    tickLength: s,
-    ...r
+    top: e = 0,
+    left: t = 0,
+    transform: o,
+    className: s,
+    children: a,
+    innerRef: n,
+    ...f
+  } = r;
+  return /* @__PURE__ */ m("g", {
+    ref: n,
+    className: l("visx-group", s),
+    transform: o || `translate(${t}, ${e})`,
+    ...f,
+    children: a
   });
 }
 export {
-  k as default,
-  c as leftTickLabelProps
+  c as default
 };
 //# sourceMappingURL=visualization.es34.js.map

package/dist/visualization.es34.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es34.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/axis/AxisLeft.js"],"sourcesContent":["import cx from 'classnames';\nimport Axis from \"./Axis.js\";\nimport Orientation from \"../constants/orientation.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const leftTickLabelProps = {\n  dx: '-0.25em',\n  dy: '0.25em',\n  fill: '#222',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  textAnchor: 'end'\n};\nexport default function AxisLeft(_ref) {\n  let {\n    axisClassName,\n    labelOffset = 36,\n    tickLength = 8,\n    tickLabelProps,\n    ...restProps\n  } = _ref;\n  const tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : {\n    ...leftTickLabelProps,\n    ...tickLabelProps\n  };\n  return /*#__PURE__*/_jsx(Axis, {\n    axisClassName: cx('visx-axis-left', axisClassName),\n    labelOffset: labelOffset,\n    orientation: Orientation.left,\n    tickLabelProps: tickLabelPropsFinal,\n    tickLength: tickLength,\n    ...restProps\n  });\n}"],"names":["leftTickLabelProps","AxisLeft","_ref","axisClassName","labelOffset","tickLength","tickLabelProps","restProps","tickLabelPropsFinal","_jsx","Axis","cx","Orientation"],"mappings":";;;;AAIY,MAACA,IAAqB;AAAA,EAChC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AACd;AACe,SAASC,EAASC,GAAM;AACrC,MAAI;AAAA,IACF,eAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC,IAAa;AAAA,IACb,gBAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAML;AACJ,QAAMM,IAAsB,OAAOF,KAAmB,aAAaA,IAAiB;AAAA,IAClF,GAAGN;AAAA,IACH,GAAGM;AAAA,EACP;AACE,SAAoBG,gBAAAA,EAAKC,GAAM;AAAA,IAC7B,eAAeC,EAAG,kBAAkBR,CAAa;AAAA,IACjD,aAAaC;AAAA,IACb,aAAaQ,EAAY;AAAA,IACzB,gBAAgBJ;AAAA,IAChB,YAAYH;AAAA,IACZ,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es34.js","sources":["../../../node_modules/.pnpm/@visx+group@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/group/esm/Group.js"],"sourcesContent":["import cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Group(_ref) {\n  let {\n    top = 0,\n    left = 0,\n    transform,\n    className,\n    children,\n    innerRef,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"g\", {\n    ref: innerRef,\n    className: cx('visx-group', className),\n    transform: transform || `translate(${left}, ${top})`,\n    ...restProps,\n    children: children\n  });\n}"],"names":["Group","_ref","top","left","transform","className","children","innerRef","restProps","_jsx","cx"],"mappings":";;AAEe,SAASA,EAAMC,GAAM;AAClC,MAAI;AAAA,IACF,KAAAC,IAAM;AAAA,IACN,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAMP;AACJ,SAAoBQ,gBAAAA,EAAK,KAAK;AAAA,IAC5B,KAAKF;AAAA,IACL,WAAWG,EAAG,cAAcL,CAAS;AAAA,IACrC,WAAWD,KAAa,aAAaD,CAAI,KAAKD,CAAG;AAAA,IACjD,GAAGM;AAAA,IACH,UAAUF;AAAA,EACd,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/visualization.es340.js

@@ -1,23 +1,30 @@
-import { transformProps as s } from "./visualization.es341.js";
-const r = {
-  type: "spring",
-  stiffness: 500,
-  damping: 25,
-  restSpeed: 10
-}, n = (t) => ({
-  type: "spring",
-  stiffness: 550,
-  damping: t === 0 ? 2 * Math.sqrt(550) : 30,
-  restSpeed: 10
-}), i = {
-  type: "keyframes",
-  duration: 0.8
-}, a = {
-  type: "keyframes",
-  ease: [0.25, 0.1, 0.35, 1],
-  duration: 0.3
-}, o = (t, { keyframes: e }) => e.length > 2 ? i : s.has(t) ? t.startsWith("scale") ? n(e[1]) : r : a;
+import { resolveVariant as h } from "./visualization.es291.js";
+import { calcChildStagger as l } from "./visualization.es327.js";
+import { animateTarget as g } from "./visualization.es339.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 {
-  o as getDefaultTransition
+  C as animateVariant
 };
 //# sourceMappingURL=visualization.es340.js.map

package/dist/visualization.es340.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es340.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/default-transitions.mjs"],"sourcesContent":["import { transformProps } from '../../render/utils/keys-transform.mjs';\n\nconst underDampedSpring = {\n    type: \"spring\",\n    stiffness: 500,\n    damping: 25,\n    restSpeed: 10,\n};\nconst criticallyDampedSpring = (target) => ({\n    type: \"spring\",\n    stiffness: 550,\n    damping: target === 0 ? 2 * Math.sqrt(550) : 30,\n    restSpeed: 10,\n});\nconst keyframesTransition = {\n    type: \"keyframes\",\n    duration: 0.8,\n};\n/**\n * Default easing curve is a slightly shallower version of\n * the default browser easing curve.\n */\nconst ease = {\n    type: \"keyframes\",\n    ease: [0.25, 0.1, 0.35, 1],\n    duration: 0.3,\n};\nconst getDefaultTransition = (valueKey, { keyframes }) => {\n    if (keyframes.length > 2) {\n        return keyframesTransition;\n    }\n    else if (transformProps.has(valueKey)) {\n        return valueKey.startsWith(\"scale\")\n            ? criticallyDampedSpring(keyframes[1])\n            : underDampedSpring;\n    }\n    return ease;\n};\n\nexport { getDefaultTransition };\n//# sourceMappingURL=default-transitions.mjs.map\n"],"names":["underDampedSpring","criticallyDampedSpring","target","keyframesTransition","ease","getDefaultTransition","valueKey","keyframes","transformProps"],"mappings":";AAEA,MAAMA,IAAoB;AAAA,EACtB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AACf,GACMC,IAAyB,CAACC,OAAY;AAAA,EACxC,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAASA,MAAW,IAAI,IAAI,KAAK,KAAK,GAAG,IAAI;AAAA,EAC7C,WAAW;AACf,IACMC,IAAsB;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AACd,GAKMC,IAAO;AAAA,EACT,MAAM;AAAA,EACN,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC;AAAA,EACzB,UAAU;AACd,GACMC,IAAuB,CAACC,GAAU,EAAE,WAAAC,QAClCA,EAAU,SAAS,IACZJ,IAEFK,EAAe,IAAIF,CAAQ,IACzBA,EAAS,WAAW,OAAO,IAC5BL,EAAuBM,EAAU,CAAC,CAAC,IACnCP,IAEHI;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es340.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.es341.js

@@ -1,24 +1,14 @@
-const t = [
-  "transformPerspective",
-  "x",
-  "y",
-  "z",
-  "translateX",
-  "translateY",
-  "translateZ",
-  "scale",
-  "scaleX",
-  "scaleY",
-  "rotate",
-  "rotateX",
-  "rotateY",
-  "rotateZ",
-  "skew",
-  "skewX",
-  "skewY"
-], e = new Set(t);
+import { transformPropOrder as t } from "./visualization.es332.js";
+const r = /* @__PURE__ */ new Set([
+  "width",
+  "height",
+  "top",
+  "left",
+  "right",
+  "bottom",
+  ...t
+]);
 export {
-  t as transformPropOrder,
-  e as transformProps
+  r as positionalKeys
 };
 //# sourceMappingURL=visualization.es341.js.map

package/dist/visualization.es341.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es341.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/keys-transform.mjs"],"sourcesContent":["/**\n * Generate a list of every possible transform key.\n */\nconst transformPropOrder = [\n    \"transformPerspective\",\n    \"x\",\n    \"y\",\n    \"z\",\n    \"translateX\",\n    \"translateY\",\n    \"translateZ\",\n    \"scale\",\n    \"scaleX\",\n    \"scaleY\",\n    \"rotate\",\n    \"rotateX\",\n    \"rotateY\",\n    \"rotateZ\",\n    \"skew\",\n    \"skewX\",\n    \"skewY\",\n];\n/**\n * A quick lookup for transform props.\n */\nconst transformProps = /*@__PURE__*/ (() => new Set(transformPropOrder))();\n\nexport { transformPropOrder, transformProps };\n//# sourceMappingURL=keys-transform.mjs.map\n"],"names":["transformPropOrder","transformProps"],"mappings":"AAGK,MAACA,IAAqB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,GAIMC,IAAsC,IAAI,IAAID,CAAkB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es341.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.es342.js

@@ -1,9 +1,22 @@
-import { resolveTransition as o } from "./visualization.es343.js";
-function l(e, u) {
-  const r = e?.[u] ?? e?.default ?? e;
-  return r !== e ? o(r, e) : r;
+import { motionValue as s } from "./visualization.es409.js";
+import { resolveVariant as f } from "./visualization.es291.js";
+import { isKeyframesTarget as l } from "./visualization.es389.js";
+function u(t, o, e) {
+  t.hasValue(o) ? t.getValue(o).set(e) : t.addValue(o, s(e));
+}
+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 {
-  l as getValueTransition
+  p as setTarget
 };
 //# sourceMappingURL=visualization.es342.js.map

package/dist/visualization.es342.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es342.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/get-value-transition.mjs"],"sourcesContent":["import { resolveTransition } from './resolve-transition.mjs';\n\nfunction getValueTransition(transition, key) {\n    const valueTransition = transition?.[key] ??\n        transition?.[\"default\"] ??\n        transition;\n    if (valueTransition !== transition) {\n        return resolveTransition(valueTransition, transition);\n    }\n    return valueTransition;\n}\n\nexport { getValueTransition };\n//# sourceMappingURL=get-value-transition.mjs.map\n"],"names":["getValueTransition","transition","key","valueTransition","resolveTransition"],"mappings":";AAEA,SAASA,EAAmBC,GAAYC,GAAK;AACzC,QAAMC,IAAkBF,IAAaC,CAAG,KACpCD,GAAa,WACbA;AACJ,SAAIE,MAAoBF,IACbG,EAAkBD,GAAiBF,CAAU,IAEjDE;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es342.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.es343.js

@@ -1,11 +1,15 @@
-function c(e, r) {
-  if (e?.inherit && r) {
-    const { inherit: u, ...t } = e;
-    return { ...r, ...t };
+import { isWillChangeMotionValue as o } from "./visualization.es429.js";
+import { MotionGlobalConfig as i } from "./visualization.es308.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);
   }
-  return e;
 }
 export {
-  c as resolveTransition
+  C as addValueToWillChange
 };
 //# sourceMappingURL=visualization.es343.js.map

package/dist/visualization.es343.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es343.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/resolve-transition.mjs"],"sourcesContent":["/**\n * If `transition` has `inherit: true`, shallow-merge it with\n * `parentTransition` (child keys win) and strip the `inherit` key.\n * Otherwise return `transition` unchanged.\n */\nfunction resolveTransition(transition, parentTransition) {\n    if (transition?.inherit && parentTransition) {\n        const { inherit: _, ...rest } = transition;\n        return { ...parentTransition, ...rest };\n    }\n    return transition;\n}\n\nexport { resolveTransition };\n//# sourceMappingURL=resolve-transition.mjs.map\n"],"names":["resolveTransition","transition","parentTransition","_","rest"],"mappings":"AAKA,SAASA,EAAkBC,GAAYC,GAAkB;AACrD,MAAID,GAAY,WAAWC,GAAkB;AACzC,UAAM,EAAE,SAASC,GAAG,GAAGC,EAAI,IAAKH;AAChC,WAAO,EAAE,GAAGC,GAAkB,GAAGE,EAAI;AAAA,EACzC;AACA,SAAOH;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es343.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.es344.js

@@ -1,22 +1,8 @@
-const t = /* @__PURE__ */ new Set([
-  "when",
-  "delay",
-  "delayChildren",
-  "staggerChildren",
-  "staggerDirection",
-  "repeat",
-  "repeatType",
-  "repeatDelay",
-  "from",
-  "elapsed"
-]);
-function n(e) {
-  for (const r in e)
-    if (!t.has(r))
-      return !0;
-  return !1;
+import { optimizedAppearDataAttribute as p } from "./visualization.es345.js";
+function e(t) {
+  return t.props[p];
 }
 export {
-  n as isTransitionDefined
+  e as getOptimisedAppearId
 };
 //# sourceMappingURL=visualization.es344.js.map

package/dist/visualization.es344.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es344.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/is-transition-defined.mjs"],"sourcesContent":["const orchestrationKeys = new Set([\n    \"when\",\n    \"delay\",\n    \"delayChildren\",\n    \"staggerChildren\",\n    \"staggerDirection\",\n    \"repeat\",\n    \"repeatType\",\n    \"repeatDelay\",\n    \"from\",\n    \"elapsed\",\n]);\n/**\n * Decide whether a transition is defined on a given Transition.\n * This filters out orchestration options and returns true\n * if any options are left.\n */\nfunction isTransitionDefined(transition) {\n    for (const key in transition) {\n        if (!orchestrationKeys.has(key))\n            return true;\n    }\n    return false;\n}\n\nexport { isTransitionDefined };\n//# sourceMappingURL=is-transition-defined.mjs.map\n"],"names":["orchestrationKeys","isTransitionDefined","transition","key"],"mappings":"AAAA,MAAMA,IAAoB,oBAAI,IAAI;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;AAMD,SAASC,EAAoBC,GAAY;AACrC,aAAWC,KAAOD;AACd,QAAI,CAACF,EAAkB,IAAIG,CAAG;AAC1B,aAAO;AAEf,SAAO;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es344.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.es345.js

@@ -1,47 +1,7 @@
-import { AsyncMotionValueAnimation as A } from "./visualization.es307.js";
-import { JSAnimation as k } from "./visualization.es309.js";
-import { getValueTransition as D } from "./visualization.es342.js";
-import { makeAnimationInstant as d } from "./visualization.es314.js";
-import { getDefaultTransition as g } from "./visualization.es340.js";
-import { getFinalKeyframe as C } from "./visualization.es310.js";
-import { isTransitionDefined as T } from "./visualization.es344.js";
-import { frame as V } from "./visualization.es346.js";
-import { secondsToMilliseconds as s } from "./visualization.es328.js";
-import { MotionGlobalConfig as y } from "./visualization.es317.js";
-const x = (i, n, a, r = {}, f, p) => (u) => {
-  const o = D(r, i) || {}, c = o.delay || r.delay || 0;
-  let { elapsed: m = 0 } = r;
-  m = m - s(c);
-  const e = {
-    keyframes: Array.isArray(a) ? a : [null, a],
-    ease: "easeOut",
-    velocity: n.getVelocity(),
-    ...o,
-    delay: -m,
-    onUpdate: (t) => {
-      n.set(t), o.onUpdate && o.onUpdate(t);
-    },
-    onComplete: () => {
-      u(), o.onComplete && o.onComplete();
-    },
-    name: i,
-    motionValue: n,
-    element: p ? void 0 : f
-  };
-  T(o) || Object.assign(e, g(i, e)), e.duration && (e.duration = s(e.duration)), e.repeatDelay && (e.repeatDelay = s(e.repeatDelay)), e.from !== void 0 && (e.keyframes[0] = e.from);
-  let l = !1;
-  if ((e.type === !1 || e.duration === 0 && !e.repeatDelay) && (d(e), e.delay === 0 && (l = !0)), (y.instantAnimations || y.skipAnimations || f?.shouldSkipAnimations) && (l = !0, d(e), e.delay = 0), e.allowFlatten = !o.type && !o.ease, l && !p && n.get() !== void 0) {
-    const t = C(e.keyframes, o);
-    if (t !== void 0) {
-      V.update(() => {
-        e.onUpdate(t), e.onComplete();
-      });
-      return;
-    }
-  }
-  return o.isSync ? new k(e) : new A(e);
-};
+import { camelToDash as a } from "./visualization.es346.js";
+const t = "framerAppearId", e = "data-" + a(t);
 export {
-  x as animateMotionValue
+  e as optimizedAppearDataAttribute,
+  t as optimizedAppearDataId
 };
 //# sourceMappingURL=visualization.es345.js.map

package/dist/visualization.es345.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es345.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/interfaces/motion-value.mjs"],"sourcesContent":["import { secondsToMilliseconds, MotionGlobalConfig } from 'motion-utils';\nimport { AsyncMotionValueAnimation } from '../AsyncMotionValueAnimation.mjs';\nimport { JSAnimation } from '../JSAnimation.mjs';\nimport { getValueTransition } from '../utils/get-value-transition.mjs';\nimport { makeAnimationInstant } from '../utils/make-animation-instant.mjs';\nimport { getDefaultTransition } from '../utils/default-transitions.mjs';\nimport { getFinalKeyframe } from '../keyframes/get-final.mjs';\nimport { isTransitionDefined } from '../utils/is-transition-defined.mjs';\nimport { frame } from '../../frameloop/frame.mjs';\n\nconst animateMotionValue = (name, value, target, transition = {}, element, isHandoff) => (onComplete) => {\n    const valueTransition = getValueTransition(transition, name) || {};\n    /**\n     * Most transition values are currently completely overwritten by value-specific\n     * transitions. In the future it'd be nicer to blend these transitions. But for now\n     * delay actually does inherit from the root transition if not value-specific.\n     */\n    const delay = valueTransition.delay || transition.delay || 0;\n    /**\n     * Elapsed isn't a public transition option but can be passed through from\n     * optimized appear effects in milliseconds.\n     */\n    let { elapsed = 0 } = transition;\n    elapsed = elapsed - secondsToMilliseconds(delay);\n    const options = {\n        keyframes: Array.isArray(target) ? target : [null, target],\n        ease: \"easeOut\",\n        velocity: value.getVelocity(),\n        ...valueTransition,\n        delay: -elapsed,\n        onUpdate: (v) => {\n            value.set(v);\n            valueTransition.onUpdate && valueTransition.onUpdate(v);\n        },\n        onComplete: () => {\n            onComplete();\n            valueTransition.onComplete && valueTransition.onComplete();\n        },\n        name,\n        motionValue: value,\n        element: isHandoff ? undefined : element,\n    };\n    /**\n     * If there's no transition defined for this value, we can generate\n     * unique transition settings for this value.\n     */\n    if (!isTransitionDefined(valueTransition)) {\n        Object.assign(options, getDefaultTransition(name, options));\n    }\n    /**\n     * Both WAAPI and our internal animation functions use durations\n     * as defined by milliseconds, while our external API defines them\n     * as seconds.\n     */\n    options.duration && (options.duration = secondsToMilliseconds(options.duration));\n    options.repeatDelay && (options.repeatDelay = secondsToMilliseconds(options.repeatDelay));\n    /**\n     * Support deprecated way to set initial value. Prefer keyframe syntax.\n     */\n    if (options.from !== undefined) {\n        options.keyframes[0] = options.from;\n    }\n    let shouldSkip = false;\n    if (options.type === false ||\n        (options.duration === 0 && !options.repeatDelay)) {\n        makeAnimationInstant(options);\n        if (options.delay === 0) {\n            shouldSkip = true;\n        }\n    }\n    if (MotionGlobalConfig.instantAnimations ||\n        MotionGlobalConfig.skipAnimations ||\n        element?.shouldSkipAnimations) {\n        shouldSkip = true;\n        makeAnimationInstant(options);\n        options.delay = 0;\n    }\n    /**\n     * If the transition type or easing has been explicitly set by the user\n     * then we don't want to allow flattening the animation.\n     */\n    options.allowFlatten = !valueTransition.type && !valueTransition.ease;\n    /**\n     * If we can or must skip creating the animation, and apply only\n     * the final keyframe, do so. We also check once keyframes are resolved but\n     * this early check prevents the need to create an animation at all.\n     */\n    if (shouldSkip && !isHandoff && value.get() !== undefined) {\n        const finalKeyframe = getFinalKeyframe(options.keyframes, valueTransition);\n        if (finalKeyframe !== undefined) {\n            frame.update(() => {\n                options.onUpdate(finalKeyframe);\n                options.onComplete();\n            });\n            return;\n        }\n    }\n    return valueTransition.isSync\n        ? new JSAnimation(options)\n        : new AsyncMotionValueAnimation(options);\n};\n\nexport { animateMotionValue };\n//# sourceMappingURL=motion-value.mjs.map\n"],"names":["animateMotionValue","name","value","target","transition","element","isHandoff","onComplete","valueTransition","getValueTransition","delay","elapsed","secondsToMilliseconds","options","v","isTransitionDefined","getDefaultTransition","shouldSkip","makeAnimationInstant","MotionGlobalConfig","finalKeyframe","getFinalKeyframe","frame","JSAnimation","AsyncMotionValueAnimation"],"mappings":";;;;;;;;;;AAUK,MAACA,IAAqB,CAACC,GAAMC,GAAOC,GAAQC,IAAa,CAAA,GAAIC,GAASC,MAAc,CAACC,MAAe;AACrG,QAAMC,IAAkBC,EAAmBL,GAAYH,CAAI,KAAK,CAAA,GAM1DS,IAAQF,EAAgB,SAASJ,EAAW,SAAS;AAK3D,MAAI,EAAE,SAAAO,IAAU,EAAC,IAAKP;AACtB,EAAAO,IAAUA,IAAUC,EAAsBF,CAAK;AAC/C,QAAMG,IAAU;AAAA,IACZ,WAAW,MAAM,QAAQV,CAAM,IAAIA,IAAS,CAAC,MAAMA,CAAM;AAAA,IACzD,MAAM;AAAA,IACN,UAAUD,EAAM,YAAW;AAAA,IAC3B,GAAGM;AAAA,IACH,OAAO,CAACG;AAAA,IACR,UAAU,CAACG,MAAM;AACb,MAAAZ,EAAM,IAAIY,CAAC,GACXN,EAAgB,YAAYA,EAAgB,SAASM,CAAC;AAAA,IAC1D;AAAA,IACA,YAAY,MAAM;AACd,MAAAP,EAAU,GACVC,EAAgB,cAAcA,EAAgB,WAAU;AAAA,IAC5D;AAAA,IACA,MAAAP;AAAA,IACA,aAAaC;AAAA,IACb,SAASI,IAAY,SAAYD;AAAA,EACzC;AAKI,EAAKU,EAAoBP,CAAe,KACpC,OAAO,OAAOK,GAASG,EAAqBf,GAAMY,CAAO,CAAC,GAO9DA,EAAQ,aAAaA,EAAQ,WAAWD,EAAsBC,EAAQ,QAAQ,IAC9EA,EAAQ,gBAAgBA,EAAQ,cAAcD,EAAsBC,EAAQ,WAAW,IAInFA,EAAQ,SAAS,WACjBA,EAAQ,UAAU,CAAC,IAAIA,EAAQ;AAEnC,MAAII,IAAa;AAyBjB,OAxBIJ,EAAQ,SAAS,MAChBA,EAAQ,aAAa,KAAK,CAACA,EAAQ,iBACpCK,EAAqBL,CAAO,GACxBA,EAAQ,UAAU,MAClBI,IAAa,OAGjBE,EAAmB,qBACnBA,EAAmB,kBACnBd,GAAS,0BACTY,IAAa,IACbC,EAAqBL,CAAO,GAC5BA,EAAQ,QAAQ,IAMpBA,EAAQ,eAAe,CAACL,EAAgB,QAAQ,CAACA,EAAgB,MAM7DS,KAAc,CAACX,KAAaJ,EAAM,IAAG,MAAO,QAAW;AACvD,UAAMkB,IAAgBC,EAAiBR,EAAQ,WAAWL,CAAe;AACzE,QAAIY,MAAkB,QAAW;AAC7B,MAAAE,EAAM,OAAO,MAAM;AACf,QAAAT,EAAQ,SAASO,CAAa,GAC9BP,EAAQ,WAAU;AAAA,MACtB,CAAC;AACD;AAAA,IACJ;AAAA,EACJ;AACA,SAAOL,EAAgB,SACjB,IAAIe,EAAYV,CAAO,IACvB,IAAIW,EAA0BX,CAAO;AAC/C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es345.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.es346.js

@@ -1,10 +1,7 @@
-import { createRenderBatcher as e } from "./visualization.es382.js";
-import { noop as r } from "./visualization.es318.js";
-const { schedule: m, cancel: n, state: o, steps: c } = /* @__PURE__ */ e(typeof requestAnimationFrame < "u" ? requestAnimationFrame : r, !0);
+function r(e) {
+  return e.replace(/([A-Z])/g, (o) => `-${o.toLowerCase()}`);
+}
 export {
-  n as cancelFrame,
-  m as frame,
-  o as frameData,
-  c as frameSteps
+  r as camelToDash
 };
 //# sourceMappingURL=visualization.es346.js.map

package/dist/visualization.es346.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es346.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/frameloop/frame.mjs"],"sourcesContent":["import { noop } from 'motion-utils';\nimport { createRenderBatcher } from './batcher.mjs';\n\nconst { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps, } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== \"undefined\" ? requestAnimationFrame : noop, true);\n\nexport { cancelFrame, frame, frameData, frameSteps };\n//# sourceMappingURL=frame.mjs.map\n"],"names":["frame","cancelFrame","frameData","frameSteps","createRenderBatcher","noop"],"mappings":";;AAGK,MAAC,EAAE,UAAUA,GAAO,QAAQC,GAAa,OAAOC,GAAW,OAAOC,EAAU,IAAsB,gBAAAC,EAAoB,OAAO,wBAA0B,MAAc,wBAAwBC,GAAM,EAAI;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es346.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]}