@weng-lab/visualization 2.4.0-beta.4 → 2.4.0-beta.5

package/dist/visualization.es28.js

@@ -1,47 +1,11 @@
-import { forwardRef as m } from "react";
-import u from "./visualization.es127.js";
-import { jsx as c } from "react/jsx-runtime";
-const x = {
-  position: "absolute",
-  backgroundColor: "white",
-  color: "#666666",
-  padding: "0.3rem 0.5rem",
-  borderRadius: "3px",
-  fontSize: "14px",
-  boxShadow: "0 1px 2px rgba(33,33,33,0.2)",
-  lineHeight: "1em",
-  pointerEvents: "none"
-}, y = /* @__PURE__ */ m((s, r) => {
-  let {
-    className: i,
-    top: o,
-    left: e,
-    offsetLeft: t = 10,
-    offsetTop: l = 10,
-    style: p = x,
-    children: n,
-    unstyled: a = !1,
-    applyPositionStyle: f = !1,
-    ...d
-  } = s;
-  return /* @__PURE__ */ c("div", {
-    ref: r,
-    className: u("visx-tooltip", i),
-    style: {
-      top: o == null || l == null ? o : o + l,
-      left: e == null || t == null ? e : e + t,
-      ...f && {
-        position: "absolute"
-      },
-      ...!a && p
-    },
-    ...d,
-    children: n
-  });
-});
-y.displayName = "Tooltip";
+import r from "./visualization.es130.js";
+import a from "./visualization.es132.js";
+const n = r("domain", "range", "reverse", "clamp", "interpolate", "nice", "round", "zero");
+function i(e) {
+  return n(a(), e);
+}
 export {
-  y as default,
-  x as defaultStyles
+  i as default,
+  n as updateLinearScale
 };
 //# sourceMappingURL=visualization.es28.js.map

package/dist/visualization.es28.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es28.js","sources":["../../../node_modules/.pnpm/@visx+tooltip@4.0.0_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@19.2.14__1992a6888b9348459183e160bdb98c40/node_modules/@visx/tooltip/esm/tooltips/Tooltip.js"],"sourcesContent":["import { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const defaultStyles = {\n  position: 'absolute',\n  backgroundColor: 'white',\n  color: '#666666',\n  padding: '0.3rem 0.5rem',\n  borderRadius: '3px',\n  fontSize: '14px',\n  boxShadow: '0 1px 2px rgba(33,33,33,0.2)',\n  lineHeight: '1em',\n  pointerEvents: 'none'\n};\nconst Tooltip = /*#__PURE__*/forwardRef((_ref, ref) => {\n  let {\n    className,\n    top,\n    left,\n    offsetLeft = 10,\n    offsetTop = 10,\n    style = defaultStyles,\n    children,\n    unstyled = false,\n    applyPositionStyle = false,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"div\", {\n    ref: ref,\n    className: cx('visx-tooltip', className),\n    style: {\n      top: top == null || offsetTop == null ? top : top + offsetTop,\n      left: left == null || offsetLeft == null ? left : left + offsetLeft,\n      ...(applyPositionStyle && {\n        position: 'absolute'\n      }),\n      ...(!unstyled && style)\n    },\n    ...restProps,\n    children: children\n  });\n});\nTooltip.displayName = 'Tooltip';\nexport default Tooltip;"],"names":["defaultStyles","Tooltip","forwardRef","_ref","ref","className","top","left","offsetLeft","offsetTop","style","children","unstyled","applyPositionStyle","restProps","_jsx","cx"],"mappings":";;;AAGY,MAACA,IAAgB;AAAA,EAC3B,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AACjB,GACMC,IAAuB,gBAAAC,EAAW,CAACC,GAAMC,MAAQ;AACrD,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQV;AAAA,IACR,UAAAW;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,oBAAAC,IAAqB;AAAA,IACrB,GAAGC;AAAA,EACP,IAAMX;AACJ,SAAoBY,gBAAAA,EAAK,OAAO;AAAA,IAC9B,KAAKX;AAAA,IACL,WAAWY,EAAG,gBAAgBX,CAAS;AAAA,IACvC,OAAO;AAAA,MACL,KAAKC,KAAO,QAAQG,KAAa,OAAOH,IAAMA,IAAMG;AAAA,MACpD,MAAMF,KAAQ,QAAQC,KAAc,OAAOD,IAAOA,IAAOC;AAAA,MACzD,GAAIK,KAAsB;AAAA,QACxB,UAAU;AAAA,MAClB;AAAA,MACM,GAAI,CAACD,KAAYF;AAAA,IACvB;AAAA,IACI,GAAGI;AAAA,IACH,UAAUH;AAAA,EACd,CAAG;AACH,CAAC;AACDV,EAAQ,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es28.js","sources":["../../../node_modules/.pnpm/@visx+scale@4.0.0/node_modules/@visx/scale/esm/scales/linear.js"],"sourcesContent":["import { scaleLinear } from '@visx/vendor/d3-scale';\nimport scaleOperator from \"../operators/scaleOperator.js\";\nexport const updateLinearScale = scaleOperator('domain', 'range', 'reverse', 'clamp', 'interpolate', 'nice', 'round', 'zero');\nexport default function createLinearScale(config) {\n  return updateLinearScale(scaleLinear(), config);\n}"],"names":["updateLinearScale","scaleOperator","createLinearScale","config","scaleLinear"],"mappings":";;AAEY,MAACA,IAAoBC,EAAc,UAAU,SAAS,WAAW,SAAS,eAAe,QAAQ,SAAS,MAAM;AAC7G,SAASC,EAAkBC,GAAQ;AAChD,SAAOH,EAAkBI,EAAW,GAAID,CAAM;AAChD;","x_google_ignoreList":[0]}

package/dist/visualization.es280.js

@@ -1,6 +1,24 @@
-import { createContext as t } from "react";
-const o = t({ strict: !1 });
+import { isGenerator as f } from "./visualization.es331.js";
+import { isAnimatable as l } from "./visualization.es539.js";
+import { warning as g } from "./visualization.es293.js";
+function s(t) {
+  const i = t[0];
+  if (t.length === 1)
+    return !0;
+  for (let n = 0; n < t.length; n++)
+    if (t[n] !== i)
+      return !0;
+}
+function h(t, i, n, u) {
+  const r = t[0];
+  if (r === null)
+    return !1;
+  if (i === "display" || i === "visibility")
+    return !0;
+  const o = t[t.length - 1], a = l(r, i), e = l(o, i);
+  return g(a === e, `You are trying to animate ${i} from "${r}" to "${o}". "${a ? o : r}" is not an animatable value.`, "value-not-animatable"), !a || !e ? !1 : s(t) || (n === "spring" || f(n)) && u;
+}
 export {
-  o as LazyContext
+  h as canAnimate
 };
 //# sourceMappingURL=visualization.es280.js.map

package/dist/visualization.es280.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es280.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/context/LazyContext.mjs"],"sourcesContent":["\"use client\";\nimport { createContext } from 'react';\n\nconst LazyContext = createContext({ strict: false });\n\nexport { LazyContext };\n//# sourceMappingURL=LazyContext.mjs.map\n"],"names":["LazyContext","createContext"],"mappings":";AAGK,MAACA,IAAcC,EAAc,EAAE,QAAQ,GAAK,CAAE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es280.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/can-animate.mjs"],"sourcesContent":["import { warning } from 'motion-utils';\nimport { isGenerator } from '../generators/utils/is-generator.mjs';\nimport { isAnimatable } from './is-animatable.mjs';\n\nfunction hasKeyframesChanged(keyframes) {\n    const current = keyframes[0];\n    if (keyframes.length === 1)\n        return true;\n    for (let i = 0; i < keyframes.length; i++) {\n        if (keyframes[i] !== current)\n            return true;\n    }\n}\nfunction canAnimate(keyframes, name, type, velocity) {\n    /**\n     * Check if we're able to animate between the start and end keyframes,\n     * and throw a warning if we're attempting to animate between one that's\n     * animatable and another that isn't.\n     */\n    const originKeyframe = keyframes[0];\n    if (originKeyframe === null) {\n        return false;\n    }\n    /**\n     * These aren't traditionally animatable but we do support them.\n     * In future we could look into making this more generic or replacing\n     * this function with mix() === mixImmediate\n     */\n    if (name === \"display\" || name === \"visibility\")\n        return true;\n    const targetKeyframe = keyframes[keyframes.length - 1];\n    const isOriginAnimatable = isAnimatable(originKeyframe, name);\n    const isTargetAnimatable = isAnimatable(targetKeyframe, name);\n    warning(isOriginAnimatable === isTargetAnimatable, `You are trying to animate ${name} from \"${originKeyframe}\" to \"${targetKeyframe}\". \"${isOriginAnimatable ? targetKeyframe : originKeyframe}\" is not an animatable value.`, \"value-not-animatable\");\n    // Always skip if any of these are true\n    if (!isOriginAnimatable || !isTargetAnimatable) {\n        return false;\n    }\n    return (hasKeyframesChanged(keyframes) ||\n        ((type === \"spring\" || isGenerator(type)) && velocity));\n}\n\nexport { canAnimate };\n//# sourceMappingURL=can-animate.mjs.map\n"],"names":["hasKeyframesChanged","keyframes","current","i","canAnimate","name","type","velocity","originKeyframe","targetKeyframe","isOriginAnimatable","isAnimatable","isTargetAnimatable","warning","isGenerator"],"mappings":";;;AAIA,SAASA,EAAoBC,GAAW;AACpC,QAAMC,IAAUD,EAAU,CAAC;AAC3B,MAAIA,EAAU,WAAW;AACrB,WAAO;AACX,WAASE,IAAI,GAAGA,IAAIF,EAAU,QAAQE;AAClC,QAAIF,EAAUE,CAAC,MAAMD;AACjB,aAAO;AAEnB;AACA,SAASE,EAAWH,GAAWI,GAAMC,GAAMC,GAAU;AAMjD,QAAMC,IAAiBP,EAAU,CAAC;AAClC,MAAIO,MAAmB;AACnB,WAAO;AAOX,MAAIH,MAAS,aAAaA,MAAS;AAC/B,WAAO;AACX,QAAMI,IAAiBR,EAAUA,EAAU,SAAS,CAAC,GAC/CS,IAAqBC,EAAaH,GAAgBH,CAAI,GACtDO,IAAqBD,EAAaF,GAAgBJ,CAAI;AAG5D,SAFAQ,EAAQH,MAAuBE,GAAoB,6BAA6BP,CAAI,UAAUG,CAAc,SAASC,CAAc,OAAOC,IAAqBD,IAAiBD,CAAc,iCAAiC,sBAAsB,GAEjP,CAACE,KAAsB,CAACE,IACjB,KAEHZ,EAAoBC,CAAS,MAC/BK,MAAS,YAAYQ,EAAYR,CAAI,MAAMC;AACrD;","x_google_ignoreList":[0]}

