@weng-lab/visualization 2.5.0 → 2.5.1

package/dist/visualization.es389.js

@@ -1,5 +1,13 @@
-const t = (r, e) => e ? r === e ? !0 : t(r, e.parentElement) : !1;
+import { memoSupports as e } from "./visualization.es430.js";
+const a = /* @__PURE__ */ e(() => {
+  try {
+    document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
+  } catch {
+    return !1;
+  }
+  return !0;
+}, "linearEasing");
 export {
-  t as isNodeOrChild
+  a as supportsLinearEasing
 };
 //# sourceMappingURL=visualization.es389.js.map

package/dist/visualization.es389.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es389.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/gestures/utils/is-node-or-child.mjs"],"sourcesContent":["/**\n * Recursively traverse up the tree to check whether the provided child node\n * is the parent or a descendant of it.\n *\n * @param parent - Element to find\n * @param child - Element to test against parent\n */\nconst isNodeOrChild = (parent, child) => {\n    if (!child) {\n        return false;\n    }\n    else if (parent === child) {\n        return true;\n    }\n    else {\n        return isNodeOrChild(parent, child.parentElement);\n    }\n};\n\nexport { isNodeOrChild };\n//# sourceMappingURL=is-node-or-child.mjs.map\n"],"names":["isNodeOrChild","parent","child"],"mappings":"AAOK,MAACA,IAAgB,CAACC,GAAQC,MACtBA,IAGID,MAAWC,IACT,KAGAF,EAAcC,GAAQC,EAAM,aAAa,IANzC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es389.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/supports/linear-easing.mjs"],"sourcesContent":["import { memoSupports } from './memo.mjs';\n\nconst supportsLinearEasing = /*@__PURE__*/ memoSupports(() => {\n    try {\n        document\n            .createElement(\"div\")\n            .animate({ opacity: 0 }, { easing: \"linear(0, 1)\" });\n    }\n    catch (e) {\n        return false;\n    }\n    return true;\n}, \"linearEasing\");\n\nexport { supportsLinearEasing };\n//# sourceMappingURL=linear-easing.mjs.map\n"],"names":["supportsLinearEasing","memoSupports"],"mappings":";AAEK,MAACA,IAAqC,gBAAAC,EAAa,MAAM;AAC1D,MAAI;AACA,aACK,cAAc,KAAK,EACnB,QAAQ,EAAE,SAAS,EAAC,GAAI,EAAE,QAAQ,gBAAgB;AAAA,EAC3D,QACU;AACN,WAAO;AAAA,EACX;AACA,SAAO;AACX,GAAG,cAAc;","x_google_ignoreList":[0]}

package/dist/visualization.es39.js

@@ -1,7 +1,37 @@
-function n(a, t) {
-  return [(t = +t) * Math.cos(a -= Math.PI / 2), t * Math.sin(a)];
+import l from "./visualization.es137.js";
+import n from "./visualization.es233.js";
+import f from "./visualization.es238.js";
+import { jsx as p } from "react/jsx-runtime";
+const m = {
+  dy: "-0.75em",
+  fill: "#222",
+  fontFamily: "Arial",
+  fontSize: 10,
+  textAnchor: "middle"
+};
+function L(o) {
+  let {
+    axisClassName: i,
+    labelOffset: e = 8,
+    tickLength: s = 8,
+    tickLabelProps: t,
+    ...r
+  } = o;
+  const a = typeof t == "function" ? t : {
+    ...m,
+    ...t
+  };
+  return /* @__PURE__ */ p(n, {
+    axisClassName: l("visx-axis-top", i),
+    labelOffset: e,
+    orientation: f.top,
+    tickLabelProps: a,
+    tickLength: s,
+    ...r
+  });
 }
 export {
-  n as default
+  L as default,
+  m as topTickLabelProps
 };
 //# sourceMappingURL=visualization.es39.js.map

package/dist/visualization.es39.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es39.js","sources":["../../../node_modules/.pnpm/d3-shape@3.2.0/node_modules/d3-shape/src/pointRadial.js"],"sourcesContent":["export default function(x, y) {\n  return [(y = +y) * Math.cos(x -= Math.PI / 2), y * Math.sin(x)];\n}\n"],"names":["pointRadial","x","y"],"mappings":"AAAe,SAAAA,EAASC,GAAGC,GAAG;AAC5B,SAAO,EAAEA,IAAI,CAACA,KAAK,KAAK,IAAID,KAAK,KAAK,KAAK,CAAC,GAAGC,IAAI,KAAK,IAAID,CAAC,CAAC;AAChE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es39.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/axis/AxisTop.js"],"sourcesContent":["import cx from 'classnames';\nimport Axis from \"./Axis.js\";\nimport Orientation from \"../constants/orientation.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const topTickLabelProps = {\n  dy: '-0.75em',\n  fill: '#222',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  textAnchor: 'middle'\n};\nexport default function AxisTop(_ref) {\n  let {\n    axisClassName,\n    labelOffset = 8,\n    tickLength = 8,\n    tickLabelProps,\n    ...restProps\n  } = _ref;\n  const tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : {\n    ...topTickLabelProps,\n    ...tickLabelProps\n  };\n  return /*#__PURE__*/_jsx(Axis, {\n    axisClassName: cx('visx-axis-top', axisClassName),\n    labelOffset: labelOffset,\n    orientation: Orientation.top,\n    tickLabelProps: tickLabelPropsFinal,\n    tickLength: tickLength,\n    ...restProps\n  });\n}"],"names":["topTickLabelProps","AxisTop","_ref","axisClassName","labelOffset","tickLength","tickLabelProps","restProps","tickLabelPropsFinal","_jsx","Axis","cx","Orientation"],"mappings":";;;;AAIY,MAACA,IAAoB;AAAA,EAC/B,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AACd;AACe,SAASC,EAAQC,GAAM;AACpC,MAAI;AAAA,IACF,eAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC,IAAa;AAAA,IACb,gBAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAML;AACJ,QAAMM,IAAsB,OAAOF,KAAmB,aAAaA,IAAiB;AAAA,IAClF,GAAGN;AAAA,IACH,GAAGM;AAAA,EACP;AACE,SAAoBG,gBAAAA,EAAKC,GAAM;AAAA,IAC7B,eAAeC,EAAG,iBAAiBR,CAAa;AAAA,IAChD,aAAaC;AAAA,IACb,aAAaQ,EAAY;AAAA,IACzB,gBAAgBJ;AAAA,IAChB,YAAYH;AAAA,IACZ,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/visualization.es390.js

