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

package/dist/visualization.es41.js

@@ -1,15 +1,46 @@
-import l from "./visualization.es147.js";
-import { isEvent as f, isElement as n } from "./visualization.es148.js";
-function s(t, i) {
-  if (n(t) && i)
-    return l(t, i);
-  if (f(t)) {
-    const o = t, r = o.target;
-    if (r) return l(r, o);
-  }
-  return null;
+import { createElement as B } from "react";
+import I from "./visualization.es127.js";
+import L from "./visualization.es167.js";
+import i from "./visualization.es168.js";
+import { jsx as t, Fragment as j } from "react/jsx-runtime";
+import v from "./visualization.es169.js";
+import h from "./visualization.es31.js";
+function H(N) {
+  let {
+    top: x,
+    left: O,
+    className: R,
+    root: T,
+    tile: r,
+    size: d,
+    round: n,
+    padding: o,
+    paddingInner: p,
+    paddingOuter: a,
+    paddingTop: m,
+    paddingRight: f,
+    paddingBottom: g,
+    paddingLeft: c,
+    children: s,
+    nodeComponent: l = L
+  } = N;
+  const e = v();
+  r && e.tile(r), d && e.size(d), n && e.round(n), o && i(e.padding, o), p && i(e.paddingInner, p), a && i(e.paddingOuter, a), m && i(e.paddingTop, m), f && i(e.paddingRight, f), g && i(e.paddingBottom, g), c && i(e.paddingLeft, c);
+  const u = e(T);
+  return s ? /* @__PURE__ */ t(j, {
+    children: s(u)
+  }) : /* @__PURE__ */ t(h, {
+    top: x,
+    left: O,
+    className: I("visx-treemap", R),
+    children: l && u.descendants().map((b, z) => /* @__PURE__ */ t(h, {
+      children: /* @__PURE__ */ B(l, {
+        node: b
+      })
+    }, `treemap-node-${z}`))
+  });
 }
 export {
-  s as default
+  H as default
 };
 //# sourceMappingURL=visualization.es41.js.map

package/dist/visualization.es41.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es41.js","sources":["../../../node_modules/.pnpm/@visx+event@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/event/esm/localPoint.js"],"sourcesContent":["import localPointGeneric from \"./localPointGeneric.js\";\nimport { isElement, isEvent } from \"./typeGuards.js\";\n/** Handles two signatures for backwards compatibility. */\nexport default function localPoint(nodeOrEvent, maybeEvent) {\n  // localPoint(node, event)\n  if (isElement(nodeOrEvent) && maybeEvent) {\n    return localPointGeneric(nodeOrEvent, maybeEvent);\n  }\n  // localPoint(event)\n  if (isEvent(nodeOrEvent)) {\n    const event = nodeOrEvent;\n    const node = event.target;\n    if (node) return localPointGeneric(node, event);\n  }\n  return null;\n}"],"names":["localPoint","nodeOrEvent","maybeEvent","isElement","localPointGeneric","isEvent","event","node"],"mappings":";;AAGe,SAASA,EAAWC,GAAaC,GAAY;AAE1D,MAAIC,EAAUF,CAAW,KAAKC;AAC5B,WAAOE,EAAkBH,GAAaC,CAAU;AAGlD,MAAIG,EAAQJ,CAAW,GAAG;AACxB,UAAMK,IAAQL,GACRM,IAAOD,EAAM;AACnB,QAAIC,EAAM,QAAOH,EAAkBG,GAAMD,CAAK;AAAA,EAChD;AACA,SAAO;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es41.js","sources":["../../../node_modules/.pnpm/@visx+hierarchy@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/hierarchy/esm/hierarchies/Treemap.js"],"sourcesContent":["import { createElement } from 'react';\nimport cx from 'classnames';\nimport { Group } from '@visx/group';\nimport { treemap as d3treemap } from 'd3-hierarchy';\nimport HierarchyDefaultRectNode from \"../HierarchyDefaultRectNode.js\";\nimport setNumberOrNumberAccessor from \"../utils/setNumOrNumAccessor.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\nexport default function Treemap(_ref) {\n  let {\n    top,\n    left,\n    className,\n    root,\n    tile,\n    size,\n    round,\n    padding,\n    paddingInner,\n    paddingOuter,\n    paddingTop,\n    paddingRight,\n    paddingBottom,\n    paddingLeft,\n    children,\n    nodeComponent = HierarchyDefaultRectNode\n  } = _ref;\n  const treemap = d3treemap();\n  if (tile) treemap.tile(tile);\n  if (size) treemap.size(size);\n  if (round) treemap.round(round);\n  if (padding) setNumberOrNumberAccessor(treemap.padding, padding);\n  if (paddingInner) setNumberOrNumberAccessor(treemap.paddingInner, paddingInner);\n  if (paddingOuter) setNumberOrNumberAccessor(treemap.paddingOuter, paddingOuter);\n  if (paddingTop) setNumberOrNumberAccessor(treemap.paddingTop, paddingTop);\n  if (paddingRight) setNumberOrNumberAccessor(treemap.paddingRight, paddingRight);\n  if (paddingBottom) setNumberOrNumberAccessor(treemap.paddingBottom, paddingBottom);\n  if (paddingLeft) setNumberOrNumberAccessor(treemap.paddingLeft, paddingLeft);\n  const data = treemap(root);\n  if (children) return /*#__PURE__*/_jsx(_Fragment, {\n    children: children(data)\n  });\n  return /*#__PURE__*/_jsx(Group, {\n    top: top,\n    left: left,\n    className: cx('visx-treemap', className),\n    children: nodeComponent && data.descendants().map((node, i) => /*#__PURE__*/_jsx(Group, {\n      children: /*#__PURE__*/createElement(nodeComponent, {\n        node\n      })\n    }, `treemap-node-${i}`))\n  });\n}"],"names":["Treemap","_ref","top","left","className","root","tile","size","round","padding","paddingInner","paddingOuter","paddingTop","paddingRight","paddingBottom","paddingLeft","children","nodeComponent","HierarchyDefaultRectNode","treemap","d3treemap","setNumberOrNumberAccessor","data","_jsx","_Fragment","Group","cx","node","i","createElement"],"mappings":";;;;;;;AAOe,SAASA,EAAQC,GAAM;AACpC,MAAI;AAAA,IACF,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC,IAAgBC;AAAA,EACpB,IAAMjB;AACJ,QAAMkB,IAAUC,EAAS;AACzB,EAAId,KAAMa,EAAQ,KAAKb,CAAI,GACvBC,KAAMY,EAAQ,KAAKZ,CAAI,GACvBC,KAAOW,EAAQ,MAAMX,CAAK,GAC1BC,KAASY,EAA0BF,EAAQ,SAASV,CAAO,GAC3DC,KAAcW,EAA0BF,EAAQ,cAAcT,CAAY,GAC1EC,KAAcU,EAA0BF,EAAQ,cAAcR,CAAY,GAC1EC,KAAYS,EAA0BF,EAAQ,YAAYP,CAAU,GACpEC,KAAcQ,EAA0BF,EAAQ,cAAcN,CAAY,GAC1EC,KAAeO,EAA0BF,EAAQ,eAAeL,CAAa,GAC7EC,KAAaM,EAA0BF,EAAQ,aAAaJ,CAAW;AAC3E,QAAMO,IAAOH,EAAQd,CAAI;AACzB,SAAIW,IAA8BO,gBAAAA,EAAKC,GAAW;AAAA,IAChD,UAAUR,EAASM,CAAI;AAAA,EAC3B,CAAG,IACmBC,gBAAAA,EAAKE,GAAO;AAAA,IAC9B,KAAKvB;AAAA,IACL,MAAMC;AAAA,IACN,WAAWuB,EAAG,gBAAgBtB,CAAS;AAAA,IACvC,UAAUa,KAAiBK,EAAK,YAAW,EAAG,IAAI,CAACK,GAAMC,MAAmBL,gBAAAA,EAAKE,GAAO;AAAA,MACtF,UAAuB,gBAAAI,EAAcZ,GAAe;AAAA,QAClD,MAAAU;AAAA,MACR,CAAO;AAAA,IACP,GAAO,gBAAgBC,CAAC,EAAE,CAAC;AAAA,EAC3B,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/visualization.es410.js

