@weng-lab/visualization 2.3.0 → 2.3.1

package/dist/visualization.es33.js

@@ -1,8 +1,58 @@
-import { getDefaultExportFromCjs as e } from "./visualization.es213.js";
-import { __require as o } from "./visualization.es113.js";
-var t = o();
-const a = /* @__PURE__ */ e(t);
+import s from "./visualization.es395.js";
+import u from "./visualization.es396.js";
+import m from "./visualization.es397.js";
+import l from "./visualization.es398.js";
+import _ from "./visualization.es399.js";
+import v from "./visualization.es400.js";
+import y from "./visualization.es401.js";
+import g from "./visualization.es402.js";
+import w from "./visualization.es403.js";
+import B from "./visualization.es404.js";
+import A from "./visualization.es405.js";
+function d(e, t) {
+  var a = new n(e), f = +e.value && (a.value = e.value), o, c = [a], i, h, r, p;
+  for (t == null && (t = x); o = c.pop(); )
+    if (f && (o.value = +o.data.value), (h = t(o.data)) && (p = h.length))
+      for (o.children = new Array(p), r = p - 1; r >= 0; --r)
+        c.push(i = o.children[r] = new n(h[r])), i.parent = o, i.depth = o.depth + 1;
+  return a.eachBefore(D);
+}
+function k() {
+  return d(this).eachBefore(C);
+}
+function x(e) {
+  return e.children;
+}
+function C(e) {
+  e.data = e.data.data;
+}
+function D(e) {
+  var t = 0;
+  do
+    e.height = t;
+  while ((e = e.parent) && e.height < ++t);
+}
+function n(e) {
+  this.data = e, this.depth = this.height = 0, this.parent = null;
+}
+n.prototype = d.prototype = {
+  constructor: n,
+  count: s,
+  each: u,
+  eachAfter: l,
+  eachBefore: m,
+  sum: _,
+  sort: v,
+  path: y,
+  ancestors: g,
+  descendants: w,
+  leaves: B,
+  links: A,
+  copy: k
+};
 export {
-  a as default
+  n as Node,
+  D as computeHeight,
+  d as default
 };
 //# sourceMappingURL=visualization.es33.js.map

package/dist/visualization.es33.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es33.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"visualization.es33.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/hierarchy/index.js"],"sourcesContent":["import node_count from \"./count.js\";\nimport node_each from \"./each.js\";\nimport node_eachBefore from \"./eachBefore.js\";\nimport node_eachAfter from \"./eachAfter.js\";\nimport node_sum from \"./sum.js\";\nimport node_sort from \"./sort.js\";\nimport node_path from \"./path.js\";\nimport node_ancestors from \"./ancestors.js\";\nimport node_descendants from \"./descendants.js\";\nimport node_leaves from \"./leaves.js\";\nimport node_links from \"./links.js\";\n\nexport default function hierarchy(data, children) {\n  var root = new Node(data),\n      valued = +data.value && (root.value = data.value),\n      node,\n      nodes = [root],\n      child,\n      childs,\n      i,\n      n;\n\n  if (children == null) children = defaultChildren;\n\n  while (node = nodes.pop()) {\n    if (valued) node.value = +node.data.value;\n    if ((childs = children(node.data)) && (n = childs.length)) {\n      node.children = new Array(n);\n      for (i = n - 1; i >= 0; --i) {\n        nodes.push(child = node.children[i] = new Node(childs[i]));\n        child.parent = node;\n        child.depth = node.depth + 1;\n      }\n    }\n  }\n\n  return root.eachBefore(computeHeight);\n}\n\nfunction node_copy() {\n  return hierarchy(this).eachBefore(copyData);\n}\n\nfunction defaultChildren(d) {\n  return d.children;\n}\n\nfunction copyData(node) {\n  node.data = node.data.data;\n}\n\nexport function computeHeight(node) {\n  var height = 0;\n  do node.height = height;\n  while ((node = node.parent) && (node.height < ++height));\n}\n\nexport function Node(data) {\n  this.data = data;\n  this.depth =\n  this.height = 0;\n  this.parent = null;\n}\n\nNode.prototype = hierarchy.prototype = {\n  constructor: Node,\n  count: node_count,\n  each: node_each,\n  eachAfter: node_eachAfter,\n  eachBefore: node_eachBefore,\n  sum: node_sum,\n  sort: node_sort,\n  path: node_path,\n  ancestors: node_ancestors,\n  descendants: node_descendants,\n  leaves: node_leaves,\n  links: node_links,\n  copy: node_copy\n};\n"],"names":["hierarchy","data","children","root","Node","valued","node","nodes","child","childs","i","n","defaultChildren","computeHeight","node_copy","copyData","d","height","node_count","node_each","node_eachAfter","node_eachBefore","node_sum","node_sort","node_path","node_ancestors","node_descendants","node_leaves","node_links"],"mappings":";;;;;;;;;;;AAYe,SAASA,EAAUC,GAAMC,GAAU;AAChD,MAAIC,IAAO,IAAIC,EAAKH,CAAI,GACpBI,IAAS,CAACJ,EAAK,UAAUE,EAAK,QAAQF,EAAK,QAC3CK,GACAC,IAAQ,CAACJ,CAAI,GACbK,GACAC,GACAC,GACAC;AAIJ,OAFIT,KAAY,SAAMA,IAAWU,IAE1BN,IAAOC,EAAM;AAElB,QADIF,MAAQC,EAAK,QAAQ,CAACA,EAAK,KAAK,SAC/BG,IAASP,EAASI,EAAK,IAAI,OAAOK,IAAIF,EAAO;AAEhD,WADAH,EAAK,WAAW,IAAI,MAAMK,CAAC,GACtBD,IAAIC,IAAI,GAAGD,KAAK,GAAG,EAAEA;AACxB,QAAAH,EAAM,KAAKC,IAAQF,EAAK,SAASI,CAAC,IAAI,IAAIN,EAAKK,EAAOC,CAAC,CAAC,CAAC,GACzDF,EAAM,SAASF,GACfE,EAAM,QAAQF,EAAK,QAAQ;AAKjC,SAAOH,EAAK,WAAWU,CAAa;AACtC;AAEA,SAASC,IAAY;AACnB,SAAOd,EAAU,IAAI,EAAE,WAAWe,CAAQ;AAC5C;AAEA,SAASH,EAAgBI,GAAG;AAC1B,SAAOA,EAAE;AACX;AAEA,SAASD,EAAST,GAAM;AACtB,EAAAA,EAAK,OAAOA,EAAK,KAAK;AACxB;AAEO,SAASO,EAAcP,GAAM;AAClC,MAAIW,IAAS;AACb;AAAG,IAAAX,EAAK,SAASW;AAAA,UACTX,IAAOA,EAAK,WAAYA,EAAK,SAAS,EAAEW;AAClD;AAEO,SAASb,EAAKH,GAAM;AACzB,OAAK,OAAOA,GACZ,KAAK,QACL,KAAK,SAAS,GACd,KAAK,SAAS;AAChB;AAEAG,EAAK,YAAYJ,EAAU,YAAY;AAAA,EACrC,aAAaI;AAAA,EACb,OAAOc;AAAA,EACP,MAAMC;AAAA,EACN,WAAWC;AAAA,EACX,YAAYC;AAAA,EACZ,KAAKC;AAAA,EACL,MAAMC;AAAA,EACN,MAAMC;AAAA,EACN,WAAWC;AAAA,EACX,aAAaC;AAAA,EACb,QAAQC;AAAA,EACR,OAAOC;AAAA,EACP,MAAMd;AACR;","x_google_ignoreList":[0]}

package/dist/visualization.es330.js