@@ -1,19 +1,16 @@
-const e = /* @__PURE__ */ new Set([
-  "BUTTON",
-  "INPUT",
-  "SELECT",
-  "TEXTAREA",
-  "A"
-]);
-function s(t) {
-  return e.has(t.tagName) || t.isContentEditable === !0;
-}
-const n = /* @__PURE__ */ new Set(["INPUT", "SELECT", "TEXTAREA"]);
-function E(t) {
-  return n.has(t.tagName) || t.isContentEditable === !0;
-}
+import { cubicBezierAsString as e } from "./visualization.es387.js";
+const i = {
+  linear: "linear",
+  ease: "ease",
+  easeIn: "ease-in",
+  easeOut: "ease-out",
+  easeInOut: "ease-in-out",
+  circIn: /* @__PURE__ */ e([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ e([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ e([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ e([0.33, 1.53, 0.69, 0.99])
+};
 export {
-  s as isElementKeyboardAccessible,
-  E as isElementTextInput
+  i as supportedWaapiEasing
 };
 //# sourceMappingURL=visualization.es390.js.map

package/dist/visualization.es390.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es390.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/gestures/press/utils/is-keyboard-accessible.mjs"],"sourcesContent":["const keyboardAccessibleElements = new Set([\n    \"BUTTON\",\n    \"INPUT\",\n    \"SELECT\",\n    \"TEXTAREA\",\n    \"A\",\n]);\n/**\n * Checks if an element is natively keyboard accessible (focusable).\n * Used by the press gesture to determine if we need to add tabIndex.\n */\nfunction isElementKeyboardAccessible(element) {\n    return (keyboardAccessibleElements.has(element.tagName) ||\n        element.isContentEditable === true);\n}\nconst textInputElements = new Set([\"INPUT\", \"SELECT\", \"TEXTAREA\"]);\n/**\n * Checks if an element has text selection or direct interaction behavior\n * that should block drag gestures from starting.\n *\n * This specifically targets form controls where the user might want to select\n * text or interact with the control (e.g., sliders, dropdowns).\n *\n * Buttons and links are NOT included because they don't have click-and-move\n * actions of their own - they only respond to click events, so dragging\n * should still work when initiated from these elements.\n */\nfunction isElementTextInput(element) {\n    return (textInputElements.has(element.tagName) ||\n        element.isContentEditable === true);\n}\n\nexport { isElementKeyboardAccessible, isElementTextInput };\n//# sourceMappingURL=is-keyboard-accessible.mjs.map\n"],"names":["keyboardAccessibleElements","isElementKeyboardAccessible","element","textInputElements","isElementTextInput"],"mappings":"AAAA,MAAMA,IAA6B,oBAAI,IAAI;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;AAKD,SAASC,EAA4BC,GAAS;AAC1C,SAAQF,EAA2B,IAAIE,EAAQ,OAAO,KAClDA,EAAQ,sBAAsB;AACtC;AACA,MAAMC,IAAoB,oBAAI,IAAI,CAAC,SAAS,UAAU,UAAU,CAAC;AAYjE,SAASC,EAAmBF,GAAS;AACjC,SAAQC,EAAkB,IAAID,EAAQ,OAAO,KACzCA,EAAQ,sBAAsB;AACtC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es390.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/waapi/easing/supported.mjs"],"sourcesContent":["import { cubicBezierAsString } from './cubic-bezier.mjs';\n\nconst supportedWaapiEasing = {\n    linear: \"linear\",\n    ease: \"ease\",\n    easeIn: \"ease-in\",\n    easeOut: \"ease-out\",\n    easeInOut: \"ease-in-out\",\n    circIn: /*@__PURE__*/ cubicBezierAsString([0, 0.65, 0.55, 1]),\n    circOut: /*@__PURE__*/ cubicBezierAsString([0.55, 0, 1, 0.45]),\n    backIn: /*@__PURE__*/ cubicBezierAsString([0.31, 0.01, 0.66, -0.59]),\n    backOut: /*@__PURE__*/ cubicBezierAsString([0.33, 1.53, 0.69, 0.99]),\n};\n\nexport { supportedWaapiEasing };\n//# sourceMappingURL=supported.mjs.map\n"],"names":["supportedWaapiEasing","cubicBezierAsString"],"mappings":";AAEK,MAACA,IAAuB;AAAA,EACzB,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAsB,gBAAAC,EAAoB,CAAC,GAAG,MAAM,MAAM,CAAC,CAAC;AAAA,EAC5D,SAAuB,gBAAAA,EAAoB,CAAC,MAAM,GAAG,GAAG,IAAI,CAAC;AAAA,EAC7D,QAAsB,gBAAAA,EAAoB,CAAC,MAAM,MAAM,MAAM,KAAK,CAAC;AAAA,EACnE,SAAuB,gBAAAA,EAAoB,CAAC,MAAM,MAAM,MAAM,IAAI,CAAC;AACvE;","x_google_ignoreList":[0]}

package/dist/visualization.es391.js

@@ -1,28 +1,5 @@
-import { isPressing as u } from "./visualization.es392.js";
-function d(r) {
-  return (n) => {
-    n.key === "Enter" && r(n);
-  };
-}
-function t(r, n) {
-  r.dispatchEvent(new PointerEvent("pointer" + n, { isPrimary: !0, bubbles: !0 }));
-}
-const c = (r, n) => {
-  const e = r.currentTarget;
-  if (!e)
-    return;
-  const i = d(() => {
-    if (u.has(e))
-      return;
-    t(e, "down");
-    const s = d(() => {
-      t(e, "up");
-    }), o = () => t(e, "cancel");
-    e.addEventListener("keyup", s, n), e.addEventListener("blur", o, n);
-  });
-  e.addEventListener("keydown", i, n), e.addEventListener("blur", () => e.removeEventListener("keydown", i), n);
-};
+const e = (r) => Array.isArray(r) && typeof r[0] == "number";
 export {
-  c as enableKeyboardPress
+  e as isBezierDefinition
 };
 //# sourceMappingURL=visualization.es391.js.map

package/dist/visualization.es391.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es391.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/gestures/press/utils/keyboard.mjs"],"sourcesContent":["import { isPressing } from './state.mjs';\n\n/**\n * Filter out events that are not \"Enter\" keys.\n */\nfunction filterEvents(callback) {\n    return (event) => {\n        if (event.key !== \"Enter\")\n            return;\n        callback(event);\n    };\n}\nfunction firePointerEvent(target, type) {\n    target.dispatchEvent(new PointerEvent(\"pointer\" + type, { isPrimary: true, bubbles: true }));\n}\nconst enableKeyboardPress = (focusEvent, eventOptions) => {\n    const element = focusEvent.currentTarget;\n    if (!element)\n        return;\n    const handleKeydown = filterEvents(() => {\n        if (isPressing.has(element))\n            return;\n        firePointerEvent(element, \"down\");\n        const handleKeyup = filterEvents(() => {\n            firePointerEvent(element, \"up\");\n        });\n        const handleBlur = () => firePointerEvent(element, \"cancel\");\n        element.addEventListener(\"keyup\", handleKeyup, eventOptions);\n        element.addEventListener(\"blur\", handleBlur, eventOptions);\n    });\n    element.addEventListener(\"keydown\", handleKeydown, eventOptions);\n    /**\n     * Add an event listener that fires on blur to remove the keydown events.\n     */\n    element.addEventListener(\"blur\", () => element.removeEventListener(\"keydown\", handleKeydown), eventOptions);\n};\n\nexport { enableKeyboardPress };\n//# sourceMappingURL=keyboard.mjs.map\n"],"names":["filterEvents","callback","event","firePointerEvent","target","type","enableKeyboardPress","focusEvent","eventOptions","element","handleKeydown","isPressing","handleKeyup","handleBlur"],"mappings":";AAKA,SAASA,EAAaC,GAAU;AAC5B,SAAO,CAACC,MAAU;AACd,IAAIA,EAAM,QAAQ,WAElBD,EAASC,CAAK;AAAA,EAClB;AACJ;AACA,SAASC,EAAiBC,GAAQC,GAAM;AACpC,EAAAD,EAAO,cAAc,IAAI,aAAa,YAAYC,GAAM,EAAE,WAAW,IAAM,SAAS,GAAI,CAAE,CAAC;AAC/F;AACK,MAACC,IAAsB,CAACC,GAAYC,MAAiB;AACtD,QAAMC,IAAUF,EAAW;AAC3B,MAAI,CAACE;AACD;AACJ,QAAMC,IAAgBV,EAAa,MAAM;AACrC,QAAIW,EAAW,IAAIF,CAAO;AACtB;AACJ,IAAAN,EAAiBM,GAAS,MAAM;AAChC,UAAMG,IAAcZ,EAAa,MAAM;AACnC,MAAAG,EAAiBM,GAAS,IAAI;AAAA,IAClC,CAAC,GACKI,IAAa,MAAMV,EAAiBM,GAAS,QAAQ;AAC3D,IAAAA,EAAQ,iBAAiB,SAASG,GAAaJ,CAAY,GAC3DC,EAAQ,iBAAiB,QAAQI,GAAYL,CAAY;AAAA,EAC7D,CAAC;AACD,EAAAC,EAAQ,iBAAiB,WAAWC,GAAeF,CAAY,GAI/DC,EAAQ,iBAAiB,QAAQ,MAAMA,EAAQ,oBAAoB,WAAWC,CAAa,GAAGF,CAAY;AAC9G;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es391.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/utils/is-bezier-definition.mjs"],"sourcesContent":["const isBezierDefinition = (easing) => Array.isArray(easing) && typeof easing[0] === \"number\";\n\nexport { isBezierDefinition };\n//# sourceMappingURL=is-bezier-definition.mjs.map\n"],"names":["isBezierDefinition","easing"],"mappings":"AAAK,MAACA,IAAqB,CAACC,MAAW,MAAM,QAAQA,CAAM,KAAK,OAAOA,EAAO,CAAC,KAAM;","x_google_ignoreList":[0]}

package/dist/visualization.es392.js

@@ -1,5 +1,13 @@
-const e = /* @__PURE__ */ new WeakSet();
+const e = /* @__PURE__ */ new Set([
+  "opacity",
+  "clipPath",
+  "filter",
+  "transform"
+  // TODO: Can be accelerated but currently disabled until https://issues.chromium.org/issues/41491098 is resolved
+  // or until we implement support for linear() easing.
+  // "background-color"
+]);
 export {
-  e as isPressing
+  e as acceleratedValues
 };
 //# sourceMappingURL=visualization.es392.js.map

package/dist/visualization.es392.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es392.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/gestures/press/utils/state.mjs"],"sourcesContent":["const isPressing = new WeakSet();\n\nexport { isPressing };\n//# sourceMappingURL=state.mjs.map\n"],"names":["isPressing"],"mappings":"AAAK,MAACA,IAAa,oBAAI,QAAO;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es392.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/waapi/utils/accelerated-values.mjs"],"sourcesContent":["/**\n * A list of values that can be hardware-accelerated.\n */\nconst acceleratedValues = new Set([\n    \"opacity\",\n    \"clipPath\",\n    \"filter\",\n    \"transform\",\n    // TODO: Can be accelerated but currently disabled until https://issues.chromium.org/issues/41491098 is resolved\n    // or until we implement support for linear() easing.\n    // \"background-color\"\n]);\n\nexport { acceleratedValues };\n//# sourceMappingURL=accelerated-values.mjs.map\n"],"names":["acceleratedValues"],"mappings":"AAGK,MAACA,IAAoB,oBAAI,IAAI;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA;AAAA;AAIJ,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es393.js

@@ -1,66 +1,11 @@
-const e = (t) => t * 180 / Math.PI, c = (t) => {
-  const a = e(Math.atan2(t[1], t[0]));
-  return l(a);
-}, f = {
-  x: 4,
-  y: 5,
-  translateX: 4,
-  translateY: 5,
-  scaleX: 0,
-  scaleY: 3,
-  scale: (t) => (Math.abs(t[0]) + Math.abs(t[3])) / 2,
-  rotate: c,
-  rotateZ: c,
-  skewX: (t) => e(Math.atan(t[1])),
-  skewY: (t) => e(Math.atan(t[2])),
-  skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
-}, l = (t) => (t = t % 360, t < 0 && (t += 360), t), h = c, M = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), i = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), x = {
-  x: 12,
-  y: 13,
-  z: 14,
-  translateX: 12,
-  translateY: 13,
-  translateZ: 14,
-  scaleX: M,
-  scaleY: i,
-  scale: (t) => (M(t) + i(t)) / 2,
-  rotateX: (t) => l(e(Math.atan2(t[6], t[5]))),
-  rotateY: (t) => l(e(Math.atan2(-t[2], t[0]))),
-  rotateZ: h,
-  rotate: h,
-  skewX: (t) => e(Math.atan(t[4])),
-  skewY: (t) => e(Math.atan(t[1])),
-  skew: (t) => (Math.abs(t[1]) + Math.abs(t[4])) / 2
-};
-function m(t) {
-  return t.includes("scale") ? 1 : 0;
-}
-function b(t, a) {
-  if (!t || t === "none")
-    return m(a);
-  const s = t.match(/^matrix3d\(([-\d.e\s,]+)\)$/u);
-  let n, r;
-  if (s)
-    n = x, r = s;
-  else {
-    const d = t.match(/^matrix\(([-\d.e\s,]+)\)$/u);
-    n = f, r = d;
-  }
-  if (!r)
-    return m(a);
-  const o = n[a], u = r[1].split(",").map(p);
-  return typeof o == "function" ? o(u) : u[o];
-}
-const X = (t, a) => {
-  const { transform: s = "none" } = getComputedStyle(t);
-  return b(s, a);
-};
-function p(t) {
-  return parseFloat(t.trim());
+const t = /^(?:oklch|oklab|lab|lch|color|color-mix|light-dark)\(/;
+function l(r) {
+  for (let o = 0; o < r.length; o++)
+    if (typeof r[o] == "string" && t.test(r[o]))
+      return !0;
+  return !1;
 }
 export {
-  m as defaultTransformValue,
-  b as parseValueFromTransform,
-  X as readTransformValue
+  l as hasBrowserOnlyColors
 };
 //# sourceMappingURL=visualization.es393.js.map

package/dist/visualization.es393.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es393.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/dom/parse-transform.mjs"],"sourcesContent":["const radToDeg = (rad) => (rad * 180) / Math.PI;\nconst rotate = (v) => {\n    const angle = radToDeg(Math.atan2(v[1], v[0]));\n    return rebaseAngle(angle);\n};\nconst matrix2dParsers = {\n    x: 4,\n    y: 5,\n    translateX: 4,\n    translateY: 5,\n    scaleX: 0,\n    scaleY: 3,\n    scale: (v) => (Math.abs(v[0]) + Math.abs(v[3])) / 2,\n    rotate,\n    rotateZ: rotate,\n    skewX: (v) => radToDeg(Math.atan(v[1])),\n    skewY: (v) => radToDeg(Math.atan(v[2])),\n    skew: (v) => (Math.abs(v[1]) + Math.abs(v[2])) / 2,\n};\nconst rebaseAngle = (angle) => {\n    angle = angle % 360;\n    if (angle < 0)\n        angle += 360;\n    return angle;\n};\nconst rotateZ = rotate;\nconst scaleX = (v) => Math.sqrt(v[0] * v[0] + v[1] * v[1]);\nconst scaleY = (v) => Math.sqrt(v[4] * v[4] + v[5] * v[5]);\nconst matrix3dParsers = {\n    x: 12,\n    y: 13,\n    z: 14,\n    translateX: 12,\n    translateY: 13,\n    translateZ: 14,\n    scaleX,\n    scaleY,\n    scale: (v) => (scaleX(v) + scaleY(v)) / 2,\n    rotateX: (v) => rebaseAngle(radToDeg(Math.atan2(v[6], v[5]))),\n    rotateY: (v) => rebaseAngle(radToDeg(Math.atan2(-v[2], v[0]))),\n    rotateZ,\n    rotate: rotateZ,\n    skewX: (v) => radToDeg(Math.atan(v[4])),\n    skewY: (v) => radToDeg(Math.atan(v[1])),\n    skew: (v) => (Math.abs(v[1]) + Math.abs(v[4])) / 2,\n};\nfunction defaultTransformValue(name) {\n    return name.includes(\"scale\") ? 1 : 0;\n}\nfunction parseValueFromTransform(transform, name) {\n    if (!transform || transform === \"none\") {\n        return defaultTransformValue(name);\n    }\n    const matrix3dMatch = transform.match(/^matrix3d\\(([-\\d.e\\s,]+)\\)$/u);\n    let parsers;\n    let match;\n    if (matrix3dMatch) {\n        parsers = matrix3dParsers;\n        match = matrix3dMatch;\n    }\n    else {\n        const matrix2dMatch = transform.match(/^matrix\\(([-\\d.e\\s,]+)\\)$/u);\n        parsers = matrix2dParsers;\n        match = matrix2dMatch;\n    }\n    if (!match) {\n        return defaultTransformValue(name);\n    }\n    const valueParser = parsers[name];\n    const values = match[1].split(\",\").map(convertTransformToNumber);\n    return typeof valueParser === \"function\"\n        ? valueParser(values)\n        : values[valueParser];\n}\nconst readTransformValue = (instance, name) => {\n    const { transform = \"none\" } = getComputedStyle(instance);\n    return parseValueFromTransform(transform, name);\n};\nfunction convertTransformToNumber(value) {\n    return parseFloat(value.trim());\n}\n\nexport { defaultTransformValue, parseValueFromTransform, readTransformValue };\n//# sourceMappingURL=parse-transform.mjs.map\n"],"names":["radToDeg","rad","rotate","v","angle","rebaseAngle","matrix2dParsers","rotateZ","scaleX","scaleY","matrix3dParsers","defaultTransformValue","name","parseValueFromTransform","transform","matrix3dMatch","parsers","match","matrix2dMatch","valueParser","values","convertTransformToNumber","readTransformValue","instance","value"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es393.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/waapi/utils/is-browser-color.mjs"],"sourcesContent":["const browserColorFunctions = /^(?:oklch|oklab|lab|lch|color|color-mix|light-dark)\\(/;\nfunction hasBrowserOnlyColors(keyframes) {\n    for (let i = 0; i < keyframes.length; i++) {\n        if (typeof keyframes[i] === \"string\" &&\n            browserColorFunctions.test(keyframes[i])) {\n            return true;\n        }\n    }\n    return false;\n}\n\nexport { hasBrowserOnlyColors };\n//# sourceMappingURL=is-browser-color.mjs.map\n"],"names":["browserColorFunctions","hasBrowserOnlyColors","keyframes","i"],"mappings":"AAAA,MAAMA,IAAwB;AAC9B,SAASC,EAAqBC,GAAW;AACrC,WAASC,IAAI,GAAGA,IAAID,EAAU,QAAQC;AAClC,QAAI,OAAOD,EAAUC,CAAC,KAAM,YACxBH,EAAsB,KAAKE,EAAUC,CAAC,CAAC;AACvC,aAAO;AAGf,SAAO;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es394.js

@@ -1,5 +1,9 @@
-const s = (t) => t.startsWith("--");
+// @__NO_SIDE_EFFECTS__
+function r(n) {
+  let e;
+  return () => (e === void 0 && (e = n()), e);
+}
 export {
-  s as isCSSVar
+  r as memo
 };
 //# sourceMappingURL=visualization.es394.js.map

package/dist/visualization.es394.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es394.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/dom/is-css-var.mjs"],"sourcesContent":["const isCSSVar = (name) => name.startsWith(\"--\");\n\nexport { isCSSVar };\n//# sourceMappingURL=is-css-var.mjs.map\n"],"names":["isCSSVar","name"],"mappings":"AAAK,MAACA,IAAW,CAACC,MAASA,EAAK,WAAW,IAAI;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es394.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/memo.mjs"],"sourcesContent":["/*#__NO_SIDE_EFFECTS__*/\nfunction memo(callback) {\n    let result;\n    return () => {\n        if (result === undefined)\n            result = callback();\n        return result;\n    };\n}\n\nexport { memo };\n//# sourceMappingURL=memo.mjs.map\n"],"names":["memo","callback","result"],"mappings":";AACA,SAASA,EAAKC,GAAU;AACpB,MAAIC;AACJ,SAAO,OACCA,MAAW,WACXA,IAASD,EAAQ,IACdC;AAEf;","x_google_ignoreList":[0]}

package/dist/visualization.es395.js

@@ -1,5 +1,28 @@
-const e = (r) => Array.isArray(r);
+import { stepsOrder as o } from "./visualization.es396.js";
+import { createRenderStep as T } from "./visualization.es397.js";
+import { MotionGlobalConfig as b } from "./visualization.es330.js";
+const v = 40;
+function N(c, i) {
+  let r = !1, a = !0;
+  const e = {
+    delta: 0,
+    timestamp: 0,
+    isProcessing: !1
+  }, l = () => r = !0, n = o.reduce((t, s) => (t[s] = T(l), t), {}), { setup: m, read: u, resolveKeyframes: f, preUpdate: d, update: g, preRender: h, render: M, postRender: R } = n, p = () => {
+    const t = b.useManualTiming, s = t ? e.timestamp : performance.now();
+    r = !1, t || (e.delta = a ? 1e3 / 60 : Math.max(Math.min(s - e.timestamp, v), 1)), e.timestamp = s, e.isProcessing = !0, m.process(e), u.process(e), f.process(e), d.process(e), g.process(e), h.process(e), M.process(e), R.process(e), e.isProcessing = !1, r && i && (a = !1, c(p));
+  }, x = () => {
+    r = !0, a = !0, e.isProcessing || c(p);
+  };
+  return { schedule: o.reduce((t, s) => {
+    const P = n[s];
+    return t[s] = (w, E = !1, F = !1) => (r || x(), P.schedule(w, E, F)), t;
+  }, {}), cancel: (t) => {
+    for (let s = 0; s < o.length; s++)
+      n[o[s]].cancel(t);
+  }, state: e, steps: n };
+}
 export {
-  e as isKeyframesTarget
+  N as createRenderBatcher
 };
 //# sourceMappingURL=visualization.es395.js.map

package/dist/visualization.es395.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es395.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/is-keyframes-target.mjs"],"sourcesContent":["const isKeyframesTarget = (v) => {\n    return Array.isArray(v);\n};\n\nexport { isKeyframesTarget };\n//# sourceMappingURL=is-keyframes-target.mjs.map\n"],"names":["isKeyframesTarget","v"],"mappings":"AAAK,MAACA,IAAoB,CAACC,MAChB,MAAM,QAAQA,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es395.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/frameloop/batcher.mjs"],"sourcesContent":["import { MotionGlobalConfig } from 'motion-utils';\nimport { stepsOrder } from './order.mjs';\nimport { createRenderStep } from './render-step.mjs';\n\nconst maxElapsed = 40;\nfunction createRenderBatcher(scheduleNextBatch, allowKeepAlive) {\n    let runNextFrame = false;\n    let useDefaultElapsed = true;\n    const state = {\n        delta: 0.0,\n        timestamp: 0.0,\n        isProcessing: false,\n    };\n    const flagRunNextFrame = () => (runNextFrame = true);\n    const steps = stepsOrder.reduce((acc, key) => {\n        acc[key] = createRenderStep(flagRunNextFrame, allowKeepAlive ? key : undefined);\n        return acc;\n    }, {});\n    const { setup, read, resolveKeyframes, preUpdate, update, preRender, render, postRender, } = steps;\n    const processBatch = () => {\n        const useManualTiming = MotionGlobalConfig.useManualTiming;\n        const timestamp = useManualTiming\n            ? state.timestamp\n            : performance.now();\n        runNextFrame = false;\n        if (!useManualTiming) {\n            state.delta = useDefaultElapsed\n                ? 1000 / 60\n                : Math.max(Math.min(timestamp - state.timestamp, maxElapsed), 1);\n        }\n        state.timestamp = timestamp;\n        state.isProcessing = true;\n        // Unrolled render loop for better per-frame performance\n        setup.process(state);\n        read.process(state);\n        resolveKeyframes.process(state);\n        preUpdate.process(state);\n        update.process(state);\n        preRender.process(state);\n        render.process(state);\n        postRender.process(state);\n        state.isProcessing = false;\n        if (runNextFrame && allowKeepAlive) {\n            useDefaultElapsed = false;\n            scheduleNextBatch(processBatch);\n        }\n    };\n    const wake = () => {\n        runNextFrame = true;\n        useDefaultElapsed = true;\n        if (!state.isProcessing) {\n            scheduleNextBatch(processBatch);\n        }\n    };\n    const schedule = stepsOrder.reduce((acc, key) => {\n        const step = steps[key];\n        acc[key] = (process, keepAlive = false, immediate = false) => {\n            if (!runNextFrame)\n                wake();\n            return step.schedule(process, keepAlive, immediate);\n        };\n        return acc;\n    }, {});\n    const cancel = (process) => {\n        for (let i = 0; i < stepsOrder.length; i++) {\n            steps[stepsOrder[i]].cancel(process);\n        }\n    };\n    return { schedule, cancel, state, steps };\n}\n\nexport { createRenderBatcher };\n//# sourceMappingURL=batcher.mjs.map\n"],"names":["maxElapsed","createRenderBatcher","scheduleNextBatch","allowKeepAlive","runNextFrame","useDefaultElapsed","state","flagRunNextFrame","steps","stepsOrder","acc","key","createRenderStep","setup","read","resolveKeyframes","preUpdate","update","preRender","render","postRender","processBatch","useManualTiming","MotionGlobalConfig","timestamp","wake","step","process","keepAlive","immediate","i"],"mappings":";;;AAIA,MAAMA,IAAa;AACnB,SAASC,EAAoBC,GAAmBC,GAAgB;AAC5D,MAAIC,IAAe,IACfC,IAAoB;AACxB,QAAMC,IAAQ;AAAA,IACV,OAAO;AAAA,IACP,WAAW;AAAA,IACX,cAAc;AAAA,EACtB,GACUC,IAAmB,MAAOH,IAAe,IACzCI,IAAQC,EAAW,OAAO,CAACC,GAAKC,OAClCD,EAAIC,CAAG,IAAIC,EAAiBL,CAAkD,GACvEG,IACR,CAAA,CAAE,GACC,EAAE,OAAAG,GAAO,MAAAC,GAAM,kBAAAC,GAAkB,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,GAAW,QAAAC,GAAQ,YAAAC,EAAU,IAAMZ,GACvFa,IAAe,MAAM;AACvB,UAAMC,IAAkBC,EAAmB,iBACrCC,IAAYF,IACZhB,EAAM,YACN,YAAY,IAAG;AACrB,IAAAF,IAAe,IACVkB,MACDhB,EAAM,QAAQD,IACR,MAAO,KACP,KAAK,IAAI,KAAK,IAAImB,IAAYlB,EAAM,WAAWN,CAAU,GAAG,CAAC,IAEvEM,EAAM,YAAYkB,GAClBlB,EAAM,eAAe,IAErBO,EAAM,QAAQP,CAAK,GACnBQ,EAAK,QAAQR,CAAK,GAClBS,EAAiB,QAAQT,CAAK,GAC9BU,EAAU,QAAQV,CAAK,GACvBW,EAAO,QAAQX,CAAK,GACpBY,EAAU,QAAQZ,CAAK,GACvBa,EAAO,QAAQb,CAAK,GACpBc,EAAW,QAAQd,CAAK,GACxBA,EAAM,eAAe,IACjBF,KAAgBD,MAChBE,IAAoB,IACpBH,EAAkBmB,CAAY;AAAA,EAEtC,GACMI,IAAO,MAAM;AACf,IAAArB,IAAe,IACfC,IAAoB,IACfC,EAAM,gBACPJ,EAAkBmB,CAAY;AAAA,EAEtC;AAeA,SAAO,EAAE,UAdQZ,EAAW,OAAO,CAACC,GAAKC,MAAQ;AAC7C,UAAMe,IAAOlB,EAAMG,CAAG;AACtB,WAAAD,EAAIC,CAAG,IAAI,CAACgB,GAASC,IAAY,IAAOC,IAAY,QAC3CzB,KACDqB,EAAI,GACDC,EAAK,SAASC,GAASC,GAAWC,CAAS,IAE/CnB;AAAA,EACX,GAAG,CAAA,CAAE,GAMc,QALJ,CAACiB,MAAY;AACxB,aAASG,IAAI,GAAGA,IAAIrB,EAAW,QAAQqB;AACnC,MAAAtB,EAAMC,EAAWqB,CAAC,CAAC,EAAE,OAAOH,CAAO;AAAA,EAE3C,GAC2B,OAAArB,GAAO,OAAAE,EAAK;AAC3C;","x_google_ignoreList":[0]}

package/dist/visualization.es396.js

@@ -1,9 +1,22 @@
-import { resizeElement as o } from "./visualization.es397.js";
-import { resizeWindow as i } from "./visualization.es398.js";
-function f(e, r) {
-  return typeof e == "function" ? i(e) : o(e, r);
-}
+const e = [
+  "setup",
+  // Compute
+  "read",
+  // Read
+  "resolveKeyframes",
+  // Write/Read/Write/Read
+  "preUpdate",
+  // Compute
+  "update",
+  // Compute
+  "preRender",
+  // Compute
+  "render",
+  // Write
+  "postRender"
+  // Compute
+];
 export {
-  f as resize
+  e as stepsOrder
 };
 //# sourceMappingURL=visualization.es396.js.map

package/dist/visualization.es396.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es396.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/resize/index.mjs"],"sourcesContent":["import { resizeElement } from './handle-element.mjs';\nimport { resizeWindow } from './handle-window.mjs';\n\nfunction resize(a, b) {\n    return typeof a === \"function\" ? resizeWindow(a) : resizeElement(a, b);\n}\n\nexport { resize };\n//# sourceMappingURL=index.mjs.map\n"],"names":["resize","a","b","resizeWindow","resizeElement"],"mappings":";;AAGA,SAASA,EAAOC,GAAGC,GAAG;AAClB,SAAO,OAAOD,KAAM,aAAaE,EAAaF,CAAC,IAAIG,EAAcH,GAAGC,CAAC;AACzE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es396.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/frameloop/order.mjs"],"sourcesContent":["const stepsOrder = [\n    \"setup\", // Compute\n    \"read\", // Read\n    \"resolveKeyframes\", // Write/Read/Write/Read\n    \"preUpdate\", // Compute\n    \"update\", // Compute\n    \"preRender\", // Compute\n    \"render\", // Write\n    \"postRender\", // Compute\n];\n\nexport { stepsOrder };\n//# sourceMappingURL=order.mjs.map\n"],"names":["stepsOrder"],"mappings":"AAAK,MAACA,IAAa;AAAA,EACf;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AAAA,EACA;AAAA;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es397.js

@@ -1,40 +1,44 @@
-import { isSVGElement as c } from "./visualization.es400.js";
-import { resolveElements as l } from "./visualization.es412.js";
-const r = /* @__PURE__ */ new WeakMap();
-let o;
-const f = (n, i, s) => (e, t) => t && t[0] ? t[0][n + "Size"] : c(e) && "getBBox" in e ? e.getBBox()[i] : e[s], h = /* @__PURE__ */ f("inline", "width", "offsetWidth"), u = /* @__PURE__ */ f("block", "height", "offsetHeight");
-function g({ target: n, borderBoxSize: i }) {
-  r.get(n)?.forEach((s) => {
-    s(n, {
-      get width() {
-        return h(n, i);
-      },
-      get height() {
-        return u(n, i);
+function F(i, m) {
+  let t = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), r = !1, n = !1;
+  const a = /* @__PURE__ */ new WeakSet();
+  let f = {
+    delta: 0,
+    timestamp: 0,
+    isProcessing: !1
+  };
+  function l(e) {
+    a.has(e) && (o.schedule(e), i()), e(f);
+  }
+  const o = {
+    /**
+     * Schedule a process to run on the next frame.
+     */
+    schedule: (e, d = !1, u = !1) => {
+      const c = u && r ? t : s;
+      return d && a.add(e), c.add(e), e;
+    },
+    /**
+     * Cancel the provided callback from running on the next frame.
+     */
+    cancel: (e) => {
+      s.delete(e), a.delete(e);
+    },
+    /**
+     * Execute all schedule callbacks.
+     */
+    process: (e) => {
+      if (f = e, r) {
+        n = !0;
+        return;
       }
-    });
-  });
-}
-function d(n) {
-  n.forEach(g);
-}
-function m() {
-  typeof ResizeObserver > "u" || (o = new ResizeObserver(d));
-}
-function a(n, i) {
-  o || m();
-  const s = l(n);
-  return s.forEach((e) => {
-    let t = r.get(e);
-    t || (t = /* @__PURE__ */ new Set(), r.set(e, t)), t.add(i), o?.observe(e);
-  }), () => {
-    s.forEach((e) => {
-      const t = r.get(e);
-      t?.delete(i), t?.size || o?.unobserve(e);
-    });
+      r = !0;
+      const d = t;
+      t = s, s = d, t.forEach(l), t.clear(), r = !1, n && (n = !1, o.process(e));
+    }
   };
+  return o;
 }
 export {
-  a as resizeElement
+  F as createRenderStep
 };
 //# sourceMappingURL=visualization.es397.js.map

package/dist/visualization.es397.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es397.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/resize/handle-element.mjs"],"sourcesContent":["import { isSVGElement } from '../utils/is-svg-element.mjs';\nimport { resolveElements } from '../utils/resolve-elements.mjs';\n\nconst resizeHandlers = new WeakMap();\nlet observer;\nconst getSize = (borderBoxAxis, svgAxis, htmlAxis) => (target, borderBoxSize) => {\n    if (borderBoxSize && borderBoxSize[0]) {\n        return borderBoxSize[0][(borderBoxAxis + \"Size\")];\n    }\n    else if (isSVGElement(target) && \"getBBox\" in target) {\n        return target.getBBox()[svgAxis];\n    }\n    else {\n        return target[htmlAxis];\n    }\n};\nconst getWidth = /*@__PURE__*/ getSize(\"inline\", \"width\", \"offsetWidth\");\nconst getHeight = /*@__PURE__*/ getSize(\"block\", \"height\", \"offsetHeight\");\nfunction notifyTarget({ target, borderBoxSize }) {\n    resizeHandlers.get(target)?.forEach((handler) => {\n        handler(target, {\n            get width() {\n                return getWidth(target, borderBoxSize);\n            },\n            get height() {\n                return getHeight(target, borderBoxSize);\n            },\n        });\n    });\n}\nfunction notifyAll(entries) {\n    entries.forEach(notifyTarget);\n}\nfunction createResizeObserver() {\n    if (typeof ResizeObserver === \"undefined\")\n        return;\n    observer = new ResizeObserver(notifyAll);\n}\nfunction resizeElement(target, handler) {\n    if (!observer)\n        createResizeObserver();\n    const elements = resolveElements(target);\n    elements.forEach((element) => {\n        let elementHandlers = resizeHandlers.get(element);\n        if (!elementHandlers) {\n            elementHandlers = new Set();\n            resizeHandlers.set(element, elementHandlers);\n        }\n        elementHandlers.add(handler);\n        observer?.observe(element);\n    });\n    return () => {\n        elements.forEach((element) => {\n            const elementHandlers = resizeHandlers.get(element);\n            elementHandlers?.delete(handler);\n            if (!elementHandlers?.size) {\n                observer?.unobserve(element);\n            }\n        });\n    };\n}\n\nexport { resizeElement };\n//# sourceMappingURL=handle-element.mjs.map\n"],"names":["resizeHandlers","observer","getSize","borderBoxAxis","svgAxis","htmlAxis","target","borderBoxSize","isSVGElement","getWidth","getHeight","notifyTarget","handler","notifyAll","entries","createResizeObserver","resizeElement","elements","resolveElements","element","elementHandlers"],"mappings":";;AAGA,MAAMA,IAAiB,oBAAI,QAAO;AAClC,IAAIC;AACJ,MAAMC,IAAU,CAACC,GAAeC,GAASC,MAAa,CAACC,GAAQC,MACvDA,KAAiBA,EAAc,CAAC,IACzBA,EAAc,CAAC,EAAGJ,IAAgB,MAAM,IAE1CK,EAAaF,CAAM,KAAK,aAAaA,IACnCA,EAAO,QAAO,EAAGF,CAAO,IAGxBE,EAAOD,CAAQ,GAGxBI,IAAyB,gBAAAP,EAAQ,UAAU,SAAS,aAAa,GACjEQ,IAA0B,gBAAAR,EAAQ,SAAS,UAAU,cAAc;AACzE,SAASS,EAAa,EAAE,QAAAL,GAAQ,eAAAC,KAAiB;AAC7C,EAAAP,EAAe,IAAIM,CAAM,GAAG,QAAQ,CAACM,MAAY;AAC7C,IAAAA,EAAQN,GAAQ;AAAA,MACZ,IAAI,QAAQ;AACR,eAAOG,EAASH,GAAQC,CAAa;AAAA,MACzC;AAAA,MACA,IAAI,SAAS;AACT,eAAOG,EAAUJ,GAAQC,CAAa;AAAA,MAC1C;AAAA,IACZ,CAAS;AAAA,EACL,CAAC;AACL;AACA,SAASM,EAAUC,GAAS;AACxB,EAAAA,EAAQ,QAAQH,CAAY;AAChC;AACA,SAASI,IAAuB;AAC5B,EAAI,OAAO,iBAAmB,QAE9Bd,IAAW,IAAI,eAAeY,CAAS;AAC3C;AACA,SAASG,EAAcV,GAAQM,GAAS;AACpC,EAAKX,KACDc,EAAoB;AACxB,QAAME,IAAWC,EAAgBZ,CAAM;AACvC,SAAAW,EAAS,QAAQ,CAACE,MAAY;AAC1B,QAAIC,IAAkBpB,EAAe,IAAImB,CAAO;AAChD,IAAKC,MACDA,IAAkB,oBAAI,IAAG,GACzBpB,EAAe,IAAImB,GAASC,CAAe,IAE/CA,EAAgB,IAAIR,CAAO,GAC3BX,GAAU,QAAQkB,CAAO;AAAA,EAC7B,CAAC,GACM,MAAM;AACT,IAAAF,EAAS,QAAQ,CAACE,MAAY;AAC1B,YAAMC,IAAkBpB,EAAe,IAAImB,CAAO;AAClD,MAAAC,GAAiB,OAAOR,CAAO,GAC1BQ,GAAiB,QAClBnB,GAAU,UAAUkB,CAAO;AAAA,IAEnC,CAAC;AAAA,EACL;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es397.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/frameloop/render-step.mjs"],"sourcesContent":["import { statsBuffer } from '../stats/buffer.mjs';\n\nfunction createRenderStep(runNextFrame, stepName) {\n    /**\n     * We create and reuse two queues, one to queue jobs for the current frame\n     * and one for the next. We reuse to avoid triggering GC after x frames.\n     */\n    let thisFrame = new Set();\n    let nextFrame = new Set();\n    /**\n     * Track whether we're currently processing jobs in this step. This way\n     * we can decide whether to schedule new jobs for this frame or next.\n     */\n    let isProcessing = false;\n    let flushNextFrame = false;\n    /**\n     * A set of processes which were marked keepAlive when scheduled.\n     */\n    const toKeepAlive = new WeakSet();\n    let latestFrameData = {\n        delta: 0.0,\n        timestamp: 0.0,\n        isProcessing: false,\n    };\n    let numCalls = 0;\n    function triggerCallback(callback) {\n        if (toKeepAlive.has(callback)) {\n            step.schedule(callback);\n            runNextFrame();\n        }\n        numCalls++;\n        callback(latestFrameData);\n    }\n    const step = {\n        /**\n         * Schedule a process to run on the next frame.\n         */\n        schedule: (callback, keepAlive = false, immediate = false) => {\n            const addToCurrentFrame = immediate && isProcessing;\n            const queue = addToCurrentFrame ? thisFrame : nextFrame;\n            if (keepAlive)\n                toKeepAlive.add(callback);\n            queue.add(callback);\n            return callback;\n        },\n        /**\n         * Cancel the provided callback from running on the next frame.\n         */\n        cancel: (callback) => {\n            nextFrame.delete(callback);\n            toKeepAlive.delete(callback);\n        },\n        /**\n         * Execute all schedule callbacks.\n         */\n        process: (frameData) => {\n            latestFrameData = frameData;\n            /**\n             * If we're already processing we've probably been triggered by a flushSync\n             * inside an existing process. Instead of executing, mark flushNextFrame\n             * as true and ensure we flush the following frame at the end of this one.\n             */\n            if (isProcessing) {\n                flushNextFrame = true;\n                return;\n            }\n            isProcessing = true;\n            // Swap this frame and the next to avoid GC\n            const prevFrame = thisFrame;\n            thisFrame = nextFrame;\n            nextFrame = prevFrame;\n            // Execute this frame\n            thisFrame.forEach(triggerCallback);\n            /**\n             * If we're recording stats then\n             */\n            if (stepName && statsBuffer.value) {\n                statsBuffer.value.frameloop[stepName].push(numCalls);\n            }\n            numCalls = 0;\n            // Clear the frame so no callbacks remain. This is to avoid\n            // memory leaks should this render step not run for a while.\n            thisFrame.clear();\n            isProcessing = false;\n            if (flushNextFrame) {\n                flushNextFrame = false;\n                step.process(frameData);\n            }\n        },\n    };\n    return step;\n}\n\nexport { createRenderStep };\n//# sourceMappingURL=render-step.mjs.map\n"],"names":["createRenderStep","runNextFrame","stepName","thisFrame","nextFrame","isProcessing","flushNextFrame","toKeepAlive","latestFrameData","triggerCallback","callback","step","keepAlive","immediate","queue","frameData","prevFrame"],"mappings":"AAEA,SAASA,EAAiBC,GAAcC,GAAU;AAK9C,MAAIC,IAAY,oBAAI,IAAG,GACnBC,IAAY,oBAAI,IAAG,GAKnBC,IAAe,IACfC,IAAiB;AAIrB,QAAMC,IAAc,oBAAI,QAAO;AAC/B,MAAIC,IAAkB;AAAA,IAClB,OAAO;AAAA,IACP,WAAW;AAAA,IACX,cAAc;AAAA,EACtB;AAEI,WAASC,EAAgBC,GAAU;AAC/B,IAAIH,EAAY,IAAIG,CAAQ,MACxBC,EAAK,SAASD,CAAQ,GACtBT,EAAY,IAGhBS,EAASF,CAAe;AAAA,EAC5B;AACA,QAAMG,IAAO;AAAA;AAAA;AAAA;AAAA,IAIT,UAAU,CAACD,GAAUE,IAAY,IAAOC,IAAY,OAAU;AAE1D,YAAMC,IADoBD,KAAaR,IACLF,IAAYC;AAC9C,aAAIQ,KACAL,EAAY,IAAIG,CAAQ,GAC5BI,EAAM,IAAIJ,CAAQ,GACXA;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAIA,QAAQ,CAACA,MAAa;AAClB,MAAAN,EAAU,OAAOM,CAAQ,GACzBH,EAAY,OAAOG,CAAQ;AAAA,IAC/B;AAAA;AAAA;AAAA;AAAA,IAIA,SAAS,CAACK,MAAc;AAOpB,UANAP,IAAkBO,GAMdV,GAAc;AACd,QAAAC,IAAiB;AACjB;AAAA,MACJ;AACA,MAAAD,IAAe;AAEf,YAAMW,IAAYb;AAClB,MAAAA,IAAYC,GACZA,IAAYY,GAEZb,EAAU,QAAQM,CAAe,GAUjCN,EAAU,MAAK,GACfE,IAAe,IACXC,MACAA,IAAiB,IACjBK,EAAK,QAAQI,CAAS;AAAA,IAE9B;AAAA,EACR;AACI,SAAOJ;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es398.js

@@ -1,24 +1,6 @@
-const i = /* @__PURE__ */ new Set();
-let e;
-function d() {
-  e = () => {
-    const n = {
-      get width() {
-        return window.innerWidth;
-      },
-      get height() {
-        return window.innerHeight;
-      }
-    };
-    i.forEach((t) => t(n));
-  }, window.addEventListener("resize", e);
-}
-function r(n) {
-  return i.add(n), e || d(), () => {
-    i.delete(n), !i.size && typeof e == "function" && (window.removeEventListener("resize", e), e = void 0);
-  };
-}
+import { createRenderBatcher as e } from "./visualization.es395.js";
+const { schedule: t } = /* @__PURE__ */ e(queueMicrotask, !1);
 export {
-  r as resizeWindow
+  t as microtask
 };
 //# sourceMappingURL=visualization.es398.js.map

package/dist/visualization.es398.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es398.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/resize/handle-window.mjs"],"sourcesContent":["const windowCallbacks = new Set();\nlet windowResizeHandler;\nfunction createWindowResizeHandler() {\n    windowResizeHandler = () => {\n        const info = {\n            get width() {\n                return window.innerWidth;\n            },\n            get height() {\n                return window.innerHeight;\n            },\n        };\n        windowCallbacks.forEach((callback) => callback(info));\n    };\n    window.addEventListener(\"resize\", windowResizeHandler);\n}\nfunction resizeWindow(callback) {\n    windowCallbacks.add(callback);\n    if (!windowResizeHandler)\n        createWindowResizeHandler();\n    return () => {\n        windowCallbacks.delete(callback);\n        if (!windowCallbacks.size &&\n            typeof windowResizeHandler === \"function\") {\n            window.removeEventListener(\"resize\", windowResizeHandler);\n            windowResizeHandler = undefined;\n        }\n    };\n}\n\nexport { resizeWindow };\n//# sourceMappingURL=handle-window.mjs.map\n"],"names":["windowCallbacks","windowResizeHandler","createWindowResizeHandler","info","callback","resizeWindow"],"mappings":"AAAA,MAAMA,IAAkB,oBAAI,IAAG;AAC/B,IAAIC;AACJ,SAASC,IAA4B;AACjC,EAAAD,IAAsB,MAAM;AACxB,UAAME,IAAO;AAAA,MACT,IAAI,QAAQ;AACR,eAAO,OAAO;AAAA,MAClB;AAAA,MACA,IAAI,SAAS;AACT,eAAO,OAAO;AAAA,MAClB;AAAA,IACZ;AACQ,IAAAH,EAAgB,QAAQ,CAACI,MAAaA,EAASD,CAAI,CAAC;AAAA,EACxD,GACA,OAAO,iBAAiB,UAAUF,CAAmB;AACzD;AACA,SAASI,EAAaD,GAAU;AAC5B,SAAAJ,EAAgB,IAAII,CAAQ,GACvBH,KACDC,EAAyB,GACtB,MAAM;AACT,IAAAF,EAAgB,OAAOI,CAAQ,GAC3B,CAACJ,EAAgB,QACjB,OAAOC,KAAwB,eAC/B,OAAO,oBAAoB,UAAUA,CAAmB,GACxDA,IAAsB;AAAA,EAE9B;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es398.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/frameloop/microtask.mjs"],"sourcesContent":["import { createRenderBatcher } from './batcher.mjs';\n\nconst { schedule: microtask, cancel: cancelMicrotask } = \n/* @__PURE__ */ createRenderBatcher(queueMicrotask, false);\n\nexport { cancelMicrotask, microtask };\n//# sourceMappingURL=microtask.mjs.map\n"],"names":["microtask","createRenderBatcher"],"mappings":";AAEK,MAAC,EAAE,UAAUA,EAAmC,IACrC,gBAAAC,EAAoB,gBAAgB,EAAK;","x_google_ignoreList":[0]}

package/dist/visualization.es399.js

@@ -1,7 +1,12 @@
-function e(t) {
-  return typeof t == "object" && t !== null;
+const e = {
+  x: !1,
+  y: !1
+};
+function i() {
+  return e.x || e.y;
 }
 export {
-  e as isObject
+  i as isDragActive,
+  e as isDragging
 };
 //# sourceMappingURL=visualization.es399.js.map

package/dist/visualization.es399.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es399.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/is-object.mjs"],"sourcesContent":["function isObject(value) {\n    return typeof value === \"object\" && value !== null;\n}\n\nexport { isObject };\n//# sourceMappingURL=is-object.mjs.map\n"],"names":["isObject","value"],"mappings":"AAAA,SAASA,EAASC,GAAO;AACrB,SAAO,OAAOA,KAAU,YAAYA,MAAU;AAClD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es399.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/gestures/drag/state/is-active.mjs"],"sourcesContent":["const isDragging = {\n    x: false,\n    y: false,\n};\nfunction isDragActive() {\n    return isDragging.x || isDragging.y;\n}\n\nexport { isDragActive, isDragging };\n//# sourceMappingURL=is-active.mjs.map\n"],"names":["isDragging","isDragActive"],"mappings":"AAAK,MAACA,IAAa;AAAA,EACf,GAAG;AAAA,EACH,GAAG;AACP;AACA,SAASC,IAAe;AACpB,SAAOD,EAAW,KAAKA,EAAW;AACtC;","x_google_ignoreList":[0]}

package/dist/visualization.es4.js

@@ -1,12 +1,12 @@
 import { jsxs as X, jsx as I } from "react/jsx-runtime";
 import { useRef as G, useState as v, useEffect as q } from "react";
-import V from "./visualization.es58.js";
-import ye from "./visualization.es59.js";
-import me from "./visualization.es60.js";
-import { useScreenshot as he } from "./visualization.es61.js";
-import pe from "./visualization.es62.js";
+import V from "./visualization.es40.js";
+import ye from "./visualization.es41.js";
+import me from "./visualization.es42.js";
+import { useScreenshot as he } from "./visualization.es43.js";
+import pe from "./visualization.es44.js";
 /* empty css                   */
-import ge from "./visualization.es64.js";
+import ge from "./visualization.es46.js";
 import { Typography as be } from "@mui/material";
 V.use(ye);
 V.use(me(A));