@@ -1,18 +1,17 @@
-import { clamp as a } from "./visualization.es317.js";
-const r = {
-  test: (t) => typeof t == "number",
-  parse: parseFloat,
-  transform: (t) => t
-}, e = {
-  ...r,
-  transform: (t) => a(0, 1, t)
-}, s = {
-  ...r,
-  default: 1
+import { number as n, alpha as s } from "./visualization.es422.js";
+import { sanitize as i } from "./visualization.es424.js";
+import { splitColor as p, isColorString as e } from "./visualization.es421.js";
+import { clamp as f } from "./visualization.es329.js";
+const l = (r) => f(0, 255, r), o = {
+  ...n,
+  transform: (r) => Math.round(l(r))
+}, h = {
+  test: /* @__PURE__ */ e("rgb", "red"),
+  parse: /* @__PURE__ */ p("red", "green", "blue"),
+  transform: ({ red: r, green: t, blue: a, alpha: m = 1 }) => "rgba(" + o.transform(r) + ", " + o.transform(t) + ", " + o.transform(a) + ", " + i(s.transform(m)) + ")"
 };
 export {
-  e as alpha,
-  r as number,
-  s as scale
+  o as rgbUnit,
+  h as rgba
 };
 //# sourceMappingURL=visualization.es410.js.map

package/dist/visualization.es410.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es410.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/numbers/index.mjs"],"sourcesContent":["import { clamp } from 'motion-utils';\n\nconst number = {\n    test: (v) => typeof v === \"number\",\n    parse: parseFloat,\n    transform: (v) => v,\n};\nconst alpha = {\n    ...number,\n    transform: (v) => clamp(0, 1, v),\n};\nconst scale = {\n    ...number,\n    default: 1,\n};\n\nexport { alpha, number, scale };\n//# sourceMappingURL=index.mjs.map\n"],"names":["number","v","alpha","clamp","scale"],"mappings":";AAEK,MAACA,IAAS;AAAA,EACX,MAAM,CAACC,MAAM,OAAOA,KAAM;AAAA,EAC1B,OAAO;AAAA,EACP,WAAW,CAACA,MAAMA;AACtB,GACMC,IAAQ;AAAA,EACV,GAAGF;AAAA,EACH,WAAW,CAACC,MAAME,EAAM,GAAG,GAAGF,CAAC;AACnC,GACMG,IAAQ;AAAA,EACV,GAAGJ;AAAA,EACH,SAAS;AACb;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es410.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/color/rgba.mjs"],"sourcesContent":["import { clamp } from 'motion-utils';\nimport { number, alpha } from '../numbers/index.mjs';\nimport { sanitize } from '../utils/sanitize.mjs';\nimport { splitColor, isColorString } from './utils.mjs';\n\nconst clampRgbUnit = (v) => clamp(0, 255, v);\nconst rgbUnit = {\n    ...number,\n    transform: (v) => Math.round(clampRgbUnit(v)),\n};\nconst rgba = {\n    test: /*@__PURE__*/ isColorString(\"rgb\", \"red\"),\n    parse: /*@__PURE__*/ splitColor(\"red\", \"green\", \"blue\"),\n    transform: ({ red, green, blue, alpha: alpha$1 = 1 }) => \"rgba(\" +\n        rgbUnit.transform(red) +\n        \", \" +\n        rgbUnit.transform(green) +\n        \", \" +\n        rgbUnit.transform(blue) +\n        \", \" +\n        sanitize(alpha.transform(alpha$1)) +\n        \")\",\n};\n\nexport { rgbUnit, rgba };\n//# sourceMappingURL=rgba.mjs.map\n"],"names":["clampRgbUnit","v","clamp","rgbUnit","number","rgba","isColorString","splitColor","red","green","blue","alpha$1","sanitize","alpha"],"mappings":";;;;AAKA,MAAMA,IAAe,CAACC,MAAMC,EAAM,GAAG,KAAKD,CAAC,GACrCE,IAAU;AAAA,EACZ,GAAGC;AAAA,EACH,WAAW,CAACH,MAAM,KAAK,MAAMD,EAAaC,CAAC,CAAC;AAChD,GACMI,IAAO;AAAA,EACT,MAAoB,gBAAAC,EAAc,OAAO,KAAK;AAAA,EAC9C,OAAqB,gBAAAC,EAAW,OAAO,SAAS,MAAM;AAAA,EACtD,WAAW,CAAC,EAAE,KAAAC,GAAK,OAAAC,GAAO,MAAAC,GAAM,OAAOC,IAAU,EAAC,MAAO,UACrDR,EAAQ,UAAUK,CAAG,IACrB,OACAL,EAAQ,UAAUM,CAAK,IACvB,OACAN,EAAQ,UAAUO,CAAI,IACtB,OACAE,EAASC,EAAM,UAAUF,CAAO,CAAC,IACjC;AACR;","x_google_ignoreList":[0]}