package/dist/visualization.es281.js

@@ -1,15 +1,7 @@
-import { getInitializedFeatureDefinitions as o } from "./visualization.es282.js";
-import { setFeatureDefinitions as n } from "./visualization.es283.js";
-function s(e) {
-  const i = o();
-  for (const t in e)
-    i[t] = {
-      ...i[t],
-      ...e[t]
-    };
-  n(i);
+function t(n) {
+  n.duration = 0, n.type = "keyframes";
 }
 export {
-  s as loadFeatures
+  t as makeAnimationInstant
 };
 //# sourceMappingURL=visualization.es281.js.map

package/dist/visualization.es281.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es281.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/features/load-features.mjs"],"sourcesContent":["import { setFeatureDefinitions } from 'motion-dom';\nimport { getInitializedFeatureDefinitions } from './definitions.mjs';\n\nfunction loadFeatures(features) {\n    const featureDefinitions = getInitializedFeatureDefinitions();\n    for (const key in features) {\n        featureDefinitions[key] = {\n            ...featureDefinitions[key],\n            ...features[key],\n        };\n    }\n    setFeatureDefinitions(featureDefinitions);\n}\n\nexport { loadFeatures };\n//# sourceMappingURL=load-features.mjs.map\n"],"names":["loadFeatures","features","featureDefinitions","getInitializedFeatureDefinitions","key","setFeatureDefinitions"],"mappings":";;AAGA,SAASA,EAAaC,GAAU;AAC5B,QAAMC,IAAqBC,EAAgC;AAC3D,aAAWC,KAAOH;AACd,IAAAC,EAAmBE,CAAG,IAAI;AAAA,MACtB,GAAGF,EAAmBE,CAAG;AAAA,MACzB,GAAGH,EAASG,CAAG;AAAA,IAC3B;AAEI,EAAAC,EAAsBH,CAAkB;AAC5C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es281.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/make-animation-instant.mjs"],"sourcesContent":["function makeAnimationInstant(options) {\n    options.duration = 0;\n    options.type = \"keyframes\";\n}\n\nexport { makeAnimationInstant };\n//# sourceMappingURL=make-animation-instant.mjs.map\n"],"names":["makeAnimationInstant","options"],"mappings":"AAAA,SAASA,EAAqBC,GAAS;AACnC,EAAAA,EAAQ,WAAW,GACnBA,EAAQ,OAAO;AACnB;","x_google_ignoreList":[0]}

package/dist/visualization.es282.js

@@ -1,40 +1,28 @@
-import { getFeatureDefinitions as r, setFeatureDefinitions as s } from "./visualization.es283.js";
-const n = {
-  animation: [
-    "animate",
-    "variants",
-    "whileHover",
-    "whileTap",
-    "exit",
-    "whileInView",
-    "whileFocus",
-    "whileDrag"
-  ],
-  exit: ["exit"],
-  drag: ["drag", "dragControls"],
-  focus: ["whileFocus"],
-  hover: ["whileHover", "onHoverStart", "onHoverEnd"],
-  tap: ["whileTap", "onTap", "onTapStart", "onTapCancel"],
-  pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
-  inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
-  layout: ["layout", "layoutId"]
-};
-let t = !1;
-function l() {
-  if (t)
-    return;
-  const e = {};
-  for (const i in n)
-    e[i] = {
-      isEnabled: (o) => n[i].some((a) => !!o[a])
-    };
-  s(e), t = !0;
-}
-function w() {
-  return l(), r();
+class t {
+  constructor() {
+    this.updateFinished();
+  }
+  get finished() {
+    return this._finished;
+  }
+  updateFinished() {
+    this._finished = new Promise((i) => {
+      this.resolve = i;
+    });
+  }
+  notifyFinished() {
+    this.resolve();
+  }
+  /**
+   * Allows the animation to be awaited.
+   *
+   * @deprecated Use `finished` instead.
+   */
+  then(i, e) {
+    return this.finished.then(i, e);
+  }
 }
 export {
-  w as getInitializedFeatureDefinitions,
-  l as initFeatureDefinitions
+  t as WithPromise
 };
 //# sourceMappingURL=visualization.es282.js.map

package/dist/visualization.es282.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es282.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/features/definitions.mjs"],"sourcesContent":["import { getFeatureDefinitions, setFeatureDefinitions } from 'motion-dom';\n\nconst featureProps = {\n    animation: [\n        \"animate\",\n        \"variants\",\n        \"whileHover\",\n        \"whileTap\",\n        \"exit\",\n        \"whileInView\",\n        \"whileFocus\",\n        \"whileDrag\",\n    ],\n    exit: [\"exit\"],\n    drag: [\"drag\", \"dragControls\"],\n    focus: [\"whileFocus\"],\n    hover: [\"whileHover\", \"onHoverStart\", \"onHoverEnd\"],\n    tap: [\"whileTap\", \"onTap\", \"onTapStart\", \"onTapCancel\"],\n    pan: [\"onPan\", \"onPanStart\", \"onPanSessionStart\", \"onPanEnd\"],\n    inView: [\"whileInView\", \"onViewportEnter\", \"onViewportLeave\"],\n    layout: [\"layout\", \"layoutId\"],\n};\nlet isInitialized = false;\n/**\n * Initialize feature definitions with isEnabled checks.\n * This must be called before any motion components are rendered.\n */\nfunction initFeatureDefinitions() {\n    if (isInitialized)\n        return;\n    const initialFeatureDefinitions = {};\n    for (const key in featureProps) {\n        initialFeatureDefinitions[key] = {\n            isEnabled: (props) => featureProps[key].some((name) => !!props[name]),\n        };\n    }\n    setFeatureDefinitions(initialFeatureDefinitions);\n    isInitialized = true;\n}\n/**\n * Get the current feature definitions, initializing if needed.\n */\nfunction getInitializedFeatureDefinitions() {\n    initFeatureDefinitions();\n    return getFeatureDefinitions();\n}\n\nexport { getInitializedFeatureDefinitions, initFeatureDefinitions };\n//# sourceMappingURL=definitions.mjs.map\n"],"names":["featureProps","isInitialized","initFeatureDefinitions","initialFeatureDefinitions","key","props","name","setFeatureDefinitions","getInitializedFeatureDefinitions","getFeatureDefinitions"],"mappings":";AAEA,MAAMA,IAAe;AAAA,EACjB,WAAW;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACR;AAAA,EACI,MAAM,CAAC,MAAM;AAAA,EACb,MAAM,CAAC,QAAQ,cAAc;AAAA,EAC7B,OAAO,CAAC,YAAY;AAAA,EACpB,OAAO,CAAC,cAAc,gBAAgB,YAAY;AAAA,EAClD,KAAK,CAAC,YAAY,SAAS,cAAc,aAAa;AAAA,EACtD,KAAK,CAAC,SAAS,cAAc,qBAAqB,UAAU;AAAA,EAC5D,QAAQ,CAAC,eAAe,mBAAmB,iBAAiB;AAAA,EAC5D,QAAQ,CAAC,UAAU,UAAU;AACjC;AACA,IAAIC,IAAgB;AAKpB,SAASC,IAAyB;AAC9B,MAAID;AACA;AACJ,QAAME,IAA4B,CAAA;AAClC,aAAWC,KAAOJ;AACd,IAAAG,EAA0BC,CAAG,IAAI;AAAA,MAC7B,WAAW,CAACC,MAAUL,EAAaI,CAAG,EAAE,KAAK,CAACE,MAAS,CAAC,CAACD,EAAMC,CAAI,CAAC;AAAA,IAChF;AAEI,EAAAC,EAAsBJ,CAAyB,GAC/CF,IAAgB;AACpB;AAIA,SAASO,IAAmC;AACxC,SAAAN,EAAsB,GACfO,EAAqB;AAChC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es282.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/WithPromise.mjs"],"sourcesContent":["class WithPromise {\n    constructor() {\n        this.updateFinished();\n    }\n    get finished() {\n        return this._finished;\n    }\n    updateFinished() {\n        this._finished = new Promise((resolve) => {\n            this.resolve = resolve;\n        });\n    }\n    notifyFinished() {\n        this.resolve();\n    }\n    /**\n     * Allows the animation to be awaited.\n     *\n     * @deprecated Use `finished` instead.\n     */\n    then(onResolve, onReject) {\n        return this.finished.then(onResolve, onReject);\n    }\n}\n\nexport { WithPromise };\n//# sourceMappingURL=WithPromise.mjs.map\n"],"names":["WithPromise","resolve","onResolve","onReject"],"mappings":"AAAA,MAAMA,EAAY;AAAA,EACd,cAAc;AACV,SAAK,eAAc;AAAA,EACvB;AAAA,EACA,IAAI,WAAW;AACX,WAAO,KAAK;AAAA,EAChB;AAAA,EACA,iBAAiB;AACb,SAAK,YAAY,IAAI,QAAQ,CAACC,MAAY;AACtC,WAAK,UAAUA;AAAA,IACnB,CAAC;AAAA,EACL;AAAA,EACA,iBAAiB;AACb,SAAK,QAAO;AAAA,EAChB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,KAAKC,GAAWC,GAAU;AACtB,WAAO,KAAK,SAAS,KAAKD,GAAWC,CAAQ;AAAA,EACjD;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es283.js

@@ -1,264 +1,34 @@
-import { KeyframeResolver as M } from "./visualization.es299.js";
-import { NativeAnimation as S } from "./visualization.es318.js";
-import { acceleratedValues as b } from "./visualization.es367.js";
-import { microtask as T } from "./visualization.es373.js";
-import { time as w } from "./visualization.es296.js";
-import { createBox as P } from "./visualization.es433.js";
-import { motionValue as F } from "./visualization.es406.js";
-import { complex as A } from "./visualization.es401.js";
-import { getAnimatableNone as B } from "./visualization.es423.js";
-import { findValueType as R } from "./visualization.es424.js";
-import { isMotionValue as u } from "./visualization.es219.js";
-import { visualElementStore as N } from "./visualization.es432.js";
-import { isControllingVariants as E, isVariantNode as x } from "./visualization.es214.js";
-import { transformProps as j } from "./visualization.es329.js";
-import { updateMotionValuesFromProps as y } from "./visualization.es439.js";
-import { initPrefersReducedMotion as I } from "./visualization.es440.js";
-import { resolveVariantFromProps as D } from "./visualization.es216.js";
-import { hasReducedMotionListener as L, prefersReducedMotion as U } from "./visualization.es441.js";
-import { frame as v, cancelFrame as g } from "./visualization.es334.js";
-import { warnOnce as O } from "./visualization.es285.js";
-import { secondsToMilliseconds as _ } from "./visualization.es316.js";
-import { isNumericalString as H } from "./visualization.es327.js";
-import { isZeroValueString as K } from "./visualization.es442.js";
-import { SubscriptionManager as Y } from "./visualization.es407.js";
-const C = [
-  "AnimationStart",
-  "AnimationComplete",
-  "Update",
-  "BeforeLayoutMeasure",
-  "LayoutMeasure",
-  "LayoutAnimationStart",
-  "LayoutAnimationComplete"
-];
-let l = {};
-function ft(m) {
-  l = m;
-}
-function mt() {
-  return l;
-}
-class Vt {
-  /**
-   * This method takes React props and returns found MotionValues. For example, HTML
-   * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
-   *
-   * This isn't an abstract method as it needs calling in the constructor, but it is
-   * intended to be one.
-   */
-  scrapeMotionValuesFromProps(t, e, i) {
-    return {};
-  }
-  constructor({ parent: t, props: e, presenceContext: i, reducedMotionConfig: s, skipAnimations: n, blockInitialAnimation: r, visualState: d }, p = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.shouldSkipAnimations = !1, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = M, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.hasBeenMounted = !1, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
-      this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
-    }, this.renderScheduledAt = 0, this.scheduleRender = () => {
-      const a = w.now();
-      this.renderScheduledAt < a && (this.renderScheduledAt = a, v.render(this.render, !1, !0));
-    };
-    const { latestValues: o, renderState: c } = d;
-    this.latestValues = o, this.baseTarget = { ...o }, this.initialValues = e.initial ? { ...o } : {}, this.renderState = c, this.parent = t, this.props = e, this.presenceContext = i, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = s, this.skipAnimationsConfig = n, this.options = p, this.blockInitialAnimation = !!r, this.isControllingVariants = E(e), this.isVariantNode = x(e), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
-    const { willChange: f, ...h } = this.scrapeMotionValuesFromProps(e, {}, this);
-    for (const a in h) {
-      const V = h[a];
-      o[a] !== void 0 && u(V) && V.set(o[a]);
-    }
-  }
-  mount(t) {
-    if (this.hasBeenMounted)
-      for (const e in this.initialValues)
-        this.values.get(e)?.jump(this.initialValues[e]), this.latestValues[e] = this.initialValues[e];
-    this.current = t, N.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((e, i) => this.bindToMotionValue(i, e)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (L.current || I(), this.shouldReduceMotion = U.current), process.env.NODE_ENV !== "production" && O(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.shouldSkipAnimations = this.skipAnimationsConfig ?? !1, this.parent?.addChild(this), this.update(this.props, this.presenceContext), this.hasBeenMounted = !0;
-  }
-  unmount() {
-    this.projection && this.projection.unmount(), g(this.notifyUpdate), g(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
-    for (const t in this.events)
-      this.events[t].clear();
-    for (const t in this.features) {
-      const e = this.features[t];
-      e && (e.unmount(), e.isMounted = !1);
-    }
-    this.current = null;
-  }
-  addChild(t) {
-    this.children.add(t), this.enteringChildren ?? (this.enteringChildren = /* @__PURE__ */ new Set()), this.enteringChildren.add(t);
-  }
-  removeChild(t) {
-    this.children.delete(t), this.enteringChildren && this.enteringChildren.delete(t);
-  }
-  bindToMotionValue(t, e) {
-    if (this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)(), e.accelerate && b.has(t) && this.current instanceof HTMLElement) {
-      const { factory: r, keyframes: d, times: p, ease: o, duration: c } = e.accelerate, f = new S({
-        element: this.current,
-        name: t,
-        keyframes: d,
-        times: p,
-        ease: o,
-        duration: _(c)
-      }), h = r(f);
-      this.valueSubscriptions.set(t, () => {
-        h(), f.cancel();
-      });
-      return;
-    }
-    const i = j.has(t);
-    i && this.onBindTransform && this.onBindTransform();
-    const s = e.on("change", (r) => {
-      this.latestValues[t] = r, this.props.onUpdate && v.preRender(this.notifyUpdate), i && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
-    });
-    let n;
-    typeof window < "u" && window.MotionCheckAppearSync && (n = window.MotionCheckAppearSync(this, t, e)), this.valueSubscriptions.set(t, () => {
-      s(), n && n(), e.owner && e.stop();
-    });
-  }
-  sortNodePosition(t) {
-    return !this.current || !this.sortInstanceNodePosition || this.type !== t.type ? 0 : this.sortInstanceNodePosition(this.current, t.current);
-  }
-  updateFeatures() {
-    let t = "animation";
-    for (t in l) {
-      const e = l[t];
-      if (!e)
-        continue;
-      const { isEnabled: i, Feature: s } = e;
-      if (!this.features[t] && s && i(this.props) && (this.features[t] = new s(this)), this.features[t]) {
-        const n = this.features[t];
-        n.isMounted ? n.update() : (n.mount(), n.isMounted = !0);
-      }
-    }
-  }
-  triggerBuild() {
-    this.build(this.renderState, this.latestValues, this.props);
-  }
-  /**
-   * Measure the current viewport box with or without transforms.
-   * Only measures axis-aligned boxes, rotate and skew must be manually
-   * removed with a re-render to work.
-   */
-  measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : P();
-  }
-  getStaticValue(t) {
-    return this.latestValues[t];
-  }
-  setStaticValue(t, e) {
-    this.latestValues[t] = e;
-  }
-  /**
-   * Update the provided props. Ensure any newly-added motion values are
-   * added to our map, old ones removed, and listeners updated.
-   */
-  update(t, e) {
-    (t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = e;
-    for (let i = 0; i < C.length; i++) {
-      const s = C[i];
-      this.propEventSubscriptions[s] && (this.propEventSubscriptions[s](), delete this.propEventSubscriptions[s]);
-      const n = "on" + s, r = t[n];
-      r && (this.propEventSubscriptions[s] = this.on(s, r));
-    }
-    this.prevMotionValues = y(this, this.scrapeMotionValuesFromProps(t, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
-  }
-  getProps() {
-    return this.props;
-  }
-  /**
-   * Returns the variant definition with a given name.
-   */
-  getVariant(t) {
-    return this.props.variants ? this.props.variants[t] : void 0;
-  }
-  /**
-   * Returns the defined default transition on this component.
-   */
-  getDefaultTransition() {
-    return this.props.transition;
-  }
-  getTransformPagePoint() {
-    return this.props.transformPagePoint;
-  }
-  getClosestVariantNode() {
-    return this.isVariantNode ? this : this.parent ? this.parent.getClosestVariantNode() : void 0;
-  }
-  /**
-   * Add a child visual element to our set of children.
-   */
-  addVariantChild(t) {
-    const e = this.getClosestVariantNode();
-    if (e)
-      return e.variantChildren && e.variantChildren.add(t), () => e.variantChildren.delete(t);
-  }
-  /**
-   * Add a motion value and bind it to this visual element.
-   */
-  addValue(t, e) {
-    const i = this.values.get(t);
-    e !== i && (i && this.removeValue(t), this.bindToMotionValue(t, e), this.values.set(t, e), this.latestValues[t] = e.get());
-  }
-  /**
-   * Remove a motion value and unbind any active subscriptions.
-   */
-  removeValue(t) {
-    this.values.delete(t);
-    const e = this.valueSubscriptions.get(t);
-    e && (e(), this.valueSubscriptions.delete(t)), delete this.latestValues[t], this.removeValueFromRenderState(t, this.renderState);
-  }
-  /**
-   * Check whether we have a motion value for this key
-   */
-  hasValue(t) {
-    return this.values.has(t);
-  }
-  getValue(t, e) {
-    if (this.props.values && this.props.values[t])
-      return this.props.values[t];
-    let i = this.values.get(t);
-    return i === void 0 && e !== void 0 && (i = F(e === null ? void 0 : e, { owner: this }), this.addValue(t, i)), i;
-  }
-  /**
-   * If we're trying to animate to a previously unencountered value,
-   * we need to check for it in our state and as a last resort read it
-   * directly from the instance (which might have performance implications).
-   */
-  readValue(t, e) {
-    let i = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.getBaseTargetFromProps(this.props, t) ?? this.readValueFromInstance(this.current, t, this.options);
-    return i != null && (typeof i == "string" && (H(i) || K(i)) ? i = parseFloat(i) : !R(i) && A.test(e) && (i = B(t, e)), this.setBaseTarget(t, u(i) ? i.get() : i)), u(i) ? i.get() : i;
-  }
-  /**
-   * Set the base target to later animate back to. This is currently
-   * only hydrated on creation and when we first read a value.
-   */
-  setBaseTarget(t, e) {
-    this.baseTarget[t] = e;
-  }
-  /**
-   * Find the base target for a value thats been removed from all animation
-   * props.
-   */
-  getBaseTarget(t) {
-    const { initial: e } = this.props;
-    let i;
-    if (typeof e == "string" || typeof e == "object") {
-      const n = D(this.props, e, this.presenceContext?.custom);
-      n && (i = n[t]);
-    }
-    if (e && i !== void 0)
-      return i;
-    const s = this.getBaseTargetFromProps(this.props, t);
-    return s !== void 0 && !u(s) ? s : this.initialValues[t] !== void 0 && i === void 0 ? void 0 : this.baseTarget[t];
-  }
-  on(t, e) {
-    return this.events[t] || (this.events[t] = new Y()), this.events[t].add(e);
-  }
-  notify(t, ...e) {
-    this.events[t] && this.events[t].notify(...e);
-  }
-  scheduleRenderMicrotask() {
-    T.render(this.render);
-  }
+import { acceleratedValues as i } from "./visualization.es346.js";
+import { hasBrowserOnlyColors as c } from "./visualization.es347.js";
+import { memo as f } from "./visualization.es348.js";
+const u = /* @__PURE__ */ new Set([
+  "color",
+  "backgroundColor",
+  "outlineColor",
+  "fill",
+  "stroke",
+  "borderColor",
+  "borderTopColor",
+  "borderRightColor",
+  "borderBottomColor",
+  "borderLeftColor"
+]), b = /* @__PURE__ */ f(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function h(e) {
+  const { motionValue: r, name: o, repeatDelay: t, repeatType: n, damping: a, type: s, keyframes: l } = e;
+  if (!(r?.owner?.current instanceof HTMLElement))
+    return !1;
+  const { onUpdate: p, transformTemplate: m } = r.owner.getProps();
+  return b() && o && /**
+   * Force WAAPI for color properties with browser-only color formats
+   * (oklch, oklab, lab, lch, etc.) that the JS animation path can't parse.
+   */
+  (i.has(o) || u.has(o) && c(l)) && (o !== "transform" || !m) && /**
+   * If we're outputting values to onUpdate then we can't use WAAPI as there's
+   * no way to read the value from WAAPI every frame.
+   */
+  !p && !t && n !== "mirror" && a !== 0 && s !== "inertia";
 }
 export {
-  Vt as VisualElement,
-  mt as getFeatureDefinitions,
-  ft as setFeatureDefinitions
+  h as supportsBrowserAnimation
 };
 //# sourceMappingURL=visualization.es283.js.map

package/dist/visualization.es283.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es283.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/VisualElement.mjs"],"sourcesContent":["import { warnOnce, secondsToMilliseconds, isNumericalString, isZeroValueString, SubscriptionManager } from 'motion-utils';\nimport { KeyframeResolver } from '../animation/keyframes/KeyframesResolver.mjs';\nimport { NativeAnimation } from '../animation/NativeAnimation.mjs';\nimport { acceleratedValues } from '../animation/waapi/utils/accelerated-values.mjs';\nimport { microtask } from '../frameloop/microtask.mjs';\nimport { time } from '../frameloop/sync-time.mjs';\nimport { createBox } from '../projection/geometry/models.mjs';\nimport { motionValue } from '../value/index.mjs';\nimport { complex } from '../value/types/complex/index.mjs';\nimport { getAnimatableNone } from '../value/types/utils/animatable-none.mjs';\nimport { findValueType } from '../value/types/utils/find.mjs';\nimport { isMotionValue } from '../value/utils/is-motion-value.mjs';\nimport { visualElementStore } from './store.mjs';\nimport { isControllingVariants, isVariantNode } from './utils/is-controlling-variants.mjs';\nimport { transformProps } from './utils/keys-transform.mjs';\nimport { updateMotionValuesFromProps } from './utils/motion-values.mjs';\nimport { initPrefersReducedMotion } from './utils/reduced-motion/index.mjs';\nimport { resolveVariantFromProps } from './utils/resolve-variants.mjs';\nimport { hasReducedMotionListener, prefersReducedMotion } from './utils/reduced-motion/state.mjs';\nimport { frame, cancelFrame } from '../frameloop/frame.mjs';\n\nconst propEventHandlers = [\n    \"AnimationStart\",\n    \"AnimationComplete\",\n    \"Update\",\n    \"BeforeLayoutMeasure\",\n    \"LayoutMeasure\",\n    \"LayoutAnimationStart\",\n    \"LayoutAnimationComplete\",\n];\n/**\n * Static feature definitions - can be injected by framework layer\n */\nlet featureDefinitions = {};\n/**\n * Set feature definitions for all VisualElements.\n * This should be called by the framework layer (e.g., framer-motion) during initialization.\n */\nfunction setFeatureDefinitions(definitions) {\n    featureDefinitions = definitions;\n}\n/**\n * Get the current feature definitions\n */\nfunction getFeatureDefinitions() {\n    return featureDefinitions;\n}\n/**\n * A VisualElement is an imperative abstraction around UI elements such as\n * HTMLElement, SVGElement, Three.Object3D etc.\n */\nclass VisualElement {\n    /**\n     * This method takes React props and returns found MotionValues. For example, HTML\n     * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.\n     *\n     * This isn't an abstract method as it needs calling in the constructor, but it is\n     * intended to be one.\n     */\n    scrapeMotionValuesFromProps(_props, _prevProps, _visualElement) {\n        return {};\n    }\n    constructor({ parent, props, presenceContext, reducedMotionConfig, skipAnimations, blockInitialAnimation, visualState, }, options = {}) {\n        /**\n         * A reference to the current underlying Instance, e.g. a HTMLElement\n         * or Three.Mesh etc.\n         */\n        this.current = null;\n        /**\n         * A set containing references to this VisualElement's children.\n         */\n        this.children = new Set();\n        /**\n         * Determine what role this visual element should take in the variant tree.\n         */\n        this.isVariantNode = false;\n        this.isControllingVariants = false;\n        /**\n         * Decides whether this VisualElement should animate in reduced motion\n         * mode.\n         *\n         * TODO: This is currently set on every individual VisualElement but feels\n         * like it could be set globally.\n         */\n        this.shouldReduceMotion = null;\n        /**\n         * Decides whether animations should be skipped for this VisualElement.\n         * Useful for E2E tests and visual regression testing.\n         */\n        this.shouldSkipAnimations = false;\n        /**\n         * A map of all motion values attached to this visual element. Motion\n         * values are source of truth for any given animated value. A motion\n         * value might be provided externally by the component via props.\n         */\n        this.values = new Map();\n        this.KeyframeResolver = KeyframeResolver;\n        /**\n         * Cleanup functions for active features (hover/tap/exit etc)\n         */\n        this.features = {};\n        /**\n         * A map of every subscription that binds the provided or generated\n         * motion values onChange listeners to this visual element.\n         */\n        this.valueSubscriptions = new Map();\n        /**\n         * A reference to the previously-provided motion values as returned\n         * from scrapeMotionValuesFromProps. We use the keys in here to determine\n         * if any motion values need to be removed after props are updated.\n         */\n        this.prevMotionValues = {};\n        /**\n         * Track whether this element has been mounted before, to detect\n         * remounts after Suspense unmount/remount cycles.\n         */\n        this.hasBeenMounted = false;\n        /**\n         * An object containing a SubscriptionManager for each active event.\n         */\n        this.events = {};\n        /**\n         * An object containing an unsubscribe function for each prop event subscription.\n         * For example, every \"Update\" event can have multiple subscribers via\n         * VisualElement.on(), but only one of those can be defined via the onUpdate prop.\n         */\n        this.propEventSubscriptions = {};\n        this.notifyUpdate = () => this.notify(\"Update\", this.latestValues);\n        this.render = () => {\n            if (!this.current)\n                return;\n            this.triggerBuild();\n            this.renderInstance(this.current, this.renderState, this.props.style, this.projection);\n        };\n        this.renderScheduledAt = 0.0;\n        this.scheduleRender = () => {\n            const now = time.now();\n            if (this.renderScheduledAt < now) {\n                this.renderScheduledAt = now;\n                frame.render(this.render, false, true);\n            }\n        };\n        const { latestValues, renderState } = visualState;\n        this.latestValues = latestValues;\n        this.baseTarget = { ...latestValues };\n        this.initialValues = props.initial ? { ...latestValues } : {};\n        this.renderState = renderState;\n        this.parent = parent;\n        this.props = props;\n        this.presenceContext = presenceContext;\n        this.depth = parent ? parent.depth + 1 : 0;\n        this.reducedMotionConfig = reducedMotionConfig;\n        this.skipAnimationsConfig = skipAnimations;\n        this.options = options;\n        this.blockInitialAnimation = Boolean(blockInitialAnimation);\n        this.isControllingVariants = isControllingVariants(props);\n        this.isVariantNode = isVariantNode(props);\n        if (this.isVariantNode) {\n            this.variantChildren = new Set();\n        }\n        this.manuallyAnimateOnMount = Boolean(parent && parent.current);\n        /**\n         * Any motion values that are provided to the element when created\n         * aren't yet bound to the element, as this would technically be impure.\n         * However, we iterate through the motion values and set them to the\n         * initial values for this component.\n         *\n         * TODO: This is impure and we should look at changing this to run on mount.\n         * Doing so will break some tests but this isn't necessarily a breaking change,\n         * more a reflection of the test.\n         */\n        const { willChange, ...initialMotionValues } = this.scrapeMotionValuesFromProps(props, {}, this);\n        for (const key in initialMotionValues) {\n            const value = initialMotionValues[key];\n            if (latestValues[key] !== undefined && isMotionValue(value)) {\n                value.set(latestValues[key]);\n            }\n        }\n    }\n    mount(instance) {\n        /**\n         * If this element has been mounted before (e.g. after a Suspense\n         * unmount/remount), reset motion values to their initial state\n         * so animations replay correctly from initial → animate.\n         */\n        if (this.hasBeenMounted) {\n            for (const key in this.initialValues) {\n                this.values.get(key)?.jump(this.initialValues[key]);\n                this.latestValues[key] = this.initialValues[key];\n            }\n        }\n        this.current = instance;\n        visualElementStore.set(instance, this);\n        if (this.projection && !this.projection.instance) {\n            this.projection.mount(instance);\n        }\n        if (this.parent && this.isVariantNode && !this.isControllingVariants) {\n            this.removeFromVariantTree = this.parent.addVariantChild(this);\n        }\n        this.values.forEach((value, key) => this.bindToMotionValue(key, value));\n        /**\n         * Determine reduced motion preference. Only initialize the matchMedia\n         * listener if we actually need the dynamic value (i.e., when config\n         * is neither \"never\" nor \"always\").\n         */\n        if (this.reducedMotionConfig === \"never\") {\n            this.shouldReduceMotion = false;\n        }\n        else if (this.reducedMotionConfig === \"always\") {\n            this.shouldReduceMotion = true;\n        }\n        else {\n            if (!hasReducedMotionListener.current) {\n                initPrefersReducedMotion();\n            }\n            this.shouldReduceMotion = prefersReducedMotion.current;\n        }\n        if (process.env.NODE_ENV !== \"production\") {\n            warnOnce(this.shouldReduceMotion !== true, \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\", \"reduced-motion-disabled\");\n        }\n        /**\n         * Set whether animations should be skipped based on the config.\n         */\n        this.shouldSkipAnimations = this.skipAnimationsConfig ?? false;\n        this.parent?.addChild(this);\n        this.update(this.props, this.presenceContext);\n        this.hasBeenMounted = true;\n    }\n    unmount() {\n        this.projection && this.projection.unmount();\n        cancelFrame(this.notifyUpdate);\n        cancelFrame(this.render);\n        this.valueSubscriptions.forEach((remove) => remove());\n        this.valueSubscriptions.clear();\n        this.removeFromVariantTree && this.removeFromVariantTree();\n        this.parent?.removeChild(this);\n        for (const key in this.events) {\n            this.events[key].clear();\n        }\n        for (const key in this.features) {\n            const feature = this.features[key];\n            if (feature) {\n                feature.unmount();\n                feature.isMounted = false;\n            }\n        }\n        this.current = null;\n    }\n    addChild(child) {\n        this.children.add(child);\n        this.enteringChildren ?? (this.enteringChildren = new Set());\n        this.enteringChildren.add(child);\n    }\n    removeChild(child) {\n        this.children.delete(child);\n        this.enteringChildren && this.enteringChildren.delete(child);\n    }\n    bindToMotionValue(key, value) {\n        if (this.valueSubscriptions.has(key)) {\n            this.valueSubscriptions.get(key)();\n        }\n        if (value.accelerate &&\n            acceleratedValues.has(key) &&\n            this.current instanceof HTMLElement) {\n            const { factory, keyframes, times, ease, duration } = value.accelerate;\n            const animation = new NativeAnimation({\n                element: this.current,\n                name: key,\n                keyframes,\n                times,\n                ease,\n                duration: secondsToMilliseconds(duration),\n            });\n            const cleanup = factory(animation);\n            this.valueSubscriptions.set(key, () => {\n                cleanup();\n                animation.cancel();\n            });\n            return;\n        }\n        const valueIsTransform = transformProps.has(key);\n        if (valueIsTransform && this.onBindTransform) {\n            this.onBindTransform();\n        }\n        const removeOnChange = value.on(\"change\", (latestValue) => {\n            this.latestValues[key] = latestValue;\n            this.props.onUpdate && frame.preRender(this.notifyUpdate);\n            if (valueIsTransform && this.projection) {\n                this.projection.isTransformDirty = true;\n            }\n            this.scheduleRender();\n        });\n        let removeSyncCheck;\n        if (typeof window !== \"undefined\" &&\n            window.MotionCheckAppearSync) {\n            removeSyncCheck = window.MotionCheckAppearSync(this, key, value);\n        }\n        this.valueSubscriptions.set(key, () => {\n            removeOnChange();\n            if (removeSyncCheck)\n                removeSyncCheck();\n            if (value.owner)\n                value.stop();\n        });\n    }\n    sortNodePosition(other) {\n        /**\n         * If these nodes aren't even of the same type we can't compare their depth.\n         */\n        if (!this.current ||\n            !this.sortInstanceNodePosition ||\n            this.type !== other.type) {\n            return 0;\n        }\n        return this.sortInstanceNodePosition(this.current, other.current);\n    }\n    updateFeatures() {\n        let key = \"animation\";\n        for (key in featureDefinitions) {\n            const featureDefinition = featureDefinitions[key];\n            if (!featureDefinition)\n                continue;\n            const { isEnabled, Feature: FeatureConstructor } = featureDefinition;\n            /**\n             * If this feature is enabled but not active, make a new instance.\n             */\n            if (!this.features[key] &&\n                FeatureConstructor &&\n                isEnabled(this.props)) {\n                this.features[key] = new FeatureConstructor(this);\n            }\n            /**\n             * If we have a feature, mount or update it.\n             */\n            if (this.features[key]) {\n                const feature = this.features[key];\n                if (feature.isMounted) {\n                    feature.update();\n                }\n                else {\n                    feature.mount();\n                    feature.isMounted = true;\n                }\n            }\n        }\n    }\n    triggerBuild() {\n        this.build(this.renderState, this.latestValues, this.props);\n    }\n    /**\n     * Measure the current viewport box with or without transforms.\n     * Only measures axis-aligned boxes, rotate and skew must be manually\n     * removed with a re-render to work.\n     */\n    measureViewportBox() {\n        return this.current\n            ? this.measureInstanceViewportBox(this.current, this.props)\n            : createBox();\n    }\n    getStaticValue(key) {\n        return this.latestValues[key];\n    }\n    setStaticValue(key, value) {\n        this.latestValues[key] = value;\n    }\n    /**\n     * Update the provided props. Ensure any newly-added motion values are\n     * added to our map, old ones removed, and listeners updated.\n     */\n    update(props, presenceContext) {\n        if (props.transformTemplate || this.props.transformTemplate) {\n            this.scheduleRender();\n        }\n        this.prevProps = this.props;\n        this.props = props;\n        this.prevPresenceContext = this.presenceContext;\n        this.presenceContext = presenceContext;\n        /**\n         * Update prop event handlers ie onAnimationStart, onAnimationComplete\n         */\n        for (let i = 0; i < propEventHandlers.length; i++) {\n            const key = propEventHandlers[i];\n            if (this.propEventSubscriptions[key]) {\n                this.propEventSubscriptions[key]();\n                delete this.propEventSubscriptions[key];\n            }\n            const listenerName = (\"on\" + key);\n            const listener = props[listenerName];\n            if (listener) {\n                this.propEventSubscriptions[key] = this.on(key, listener);\n            }\n        }\n        this.prevMotionValues = updateMotionValuesFromProps(this, this.scrapeMotionValuesFromProps(props, this.prevProps || {}, this), this.prevMotionValues);\n        if (this.handleChildMotionValue) {\n            this.handleChildMotionValue();\n        }\n    }\n    getProps() {\n        return this.props;\n    }\n    /**\n     * Returns the variant definition with a given name.\n     */\n    getVariant(name) {\n        return this.props.variants ? this.props.variants[name] : undefined;\n    }\n    /**\n     * Returns the defined default transition on this component.\n     */\n    getDefaultTransition() {\n        return this.props.transition;\n    }\n    getTransformPagePoint() {\n        return this.props.transformPagePoint;\n    }\n    getClosestVariantNode() {\n        return this.isVariantNode\n            ? this\n            : this.parent\n                ? this.parent.getClosestVariantNode()\n                : undefined;\n    }\n    /**\n     * Add a child visual element to our set of children.\n     */\n    addVariantChild(child) {\n        const closestVariantNode = this.getClosestVariantNode();\n        if (closestVariantNode) {\n            closestVariantNode.variantChildren &&\n                closestVariantNode.variantChildren.add(child);\n            return () => closestVariantNode.variantChildren.delete(child);\n        }\n    }\n    /**\n     * Add a motion value and bind it to this visual element.\n     */\n    addValue(key, value) {\n        // Remove existing value if it exists\n        const existingValue = this.values.get(key);\n        if (value !== existingValue) {\n            if (existingValue)\n                this.removeValue(key);\n            this.bindToMotionValue(key, value);\n            this.values.set(key, value);\n            this.latestValues[key] = value.get();\n        }\n    }\n    /**\n     * Remove a motion value and unbind any active subscriptions.\n     */\n    removeValue(key) {\n        this.values.delete(key);\n        const unsubscribe = this.valueSubscriptions.get(key);\n        if (unsubscribe) {\n            unsubscribe();\n            this.valueSubscriptions.delete(key);\n        }\n        delete this.latestValues[key];\n        this.removeValueFromRenderState(key, this.renderState);\n    }\n    /**\n     * Check whether we have a motion value for this key\n     */\n    hasValue(key) {\n        return this.values.has(key);\n    }\n    getValue(key, defaultValue) {\n        if (this.props.values && this.props.values[key]) {\n            return this.props.values[key];\n        }\n        let value = this.values.get(key);\n        if (value === undefined && defaultValue !== undefined) {\n            value = motionValue(defaultValue === null ? undefined : defaultValue, { owner: this });\n            this.addValue(key, value);\n        }\n        return value;\n    }\n    /**\n     * If we're trying to animate to a previously unencountered value,\n     * we need to check for it in our state and as a last resort read it\n     * directly from the instance (which might have performance implications).\n     */\n    readValue(key, target) {\n        let value = this.latestValues[key] !== undefined || !this.current\n            ? this.latestValues[key]\n            : this.getBaseTargetFromProps(this.props, key) ??\n                this.readValueFromInstance(this.current, key, this.options);\n        if (value !== undefined && value !== null) {\n            if (typeof value === \"string\" &&\n                (isNumericalString(value) || isZeroValueString(value))) {\n                // If this is a number read as a string, ie \"0\" or \"200\", convert it to a number\n                value = parseFloat(value);\n            }\n            else if (!findValueType(value) && complex.test(target)) {\n                value = getAnimatableNone(key, target);\n            }\n            this.setBaseTarget(key, isMotionValue(value) ? value.get() : value);\n        }\n        return isMotionValue(value) ? value.get() : value;\n    }\n    /**\n     * Set the base target to later animate back to. This is currently\n     * only hydrated on creation and when we first read a value.\n     */\n    setBaseTarget(key, value) {\n        this.baseTarget[key] = value;\n    }\n    /**\n     * Find the base target for a value thats been removed from all animation\n     * props.\n     */\n    getBaseTarget(key) {\n        const { initial } = this.props;\n        let valueFromInitial;\n        if (typeof initial === \"string\" || typeof initial === \"object\") {\n            const variant = resolveVariantFromProps(this.props, initial, this.presenceContext?.custom);\n            if (variant) {\n                valueFromInitial = variant[key];\n            }\n        }\n        /**\n         * If this value still exists in the current initial variant, read that.\n         */\n        if (initial && valueFromInitial !== undefined) {\n            return valueFromInitial;\n        }\n        /**\n         * Alternatively, if this VisualElement config has defined a getBaseTarget\n         * so we can read the value from an alternative source, try that.\n         */\n        const target = this.getBaseTargetFromProps(this.props, key);\n        if (target !== undefined && !isMotionValue(target))\n            return target;\n        /**\n         * If the value was initially defined on initial, but it doesn't any more,\n         * return undefined. Otherwise return the value as initially read from the DOM.\n         */\n        return this.initialValues[key] !== undefined &&\n            valueFromInitial === undefined\n            ? undefined\n            : this.baseTarget[key];\n    }\n    on(eventName, callback) {\n        if (!this.events[eventName]) {\n            this.events[eventName] = new SubscriptionManager();\n        }\n        return this.events[eventName].add(callback);\n    }\n    notify(eventName, ...args) {\n        if (this.events[eventName]) {\n            this.events[eventName].notify(...args);\n        }\n    }\n    scheduleRenderMicrotask() {\n        microtask.render(this.render);\n    }\n}\n\nexport { VisualElement, getFeatureDefinitions, setFeatureDefinitions };\n//# sourceMappingURL=VisualElement.mjs.map\n"],"names":["propEventHandlers","featureDefinitions","setFeatureDefinitions","definitions","getFeatureDefinitions","VisualElement","_props","_prevProps","_visualElement","parent","props","presenceContext","reducedMotionConfig","skipAnimations","blockInitialAnimation","visualState","options","KeyframeResolver","now","time","frame","latestValues","renderState","isControllingVariants","isVariantNode","willChange","initialMotionValues","key","value","isMotionValue","instance","visualElementStore","hasReducedMotionListener","initPrefersReducedMotion","prefersReducedMotion","warnOnce","cancelFrame","remove","feature","child","acceleratedValues","factory","keyframes","times","ease","duration","animation","NativeAnimation","secondsToMilliseconds","cleanup","valueIsTransform","transformProps","removeOnChange","latestValue","removeSyncCheck","other","featureDefinition","isEnabled","FeatureConstructor","createBox","listenerName","listener","updateMotionValuesFromProps","name","closestVariantNode","existingValue","unsubscribe","defaultValue","motionValue","target","isNumericalString","isZeroValueString","findValueType","complex","getAnimatableNone","initial","valueFromInitial","variant","resolveVariantFromProps","eventName","callback","SubscriptionManager","args","microtask"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es283.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/waapi/supports/waapi.mjs"],"sourcesContent":["import { memo } from 'motion-utils';\nimport { acceleratedValues } from '../utils/accelerated-values.mjs';\nimport { hasBrowserOnlyColors } from '../utils/is-browser-color.mjs';\n\nconst colorProperties = new Set([\n    \"color\",\n    \"backgroundColor\",\n    \"outlineColor\",\n    \"fill\",\n    \"stroke\",\n    \"borderColor\",\n    \"borderTopColor\",\n    \"borderRightColor\",\n    \"borderBottomColor\",\n    \"borderLeftColor\",\n]);\nconst supportsWaapi = /*@__PURE__*/ memo(() => Object.hasOwnProperty.call(Element.prototype, \"animate\"));\nfunction supportsBrowserAnimation(options) {\n    const { motionValue, name, repeatDelay, repeatType, damping, type, keyframes, } = options;\n    const subject = motionValue?.owner?.current;\n    /**\n     * We use this check instead of isHTMLElement() because we explicitly\n     * **don't** want elements in different timing contexts (i.e. popups)\n     * to be accelerated, as it's not possible to sync these animations\n     * properly with those driven from the main window frameloop.\n     */\n    if (!(subject instanceof HTMLElement)) {\n        return false;\n    }\n    const { onUpdate, transformTemplate } = motionValue.owner.getProps();\n    return (supportsWaapi() &&\n        name &&\n        /**\n         * Force WAAPI for color properties with browser-only color formats\n         * (oklch, oklab, lab, lch, etc.) that the JS animation path can't parse.\n         */\n        (acceleratedValues.has(name) ||\n            (colorProperties.has(name) &&\n                hasBrowserOnlyColors(keyframes))) &&\n        (name !== \"transform\" || !transformTemplate) &&\n        /**\n         * If we're outputting values to onUpdate then we can't use WAAPI as there's\n         * no way to read the value from WAAPI every frame.\n         */\n        !onUpdate &&\n        !repeatDelay &&\n        repeatType !== \"mirror\" &&\n        damping !== 0 &&\n        type !== \"inertia\");\n}\n\nexport { supportsBrowserAnimation };\n//# sourceMappingURL=waapi.mjs.map\n"],"names":["colorProperties","supportsWaapi","memo","supportsBrowserAnimation","options","motionValue","name","repeatDelay","repeatType","damping","type","keyframes","onUpdate","transformTemplate","acceleratedValues","hasBrowserOnlyColors"],"mappings":";;;AAIA,MAAMA,IAAkB,oBAAI,IAAI;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC,GACKC,IAA8B,gBAAAC,EAAK,MAAM,OAAO,eAAe,KAAK,QAAQ,WAAW,SAAS,CAAC;AACvG,SAASC,EAAyBC,GAAS;AACvC,QAAM,EAAE,aAAAC,GAAa,MAAAC,GAAM,aAAAC,GAAa,YAAAC,GAAY,SAAAC,GAAS,MAAAC,GAAM,WAAAC,EAAS,IAAMP;AAQlF,MAAI,EAPYC,GAAa,OAAO,mBAOX;AACrB,WAAO;AAEX,QAAM,EAAE,UAAAO,GAAU,mBAAAC,EAAiB,IAAKR,EAAY,MAAM,SAAQ;AAClE,SAAQJ,EAAa,KACjBK;AAAA;AAAA;AAAA;AAAA,GAKCQ,EAAkB,IAAIR,CAAI,KACtBN,EAAgB,IAAIM,CAAI,KACrBS,EAAqBJ,CAAS,OACrCL,MAAS,eAAe,CAACO;AAAA;AAAA;AAAA;AAAA,EAK1B,CAACD,KACD,CAACL,KACDC,MAAe,YACfC,MAAY,KACZC,MAAS;AACjB;","x_google_ignoreList":[0]}