@@ -1,15 +1,13 @@
-import { isWillChangeMotionValue as o } from "./visualization.es416.js";
-import { MotionGlobalConfig as i } from "./visualization.es295.js";
-function C(a, n) {
-  const l = a.getValue("willChange");
-  if (o(l))
-    return l.add(n);
-  if (!l && i.WillChange) {
-    const e = new i.WillChange("auto");
-    a.addValue("willChange", e), e.add(n);
-  }
+import { complex as m } from "./visualization.es308.js";
+import { filter as n } from "./visualization.es325.js";
+import { mask as a } from "./visualization.es326.js";
+import { getDefaultValueType as r } from "./visualization.es324.js";
+const i = /* @__PURE__ */ new Set([n, a]);
+function s(t, o) {
+  let e = r(t);
+  return i.has(e) || (e = m), e.getAnimatableNone ? e.getAnimatableNone(o) : void 0;
 }
 export {
-  C as addValueToWillChange
+  s as getAnimatableNone
 };
 //# sourceMappingURL=visualization.es330.js.map

package/dist/visualization.es330.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es330.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/will-change/add-will-change.mjs"],"sourcesContent":["import { MotionGlobalConfig } from 'motion-utils';\nimport { isWillChangeMotionValue } from './is.mjs';\n\nfunction addValueToWillChange(visualElement, key) {\n    const willChange = visualElement.getValue(\"willChange\");\n    /**\n     * It could be that a user has set willChange to a regular MotionValue,\n     * in which case we can't add the value to it.\n     */\n    if (isWillChangeMotionValue(willChange)) {\n        return willChange.add(key);\n    }\n    else if (!willChange && MotionGlobalConfig.WillChange) {\n        const newWillChange = new MotionGlobalConfig.WillChange(\"auto\");\n        visualElement.addValue(\"willChange\", newWillChange);\n        newWillChange.add(key);\n    }\n}\n\nexport { addValueToWillChange };\n//# sourceMappingURL=add-will-change.mjs.map\n"],"names":["addValueToWillChange","visualElement","key","willChange","isWillChangeMotionValue","MotionGlobalConfig","newWillChange"],"mappings":";;AAGA,SAASA,EAAqBC,GAAeC,GAAK;AAC9C,QAAMC,IAAaF,EAAc,SAAS,YAAY;AAKtD,MAAIG,EAAwBD,CAAU;AAClC,WAAOA,EAAW,IAAID,CAAG;AAExB,MAAI,CAACC,KAAcE,EAAmB,YAAY;AACnD,UAAMC,IAAgB,IAAID,EAAmB,WAAW,MAAM;AAC9D,IAAAJ,EAAc,SAAS,cAAcK,CAAa,GAClDA,EAAc,IAAIJ,CAAG;AAAA,EACzB;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es330.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/animatable-none.mjs"],"sourcesContent":["import { complex } from '../complex/index.mjs';\nimport { filter } from '../complex/filter.mjs';\nimport { mask } from '../complex/mask.mjs';\nimport { getDefaultValueType } from '../maps/defaults.mjs';\n\nconst customTypes = /*@__PURE__*/ new Set([filter, mask]);\nfunction getAnimatableNone(key, value) {\n    let defaultValueType = getDefaultValueType(key);\n    if (!customTypes.has(defaultValueType))\n        defaultValueType = complex;\n    // If value is not recognised as animatable, ie \"none\", create an animatable version origin based on the target\n    return defaultValueType.getAnimatableNone\n        ? defaultValueType.getAnimatableNone(value)\n        : undefined;\n}\n\nexport { getAnimatableNone };\n//# sourceMappingURL=animatable-none.mjs.map\n"],"names":["customTypes","filter","mask","getAnimatableNone","key","value","defaultValueType","getDefaultValueType","complex"],"mappings":";;;;AAKA,MAAMA,IAA4B,oBAAI,IAAI,CAACC,GAAQC,CAAI,CAAC;AACxD,SAASC,EAAkBC,GAAKC,GAAO;AACnC,MAAIC,IAAmBC,EAAoBH,CAAG;AAC9C,SAAKJ,EAAY,IAAIM,CAAgB,MACjCA,IAAmBE,IAEhBF,EAAiB,oBAClBA,EAAiB,kBAAkBD,CAAK,IACxC;AACV;","x_google_ignoreList":[0]}

package/dist/visualization.es331.js

@@ -1,8 +1,9 @@
-import { optimizedAppearDataAttribute as p } from "./visualization.es332.js";
-function e(t) {
-  return t.props[p];
-}
+import { color as e } from "./visualization.es307.js";
+import { complex as m } from "./visualization.es308.js";
+import { dimensionValueTypes as p } from "./visualization.es261.js";
+import { testValueType as r } from "./visualization.es323.js";
+const t = [...p, e, m], s = (o) => t.find(r(o));
 export {
-  e as getOptimisedAppearId
+  s as findValueType
 };
 //# sourceMappingURL=visualization.es331.js.map

package/dist/visualization.es331.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es331.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/optimized-appear/get-appear-id.mjs"],"sourcesContent":["import { optimizedAppearDataAttribute } from './data-id.mjs';\n\nfunction getOptimisedAppearId(visualElement) {\n    return visualElement.props[optimizedAppearDataAttribute];\n}\n\nexport { getOptimisedAppearId };\n//# sourceMappingURL=get-appear-id.mjs.map\n"],"names":["getOptimisedAppearId","visualElement","optimizedAppearDataAttribute"],"mappings":";AAEA,SAASA,EAAqBC,GAAe;AACzC,SAAOA,EAAc,MAAMC,CAA4B;AAC3D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es331.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/find.mjs"],"sourcesContent":["import { color } from '../color/index.mjs';\nimport { complex } from '../complex/index.mjs';\nimport { dimensionValueTypes } from '../dimensions.mjs';\nimport { testValueType } from '../test.mjs';\n\n/**\n * A list of all ValueTypes\n */\nconst valueTypes = [...dimensionValueTypes, color, complex];\n/**\n * Tests a value against the list of ValueTypes\n */\nconst findValueType = (v) => valueTypes.find(testValueType(v));\n\nexport { findValueType };\n//# sourceMappingURL=find.mjs.map\n"],"names":["valueTypes","dimensionValueTypes","color","complex","findValueType","v","testValueType"],"mappings":";;;;AAQA,MAAMA,IAAa,CAAC,GAAGC,GAAqBC,GAAOC,CAAO,GAIpDC,IAAgB,CAACC,MAAML,EAAW,KAAKM,EAAcD,CAAC,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es332.js

@@ -1,7 +1,5 @@
-import { camelToDash as a } from "./visualization.es333.js";
-const t = "framerAppearId", e = "data-" + a(t);
+const e = (r, t) => t && typeof r == "number" ? t.transform(r) : r;
 export {
-  e as optimizedAppearDataAttribute,
-  t as optimizedAppearDataId
+  e as getValueAsType
 };
 //# sourceMappingURL=visualization.es332.js.map

package/dist/visualization.es332.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es332.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/optimized-appear/data-id.mjs"],"sourcesContent":["import { camelToDash } from '../../render/dom/utils/camel-to-dash.mjs';\n\nconst optimizedAppearDataId = \"framerAppearId\";\nconst optimizedAppearDataAttribute = \"data-\" + camelToDash(optimizedAppearDataId);\n\nexport { optimizedAppearDataAttribute, optimizedAppearDataId };\n//# sourceMappingURL=data-id.mjs.map\n"],"names":["optimizedAppearDataId","optimizedAppearDataAttribute","camelToDash"],"mappings":";AAEK,MAACA,IAAwB,kBACxBC,IAA+B,UAAUC,EAAYF,CAAqB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es332.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/get-as-type.mjs"],"sourcesContent":["/**\n * Provided a value and a ValueType, returns the value as that value type.\n */\nconst getValueAsType = (value, type) => {\n    return type && typeof value === \"number\"\n        ? type.transform(value)\n        : value;\n};\n\nexport { getValueAsType };\n//# sourceMappingURL=get-as-type.mjs.map\n"],"names":["getValueAsType","value","type"],"mappings":"AAGK,MAACA,IAAiB,CAACC,GAAOC,MACpBA,KAAQ,OAAOD,KAAU,WAC1BC,EAAK,UAAUD,CAAK,IACpBA;","x_google_ignoreList":[0]}