package/dist/visualization.es411.js

@@ -1,18 +1,7 @@
-const s = /* @__NO_SIDE_EFFECTS__ */ (e) => ({
-  test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
-  parse: parseFloat,
-  transform: (t) => `${t}${e}`
-}), n = /* @__PURE__ */ s("deg"), r = /* @__PURE__ */ s("%"), o = /* @__PURE__ */ s("px"), p = /* @__PURE__ */ s("vh"), a = /* @__PURE__ */ s("vw"), c = {
-  ...r,
-  parse: (e) => r.parse(e) / 100,
-  transform: (e) => r.transform(e * 100)
-};
+function m(e, t) {
+  return (i) => i > 0 ? t : e;
+}
 export {
-  n as degrees,
-  r as percent,
-  c as progressPercentage,
-  o as px,
-  p as vh,
-  a as vw
+  m as mixImmediate
 };
 //# sourceMappingURL=visualization.es411.js.map

package/dist/visualization.es411.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es411.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/numbers/units.mjs"],"sourcesContent":["/*#__NO_SIDE_EFFECTS__*/\nconst createUnitType = (unit) => ({\n    test: (v) => typeof v === \"string\" && v.endsWith(unit) && v.split(\" \").length === 1,\n    parse: parseFloat,\n    transform: (v) => `${v}${unit}`,\n});\nconst degrees = /*@__PURE__*/ createUnitType(\"deg\");\nconst percent = /*@__PURE__*/ createUnitType(\"%\");\nconst px = /*@__PURE__*/ createUnitType(\"px\");\nconst vh = /*@__PURE__*/ createUnitType(\"vh\");\nconst vw = /*@__PURE__*/ createUnitType(\"vw\");\nconst progressPercentage = /*@__PURE__*/ (() => ({\n    ...percent,\n    parse: (v) => percent.parse(v) / 100,\n    transform: (v) => percent.transform(v * 100),\n}))();\n\nexport { degrees, percent, progressPercentage, px, vh, vw };\n//# sourceMappingURL=units.mjs.map\n"],"names":["createUnitType","unit","v","degrees","percent","px","vh","vw","progressPercentage"],"mappings":"AACA,MAAMA,+BAAiB,CAACC,OAAU;AAAA,EAC9B,MAAM,CAACC,MAAM,OAAOA,KAAM,YAAYA,EAAE,SAASD,CAAI,KAAKC,EAAE,MAAM,GAAG,EAAE,WAAW;AAAA,EAClF,OAAO;AAAA,EACP,WAAW,CAACA,MAAM,GAAGA,CAAC,GAAGD,CAAI;AACjC,IACME,IAAwB,gBAAAH,EAAe,KAAK,GAC5CI,IAAwB,gBAAAJ,EAAe,GAAG,GAC1CK,IAAmB,gBAAAL,EAAe,IAAI,GACtCM,IAAmB,gBAAAN,EAAe,IAAI,GACtCO,IAAmB,gBAAAP,EAAe,IAAI,GACtCQ,IAA2C;AAAA,EAC7C,GAAGJ;AAAA,EACH,OAAO,CAACF,MAAME,EAAQ,MAAMF,CAAC,IAAI;AAAA,EACjC,WAAW,CAACA,MAAME,EAAQ,UAAUF,IAAI,GAAG;AAC/C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es411.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/mix/immediate.mjs"],"sourcesContent":["function mixImmediate(a, b) {\n    return (p) => (p > 0 ? b : a);\n}\n\nexport { mixImmediate };\n//# sourceMappingURL=immediate.mjs.map\n"],"names":["mixImmediate","a","b","p"],"mappings":"AAAA,SAASA,EAAaC,GAAGC,GAAG;AACxB,SAAO,CAACC,MAAOA,IAAI,IAAID,IAAID;AAC/B;","x_google_ignoreList":[0]}

package/dist/visualization.es412.js

@@ -1,5 +1,16 @@
-const n = (t) => Math.round(t * 1e5) / 1e5;
+import { hex as o } from "./visualization.es407.js";
+import { hsla as t } from "./visualization.es408.js";
+import { rgba as e } from "./visualization.es410.js";
+const a = {
+  test: (r) => e.test(r) || o.test(r) || t.test(r),
+  parse: (r) => e.test(r) ? e.parse(r) : t.test(r) ? t.parse(r) : o.parse(r),
+  transform: (r) => typeof r == "string" ? r : r.hasOwnProperty("red") ? e.transform(r) : t.transform(r),
+  getAnimatableNone: (r) => {
+    const s = a.parse(r);
+    return s.alpha = 0, a.transform(s);
+  }
+};
 export {
-  n as sanitize
+  a as color
 };
 //# sourceMappingURL=visualization.es412.js.map

package/dist/visualization.es412.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es412.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/sanitize.mjs"],"sourcesContent":["// If this number is a decimal, make it just five decimal places\n// to avoid exponents\nconst sanitize = (v) => Math.round(v * 100000) / 100000;\n\nexport { sanitize };\n//# sourceMappingURL=sanitize.mjs.map\n"],"names":["sanitize","v"],"mappings":"AAEK,MAACA,IAAW,CAACC,MAAM,KAAK,MAAMA,IAAI,GAAM,IAAI;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es412.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/color/index.mjs"],"sourcesContent":["import { hex } from './hex.mjs';\nimport { hsla } from './hsla.mjs';\nimport { rgba } from './rgba.mjs';\n\nconst color = {\n    test: (v) => rgba.test(v) || hex.test(v) || hsla.test(v),\n    parse: (v) => {\n        if (rgba.test(v)) {\n            return rgba.parse(v);\n        }\n        else if (hsla.test(v)) {\n            return hsla.parse(v);\n        }\n        else {\n            return hex.parse(v);\n        }\n    },\n    transform: (v) => {\n        return typeof v === \"string\"\n            ? v\n            : v.hasOwnProperty(\"red\")\n                ? rgba.transform(v)\n                : hsla.transform(v);\n    },\n    getAnimatableNone: (v) => {\n        const parsed = color.parse(v);\n        parsed.alpha = 0;\n        return color.transform(parsed);\n    },\n};\n\nexport { color };\n//# sourceMappingURL=index.mjs.map\n"],"names":["color","v","rgba","hex","hsla","parsed"],"mappings":";;;AAIK,MAACA,IAAQ;AAAA,EACV,MAAM,CAACC,MAAMC,EAAK,KAAKD,CAAC,KAAKE,EAAI,KAAKF,CAAC,KAAKG,EAAK,KAAKH,CAAC;AAAA,EACvD,OAAO,CAACA,MACAC,EAAK,KAAKD,CAAC,IACJC,EAAK,MAAMD,CAAC,IAEdG,EAAK,KAAKH,CAAC,IACTG,EAAK,MAAMH,CAAC,IAGZE,EAAI,MAAMF,CAAC;AAAA,EAG1B,WAAW,CAACA,MACD,OAAOA,KAAM,WACdA,IACAA,EAAE,eAAe,KAAK,IAClBC,EAAK,UAAUD,CAAC,IAChBG,EAAK,UAAUH,CAAC;AAAA,EAE9B,mBAAmB,CAACA,MAAM;AACtB,UAAMI,IAASL,EAAM,MAAMC,CAAC;AAC5B,WAAAI,EAAO,QAAQ,GACRL,EAAM,UAAUK,CAAM;AAAA,EACjC;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es413.js

@@ -1,5 +1,52 @@
-const d = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+import { color as c } from "./visualization.es412.js";
+import { colorRegex as g } from "./visualization.es425.js";
+import { floatRegex as N } from "./visualization.es426.js";
+import { sanitize as d } from "./visualization.es424.js";
+function b(t) {
+  return isNaN(t) && typeof t == "string" && (t.match(N)?.length || 0) + (t.match(g)?.length || 0) > 0;
+}
+const a = "number", f = "color", T = "var", x = "var(", m = "${}", O = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
+function l(t) {
+  const r = t.toString(), s = [], o = {
+    color: [],
+    number: [],
+    var: []
+  }, n = [];
+  let e = 0;
+  const h = r.replace(O, (i) => (c.test(i) ? (o.color.push(e), n.push(f), s.push(c.parse(i))) : i.startsWith(x) ? (o.var.push(e), n.push(T), s.push(i)) : (o.number.push(e), n.push(a), s.push(parseFloat(i))), ++e, m)).split(m);
+  return { values: s, split: h, indexes: o, types: n };
+}
+function R(t) {
+  return l(t).values;
+}
+function p({ split: t, types: r }) {
+  const s = t.length;
+  return (o) => {
+    let n = "";
+    for (let e = 0; e < s; e++)
+      if (n += t[e], o[e] !== void 0) {
+        const u = r[e];
+        u === a ? n += d(o[e]) : u === f ? n += c.transform(o[e]) : n += o[e];
+      }
+    return n;
+  };
+}
+function y(t) {
+  return p(l(t));
+}
+const E = (t) => typeof t == "number" ? 0 : c.test(t) ? c.getAnimatableNone(t) : t, _ = (t, r) => typeof t == "number" ? r?.trim().endsWith("/") ? t : 0 : E(t);
+function K(t) {
+  const r = l(t);
+  return p(r)(r.values.map((o, n) => _(o, r.split[n])));
+}
+const w = {
+  test: b,
+  parse: R,
+  createTransformer: y,
+  getAnimatableNone: K
+};
 export {
-  d as colorRegex
+  l as analyseComplexValue,
+  w as complex
 };
 //# sourceMappingURL=visualization.es413.js.map