package/dist/visualization.es333.js

@@ -1,7 +1,8 @@
-function r(e) {
-  return e.replace(/([A-Z])/g, (o) => `-${o.toLowerCase()}`);
+import { isMotionValue as i } from "./visualization.es128.js";
+function t(o) {
+  return !!(i(o) && o.add);
 }
 export {
-  r as camelToDash
+  t as isWillChangeMotionValue
 };
 //# sourceMappingURL=visualization.es333.js.map

package/dist/visualization.es333.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es333.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/dom/utils/camel-to-dash.mjs"],"sourcesContent":["function camelToDash(str) {\n    return str.replace(/([A-Z])/g, (match) => `-${match.toLowerCase()}`);\n}\n\nexport { camelToDash };\n//# sourceMappingURL=camel-to-dash.mjs.map\n"],"names":["camelToDash","str","match"],"mappings":"AAAA,SAASA,EAAYC,GAAK;AACtB,SAAOA,EAAI,QAAQ,YAAY,CAACC,MAAU,IAAIA,EAAM,YAAW,CAAE,EAAE;AACvE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es333.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/will-change/is.mjs"],"sourcesContent":["import { isMotionValue } from '../utils/is-motion-value.mjs';\n\nfunction isWillChangeMotionValue(value) {\n    return Boolean(isMotionValue(value) && value.add);\n}\n\nexport { isWillChangeMotionValue };\n//# sourceMappingURL=is.mjs.map\n"],"names":["isWillChangeMotionValue","value","isMotionValue"],"mappings":";AAEA,SAASA,EAAwBC,GAAO;AACpC,SAAO,GAAQC,EAAcD,CAAK,KAAKA,EAAM;AACjD;","x_google_ignoreList":[0]}

package/dist/visualization.es334.js

@@ -1,179 +1,29 @@
-import { generateLinearEasing as L } from "./visualization.es340.js";
-import { calcGeneratorDuration as z, maxGeneratorDuration as B } from "./visualization.es301.js";
-import { createGeneratorEasing as H } from "./visualization.es341.js";
-import { millisecondsToSeconds as K, secondsToMilliseconds as q } from "./visualization.es306.js";
-import { clamp as N } from "./visualization.es307.js";
-import { warning as J } from "./visualization.es304.js";
-const n = {
-  // Default spring physics
-  stiffness: 100,
-  damping: 10,
-  mass: 1,
-  velocity: 0,
-  // Default duration/bounce-based options
-  duration: 800,
-  // in ms
-  bounce: 0.3,
-  visualDuration: 0.3,
-  // in seconds
-  // Rest thresholds
-  restSpeed: {
-    granular: 0.01,
-    default: 2
-  },
-  restDelta: {
-    granular: 5e-3,
-    default: 0.5
-  },
-  // Limits
-  minDuration: 0.01,
-  // in seconds
-  maxDuration: 10,
-  // in seconds
-  minDamping: 0.05,
-  maxDamping: 1
-};
-function O(e, s) {
-  return e * Math.sqrt(1 - s * s);
-}
-const Q = 12;
-function U(e, s, a) {
-  let l = a;
-  for (let f = 1; f < Q; f++)
-    l = l - e(l) / s(l);
-  return l;
-}
-const I = 1e-3;
-function W({ duration: e = n.duration, bounce: s = n.bounce, velocity: a = n.velocity, mass: l = n.mass }) {
-  let f, v;
-  J(e <= q(n.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
-  let r = 1 - s;
-  r = N(n.minDamping, n.maxDamping, r), e = N(n.minDuration, n.maxDuration, K(e)), r < 1 ? (f = (c) => {
-    const g = c * r, h = g * e, k = g - a, x = O(c, r), M = Math.exp(-h);
-    return I - k / x * M;
-  }, v = (c) => {
-    const h = c * r * e, k = h * a + a, x = Math.pow(r, 2) * Math.pow(c, 2) * e, M = Math.exp(-h), o = O(Math.pow(c, 2), r);
-    return (-f(c) + I > 0 ? -1 : 1) * ((k - x) * M) / o;
-  }) : (f = (c) => {
-    const g = Math.exp(-c * e), h = (c - a) * e + 1;
-    return -I + g * h;
-  }, v = (c) => {
-    const g = Math.exp(-c * e), h = (a - c) * (e * e);
-    return g * h;
-  });
-  const p = 5 / e, T = U(f, v, p);
-  if (e = q(e), isNaN(T))
-    return {
-      stiffness: n.stiffness,
-      damping: n.damping,
-      duration: e
-    };
-  {
-    const c = Math.pow(T, 2) * l;
-    return {
-      stiffness: c,
-      damping: r * 2 * Math.sqrt(l * c),
-      duration: e
-    };
+import { isMotionValue as r } from "./visualization.es128.js";
+import { DOMKeyframesResolver as o } from "./visualization.es260.js";
+import { VisualElement as s } from "./visualization.es190.js";
+class a extends s {
+  constructor() {
+    super(...arguments), this.KeyframeResolver = o;
   }
-}
-const X = ["duration", "bounce"], Y = ["stiffness", "damping", "mass"];
-function V(e, s) {
-  return s.some((a) => e[a] !== void 0);
-}
-function Z(e) {
-  let s = {
-    velocity: n.velocity,
-    stiffness: n.stiffness,
-    damping: n.damping,
-    mass: n.mass,
-    isResolvedFromDuration: !1,
-    ...e
-  };
-  if (!V(e, Y) && V(e, X))
-    if (s.velocity = 0, e.visualDuration) {
-      const a = e.visualDuration, l = 2 * Math.PI / (a * 1.2), f = l * l, v = 2 * N(0.05, 1, 1 - (e.bounce || 0)) * Math.sqrt(f);
-      s = {
-        ...s,
-        mass: n.mass,
-        stiffness: f,
-        damping: v
-      };
-    } else {
-      const a = W({ ...e, velocity: 0 });
-      s = {
-        ...s,
-        ...a,
-        mass: n.mass
-      }, s.isResolvedFromDuration = !0;
-    }
-  return s;
-}
-function j(e = n.visualDuration, s = n.bounce) {
-  const a = typeof e != "object" ? {
-    visualDuration: e,
-    keyframes: [0, 1],
-    bounce: s
-  } : e;
-  let { restSpeed: l, restDelta: f } = a;
-  const v = a.keyframes[0], r = a.keyframes[a.keyframes.length - 1], p = { done: !1, value: v }, { stiffness: T, damping: c, mass: g, duration: h, velocity: k, isResolvedFromDuration: x } = Z({
-    ...a,
-    velocity: -K(a.velocity || 0)
-  }), M = k || 0, o = c / (2 * Math.sqrt(T * g)), m = r - v, i = K(Math.sqrt(T / g)), P = Math.abs(m) < 5;
-  l || (l = P ? n.restSpeed.granular : n.restSpeed.default), f || (f = P ? n.restDelta.granular : n.restDelta.default);
-  let G, w, d, C, A, F;
-  if (o < 1)
-    d = O(i, o), C = (M + o * i * m) / d, G = (t) => {
-      const u = Math.exp(-o * i * t);
-      return r - u * (C * Math.sin(d * t) + m * Math.cos(d * t));
-    }, A = o * i * C + m * d, F = o * i * m - C * d, w = (t) => Math.exp(-o * i * t) * (A * Math.sin(d * t) + F * Math.cos(d * t));
-  else if (o === 1) {
-    G = (u) => r - Math.exp(-i * u) * (m + (M + i * m) * u);
-    const t = M + i * m;
-    w = (u) => Math.exp(-i * u) * (i * t * u - M);
-  } else {
-    const t = i * Math.sqrt(o * o - 1);
-    G = (y) => {
-      const S = Math.exp(-o * i * y), b = Math.min(t * y, 300);
-      return r - S * ((M + o * i * m) * Math.sinh(b) + t * m * Math.cosh(b)) / t;
-    };
-    const u = (M + o * i * m) / t, D = o * i * u - m * t, R = o * i * m - u * t;
-    w = (y) => {
-      const S = Math.exp(-o * i * y), b = Math.min(t * y, 300);
-      return S * (D * Math.sinh(b) + R * Math.cosh(b));
-    };
+  sortInstanceNodePosition(e, t) {
+    return e.compareDocumentPosition(t) & 2 ? 1 : -1;
+  }
+  getBaseTargetFromProps(e, t) {
+    const i = e.style;
+    return i ? i[t] : void 0;
+  }
+  removeValueFromRenderState(e, { vars: t, style: i }) {
+    delete t[e], delete i[e];
+  }
+  handleChildMotionValue() {
+    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
+    const { children: e } = this.props;
+    r(e) && (this.childSubscription = e.on("change", (t) => {
+      this.current && (this.current.textContent = `${t}`);
+    }));
   }
-  const E = {
-    calculatedDuration: x && h || null,
-    velocity: (t) => q(w(t)),
-    next: (t) => {
-      if (!x && o < 1) {
-        const D = Math.exp(-o * i * t), R = Math.sin(d * t), y = Math.cos(d * t), S = r - D * (C * R + m * y), b = q(D * (A * R + F * y));
-        return p.done = Math.abs(b) <= l && Math.abs(r - S) <= f, p.value = p.done ? r : S, p;
-      }
-      const u = G(t);
-      if (x)
-        p.done = t >= h;
-      else {
-        const D = q(w(t));
-        p.done = Math.abs(D) <= l && Math.abs(r - u) <= f;
-      }
-      return p.value = p.done ? r : u, p;
-    },
-    toString: () => {
-      const t = Math.min(z(E), B), u = L((D) => E.next(t * D).value, t, 30);
-      return t + "ms " + u;
-    },
-    toTransition: () => {
-    }
-  };
-  return E;
 }
-j.applyToOptions = (e) => {
-  const s = H(e, 100, j);
-  return e.ease = s.ease, e.duration = q(s.duration), e.type = "keyframes", e;
-};
 export {
-  j as spring
+  a as DOMVisualElement
 };
 //# sourceMappingURL=visualization.es334.js.map

package/dist/visualization.es334.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es334.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/spring.mjs"],"sourcesContent":["import { millisecondsToSeconds, clamp, secondsToMilliseconds, warning } from 'motion-utils';\nimport { generateLinearEasing } from '../waapi/utils/linear.mjs';\nimport { calcGeneratorDuration, maxGeneratorDuration } from './utils/calc-duration.mjs';\nimport { createGeneratorEasing } from './utils/create-generator-easing.mjs';\n\nconst springDefaults = {\n    // Default spring physics\n    stiffness: 100,\n    damping: 10,\n    mass: 1.0,\n    velocity: 0.0,\n    // Default duration/bounce-based options\n    duration: 800, // in ms\n    bounce: 0.3,\n    visualDuration: 0.3, // in seconds\n    // Rest thresholds\n    restSpeed: {\n        granular: 0.01,\n        default: 2,\n    },\n    restDelta: {\n        granular: 0.005,\n        default: 0.5,\n    },\n    // Limits\n    minDuration: 0.01, // in seconds\n    maxDuration: 10.0, // in seconds\n    minDamping: 0.05,\n    maxDamping: 1,\n};\nfunction calcAngularFreq(undampedFreq, dampingRatio) {\n    return undampedFreq * Math.sqrt(1 - dampingRatio * dampingRatio);\n}\nconst rootIterations = 12;\nfunction approximateRoot(envelope, derivative, initialGuess) {\n    let result = initialGuess;\n    for (let i = 1; i < rootIterations; i++) {\n        result = result - envelope(result) / derivative(result);\n    }\n    return result;\n}\n/**\n * This is ported from the Framer implementation of duration-based spring resolution.\n */\nconst safeMin = 0.001;\nfunction findSpring({ duration = springDefaults.duration, bounce = springDefaults.bounce, velocity = springDefaults.velocity, mass = springDefaults.mass, }) {\n    let envelope;\n    let derivative;\n    warning(duration <= secondsToMilliseconds(springDefaults.maxDuration), \"Spring duration must be 10 seconds or less\", \"spring-duration-limit\");\n    let dampingRatio = 1 - bounce;\n    /**\n     * Restrict dampingRatio and duration to within acceptable ranges.\n     */\n    dampingRatio = clamp(springDefaults.minDamping, springDefaults.maxDamping, dampingRatio);\n    duration = clamp(springDefaults.minDuration, springDefaults.maxDuration, millisecondsToSeconds(duration));\n    if (dampingRatio < 1) {\n        /**\n         * Underdamped spring\n         */\n        envelope = (undampedFreq) => {\n            const exponentialDecay = undampedFreq * dampingRatio;\n            const delta = exponentialDecay * duration;\n            const a = exponentialDecay - velocity;\n            const b = calcAngularFreq(undampedFreq, dampingRatio);\n            const c = Math.exp(-delta);\n            return safeMin - (a / b) * c;\n        };\n        derivative = (undampedFreq) => {\n            const exponentialDecay = undampedFreq * dampingRatio;\n            const delta = exponentialDecay * duration;\n            const d = delta * velocity + velocity;\n            const e = Math.pow(dampingRatio, 2) * Math.pow(undampedFreq, 2) * duration;\n            const f = Math.exp(-delta);\n            const g = calcAngularFreq(Math.pow(undampedFreq, 2), dampingRatio);\n            const factor = -envelope(undampedFreq) + safeMin > 0 ? -1 : 1;\n            return (factor * ((d - e) * f)) / g;\n        };\n    }\n    else {\n        /**\n         * Critically-damped spring\n         */\n        envelope = (undampedFreq) => {\n            const a = Math.exp(-undampedFreq * duration);\n            const b = (undampedFreq - velocity) * duration + 1;\n            return -safeMin + a * b;\n        };\n        derivative = (undampedFreq) => {\n            const a = Math.exp(-undampedFreq * duration);\n            const b = (velocity - undampedFreq) * (duration * duration);\n            return a * b;\n        };\n    }\n    const initialGuess = 5 / duration;\n    const undampedFreq = approximateRoot(envelope, derivative, initialGuess);\n    duration = secondsToMilliseconds(duration);\n    if (isNaN(undampedFreq)) {\n        return {\n            stiffness: springDefaults.stiffness,\n            damping: springDefaults.damping,\n            duration,\n        };\n    }\n    else {\n        const stiffness = Math.pow(undampedFreq, 2) * mass;\n        return {\n            stiffness,\n            damping: dampingRatio * 2 * Math.sqrt(mass * stiffness),\n            duration,\n        };\n    }\n}\nconst durationKeys = [\"duration\", \"bounce\"];\nconst physicsKeys = [\"stiffness\", \"damping\", \"mass\"];\nfunction isSpringType(options, keys) {\n    return keys.some((key) => options[key] !== undefined);\n}\nfunction getSpringOptions(options) {\n    let springOptions = {\n        velocity: springDefaults.velocity,\n        stiffness: springDefaults.stiffness,\n        damping: springDefaults.damping,\n        mass: springDefaults.mass,\n        isResolvedFromDuration: false,\n        ...options,\n    };\n    // stiffness/damping/mass overrides duration/bounce\n    if (!isSpringType(options, physicsKeys) &&\n        isSpringType(options, durationKeys)) {\n        // Time-defined springs should ignore inherited velocity.\n        // Velocity from interrupted animations can cause findSpring()\n        // to compute wildly different spring parameters, leading to\n        // massive oscillation on small-range animations.\n        springOptions.velocity = 0;\n        if (options.visualDuration) {\n            const visualDuration = options.visualDuration;\n            const root = (2 * Math.PI) / (visualDuration * 1.2);\n            const stiffness = root * root;\n            const damping = 2 *\n                clamp(0.05, 1, 1 - (options.bounce || 0)) *\n                Math.sqrt(stiffness);\n            springOptions = {\n                ...springOptions,\n                mass: springDefaults.mass,\n                stiffness,\n                damping,\n            };\n        }\n        else {\n            const derived = findSpring({ ...options, velocity: 0 });\n            springOptions = {\n                ...springOptions,\n                ...derived,\n                mass: springDefaults.mass,\n            };\n            springOptions.isResolvedFromDuration = true;\n        }\n    }\n    return springOptions;\n}\nfunction spring(optionsOrVisualDuration = springDefaults.visualDuration, bounce = springDefaults.bounce) {\n    const options = typeof optionsOrVisualDuration !== \"object\"\n        ? {\n            visualDuration: optionsOrVisualDuration,\n            keyframes: [0, 1],\n            bounce,\n        }\n        : optionsOrVisualDuration;\n    let { restSpeed, restDelta } = options;\n    const origin = options.keyframes[0];\n    const target = options.keyframes[options.keyframes.length - 1];\n    /**\n     * This is the Iterator-spec return value. We ensure it's mutable rather than using a generator\n     * to reduce GC during animation.\n     */\n    const state = { done: false, value: origin };\n    const { stiffness, damping, mass, duration, velocity, isResolvedFromDuration, } = getSpringOptions({\n        ...options,\n        velocity: -millisecondsToSeconds(options.velocity || 0),\n    });\n    const initialVelocity = velocity || 0.0;\n    const dampingRatio = damping / (2 * Math.sqrt(stiffness * mass));\n    const initialDelta = target - origin;\n    const undampedAngularFreq = millisecondsToSeconds(Math.sqrt(stiffness / mass));\n    /**\n     * If we're working on a granular scale, use smaller defaults for determining\n     * when the spring is finished.\n     *\n     * These defaults have been selected emprically based on what strikes a good\n     * ratio between feeling good and finishing as soon as changes are imperceptible.\n     */\n    const isGranularScale = Math.abs(initialDelta) < 5;\n    restSpeed || (restSpeed = isGranularScale\n        ? springDefaults.restSpeed.granular\n        : springDefaults.restSpeed.default);\n    restDelta || (restDelta = isGranularScale\n        ? springDefaults.restDelta.granular\n        : springDefaults.restDelta.default);\n    let resolveSpring;\n    let resolveVelocity;\n    // Underdamped coefficients, hoisted for use in the inlined next() hot path\n    let angularFreq;\n    let A;\n    let sinCoeff;\n    let cosCoeff;\n    if (dampingRatio < 1) {\n        angularFreq = calcAngularFreq(undampedAngularFreq, dampingRatio);\n        A =\n            (initialVelocity +\n                dampingRatio * undampedAngularFreq * initialDelta) /\n                angularFreq;\n        // Underdamped spring\n        resolveSpring = (t) => {\n            const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);\n            return (target -\n                envelope *\n                    (A * Math.sin(angularFreq * t) +\n                        initialDelta * Math.cos(angularFreq * t)));\n        };\n        // Analytical derivative of underdamped spring (px/ms)\n        sinCoeff =\n            dampingRatio * undampedAngularFreq * A + initialDelta * angularFreq;\n        cosCoeff =\n            dampingRatio * undampedAngularFreq * initialDelta - A * angularFreq;\n        resolveVelocity = (t) => {\n            const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);\n            return envelope *\n                (sinCoeff * Math.sin(angularFreq * t) +\n                    cosCoeff * Math.cos(angularFreq * t));\n        };\n    }\n    else if (dampingRatio === 1) {\n        // Critically damped spring\n        resolveSpring = (t) => target -\n            Math.exp(-undampedAngularFreq * t) *\n                (initialDelta +\n                    (initialVelocity + undampedAngularFreq * initialDelta) * t);\n        // Analytical derivative of critically damped spring (px/ms)\n        const C = initialVelocity + undampedAngularFreq * initialDelta;\n        resolveVelocity = (t) => Math.exp(-undampedAngularFreq * t) *\n            (undampedAngularFreq * C * t - initialVelocity);\n    }\n    else {\n        // Overdamped spring\n        const dampedAngularFreq = undampedAngularFreq * Math.sqrt(dampingRatio * dampingRatio - 1);\n        resolveSpring = (t) => {\n            const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);\n            // When performing sinh or cosh values can hit Infinity so we cap them here\n            const freqForT = Math.min(dampedAngularFreq * t, 300);\n            return (target -\n                (envelope *\n                    ((initialVelocity +\n                        dampingRatio * undampedAngularFreq * initialDelta) *\n                        Math.sinh(freqForT) +\n                        dampedAngularFreq *\n                            initialDelta *\n                            Math.cosh(freqForT))) /\n                    dampedAngularFreq);\n        };\n        // Analytical derivative of overdamped spring (px/ms)\n        const P = (initialVelocity +\n            dampingRatio * undampedAngularFreq * initialDelta) /\n            dampedAngularFreq;\n        const sinhCoeff = dampingRatio * undampedAngularFreq * P - initialDelta * dampedAngularFreq;\n        const coshCoeff = dampingRatio * undampedAngularFreq * initialDelta - P * dampedAngularFreq;\n        resolveVelocity = (t) => {\n            const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);\n            const freqForT = Math.min(dampedAngularFreq * t, 300);\n            return envelope *\n                (sinhCoeff * Math.sinh(freqForT) +\n                    coshCoeff * Math.cosh(freqForT));\n        };\n    }\n    const generator = {\n        calculatedDuration: isResolvedFromDuration ? duration || null : null,\n        velocity: (t) => secondsToMilliseconds(resolveVelocity(t)),\n        next: (t) => {\n            /**\n             * For underdamped physics springs we need both position and\n             * velocity each tick. Compute shared trig values once to avoid\n             * duplicate Math.exp/sin/cos calls on the hot path.\n             */\n            if (!isResolvedFromDuration && dampingRatio < 1) {\n                const envelope = Math.exp(-dampingRatio * undampedAngularFreq * t);\n                const sin = Math.sin(angularFreq * t);\n                const cos = Math.cos(angularFreq * t);\n                const current = target -\n                    envelope *\n                        (A * sin + initialDelta * cos);\n                const currentVelocity = secondsToMilliseconds(envelope *\n                    (sinCoeff * sin + cosCoeff * cos));\n                state.done =\n                    Math.abs(currentVelocity) <= restSpeed &&\n                        Math.abs(target - current) <= restDelta;\n                state.value = state.done ? target : current;\n                return state;\n            }\n            const current = resolveSpring(t);\n            if (!isResolvedFromDuration) {\n                const currentVelocity = secondsToMilliseconds(resolveVelocity(t));\n                state.done =\n                    Math.abs(currentVelocity) <= restSpeed &&\n                        Math.abs(target - current) <= restDelta;\n            }\n            else {\n                state.done = t >= duration;\n            }\n            state.value = state.done ? target : current;\n            return state;\n        },\n        toString: () => {\n            const calculatedDuration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);\n            const easing = generateLinearEasing((progress) => generator.next(calculatedDuration * progress).value, calculatedDuration, 30);\n            return calculatedDuration + \"ms \" + easing;\n        },\n        toTransition: () => { },\n    };\n    return generator;\n}\nspring.applyToOptions = (options) => {\n    const generatorOptions = createGeneratorEasing(options, 100, spring);\n    options.ease = generatorOptions.ease;\n    options.duration = secondsToMilliseconds(generatorOptions.duration);\n    options.type = \"keyframes\";\n    return options;\n};\n\nexport { spring };\n//# sourceMappingURL=spring.mjs.map\n"],"names":["springDefaults","calcAngularFreq","undampedFreq","dampingRatio","rootIterations","approximateRoot","envelope","derivative","initialGuess","result","i","safeMin","findSpring","duration","bounce","velocity","mass","warning","secondsToMilliseconds","clamp","millisecondsToSeconds","exponentialDecay","delta","a","b","c","d","e","f","g","stiffness","durationKeys","physicsKeys","isSpringType","options","keys","key","getSpringOptions","springOptions","visualDuration","root","damping","derived","spring","optionsOrVisualDuration","restSpeed","restDelta","origin","target","state","isResolvedFromDuration","initialVelocity","initialDelta","undampedAngularFreq","isGranularScale","resolveSpring","resolveVelocity","angularFreq","A","sinCoeff","cosCoeff","t","C","dampedAngularFreq","freqForT","P","sinhCoeff","coshCoeff","generator","sin","cos","current","currentVelocity","calculatedDuration","calcGeneratorDuration","maxGeneratorDuration","easing","generateLinearEasing","progress","generatorOptions","createGeneratorEasing"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es334.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/dom/DOMVisualElement.mjs"],"sourcesContent":["import { isMotionValue } from '../../value/utils/is-motion-value.mjs';\nimport { DOMKeyframesResolver } from '../../animation/keyframes/DOMKeyframesResolver.mjs';\nimport { VisualElement } from '../VisualElement.mjs';\n\nclass DOMVisualElement extends VisualElement {\n    constructor() {\n        super(...arguments);\n        this.KeyframeResolver = DOMKeyframesResolver;\n    }\n    sortInstanceNodePosition(a, b) {\n        /**\n         * compareDocumentPosition returns a bitmask, by using the bitwise &\n         * we're returning true if 2 in that bitmask is set to true. 2 is set\n         * to true if b preceeds a.\n         */\n        return a.compareDocumentPosition(b) & 2 ? 1 : -1;\n    }\n    getBaseTargetFromProps(props, key) {\n        const style = props.style;\n        return style ? style[key] : undefined;\n    }\n    removeValueFromRenderState(key, { vars, style }) {\n        delete vars[key];\n        delete style[key];\n    }\n    handleChildMotionValue() {\n        if (this.childSubscription) {\n            this.childSubscription();\n            delete this.childSubscription;\n        }\n        const { children } = this.props;\n        if (isMotionValue(children)) {\n            this.childSubscription = children.on(\"change\", (latest) => {\n                if (this.current) {\n                    this.current.textContent = `${latest}`;\n                }\n            });\n        }\n    }\n}\n\nexport { DOMVisualElement };\n//# sourceMappingURL=DOMVisualElement.mjs.map\n"],"names":["DOMVisualElement","VisualElement","DOMKeyframesResolver","a","b","props","key","style","vars","children","isMotionValue","latest"],"mappings":";;;AAIA,MAAMA,UAAyBC,EAAc;AAAA,EACzC,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,mBAAmBC;AAAA,EAC5B;AAAA,EACA,yBAAyBC,GAAGC,GAAG;AAM3B,WAAOD,EAAE,wBAAwBC,CAAC,IAAI,IAAI,IAAI;AAAA,EAClD;AAAA,EACA,uBAAuBC,GAAOC,GAAK;AAC/B,UAAMC,IAAQF,EAAM;AACpB,WAAOE,IAAQA,EAAMD,CAAG,IAAI;AAAA,EAChC;AAAA,EACA,2BAA2BA,GAAK,EAAE,MAAAE,GAAM,OAAAD,EAAK,GAAI;AAC7C,WAAOC,EAAKF,CAAG,GACf,OAAOC,EAAMD,CAAG;AAAA,EACpB;AAAA,EACA,yBAAyB;AACrB,IAAI,KAAK,sBACL,KAAK,kBAAiB,GACtB,OAAO,KAAK;AAEhB,UAAM,EAAE,UAAAG,MAAa,KAAK;AAC1B,IAAIC,EAAcD,CAAQ,MACtB,KAAK,oBAAoBA,EAAS,GAAG,UAAU,CAACE,MAAW;AACvD,MAAI,KAAK,YACL,KAAK,QAAQ,cAAc,GAAGA,CAAM;AAAA,IAE5C,CAAC;AAAA,EAET;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es335.js

@@ -1,43 +1,14 @@
-import { mix as h } from "./visualization.es297.js";
-import { invariant as x } from "./visualization.es304.js";
-import { clamp as M } from "./visualization.es307.js";
-import { noop as b } from "./visualization.es296.js";
-import { pipe as y } from "./visualization.es305.js";
-import { progress as A } from "./visualization.es351.js";
-import { MotionGlobalConfig as F } from "./visualization.es295.js";
-function R(r, e, f) {
-  const t = [], a = f || F.mix || h, n = r.length - 1;
-  for (let o = 0; o < n; o++) {
-    let i = a(r[o], r[o + 1]);
-    if (e) {
-      const c = Array.isArray(e) ? e[o] || b : e;
-      i = y(c, i);
-    }
-    t.push(i);
-  }
-  return t;
+import { convertBoundingBoxToBox as s, transformBoxPoints as f } from "./visualization.es356.js";
+import { translateAxis as n } from "./visualization.es358.js";
+function x(o, t) {
+  return s(f(o.getBoundingClientRect(), t));
 }
-function I(r, e, { clamp: f = !0, ease: t, mixer: a } = {}) {
-  const n = r.length;
-  if (x(n === e.length, "Both input and output ranges must be the same length", "range-length"), n === 1)
-    return () => e[0];
-  if (n === 2 && e[0] === e[1])
-    return () => e[1];
-  const o = r[0] === r[1];
-  r[0] > r[n - 1] && (r = [...r].reverse(), e = [...e].reverse());
-  const i = R(e, t, a), c = i.length, l = (s) => {
-    if (o && s < r[0])
-      return e[0];
-    let m = 0;
-    if (c > 1)
-      for (; m < r.length - 2 && !(s < r[m + 1]); m++)
-        ;
-    const g = A(r[m], r[m + 1], s);
-    return i[m](g);
-  };
-  return f ? (s) => l(M(r[0], r[n - 1], s)) : l;
+function c(o, t, i) {
+  const r = x(o, i), { scroll: e } = t;
+  return e && (n(r.x, e.offset.x), n(r.y, e.offset.y)), r;
 }
 export {
-  I as interpolate
+  c as measurePageBox,
+  x as measureViewportBox
 };
 //# sourceMappingURL=visualization.es335.js.map

package/dist/visualization.es335.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es335.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/interpolate.mjs"],"sourcesContent":["import { invariant, clamp, MotionGlobalConfig, noop, pipe, progress } from 'motion-utils';\nimport { mix } from './mix/index.mjs';\n\nfunction createMixers(output, ease, customMixer) {\n    const mixers = [];\n    const mixerFactory = customMixer || MotionGlobalConfig.mix || mix;\n    const numMixers = output.length - 1;\n    for (let i = 0; i < numMixers; i++) {\n        let mixer = mixerFactory(output[i], output[i + 1]);\n        if (ease) {\n            const easingFunction = Array.isArray(ease) ? ease[i] || noop : ease;\n            mixer = pipe(easingFunction, mixer);\n        }\n        mixers.push(mixer);\n    }\n    return mixers;\n}\n/**\n * Create a function that maps from a numerical input array to a generic output array.\n *\n * Accepts:\n *   - Numbers\n *   - Colors (hex, hsl, hsla, rgb, rgba)\n *   - Complex (combinations of one or more numbers or strings)\n *\n * ```jsx\n * const mixColor = interpolate([0, 1], ['#fff', '#000'])\n *\n * mixColor(0.5) // 'rgba(128, 128, 128, 1)'\n * ```\n *\n * TODO Revisit this approach once we've moved to data models for values,\n * probably not needed to pregenerate mixer functions.\n *\n * @public\n */\nfunction interpolate(input, output, { clamp: isClamp = true, ease, mixer } = {}) {\n    const inputLength = input.length;\n    invariant(inputLength === output.length, \"Both input and output ranges must be the same length\", \"range-length\");\n    /**\n     * If we're only provided a single input, we can just make a function\n     * that returns the output.\n     */\n    if (inputLength === 1)\n        return () => output[0];\n    if (inputLength === 2 && output[0] === output[1])\n        return () => output[1];\n    const isZeroDeltaRange = input[0] === input[1];\n    // If input runs highest -> lowest, reverse both arrays\n    if (input[0] > input[inputLength - 1]) {\n        input = [...input].reverse();\n        output = [...output].reverse();\n    }\n    const mixers = createMixers(output, ease, mixer);\n    const numMixers = mixers.length;\n    const interpolator = (v) => {\n        if (isZeroDeltaRange && v < input[0])\n            return output[0];\n        let i = 0;\n        if (numMixers > 1) {\n            for (; i < input.length - 2; i++) {\n                if (v < input[i + 1])\n                    break;\n            }\n        }\n        const progressInRange = progress(input[i], input[i + 1], v);\n        return mixers[i](progressInRange);\n    };\n    return isClamp\n        ? (v) => interpolator(clamp(input[0], input[inputLength - 1], v))\n        : interpolator;\n}\n\nexport { interpolate };\n//# sourceMappingURL=interpolate.mjs.map\n"],"names":["createMixers","output","ease","customMixer","mixers","mixerFactory","MotionGlobalConfig","mix","numMixers","i","mixer","easingFunction","noop","pipe","interpolate","input","isClamp","inputLength","invariant","isZeroDeltaRange","interpolator","v","progressInRange","progress","clamp"],"mappings":";;;;;;;AAGA,SAASA,EAAaC,GAAQC,GAAMC,GAAa;AAC7C,QAAMC,IAAS,CAAA,GACTC,IAAeF,KAAeG,EAAmB,OAAOC,GACxDC,IAAYP,EAAO,SAAS;AAClC,WAASQ,IAAI,GAAGA,IAAID,GAAWC,KAAK;AAChC,QAAIC,IAAQL,EAAaJ,EAAOQ,CAAC,GAAGR,EAAOQ,IAAI,CAAC,CAAC;AACjD,QAAIP,GAAM;AACN,YAAMS,IAAiB,MAAM,QAAQT,CAAI,IAAIA,EAAKO,CAAC,KAAKG,IAAOV;AAC/D,MAAAQ,IAAQG,EAAKF,GAAgBD,CAAK;AAAA,IACtC;AACA,IAAAN,EAAO,KAAKM,CAAK;AAAA,EACrB;AACA,SAAON;AACX;AAoBA,SAASU,EAAYC,GAAOd,GAAQ,EAAE,OAAOe,IAAU,IAAM,MAAAd,GAAM,OAAAQ,EAAK,IAAK,IAAI;AAC7E,QAAMO,IAAcF,EAAM;AAM1B,MALAG,EAAUD,MAAgBhB,EAAO,QAAQ,wDAAwD,cAAc,GAK3GgB,MAAgB;AAChB,WAAO,MAAMhB,EAAO,CAAC;AACzB,MAAIgB,MAAgB,KAAKhB,EAAO,CAAC,MAAMA,EAAO,CAAC;AAC3C,WAAO,MAAMA,EAAO,CAAC;AACzB,QAAMkB,IAAmBJ,EAAM,CAAC,MAAMA,EAAM,CAAC;AAE7C,EAAIA,EAAM,CAAC,IAAIA,EAAME,IAAc,CAAC,MAChCF,IAAQ,CAAC,GAAGA,CAAK,EAAE,QAAO,GAC1Bd,IAAS,CAAC,GAAGA,CAAM,EAAE,QAAO;AAEhC,QAAMG,IAASJ,EAAaC,GAAQC,GAAMQ,CAAK,GACzCF,IAAYJ,EAAO,QACnBgB,IAAe,CAACC,MAAM;AACxB,QAAIF,KAAoBE,IAAIN,EAAM,CAAC;AAC/B,aAAOd,EAAO,CAAC;AACnB,QAAIQ,IAAI;AACR,QAAID,IAAY;AACZ,aAAOC,IAAIM,EAAM,SAAS,KAClB,EAAAM,IAAIN,EAAMN,IAAI,CAAC,IADMA;AACzB;AAIR,UAAMa,IAAkBC,EAASR,EAAMN,CAAC,GAAGM,EAAMN,IAAI,CAAC,GAAGY,CAAC;AAC1D,WAAOjB,EAAOK,CAAC,EAAEa,CAAe;AAAA,EACpC;AACA,SAAON,IACD,CAACK,MAAMD,EAAaI,EAAMT,EAAM,CAAC,GAAGA,EAAME,IAAc,CAAC,GAAGI,CAAC,CAAC,IAC9DD;AACV;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es335.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/utils/measure.mjs"],"sourcesContent":["import { convertBoundingBoxToBox, transformBoxPoints } from '../geometry/conversion.mjs';\nimport { translateAxis } from '../geometry/delta-apply.mjs';\n\nfunction measureViewportBox(instance, transformPoint) {\n    return convertBoundingBoxToBox(transformBoxPoints(instance.getBoundingClientRect(), transformPoint));\n}\nfunction measurePageBox(element, rootProjectionNode, transformPagePoint) {\n    const viewportBox = measureViewportBox(element, transformPagePoint);\n    const { scroll } = rootProjectionNode;\n    if (scroll) {\n        translateAxis(viewportBox.x, scroll.offset.x);\n        translateAxis(viewportBox.y, scroll.offset.y);\n    }\n    return viewportBox;\n}\n\nexport { measurePageBox, measureViewportBox };\n//# sourceMappingURL=measure.mjs.map\n"],"names":["measureViewportBox","instance","transformPoint","convertBoundingBoxToBox","transformBoxPoints","measurePageBox","element","rootProjectionNode","transformPagePoint","viewportBox","scroll","translateAxis"],"mappings":";;AAGA,SAASA,EAAmBC,GAAUC,GAAgB;AAClD,SAAOC,EAAwBC,EAAmBH,EAAS,sBAAqB,GAAIC,CAAc,CAAC;AACvG;AACA,SAASG,EAAeC,GAASC,GAAoBC,GAAoB;AACrE,QAAMC,IAAcT,EAAmBM,GAASE,CAAkB,GAC5D,EAAE,QAAAE,EAAM,IAAKH;AACnB,SAAIG,MACAC,EAAcF,EAAY,GAAGC,EAAO,OAAO,CAAC,GAC5CC,EAAcF,EAAY,GAAGC,EAAO,OAAO,CAAC,IAEzCD;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es336.js

@@ -1,9 +1,30 @@
-import { fillOffset as e } from "./visualization.es349.js";
-function n(t) {
-  const f = [0];
-  return e(f, t.length - 1), f;
+import { getValueAsType as p } from "./visualization.es332.js";
+import { numberValueTypes as u } from "./visualization.es327.js";
+import { transformProps as c } from "./visualization.es236.js";
+import { isCSSVariableName as g } from "./visualization.es233.js";
+import { buildTransform as y } from "./visualization.es379.js";
+function S(f, i, e) {
+  const { style: o, vars: l, transformOrigin: t } = f;
+  let m = !1, a = !1;
+  for (const r in i) {
+    const n = i[r];
+    if (c.has(r)) {
+      m = !0;
+      continue;
+    } else if (g(r)) {
+      l[r] = n;
+      continue;
+    } else {
+      const s = p(n, u[r]);
+      r.startsWith("origin") ? (a = !0, t[r] = s) : o[r] = s;
+    }
+  }
+  if (i.transform || (m || e ? o.transform = y(i, f.transform, e) : o.transform && (o.transform = "none")), a) {
+    const { originX: r = "50%", originY: n = "50%", originZ: s = 0 } = t;
+    o.transformOrigin = `${r} ${n} ${s}`;
+  }
 }
 export {
-  n as defaultOffset
+  S as buildHTMLStyles
 };
 //# sourceMappingURL=visualization.es336.js.map

package/dist/visualization.es336.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es336.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/offsets/default.mjs"],"sourcesContent":["import { fillOffset } from './fill.mjs';\n\nfunction defaultOffset(arr) {\n    const offset = [0];\n    fillOffset(offset, arr.length - 1);\n    return offset;\n}\n\nexport { defaultOffset };\n//# sourceMappingURL=default.mjs.map\n"],"names":["defaultOffset","arr","offset","fillOffset"],"mappings":";AAEA,SAASA,EAAcC,GAAK;AACxB,QAAMC,IAAS,CAAC,CAAC;AACjB,SAAAC,EAAWD,GAAQD,EAAI,SAAS,CAAC,GAC1BC;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es336.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/utils/build-styles.mjs"],"sourcesContent":["import { getValueAsType } from '../../../value/types/utils/get-as-type.mjs';\nimport { numberValueTypes } from '../../../value/types/maps/number.mjs';\nimport { transformProps } from '../../utils/keys-transform.mjs';\nimport { isCSSVariableName } from '../../../animation/utils/is-css-variable.mjs';\nimport { buildTransform } from './build-transform.mjs';\n\nfunction buildHTMLStyles(state, latestValues, transformTemplate) {\n    const { style, vars, transformOrigin } = state;\n    // Track whether we encounter any transform or transformOrigin values.\n    let hasTransform = false;\n    let hasTransformOrigin = false;\n    /**\n     * Loop over all our latest animated values and decide whether to handle them\n     * as a style or CSS variable.\n     *\n     * Transforms and transform origins are kept separately for further processing.\n     */\n    for (const key in latestValues) {\n        const value = latestValues[key];\n        if (transformProps.has(key)) {\n            // If this is a transform, flag to enable further transform processing\n            hasTransform = true;\n            continue;\n        }\n        else if (isCSSVariableName(key)) {\n            vars[key] = value;\n            continue;\n        }\n        else {\n            // Convert the value to its default value type, ie 0 -> \"0px\"\n            const valueAsType = getValueAsType(value, numberValueTypes[key]);\n            if (key.startsWith(\"origin\")) {\n                // If this is a transform origin, flag and enable further transform-origin processing\n                hasTransformOrigin = true;\n                transformOrigin[key] =\n                    valueAsType;\n            }\n            else {\n                style[key] = valueAsType;\n            }\n        }\n    }\n    if (!latestValues.transform) {\n        if (hasTransform || transformTemplate) {\n            style.transform = buildTransform(latestValues, state.transform, transformTemplate);\n        }\n        else if (style.transform) {\n            /**\n             * If we have previously created a transform but currently don't have any,\n             * reset transform style to none.\n             */\n            style.transform = \"none\";\n        }\n    }\n    /**\n     * Build a transformOrigin style. Uses the same defaults as the browser for\n     * undefined origins.\n     */\n    if (hasTransformOrigin) {\n        const { originX = \"50%\", originY = \"50%\", originZ = 0, } = transformOrigin;\n        style.transformOrigin = `${originX} ${originY} ${originZ}`;\n    }\n}\n\nexport { buildHTMLStyles };\n//# sourceMappingURL=build-styles.mjs.map\n"],"names":["buildHTMLStyles","state","latestValues","transformTemplate","style","vars","transformOrigin","hasTransform","hasTransformOrigin","key","value","transformProps","isCSSVariableName","valueAsType","getValueAsType","numberValueTypes","buildTransform","originX","originY","originZ"],"mappings":";;;;;AAMA,SAASA,EAAgBC,GAAOC,GAAcC,GAAmB;AAC7D,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,iBAAAC,EAAe,IAAKL;AAEzC,MAAIM,IAAe,IACfC,IAAqB;AAOzB,aAAWC,KAAOP,GAAc;AAC5B,UAAMQ,IAAQR,EAAaO,CAAG;AAC9B,QAAIE,EAAe,IAAIF,CAAG,GAAG;AAEzB,MAAAF,IAAe;AACf;AAAA,IACJ,WACSK,EAAkBH,CAAG,GAAG;AAC7B,MAAAJ,EAAKI,CAAG,IAAIC;AACZ;AAAA,IACJ,OACK;AAED,YAAMG,IAAcC,EAAeJ,GAAOK,EAAiBN,CAAG,CAAC;AAC/D,MAAIA,EAAI,WAAW,QAAQ,KAEvBD,IAAqB,IACrBF,EAAgBG,CAAG,IACfI,KAGJT,EAAMK,CAAG,IAAII;AAAA,IAErB;AAAA,EACJ;AAiBA,MAhBKX,EAAa,cACVK,KAAgBJ,IAChBC,EAAM,YAAYY,EAAed,GAAcD,EAAM,WAAWE,CAAiB,IAE5EC,EAAM,cAKXA,EAAM,YAAY,UAOtBI,GAAoB;AACpB,UAAM,EAAE,SAAAS,IAAU,OAAO,SAAAC,IAAU,OAAO,SAAAC,IAAU,EAAC,IAAMb;AAC3D,IAAAF,EAAM,kBAAkB,GAAGa,CAAO,IAAIC,CAAO,IAAIC,CAAO;AAAA,EAC5D;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es337.js

@@ -1,7 +1,13 @@
-function o(e, t) {
-  return e.map((n) => n * t);
+function i(r, { style: n, vars: o }, l, y) {
+  const t = r.style;
+  let e;
+  for (e in n)
+    t[e] = n[e];
+  y?.applyProjectionStyles(t, l);
+  for (e in o)
+    t.setProperty(e, o[e]);
 }
 export {
-  o as convertOffsetToTimes
+  i as renderHTML
 };
 //# sourceMappingURL=visualization.es337.js.map

package/dist/visualization.es337.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es337.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/offsets/time.mjs"],"sourcesContent":["function convertOffsetToTimes(offset, duration) {\n    return offset.map((o) => o * duration);\n}\n\nexport { convertOffsetToTimes };\n//# sourceMappingURL=time.mjs.map\n"],"names":["convertOffsetToTimes","offset","duration","o"],"mappings":"AAAA,SAASA,EAAqBC,GAAQC,GAAU;AAC5C,SAAOD,EAAO,IAAI,CAACE,MAAMA,IAAID,CAAQ;AACzC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es337.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/utils/render.mjs"],"sourcesContent":["function renderHTML(element, { style, vars }, styleProp, projection) {\n    const elementStyle = element.style;\n    let key;\n    for (key in style) {\n        // CSSStyleDeclaration has [index: number]: string; in the types, so we use that as key type.\n        elementStyle[key] = style[key];\n    }\n    // Write projection styles directly to element style\n    projection?.applyProjectionStyles(elementStyle, styleProp);\n    for (key in vars) {\n        // Loop over any CSS variables and assign those.\n        // They can only be assigned using `setProperty`.\n        elementStyle.setProperty(key, vars[key]);\n    }\n}\n\nexport { renderHTML };\n//# sourceMappingURL=render.mjs.map\n"],"names":["renderHTML","element","style","vars","styleProp","projection","elementStyle","key"],"mappings":"AAAA,SAASA,EAAWC,GAAS,EAAE,OAAAC,GAAO,MAAAC,EAAI,GAAIC,GAAWC,GAAY;AACjE,QAAMC,IAAeL,EAAQ;AAC7B,MAAIM;AACJ,OAAKA,KAAOL;AAER,IAAAI,EAAaC,CAAG,IAAIL,EAAMK,CAAG;AAGjC,EAAAF,GAAY,sBAAsBC,GAAcF,CAAS;AACzD,OAAKG,KAAOJ;AAGR,IAAAG,EAAa,YAAYC,GAAKJ,EAAKI,CAAG,CAAC;AAE/C;","x_google_ignoreList":[0]}

package/dist/visualization.es338.js

@@ -1,5 +1,14 @@
-const n = (r) => Array.isArray(r) && typeof r[0] != "number";
+import { isMotionValue as i } from "./visualization.es128.js";
+import { isForcedMotionValue as u } from "./visualization.es354.js";
+function a(n, s, l) {
+  const o = n.style, r = s?.style, t = {};
+  if (!o)
+    return t;
+  for (const e in o)
+    (i(o[e]) || r && i(r[e]) || u(e, n) || l?.getValue(e)?.liveStyle !== void 0) && (t[e] = o[e]);
+  return t;
+}
 export {
-  n as isEasingArray
+  a as scrapeMotionValuesFromProps
 };
 //# sourceMappingURL=visualization.es338.js.map