package/dist/visualization.es413.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es413.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/color-regex.mjs"],"sourcesContent":["const colorRegex = /(?:#[\\da-f]{3,8}|(?:rgb|hsl)a?\\((?:-?[\\d.]+%?[,\\s]+){2}-?[\\d.]+%?\\s*(?:[,/]\\s*)?(?:\\b\\d+(?:\\.\\d+)?|\\.\\d+)?%?\\))/giu;\n\nexport { colorRegex };\n//# sourceMappingURL=color-regex.mjs.map\n"],"names":["colorRegex"],"mappings":"AAAK,MAACA,IAAa;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es413.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/complex/index.mjs"],"sourcesContent":["import { color } from '../color/index.mjs';\nimport { colorRegex } from '../utils/color-regex.mjs';\nimport { floatRegex } from '../utils/float-regex.mjs';\nimport { sanitize } from '../utils/sanitize.mjs';\n\nfunction test(v) {\n    return (isNaN(v) &&\n        typeof v === \"string\" &&\n        (v.match(floatRegex)?.length || 0) +\n            (v.match(colorRegex)?.length || 0) >\n            0);\n}\nconst NUMBER_TOKEN = \"number\";\nconst COLOR_TOKEN = \"color\";\nconst VAR_TOKEN = \"var\";\nconst VAR_FUNCTION_TOKEN = \"var(\";\nconst SPLIT_TOKEN = \"${}\";\n// this regex consists of the `singleCssVariableRegex|rgbHSLValueRegex|digitRegex`\nconst complexRegex = /var\\s*\\(\\s*--(?:[\\w-]+\\s*|[\\w-]+\\s*,(?:\\s*[^)(\\s]|\\s*\\((?:[^)(]|\\([^)(]*\\))*\\))+\\s*)\\)|#[\\da-f]{3,8}|(?:rgb|hsl)a?\\((?:-?[\\d.]+%?[,\\s]+){2}-?[\\d.]+%?\\s*(?:[,/]\\s*)?(?:\\b\\d+(?:\\.\\d+)?|\\.\\d+)?%?\\)|-?(?:\\d+(?:\\.\\d+)?|\\.\\d+)/giu;\nfunction analyseComplexValue(value) {\n    const originalValue = value.toString();\n    const values = [];\n    const indexes = {\n        color: [],\n        number: [],\n        var: [],\n    };\n    const types = [];\n    let i = 0;\n    const tokenised = originalValue.replace(complexRegex, (parsedValue) => {\n        if (color.test(parsedValue)) {\n            indexes.color.push(i);\n            types.push(COLOR_TOKEN);\n            values.push(color.parse(parsedValue));\n        }\n        else if (parsedValue.startsWith(VAR_FUNCTION_TOKEN)) {\n            indexes.var.push(i);\n            types.push(VAR_TOKEN);\n            values.push(parsedValue);\n        }\n        else {\n            indexes.number.push(i);\n            types.push(NUMBER_TOKEN);\n            values.push(parseFloat(parsedValue));\n        }\n        ++i;\n        return SPLIT_TOKEN;\n    });\n    const split = tokenised.split(SPLIT_TOKEN);\n    return { values, split, indexes, types };\n}\nfunction parseComplexValue(v) {\n    return analyseComplexValue(v).values;\n}\nfunction buildTransformer({ split, types }) {\n    const numSections = split.length;\n    return (v) => {\n        let output = \"\";\n        for (let i = 0; i < numSections; i++) {\n            output += split[i];\n            if (v[i] !== undefined) {\n                const type = types[i];\n                if (type === NUMBER_TOKEN) {\n                    output += sanitize(v[i]);\n                }\n                else if (type === COLOR_TOKEN) {\n                    output += color.transform(v[i]);\n                }\n                else {\n                    output += v[i];\n                }\n            }\n        }\n        return output;\n    };\n}\nfunction createTransformer(source) {\n    return buildTransformer(analyseComplexValue(source));\n}\nconst convertNumbersToZero = (v) => typeof v === \"number\" ? 0 : color.test(v) ? color.getAnimatableNone(v) : v;\n/**\n * Convert a parsed value to its zero equivalent, but preserve numbers\n * that act as divisors in CSS calc() expressions.\n *\n * analyseComplexValue extracts numbers from CSS strings and puts the\n * surrounding text into a `split` template array. For example:\n *   \"calc(var(--gap) / 5)\"  →  values: [var(--gap), 5]\n *                               split:  [\"calc(\", \" / \", \")\"]\n *\n * When building a zero-equivalent for animation, naively zeroing all\n * numbers turns the divisor into 0 → \"calc(var(--gap) / 0)\" → NaN.\n * We detect this by checking whether the text preceding a number\n * (split[i]) ends with \"/\" — the CSS calc division operator.\n */\nconst convertToZero = (value, splitBefore) => {\n    if (typeof value === \"number\") {\n        return splitBefore?.trim().endsWith(\"/\") ? value : 0;\n    }\n    return convertNumbersToZero(value);\n};\nfunction getAnimatableNone(v) {\n    const info = analyseComplexValue(v);\n    const transformer = buildTransformer(info);\n    return transformer(info.values.map((value, i) => convertToZero(value, info.split[i])));\n}\nconst complex = {\n    test,\n    parse: parseComplexValue,\n    createTransformer,\n    getAnimatableNone,\n};\n\nexport { analyseComplexValue, complex };\n//# sourceMappingURL=index.mjs.map\n"],"names":["test","v","floatRegex","colorRegex","NUMBER_TOKEN","COLOR_TOKEN","VAR_TOKEN","VAR_FUNCTION_TOKEN","SPLIT_TOKEN","complexRegex","analyseComplexValue","value","originalValue","values","indexes","types","i","split","parsedValue","color","parseComplexValue","buildTransformer","numSections","output","type","sanitize","createTransformer","source","convertNumbersToZero","convertToZero","splitBefore","getAnimatableNone","info","complex"],"mappings":";;;;AAKA,SAASA,EAAKC,GAAG;AACb,SAAQ,MAAMA,CAAC,KACX,OAAOA,KAAM,aACZA,EAAE,MAAMC,CAAU,GAAG,UAAU,MAC3BD,EAAE,MAAME,CAAU,GAAG,UAAU,KAChC;AACZ;AACA,MAAMC,IAAe,UACfC,IAAc,SACdC,IAAY,OACZC,IAAqB,QACrBC,IAAc,OAEdC,IAAe;AACrB,SAASC,EAAoBC,GAAO;AAChC,QAAMC,IAAgBD,EAAM,SAAQ,GAC9BE,IAAS,CAAA,GACTC,IAAU;AAAA,IACZ,OAAO,CAAA;AAAA,IACP,QAAQ,CAAA;AAAA,IACR,KAAK,CAAA;AAAA,EACb,GACUC,IAAQ,CAAA;AACd,MAAIC,IAAI;AAoBR,QAAMC,IAnBYL,EAAc,QAAQH,GAAc,CAACS,OAC/CC,EAAM,KAAKD,CAAW,KACtBJ,EAAQ,MAAM,KAAKE,CAAC,GACpBD,EAAM,KAAKV,CAAW,GACtBQ,EAAO,KAAKM,EAAM,MAAMD,CAAW,CAAC,KAE/BA,EAAY,WAAWX,CAAkB,KAC9CO,EAAQ,IAAI,KAAKE,CAAC,GAClBD,EAAM,KAAKT,CAAS,GACpBO,EAAO,KAAKK,CAAW,MAGvBJ,EAAQ,OAAO,KAAKE,CAAC,GACrBD,EAAM,KAAKX,CAAY,GACvBS,EAAO,KAAK,WAAWK,CAAW,CAAC,IAEvC,EAAEF,GACKR,EACV,EACuB,MAAMA,CAAW;AACzC,SAAO,EAAE,QAAAK,GAAQ,OAAAI,GAAO,SAAAH,GAAS,OAAAC,EAAK;AAC1C;AACA,SAASK,EAAkBnB,GAAG;AAC1B,SAAOS,EAAoBT,CAAC,EAAE;AAClC;AACA,SAASoB,EAAiB,EAAE,OAAAJ,GAAO,OAAAF,KAAS;AACxC,QAAMO,IAAcL,EAAM;AAC1B,SAAO,CAAChB,MAAM;AACV,QAAIsB,IAAS;AACb,aAASP,IAAI,GAAGA,IAAIM,GAAaN;AAE7B,UADAO,KAAUN,EAAMD,CAAC,GACbf,EAAEe,CAAC,MAAM,QAAW;AACpB,cAAMQ,IAAOT,EAAMC,CAAC;AACpB,QAAIQ,MAASpB,IACTmB,KAAUE,EAASxB,EAAEe,CAAC,CAAC,IAElBQ,MAASnB,IACdkB,KAAUJ,EAAM,UAAUlB,EAAEe,CAAC,CAAC,IAG9BO,KAAUtB,EAAEe,CAAC;AAAA,MAErB;AAEJ,WAAOO;AAAA,EACX;AACJ;AACA,SAASG,EAAkBC,GAAQ;AAC/B,SAAON,EAAiBX,EAAoBiB,CAAM,CAAC;AACvD;AACA,MAAMC,IAAuB,CAAC3B,MAAM,OAAOA,KAAM,WAAW,IAAIkB,EAAM,KAAKlB,CAAC,IAAIkB,EAAM,kBAAkBlB,CAAC,IAAIA,GAevG4B,IAAgB,CAAClB,GAAOmB,MACtB,OAAOnB,KAAU,WACVmB,GAAa,KAAI,EAAG,SAAS,GAAG,IAAInB,IAAQ,IAEhDiB,EAAqBjB,CAAK;AAErC,SAASoB,EAAkB9B,GAAG;AAC1B,QAAM+B,IAAOtB,EAAoBT,CAAC;AAElC,SADoBoB,EAAiBW,CAAI,EACtBA,EAAK,OAAO,IAAI,CAACrB,GAAOK,MAAMa,EAAclB,GAAOqB,EAAK,MAAMhB,CAAC,CAAC,CAAC,CAAC;AACzF;AACK,MAACiB,IAAU;AAAA,EACZ,MAAAjC;AAAA,EACA,OAAOoB;AAAA,EACP,mBAAAM;AAAA,EACA,mBAAAK;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es414.js

@@ -1,5 +1,9 @@
-const d = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+const s = /* @__PURE__ */ new Set(["none", "hidden"]);
+function t(e, i) {
+  return s.has(e) ? (n) => n <= 0 ? e : i : (n) => n >= 1 ? i : e;
+}
 export {
-  d as floatRegex
+  s as invisibleValues,
+  t as mixVisibility
 };
 //# sourceMappingURL=visualization.es414.js.map

package/dist/visualization.es414.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es414.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/float-regex.mjs"],"sourcesContent":["const floatRegex = /-?(?:\\d+(?:\\.\\d+)?|\\.\\d+)/gu;\n\nexport { floatRegex };\n//# sourceMappingURL=float-regex.mjs.map\n"],"names":["floatRegex"],"mappings":"AAAK,MAACA,IAAa;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es414.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/mix/visibility.mjs"],"sourcesContent":["const invisibleValues = new Set([\"none\", \"hidden\"]);\n/**\n * Returns a function that, when provided a progress value between 0 and 1,\n * will return the \"none\" or \"hidden\" string only when the progress is that of\n * the origin or target.\n */\nfunction mixVisibility(origin, target) {\n    if (invisibleValues.has(origin)) {\n        return (p) => (p <= 0 ? origin : target);\n    }\n    else {\n        return (p) => (p >= 1 ? target : origin);\n    }\n}\n\nexport { invisibleValues, mixVisibility };\n//# sourceMappingURL=visibility.mjs.map\n"],"names":["invisibleValues","mixVisibility","origin","target","p"],"mappings":"AAAK,MAACA,IAAkB,oBAAI,IAAI,CAAC,QAAQ,QAAQ,CAAC;AAMlD,SAASC,EAAcC,GAAQC,GAAQ;AACnC,SAAIH,EAAgB,IAAIE,CAAM,IACnB,CAACE,MAAOA,KAAK,IAAIF,IAASC,IAG1B,CAACC,MAAOA,KAAK,IAAID,IAASD;AAEzC;","x_google_ignoreList":[0]}

package/dist/visualization.es415.js

@@ -1,8 +1,16 @@
-const o = {
-  test: (t) => t === "auto",
-  parse: (t) => t
-};
+function i(n, s, u) {
+  if (n == null)
+    return [];
+  if (n instanceof EventTarget)
+    return [n];
+  if (typeof n == "string") {
+    let r = document;
+    const f = u?.[n] ?? r.querySelectorAll(n);
+    return f ? Array.from(f) : [];
+  }
+  return Array.from(n).filter((r) => r != null);
+}
 export {
-  o as auto
+  i as resolveElements
 };
 //# sourceMappingURL=visualization.es415.js.map

package/dist/visualization.es415.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es415.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/auto.mjs"],"sourcesContent":["/**\n * ValueType for \"auto\"\n */\nconst auto = {\n    test: (v) => v === \"auto\",\n    parse: (v) => v,\n};\n\nexport { auto };\n//# sourceMappingURL=auto.mjs.map\n"],"names":["auto","v"],"mappings":"AAGK,MAACA,IAAO;AAAA,EACT,MAAM,CAACC,MAAMA,MAAM;AAAA,EACnB,OAAO,CAACA,MAAMA;AAClB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es415.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/resolve-elements.mjs"],"sourcesContent":["function resolveElements(elementOrSelector, scope, selectorCache) {\n    if (elementOrSelector == null) {\n        return [];\n    }\n    if (elementOrSelector instanceof EventTarget) {\n        return [elementOrSelector];\n    }\n    else if (typeof elementOrSelector === \"string\") {\n        let root = document;\n        if (scope) {\n            root = scope.current;\n        }\n        const elements = selectorCache?.[elementOrSelector] ??\n            root.querySelectorAll(elementOrSelector);\n        return elements ? Array.from(elements) : [];\n    }\n    return Array.from(elementOrSelector).filter((element) => element != null);\n}\n\nexport { resolveElements };\n//# sourceMappingURL=resolve-elements.mjs.map\n"],"names":["resolveElements","elementOrSelector","scope","selectorCache","root","elements","element"],"mappings":"AAAA,SAASA,EAAgBC,GAAmBC,GAAOC,GAAe;AAC9D,MAAIF,KAAqB;AACrB,WAAO,CAAA;AAEX,MAAIA,aAA6B;AAC7B,WAAO,CAACA,CAAiB;AAExB,MAAI,OAAOA,KAAsB,UAAU;AAC5C,QAAIG,IAAO;AAIX,UAAMC,IAAWF,IAAgBF,CAAiB,KAC9CG,EAAK,iBAAiBH,CAAiB;AAC3C,WAAOI,IAAW,MAAM,KAAKA,CAAQ,IAAI,CAAA;AAAA,EAC7C;AACA,SAAO,MAAM,KAAKJ,CAAiB,EAAE,OAAO,CAACK,MAAYA,KAAW,IAAI;AAC5E;","x_google_ignoreList":[0]}

package/dist/visualization.es416.js

@@ -1,5 +1,5 @@
-const s = (t) => (e) => e.test(t);
+const s = {};
 export {
-  s as testValueType
+  s as supportsFlags
 };
 //# sourceMappingURL=visualization.es416.js.map

package/dist/visualization.es416.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es416.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/test.mjs"],"sourcesContent":["/**\n * Tests a provided value against a ValueType\n */\nconst testValueType = (v) => (type) => type.test(v);\n\nexport { testValueType };\n//# sourceMappingURL=test.mjs.map\n"],"names":["testValueType","v","type"],"mappings":"AAGK,MAACA,IAAgB,CAACC,MAAM,CAACC,MAASA,EAAK,KAAKD,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es416.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/supports/flags.mjs"],"sourcesContent":["/**\n * Add the ability for test suites to manually set support flags\n * to better test more environments.\n */\nconst supportsFlags = {};\n\nexport { supportsFlags };\n//# sourceMappingURL=flags.mjs.map\n"],"names":["supportsFlags"],"mappings":"AAIK,MAACA,IAAgB,CAAA;","x_google_ignoreList":[0]}

package/dist/visualization.es417.js

@@ -1,28 +1,10 @@
-import { color as o } from "./visualization.es400.js";
-import { filter as r } from "./visualization.es418.js";
-import { mask as e } from "./visualization.es419.js";
-import { numberValueTypes as l } from "./visualization.es420.js";
-const i = {
-  ...l,
-  // Color props
-  color: o,
-  backgroundColor: o,
-  outlineColor: o,
-  fill: o,
-  stroke: o,
-  // Border props
-  borderColor: o,
-  borderTopColor: o,
-  borderRightColor: o,
-  borderBottomColor: o,
-  borderLeftColor: o,
-  filter: r,
-  WebkitFilter: r,
-  mask: e,
-  WebkitMask: e
-}, a = (t) => i[t];
+import { supportsFlags as t } from "./visualization.es416.js";
+import { memo as p } from "./visualization.es381.js";
+function i(o, m) {
+  const r = p(o);
+  return () => t[m] ?? r();
+}
 export {
-  i as defaultValueTypes,
-  a as getDefaultValueType
+  i as memoSupports
 };
 //# sourceMappingURL=visualization.es417.js.map

package/dist/visualization.es417.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es417.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/maps/defaults.mjs"],"sourcesContent":["import { color } from '../color/index.mjs';\nimport { filter } from '../complex/filter.mjs';\nimport { mask } from '../complex/mask.mjs';\nimport { numberValueTypes } from './number.mjs';\n\n/**\n * A map of default value types for common values\n */\nconst defaultValueTypes = {\n    ...numberValueTypes,\n    // Color props\n    color,\n    backgroundColor: color,\n    outlineColor: color,\n    fill: color,\n    stroke: color,\n    // Border props\n    borderColor: color,\n    borderTopColor: color,\n    borderRightColor: color,\n    borderBottomColor: color,\n    borderLeftColor: color,\n    filter,\n    WebkitFilter: filter,\n    mask,\n    WebkitMask: mask,\n};\n/**\n * Gets the default ValueType for the provided value key\n */\nconst getDefaultValueType = (key) => defaultValueTypes[key];\n\nexport { defaultValueTypes, getDefaultValueType };\n//# sourceMappingURL=defaults.mjs.map\n"],"names":["defaultValueTypes","numberValueTypes","color","filter","mask","getDefaultValueType","key"],"mappings":";;;;AAQK,MAACA,IAAoB;AAAA,EACtB,GAAGC;AAAA;AAAA,EAEH,OAAAC;AAAA,EACA,iBAAiBA;AAAA,EACjB,cAAcA;AAAA,EACd,MAAMA;AAAA,EACN,QAAQA;AAAA;AAAA,EAER,aAAaA;AAAA,EACb,gBAAgBA;AAAA,EAChB,kBAAkBA;AAAA,EAClB,mBAAmBA;AAAA,EACnB,iBAAiBA;AAAA,EACjB,QAAAC;AAAA,EACA,cAAcA;AAAA,EACd,MAAAC;AAAA,EACA,YAAYA;AAChB,GAIMC,IAAsB,CAACC,MAAQN,EAAkBM,CAAG;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es417.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/supports/memo.mjs"],"sourcesContent":["import { memo } from 'motion-utils';\nimport { supportsFlags } from './flags.mjs';\n\nfunction memoSupports(callback, supportsFlag) {\n    const memoized = memo(callback);\n    return () => supportsFlags[supportsFlag] ?? memoized();\n}\n\nexport { memoSupports };\n//# sourceMappingURL=memo.mjs.map\n"],"names":["memoSupports","callback","supportsFlag","memoized","memo","supportsFlags"],"mappings":";;AAGA,SAASA,EAAaC,GAAUC,GAAc;AAC1C,QAAMC,IAAWC,EAAKH,CAAQ;AAC9B,SAAO,MAAMI,EAAcH,CAAY,KAAKC,EAAQ;AACxD;","x_google_ignoreList":[0]}

package/dist/visualization.es418.js

@@ -1,25 +1,213 @@
-import { complex as c } from "./visualization.es401.js";
-import { floatRegex as i } from "./visualization.es414.js";
-const s = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function u(t) {
-  const [e, n] = t.slice(0, -1).split("(");
-  if (e === "drop-shadow")
-    return t;
-  const [o] = n.match(i) || [];
-  if (!o)
-    return t;
-  const r = n.replace(o, "");
-  let a = s.has(e) ? 1 : 0;
-  return o !== n && (a *= 100), e + "(" + a + r + ")";
-}
-const l = /\b([a-z-]*)\(.*?\)/gu, p = {
-  ...c,
-  getAnimatableNone: (t) => {
-    const e = t.match(l);
-    return e ? e.map(u).join(" ") : t;
+import { time as n } from "./visualization.es308.js";
+import { frame as o } from "./visualization.es346.js";
+import { warnOnce as d } from "./visualization.es297.js";
+import { SubscriptionManager as c } from "./visualization.es419.js";
+import { velocityPerSecond as p } from "./visualization.es420.js";
+const r = 30, u = (s) => !isNaN(parseFloat(s));
+class f {
+  /**
+   * @param init - The initiating value
+   * @param config - Optional configuration options
+   *
+   * -  `transformer`: A function to transform incoming values with.
+   */
+  constructor(t, e = {}) {
+    this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (i) => {
+      const a = n.now();
+      if (this.updatedAt !== a && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(i), this.current !== this.prev && (this.events.change?.notify(this.current), this.dependents))
+        for (const h of this.dependents)
+          h.dirty();
+    }, this.hasAnimated = !1, this.setCurrent(t), this.owner = e.owner;
   }
-};
+  setCurrent(t) {
+    this.current = t, this.updatedAt = n.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = u(this.current));
+  }
+  setPrevFrameValue(t = this.current) {
+    this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
+  }
+  /**
+   * Adds a function that will be notified when the `MotionValue` is updated.
+   *
+   * It returns a function that, when called, will cancel the subscription.
+   *
+   * When calling `onChange` inside a React component, it should be wrapped with the
+   * `useEffect` hook. As it returns an unsubscribe function, this should be returned
+   * from the `useEffect` function to ensure you don't add duplicate subscribers..
+   *
+   * ```jsx
+   * export const MyComponent = () => {
+   *   const x = useMotionValue(0)
+   *   const y = useMotionValue(0)
+   *   const opacity = useMotionValue(1)
+   *
+   *   useEffect(() => {
+   *     function updateOpacity() {
+   *       const maxXY = Math.max(x.get(), y.get())
+   *       const newOpacity = transform(maxXY, [0, 100], [1, 0])
+   *       opacity.set(newOpacity)
+   *     }
+   *
+   *     const unsubscribeX = x.on("change", updateOpacity)
+   *     const unsubscribeY = y.on("change", updateOpacity)
+   *
+   *     return () => {
+   *       unsubscribeX()
+   *       unsubscribeY()
+   *     }
+   *   }, [])
+   *
+   *   return <motion.div style={{ x }} />
+   * }
+   * ```
+   *
+   * @param subscriber - A function that receives the latest value.
+   * @returns A function that, when called, will cancel this subscription.
+   *
+   * @deprecated
+   */
+  onChange(t) {
+    return process.env.NODE_ENV !== "production" && d(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
+  }
+  on(t, e) {
+    this.events[t] || (this.events[t] = new c());
+    const i = this.events[t].add(e);
+    return t === "change" ? () => {
+      i(), o.read(() => {
+        this.events.change.getSize() || this.stop();
+      });
+    } : i;
+  }
+  clearListeners() {
+    for (const t in this.events)
+      this.events[t].clear();
+  }
+  /**
+   * Attaches a passive effect to the `MotionValue`.
+   */
+  attach(t, e) {
+    this.passiveEffect = t, this.stopPassiveEffect = e;
+  }
+  /**
+   * Sets the state of the `MotionValue`.
+   *
+   * @remarks
+   *
+   * ```jsx
+   * const x = useMotionValue(0)
+   * x.set(10)
+   * ```
+   *
+   * @param latest - Latest value to set.
+   * @param render - Whether to notify render subscribers. Defaults to `true`
+   *
+   * @public
+   */
+  set(t) {
+    this.passiveEffect ? this.passiveEffect(t, this.updateAndNotify) : this.updateAndNotify(t);
+  }
+  setWithVelocity(t, e, i) {
+    this.set(e), this.prev = void 0, this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt - i;
+  }
+  /**
+   * Set the state of the `MotionValue`, stopping any active animations,
+   * effects, and resets velocity to `0`.
+   */
+  jump(t, e = !0) {
+    this.updateAndNotify(t), this.prev = t, this.prevUpdatedAt = this.prevFrameValue = void 0, e && this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
+  }
+  dirty() {
+    this.events.change?.notify(this.current);
+  }
+  addDependent(t) {
+    this.dependents || (this.dependents = /* @__PURE__ */ new Set()), this.dependents.add(t);
+  }
+  removeDependent(t) {
+    this.dependents && this.dependents.delete(t);
+  }
+  /**
+   * Returns the latest state of `MotionValue`
+   *
+   * @returns - The latest state of `MotionValue`
+   *
+   * @public
+   */
+  get() {
+    return this.current;
+  }
+  /**
+   * @public
+   */
+  getPrevious() {
+    return this.prev;
+  }
+  /**
+   * Returns the latest velocity of `MotionValue`
+   *
+   * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.
+   *
+   * @public
+   */
+  getVelocity() {
+    const t = n.now();
+    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > r)
+      return 0;
+    const e = Math.min(this.updatedAt - this.prevUpdatedAt, r);
+    return p(parseFloat(this.current) - parseFloat(this.prevFrameValue), e);
+  }
+  /**
+   * Registers a new animation to control this `MotionValue`. Only one
+   * animation can drive a `MotionValue` at one time.
+   *
+   * ```jsx
+   * value.start()
+   * ```
+   *
+   * @param animation - A function that starts the provided animation
+   */
+  start(t) {
+    return this.stop(), new Promise((e) => {
+      this.hasAnimated = !0, this.animation = t(e), this.events.animationStart && this.events.animationStart.notify();
+    }).then(() => {
+      this.events.animationComplete && this.events.animationComplete.notify(), this.clearAnimation();
+    });
+  }
+  /**
+   * Stop the currently active animation.
+   *
+   * @public
+   */
+  stop() {
+    this.animation && (this.animation.stop(), this.events.animationCancel && this.events.animationCancel.notify()), this.clearAnimation();
+  }
+  /**
+   * Returns `true` if this value is currently animating.
+   *
+   * @public
+   */
+  isAnimating() {
+    return !!this.animation;
+  }
+  clearAnimation() {
+    delete this.animation;
+  }
+  /**
+   * Destroy and clean up subscribers to this `MotionValue`.
+   *
+   * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
+   * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
+   * created a `MotionValue` via the `motionValue` function.
+   *
+   * @public
+   */
+  destroy() {
+    this.dependents?.clear(), this.events.destroy?.notify(), this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
+  }
+}
+function V(s, t) {
+  return new f(s, t);
+}
 export {
-  p as filter
+  f as MotionValue,
+  V as motionValue
 };
 //# sourceMappingURL=visualization.es418.js.map