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

package/dist/visualization.es35.js

@@ -1,37 +1,58 @@
-import l from "./visualization.es133.js";
-import n from "./visualization.es165.js";
-import f from "./visualization.es170.js";
-import { jsx as p } from "react/jsx-runtime";
-const m = {
-  dy: "-0.75em",
-  fill: "#222",
-  fontFamily: "Arial",
-  fontSize: 10,
-  textAnchor: "middle"
+import { jsx as l, jsxs as $, Fragment as T } from "react/jsx-runtime";
+import { c as _ } from "react/compiler-runtime";
+import { useRef as v } from "react";
+import { getTextHeight as H } from "./visualization.es2.js";
+const G = (g) => {
+  const t = _(33), {
+    label: p,
+    getlollipopRadius: s,
+    height: e,
+    width: n,
+    legendValues: x,
+    spaceForCategory: W,
+    axisCenter: R,
+    loading: u
+  } = g, C = v(null), r = H(p, 12, "Times");
+  let a, c, d, f, i, h, o;
+  if (t[0] !== R || t[1] !== s || t[2] !== e || t[3] !== p || t[4] !== r || t[5] !== x || t[6] !== u || t[7] !== W || t[8] !== n) {
+    let k;
+    t[16] !== s ? (k = (y) => s(y) * 2 + 12, t[16] = s, t[17] = k) : k = t[17];
+    const S = x.map(k), F = S.reduce(I, 0) + 30 * (x.length - 1), j = r + 20 + F, w = u ? 0.3 : 1;
+    t[18] !== w ? (o = {
+      marginBottom: 10,
+      opacity: w
+    }, t[18] = w, t[19] = o) : o = t[19], a = e + 4, c = n + r + 4, d = "legend", f = `translate(${W / 1.2 + R - n / 2}, 0)`;
+    const z = n + r;
+    t[20] !== e || t[21] !== z ? (i = /* @__PURE__ */ l("rect", { height: e, width: z, stroke: "black", fill: "none", transform: "translate(2, 2)" }), t[20] = e, t[21] = z, t[22] = i) : i = t[22], h = u ? /* @__PURE__ */ l("text", { x: (n + r) / 2, y: e / 2, textAnchor: "middle", dominantBaseline: "middle", fontSize: 12, fill: "black", children: "Loading..." }) : /* @__PURE__ */ $(T, { children: [
+      /* @__PURE__ */ l("g", { transform: `translate(${n / 2 - j / 2 + 2}, ${e / 2 + 2})`, children: /* @__PURE__ */ l("text", { ref: C, x: 0, y: 3, textAnchor: "start", fill: "black", fontSize: 12, children: p }) }),
+      /* @__PURE__ */ $("g", { transform: `translate(${n / 2 - j / 2 + r + 10 + 2}, ${e / 2 + 2})`, children: [
+        /* @__PURE__ */ l("line", { x1: 0, y1: -e / 2, x2: 0, y2: e / 2, stroke: "black", strokeWidth: 1 }),
+        /* @__PURE__ */ l("g", { transform: `translate(${10 + r / 2}, 0)`, children: x.map((y, A) => {
+          const B = s(y), L = S.slice(0, A).reduce(V, 0) + A * 30;
+          return /* @__PURE__ */ $("g", { transform: `translate(${L}, 0)`, children: [
+            /* @__PURE__ */ l("circle", { r: B, cx: 0, cy: 0, fill: "black" }),
+            /* @__PURE__ */ l("text", { x: B + 12, y: 3, textAnchor: "start", fill: "black", fontSize: 10, children: y })
+          ] }, `legend${A}`);
+        }) })
+      ] })
+    ] }), t[0] = R, t[1] = s, t[2] = e, t[3] = p, t[4] = r, t[5] = x, t[6] = u, t[7] = W, t[8] = n, t[9] = a, t[10] = c, t[11] = d, t[12] = f, t[13] = i, t[14] = h, t[15] = o;
+  } else
+    a = t[9], c = t[10], d = t[11], f = t[12], i = t[13], h = t[14], o = t[15];
+  let m;
+  t[23] !== a || t[24] !== c || t[25] !== d || t[26] !== f || t[27] !== i || t[28] !== h ? (m = /* @__PURE__ */ $("svg", { height: a, width: c, id: d, transform: f, children: [
+    i,
+    h
+  ] }), t[23] = a, t[24] = c, t[25] = d, t[26] = f, t[27] = i, t[28] = h, t[29] = m) : m = t[29];
+  let b;
+  return t[30] !== o || t[31] !== m ? (b = /* @__PURE__ */ l("div", { style: o, children: m }), t[30] = o, t[31] = m, t[32] = b) : b = t[32], b;
 };
-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
-  });
+function I(g, t) {
+  return g + t;
+}
+function V(g, t) {
+  return g + t;
 }
 export {
-  L as default,
-  m as topTickLabelProps
+  G as default
 };
 //# sourceMappingURL=visualization.es35.js.map

package/dist/visualization.es35.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es35.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]}
+{"version":3,"file":"visualization.es35.js","sources":["../src/components/BarPlot/legend.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { LollipopLegendProps } from \"./types\";\nimport { getTextHeight } from \"./barplot\";\n\nconst Legend: React.FC<LollipopLegendProps> = ({\n    label,\n    getlollipopRadius,\n    height,\n    width,\n    legendValues,\n    spaceForCategory,\n    axisCenter,\n    loading\n}) => {\n    const gap = 30;\n    const labelRef = useRef<SVGTextElement>(null);\n\n    const labelWidth = getTextHeight(label, 12, \"Times\")\n\n    const itemWidths = legendValues.map(v => getlollipopRadius(v) * 2 + 12);\n    const totalItemsWidth =\n        itemWidths.reduce((sum, w) => sum + w, 0) + gap * (legendValues.length - 1);\n\n    const dividerGap = 10;\n\n    const totalWidth = labelWidth + dividerGap * 2 + totalItemsWidth;\n\n    return (\n        <div style={{ marginBottom: 10, opacity: loading ? 0.3 : 1 }}>\n            <svg height={height + 4} width={width + labelWidth + 4} id=\"legend\" transform={`translate(${spaceForCategory / 1.2 + axisCenter - width / 2}, 0)`}>\n                <rect height={height} width={width + labelWidth} stroke=\"black\" fill=\"none\" transform={`translate(2, 2)`} />\n                {loading ? (\n                    <text\n                        x={(width + labelWidth) / 2}\n                        y={height / 2}\n                        textAnchor=\"middle\"\n                        dominantBaseline=\"middle\"\n                        fontSize={12}\n                        fill=\"black\"\n                    >\n                        Loading...\n                    </text>\n                ) : (\n                    <>\n                        <g transform={`translate(${(width / 2 - totalWidth / 2) + 2}, ${(height / 2) + 2})`}>\n                            <text\n                                ref={labelRef}\n                                x={0}\n                                y={3}\n                                textAnchor=\"start\"\n                                fill=\"black\"\n                                fontSize={12}\n                            >\n                                {label}\n                            </text>\n                        </g>\n                        <g transform={`translate(${(width / 2 - totalWidth / 2 + labelWidth + dividerGap) + 2}, ${(height / 2) + 2})`}>\n                            <line\n                                x1={0}\n                                y1={-height / 2}\n                                x2={0}\n                                y2={height / 2}\n                                stroke=\"black\"\n                                strokeWidth={1}\n                            />\n                            <g transform={`translate(${dividerGap + labelWidth / 2}, 0)`}>\n                                {legendValues.map((value, idx) => {\n                                    const circleR = getlollipopRadius(value);\n                                    const offsetX =\n                                        itemWidths.slice(0, idx).reduce((sum, w) => sum + w, 0) +\n                                        idx * gap;\n\n                                    return (\n                                        <g key={`legend${idx}`} transform={`translate(${offsetX}, 0)`}>\n                                            <circle r={circleR} cx={0} cy={0} fill=\"black\" />\n                                            <text\n                                                x={circleR + 12}\n                                                y={3}\n                                                textAnchor=\"start\"\n                                                fill=\"black\"\n                                                fontSize={10}\n                                            >\n                                                {value}\n                                            </text>\n                                        </g>\n                                    );\n                                })}\n                            </g>\n                        </g>\n                    </>\n                )}\n\n            </svg>\n        </div>\n    );\n};\n\nexport default Legend;\n"],"names":["Legend","t0","$","_c","label","getlollipopRadius","height","width","legendValues","spaceForCategory","axisCenter","loading","labelRef","useRef","labelWidth","getTextHeight","t1","t2","t3","t4","t5","t6","t7","t8","v","itemWidths","map","totalItemsWidth","reduce","_temp","length","totalWidth","t9","marginBottom","opacity","t10","jsx","jsxs","Fragment","value","idx","circleR","offsetX","slice","_temp2","sum","w","sum_0","w_0"],"mappings":"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"}

package/dist/visualization.es350.js

@@ -1,7 +1,43 @@
-function o(e, t) {
-  return e.map((n) => n * t);
+import { mix as h } from "./visualization.es312.js";
+import { invariant as x } from "./visualization.es319.js";
+import { clamp as M } from "./visualization.es322.js";
+import { noop as b } from "./visualization.es311.js";
+import { pipe as y } from "./visualization.es320.js";
+import { progress as A } from "./visualization.es366.js";
+import { MotionGlobalConfig as F } from "./visualization.es310.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;
+}
+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;
 }
 export {
-  o as convertOffsetToTimes
+  I as interpolate
 };
 //# sourceMappingURL=visualization.es350.js.map

package/dist/visualization.es350.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es350.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.es350.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]}

package/dist/visualization.es351.js

@@ -1,5 +1,9 @@
-const n = (r) => Array.isArray(r) && typeof r[0] != "number";
+import { fillOffset as e } from "./visualization.es364.js";
+function n(t) {
+  const f = [0];
+  return e(f, t.length - 1), f;
+}
 export {
-  n as isEasingArray
+  n as defaultOffset
 };
 //# sourceMappingURL=visualization.es351.js.map

package/dist/visualization.es351.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es351.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/utils/is-easing-array.mjs"],"sourcesContent":["const isEasingArray = (ease) => {\n    return Array.isArray(ease) && typeof ease[0] !== \"number\";\n};\n\nexport { isEasingArray };\n//# sourceMappingURL=is-easing-array.mjs.map\n"],"names":["isEasingArray","ease"],"mappings":"AAAK,MAACA,IAAgB,CAACC,MACZ,MAAM,QAAQA,CAAI,KAAK,OAAOA,EAAK,CAAC,KAAM;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es351.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]}

package/dist/visualization.es352.js

@@ -1,33 +1,7 @@
-import { invariant as e } from "./visualization.es317.js";
-import { noop as c } from "./visualization.es309.js";
-import { anticipate as u } from "./visualization.es485.js";
-import { backOut as s, backInOut as m, backIn as p } from "./visualization.es486.js";
-import { circOut as l, circInOut as b, circIn as f } from "./visualization.es464.js";
-import { cubicBezier as g } from "./visualization.es487.js";
-import { easeOut as I, easeInOut as y, easeIn as O } from "./visualization.es92.js";
-import { isBezierDefinition as k } from "./visualization.es369.js";
-const t = {
-  linear: c,
-  easeIn: O,
-  easeInOut: y,
-  easeOut: I,
-  circIn: f,
-  circInOut: b,
-  circOut: l,
-  backIn: p,
-  backInOut: m,
-  backOut: s,
-  anticipate: u
-}, v = (r) => typeof r == "string", L = (r) => {
-  if (k(r)) {
-    e(r.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
-    const [i, n, o, a] = r;
-    return g(i, n, o, a);
-  } else if (v(r))
-    return e(t[r] !== void 0, `Invalid easing type '${r}'`, "invalid-easing-type"), t[r];
-  return r;
-};
+function o(e, t) {
+  return e.map((n) => n * t);
+}
 export {
-  L as easingDefinitionToFunction
+  o as convertOffsetToTimes
 };
 //# sourceMappingURL=visualization.es352.js.map

package/dist/visualization.es352.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es352.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/utils/map.mjs"],"sourcesContent":["import { invariant } from '../../errors.mjs';\nimport { noop } from '../../noop.mjs';\nimport { anticipate } from '../anticipate.mjs';\nimport { backOut, backInOut, backIn } from '../back.mjs';\nimport { circOut, circInOut, circIn } from '../circ.mjs';\nimport { cubicBezier } from '../cubic-bezier.mjs';\nimport { easeOut, easeInOut, easeIn } from '../ease.mjs';\nimport { isBezierDefinition } from './is-bezier-definition.mjs';\n\nconst easingLookup = {\n    linear: noop,\n    easeIn,\n    easeInOut,\n    easeOut,\n    circIn,\n    circInOut,\n    circOut,\n    backIn,\n    backInOut,\n    backOut,\n    anticipate,\n};\nconst isValidEasing = (easing) => {\n    return typeof easing === \"string\";\n};\nconst easingDefinitionToFunction = (definition) => {\n    if (isBezierDefinition(definition)) {\n        // If cubic bezier definition, create bezier curve\n        invariant(definition.length === 4, `Cubic bezier arrays must contain four numerical values.`, \"cubic-bezier-length\");\n        const [x1, y1, x2, y2] = definition;\n        return cubicBezier(x1, y1, x2, y2);\n    }\n    else if (isValidEasing(definition)) {\n        // Else lookup from table\n        invariant(easingLookup[definition] !== undefined, `Invalid easing type '${definition}'`, \"invalid-easing-type\");\n        return easingLookup[definition];\n    }\n    return definition;\n};\n\nexport { easingDefinitionToFunction };\n//# sourceMappingURL=map.mjs.map\n"],"names":["easingLookup","noop","easeIn","easeInOut","easeOut","circIn","circInOut","circOut","backIn","backInOut","backOut","anticipate","isValidEasing","easing","easingDefinitionToFunction","definition","isBezierDefinition","invariant","x1","y1","x2","y2","cubicBezier"],"mappings":";;;;;;;;AASA,MAAMA,IAAe;AAAA,EACjB,QAAQC;AAAA,EACR,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AACJ,GACMC,IAAgB,CAACC,MACZ,OAAOA,KAAW,UAEvBC,IAA6B,CAACC,MAAe;AAC/C,MAAIC,EAAmBD,CAAU,GAAG;AAEhC,IAAAE,EAAUF,EAAW,WAAW,GAAG,2DAA2D,qBAAqB;AACnH,UAAM,CAACG,GAAIC,GAAIC,GAAIC,CAAE,IAAIN;AACzB,WAAOO,EAAYJ,GAAIC,GAAIC,GAAIC,CAAE;AAAA,EACrC,WACST,EAAcG,CAAU;AAE7B,WAAAE,EAAUjB,EAAae,CAAU,MAAM,QAAW,wBAAwBA,CAAU,KAAK,qBAAqB,GACvGf,EAAae,CAAU;AAElC,SAAOA;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es352.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]}

package/dist/visualization.es353.js

@@ -1,11 +1,5 @@
-const i = (r, a, o = 10) => {
-  let n = "";
-  const e = Math.max(Math.round(a / o), 2);
-  for (let t = 0; t < e; t++)
-    n += Math.round(r(t / (e - 1)) * 1e4) / 1e4 + ", ";
-  return `linear(${n.substring(0, n.length - 2)})`;
-};
+const n = (r) => Array.isArray(r) && typeof r[0] != "number";
 export {
-  i as generateLinearEasing
+  n as isEasingArray
 };
 //# sourceMappingURL=visualization.es353.js.map

package/dist/visualization.es353.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es353.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/waapi/utils/linear.mjs"],"sourcesContent":["const generateLinearEasing = (easing, duration, // as milliseconds\nresolution = 10 // as milliseconds\n) => {\n    let points = \"\";\n    const numPoints = Math.max(Math.round(duration / resolution), 2);\n    for (let i = 0; i < numPoints; i++) {\n        points += Math.round(easing(i / (numPoints - 1)) * 10000) / 10000 + \", \";\n    }\n    return `linear(${points.substring(0, points.length - 2)})`;\n};\n\nexport { generateLinearEasing };\n//# sourceMappingURL=linear.mjs.map\n"],"names":["generateLinearEasing","easing","duration","resolution","points","numPoints","i"],"mappings":"AAAK,MAACA,IAAuB,CAACC,GAAQC,GACtCC,IAAa,OACR;AACD,MAAIC,IAAS;AACb,QAAMC,IAAY,KAAK,IAAI,KAAK,MAAMH,IAAWC,CAAU,GAAG,CAAC;AAC/D,WAASG,IAAI,GAAGA,IAAID,GAAWC;AAC3B,IAAAF,KAAU,KAAK,MAAMH,EAAOK,KAAKD,IAAY,EAAE,IAAI,GAAK,IAAI,MAAQ;AAExE,SAAO,UAAUD,EAAO,UAAU,GAAGA,EAAO,SAAS,CAAC,CAAC;AAC3D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es353.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/utils/is-easing-array.mjs"],"sourcesContent":["const isEasingArray = (ease) => {\n    return Array.isArray(ease) && typeof ease[0] !== \"number\";\n};\n\nexport { isEasingArray };\n//# sourceMappingURL=is-easing-array.mjs.map\n"],"names":["isEasingArray","ease"],"mappings":"AAAK,MAACA,IAAgB,CAACC,MACZ,MAAM,QAAQA,CAAI,KAAK,OAAOA,EAAK,CAAC,KAAM;","x_google_ignoreList":[0]}

package/dist/visualization.es354.js

@@ -1,14 +1,33 @@
-import { calcGeneratorDuration as i, maxGeneratorDuration as m } from "./visualization.es314.js";
-import { millisecondsToSeconds as s } from "./visualization.es319.js";
-function f(n, r = 100, o) {
-  const e = o({ ...n, keyframes: [0, r] }), t = Math.min(i(e), m);
-  return {
-    type: "keyframes",
-    ease: (a) => e.next(t * a).value / r,
-    duration: s(t)
-  };
-}
+import { invariant as e } from "./visualization.es319.js";
+import { noop as c } from "./visualization.es311.js";
+import { anticipate as u } from "./visualization.es487.js";
+import { backOut as s, backInOut as m, backIn as p } from "./visualization.es488.js";
+import { circOut as l, circInOut as b, circIn as f } from "./visualization.es466.js";
+import { cubicBezier as g } from "./visualization.es489.js";
+import { easeOut as I, easeInOut as y, easeIn as O } from "./visualization.es92.js";
+import { isBezierDefinition as k } from "./visualization.es371.js";
+const t = {
+  linear: c,
+  easeIn: O,
+  easeInOut: y,
+  easeOut: I,
+  circIn: f,
+  circInOut: b,
+  circOut: l,
+  backIn: p,
+  backInOut: m,
+  backOut: s,
+  anticipate: u
+}, v = (r) => typeof r == "string", L = (r) => {
+  if (k(r)) {
+    e(r.length === 4, "Cubic bezier arrays must contain four numerical values.", "cubic-bezier-length");
+    const [i, n, o, a] = r;
+    return g(i, n, o, a);
+  } else if (v(r))
+    return e(t[r] !== void 0, `Invalid easing type '${r}'`, "invalid-easing-type"), t[r];
+  return r;
+};
 export {
-  f as createGeneratorEasing
+  L as easingDefinitionToFunction
 };
 //# sourceMappingURL=visualization.es354.js.map

package/dist/visualization.es354.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es354.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs"],"sourcesContent":["import { millisecondsToSeconds } from 'motion-utils';\nimport { calcGeneratorDuration, maxGeneratorDuration } from './calc-duration.mjs';\n\n/**\n * Create a progress => progress easing function from a generator.\n */\nfunction createGeneratorEasing(options, scale = 100, createGenerator) {\n    const generator = createGenerator({ ...options, keyframes: [0, scale] });\n    const duration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);\n    return {\n        type: \"keyframes\",\n        ease: (progress) => {\n            return generator.next(duration * progress).value / scale;\n        },\n        duration: millisecondsToSeconds(duration),\n    };\n}\n\nexport { createGeneratorEasing };\n//# sourceMappingURL=create-generator-easing.mjs.map\n"],"names":["createGeneratorEasing","options","scale","createGenerator","generator","duration","calcGeneratorDuration","maxGeneratorDuration","progress","millisecondsToSeconds"],"mappings":";;AAMA,SAASA,EAAsBC,GAASC,IAAQ,KAAKC,GAAiB;AAClE,QAAMC,IAAYD,EAAgB,EAAE,GAAGF,GAAS,WAAW,CAAC,GAAGC,CAAK,GAAG,GACjEG,IAAW,KAAK,IAAIC,EAAsBF,CAAS,GAAGG,CAAoB;AAChF,SAAO;AAAA,IACH,MAAM;AAAA,IACN,MAAM,CAACC,MACIJ,EAAU,KAAKC,IAAWG,CAAQ,EAAE,QAAQN;AAAA,IAEvD,UAAUO,EAAsBJ,CAAQ;AAAA,EAChD;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es354.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/easing/utils/map.mjs"],"sourcesContent":["import { invariant } from '../../errors.mjs';\nimport { noop } from '../../noop.mjs';\nimport { anticipate } from '../anticipate.mjs';\nimport { backOut, backInOut, backIn } from '../back.mjs';\nimport { circOut, circInOut, circIn } from '../circ.mjs';\nimport { cubicBezier } from '../cubic-bezier.mjs';\nimport { easeOut, easeInOut, easeIn } from '../ease.mjs';\nimport { isBezierDefinition } from './is-bezier-definition.mjs';\n\nconst easingLookup = {\n    linear: noop,\n    easeIn,\n    easeInOut,\n    easeOut,\n    circIn,\n    circInOut,\n    circOut,\n    backIn,\n    backInOut,\n    backOut,\n    anticipate,\n};\nconst isValidEasing = (easing) => {\n    return typeof easing === \"string\";\n};\nconst easingDefinitionToFunction = (definition) => {\n    if (isBezierDefinition(definition)) {\n        // If cubic bezier definition, create bezier curve\n        invariant(definition.length === 4, `Cubic bezier arrays must contain four numerical values.`, \"cubic-bezier-length\");\n        const [x1, y1, x2, y2] = definition;\n        return cubicBezier(x1, y1, x2, y2);\n    }\n    else if (isValidEasing(definition)) {\n        // Else lookup from table\n        invariant(easingLookup[definition] !== undefined, `Invalid easing type '${definition}'`, \"invalid-easing-type\");\n        return easingLookup[definition];\n    }\n    return definition;\n};\n\nexport { easingDefinitionToFunction };\n//# sourceMappingURL=map.mjs.map\n"],"names":["easingLookup","noop","easeIn","easeInOut","easeOut","circIn","circInOut","circOut","backIn","backInOut","backOut","anticipate","isValidEasing","easing","easingDefinitionToFunction","definition","isBezierDefinition","invariant","x1","y1","x2","y2","cubicBezier"],"mappings":";;;;;;;;AASA,MAAMA,IAAe;AAAA,EACjB,QAAQC;AAAA,EACR,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AACJ,GACMC,IAAgB,CAACC,MACZ,OAAOA,KAAW,UAEvBC,IAA6B,CAACC,MAAe;AAC/C,MAAIC,EAAmBD,CAAU,GAAG;AAEhC,IAAAE,EAAUF,EAAW,WAAW,GAAG,2DAA2D,qBAAqB;AACnH,UAAM,CAACG,GAAIC,GAAIC,GAAIC,CAAE,IAAIN;AACzB,WAAOO,EAAYJ,GAAIC,GAAIC,GAAIC,CAAE;AAAA,EACrC,WACST,EAAcG,CAAU;AAE7B,WAAAE,EAAUjB,EAAae,CAAU,MAAM,QAAW,wBAAwBA,CAAU,KAAK,qBAAqB,GACvGf,EAAae,CAAU;AAElC,SAAOA;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es355.js

@@ -1,7 +1,11 @@
-function o(n) {
-  return typeof n == "function" && "applyToOptions" in n;
-}
+const i = (r, a, o = 10) => {
+  let n = "";
+  const e = Math.max(Math.round(a / o), 2);
+  for (let t = 0; t < e; t++)
+    n += Math.round(r(t / (e - 1)) * 1e4) / 1e4 + ", ";
+  return `linear(${n.substring(0, n.length - 2)})`;
+};
 export {
-  o as isGenerator
+  i as generateLinearEasing
 };
 //# sourceMappingURL=visualization.es355.js.map

package/dist/visualization.es355.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es355.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/utils/is-generator.mjs"],"sourcesContent":["function isGenerator(type) {\n    return typeof type === \"function\" && \"applyToOptions\" in type;\n}\n\nexport { isGenerator };\n//# sourceMappingURL=is-generator.mjs.map\n"],"names":["isGenerator","type"],"mappings":"AAAA,SAASA,EAAYC,GAAM;AACvB,SAAO,OAAOA,KAAS,cAAc,oBAAoBA;AAC7D;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es355.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/waapi/utils/linear.mjs"],"sourcesContent":["const generateLinearEasing = (easing, duration, // as milliseconds\nresolution = 10 // as milliseconds\n) => {\n    let points = \"\";\n    const numPoints = Math.max(Math.round(duration / resolution), 2);\n    for (let i = 0; i < numPoints; i++) {\n        points += Math.round(easing(i / (numPoints - 1)) * 10000) / 10000 + \", \";\n    }\n    return `linear(${points.substring(0, points.length - 2)})`;\n};\n\nexport { generateLinearEasing };\n//# sourceMappingURL=linear.mjs.map\n"],"names":["generateLinearEasing","easing","duration","resolution","points","numPoints","i"],"mappings":"AAAK,MAACA,IAAuB,CAACC,GAAQC,GACtCC,IAAa,OACR;AACD,MAAIC,IAAS;AACb,QAAMC,IAAY,KAAK,IAAI,KAAK,MAAMH,IAAWC,CAAU,GAAG,CAAC;AAC/D,WAASG,IAAI,GAAGA,IAAID,GAAWC;AAC3B,IAAAF,KAAU,KAAK,MAAMH,EAAOK,KAAKD,IAAY,EAAE,IAAI,GAAK,IAAI,MAAQ;AAExE,SAAO,UAAUD,EAAO,UAAU,GAAGA,EAAO,SAAS,CAAC,CAAC;AAC3D;","x_google_ignoreList":[0]}

package/dist/visualization.es356.js

@@ -1,69 +1,14 @@
-import { positionalKeys as c } from "./visualization.es341.js";
-import { findDimensionValueType as d } from "./visualization.es357.js";
-import { getVariableValue as g } from "./visualization.es328.js";
-import { isCSSVariableToken as K, containsCSSVariable as h } from "./visualization.es329.js";
-import { KeyframeResolver as v } from "./visualization.es302.js";
-import { isNone as V } from "./visualization.es358.js";
-import { makeNoneKeyframesAnimatable as S } from "./visualization.es359.js";
-import { positionalValues as m, isNumOrPxType as p } from "./visualization.es360.js";
-class M extends v {
-  constructor(e, n, r, t, o) {
-    super(e, n, r, t, o, !0);
-  }
-  readKeyframes() {
-    const { unresolvedKeyframes: e, element: n, name: r } = this;
-    if (!n || !n.current)
-      return;
-    super.readKeyframes();
-    for (let s = 0; s < e.length; s++) {
-      let i = e[s];
-      if (typeof i == "string" && (i = i.trim(), K(i))) {
-        const u = g(i, n.current);
-        u !== void 0 && (e[s] = u), s === e.length - 1 && (this.finalKeyframe = i);
-      }
-    }
-    if (this.resolveNoneKeyframes(), !c.has(r) || e.length !== 2)
-      return;
-    const [t, o] = e, a = d(t), f = d(o), l = h(t), y = h(o);
-    if (l !== y && m[r]) {
-      this.needsMeasurement = !0;
-      return;
-    }
-    if (a !== f)
-      if (p(a) && p(f))
-        for (let s = 0; s < e.length; s++) {
-          const i = e[s];
-          typeof i == "string" && (e[s] = parseFloat(i));
-        }
-      else m[r] && (this.needsMeasurement = !0);
-  }
-  resolveNoneKeyframes() {
-    const { unresolvedKeyframes: e, name: n } = this, r = [];
-    for (let t = 0; t < e.length; t++)
-      (e[t] === null || V(e[t])) && r.push(t);
-    r.length && S(e, r, n);
-  }
-  measureInitialState() {
-    const { element: e, unresolvedKeyframes: n, name: r } = this;
-    if (!e || !e.current)
-      return;
-    r === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = m[r](e.measureViewportBox(), window.getComputedStyle(e.current)), n[0] = this.measuredOrigin;
-    const t = n[n.length - 1];
-    t !== void 0 && e.getValue(r, t).jump(t, !1);
-  }
-  measureEndState() {
-    const { element: e, name: n, unresolvedKeyframes: r } = this;
-    if (!e || !e.current)
-      return;
-    const t = e.getValue(n);
-    t && t.jump(this.measuredOrigin, !1);
-    const o = r.length - 1, a = r[o];
-    r[o] = m[n](e.measureViewportBox(), window.getComputedStyle(e.current)), a !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = a), this.removedTransforms?.length && this.removedTransforms.forEach(([f, l]) => {
-      e.getValue(f).set(l);
-    }), this.resolveNoneKeyframes();
-  }
+import { calcGeneratorDuration as i, maxGeneratorDuration as m } from "./visualization.es316.js";
+import { millisecondsToSeconds as s } from "./visualization.es321.js";
+function f(n, r = 100, o) {
+  const e = o({ ...n, keyframes: [0, r] }), t = Math.min(i(e), m);
+  return {
+    type: "keyframes",
+    ease: (a) => e.next(t * a).value / r,
+    duration: s(t)
+  };
 }
 export {
-  M as DOMKeyframesResolver
+  f as createGeneratorEasing
 };
 //# sourceMappingURL=visualization.es356.js.map

package/dist/visualization.es356.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es356.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/DOMKeyframesResolver.mjs"],"sourcesContent":["import { positionalKeys } from '../../render/utils/keys-position.mjs';\nimport { findDimensionValueType } from '../../value/types/dimensions.mjs';\nimport { getVariableValue } from '../utils/css-variables-conversion.mjs';\nimport { isCSSVariableToken, containsCSSVariable } from '../utils/is-css-variable.mjs';\nimport { KeyframeResolver } from './KeyframesResolver.mjs';\nimport { isNone } from './utils/is-none.mjs';\nimport { makeNoneKeyframesAnimatable } from './utils/make-none-animatable.mjs';\nimport { positionalValues, isNumOrPxType } from './utils/unit-conversion.mjs';\n\nclass DOMKeyframesResolver extends KeyframeResolver {\n    constructor(unresolvedKeyframes, onComplete, name, motionValue, element) {\n        super(unresolvedKeyframes, onComplete, name, motionValue, element, true);\n    }\n    readKeyframes() {\n        const { unresolvedKeyframes, element, name } = this;\n        if (!element || !element.current)\n            return;\n        super.readKeyframes();\n        /**\n         * If any keyframe is a CSS variable, we need to find its value by sampling the element\n         */\n        for (let i = 0; i < unresolvedKeyframes.length; i++) {\n            let keyframe = unresolvedKeyframes[i];\n            if (typeof keyframe === \"string\") {\n                keyframe = keyframe.trim();\n                if (isCSSVariableToken(keyframe)) {\n                    const resolved = getVariableValue(keyframe, element.current);\n                    if (resolved !== undefined) {\n                        unresolvedKeyframes[i] = resolved;\n                    }\n                    if (i === unresolvedKeyframes.length - 1) {\n                        this.finalKeyframe = keyframe;\n                    }\n                }\n            }\n        }\n        /**\n         * Resolve \"none\" values. We do this potentially twice - once before and once after measuring keyframes.\n         * This could be seen as inefficient but it's a trade-off to avoid measurements in more situations, which\n         * have a far bigger performance impact.\n         */\n        this.resolveNoneKeyframes();\n        /**\n         * Check to see if unit type has changed. If so schedule jobs that will\n         * temporarily set styles to the destination keyframes.\n         * Skip if we have more than two keyframes or this isn't a positional value.\n         * TODO: We can throw if there are multiple keyframes and the value type changes.\n         */\n        if (!positionalKeys.has(name) || unresolvedKeyframes.length !== 2) {\n            return;\n        }\n        const [origin, target] = unresolvedKeyframes;\n        const originType = findDimensionValueType(origin);\n        const targetType = findDimensionValueType(target);\n        /**\n         * If one keyframe contains embedded CSS variables (e.g. in calc()) and the other\n         * doesn't, we need to measure to convert to pixels. This handles GitHub issue #3410.\n         */\n        const originHasVar = containsCSSVariable(origin);\n        const targetHasVar = containsCSSVariable(target);\n        if (originHasVar !== targetHasVar && positionalValues[name]) {\n            this.needsMeasurement = true;\n            return;\n        }\n        /**\n         * Either we don't recognise these value types or we can animate between them.\n         */\n        if (originType === targetType)\n            return;\n        /**\n         * If both values are numbers or pixels, we can animate between them by\n         * converting them to numbers.\n         */\n        if (isNumOrPxType(originType) && isNumOrPxType(targetType)) {\n            for (let i = 0; i < unresolvedKeyframes.length; i++) {\n                const value = unresolvedKeyframes[i];\n                if (typeof value === \"string\") {\n                    unresolvedKeyframes[i] = parseFloat(value);\n                }\n            }\n        }\n        else if (positionalValues[name]) {\n            /**\n             * Else, the only way to resolve this is by measuring the element.\n             */\n            this.needsMeasurement = true;\n        }\n    }\n    resolveNoneKeyframes() {\n        const { unresolvedKeyframes, name } = this;\n        const noneKeyframeIndexes = [];\n        for (let i = 0; i < unresolvedKeyframes.length; i++) {\n            if (unresolvedKeyframes[i] === null ||\n                isNone(unresolvedKeyframes[i])) {\n                noneKeyframeIndexes.push(i);\n            }\n        }\n        if (noneKeyframeIndexes.length) {\n            makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, name);\n        }\n    }\n    measureInitialState() {\n        const { element, unresolvedKeyframes, name } = this;\n        if (!element || !element.current)\n            return;\n        if (name === \"height\") {\n            this.suspendedScrollY = window.pageYOffset;\n        }\n        this.measuredOrigin = positionalValues[name](element.measureViewportBox(), window.getComputedStyle(element.current));\n        unresolvedKeyframes[0] = this.measuredOrigin;\n        // Set final key frame to measure after next render\n        const measureKeyframe = unresolvedKeyframes[unresolvedKeyframes.length - 1];\n        if (measureKeyframe !== undefined) {\n            element.getValue(name, measureKeyframe).jump(measureKeyframe, false);\n        }\n    }\n    measureEndState() {\n        const { element, name, unresolvedKeyframes } = this;\n        if (!element || !element.current)\n            return;\n        const value = element.getValue(name);\n        value && value.jump(this.measuredOrigin, false);\n        const finalKeyframeIndex = unresolvedKeyframes.length - 1;\n        const finalKeyframe = unresolvedKeyframes[finalKeyframeIndex];\n        unresolvedKeyframes[finalKeyframeIndex] = positionalValues[name](element.measureViewportBox(), window.getComputedStyle(element.current));\n        if (finalKeyframe !== null && this.finalKeyframe === undefined) {\n            this.finalKeyframe = finalKeyframe;\n        }\n        // If we removed transform values, reapply them before the next render\n        if (this.removedTransforms?.length) {\n            this.removedTransforms.forEach(([unsetTransformName, unsetTransformValue]) => {\n                element\n                    .getValue(unsetTransformName)\n                    .set(unsetTransformValue);\n            });\n        }\n        this.resolveNoneKeyframes();\n    }\n}\n\nexport { DOMKeyframesResolver };\n//# sourceMappingURL=DOMKeyframesResolver.mjs.map\n"],"names":["DOMKeyframesResolver","KeyframeResolver","unresolvedKeyframes","onComplete","name","motionValue","element","i","keyframe","isCSSVariableToken","resolved","getVariableValue","positionalKeys","origin","target","originType","findDimensionValueType","targetType","originHasVar","containsCSSVariable","targetHasVar","positionalValues","isNumOrPxType","value","noneKeyframeIndexes","isNone","makeNoneKeyframesAnimatable","measureKeyframe","finalKeyframeIndex","finalKeyframe","unsetTransformName","unsetTransformValue"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es356.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs"],"sourcesContent":["import { millisecondsToSeconds } from 'motion-utils';\nimport { calcGeneratorDuration, maxGeneratorDuration } from './calc-duration.mjs';\n\n/**\n * Create a progress => progress easing function from a generator.\n */\nfunction createGeneratorEasing(options, scale = 100, createGenerator) {\n    const generator = createGenerator({ ...options, keyframes: [0, scale] });\n    const duration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);\n    return {\n        type: \"keyframes\",\n        ease: (progress) => {\n            return generator.next(duration * progress).value / scale;\n        },\n        duration: millisecondsToSeconds(duration),\n    };\n}\n\nexport { createGeneratorEasing };\n//# sourceMappingURL=create-generator-easing.mjs.map\n"],"names":["createGeneratorEasing","options","scale","createGenerator","generator","duration","calcGeneratorDuration","maxGeneratorDuration","progress","millisecondsToSeconds"],"mappings":";;AAMA,SAASA,EAAsBC,GAASC,IAAQ,KAAKC,GAAiB;AAClE,QAAMC,IAAYD,EAAgB,EAAE,GAAGF,GAAS,WAAW,CAAC,GAAGC,CAAK,GAAG,GACjEG,IAAW,KAAK,IAAIC,EAAsBF,CAAS,GAAGG,CAAoB;AAChF,SAAO;AAAA,IACH,MAAM;AAAA,IACN,MAAM,CAACC,MACIJ,EAAU,KAAKC,IAAWG,CAAQ,EAAE,QAAQN;AAAA,IAEvD,UAAUO,EAAsBJ,CAAQ;AAAA,EAChD;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es357.js

@@ -1,10 +1,7 @@
-import { auto as o } from "./visualization.es418.js";
-import { number as r } from "./visualization.es413.js";
-import { px as m, percent as t, degrees as i, vw as n, vh as p } from "./visualization.es414.js";
-import { testValueType as s } from "./visualization.es419.js";
-const f = [r, m, t, i, n, p, o], l = (e) => f.find(s(e));
+function o(n) {
+  return typeof n == "function" && "applyToOptions" in n;
+}
 export {
-  f as dimensionValueTypes,
-  l as findDimensionValueType
+  o as isGenerator
 };
 //# sourceMappingURL=visualization.es357.js.map

package/dist/visualization.es357.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es357.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/dimensions.mjs"],"sourcesContent":["import { auto } from './auto.mjs';\nimport { number } from './numbers/index.mjs';\nimport { px, percent, degrees, vw, vh } from './numbers/units.mjs';\nimport { testValueType } from './test.mjs';\n\n/**\n * A list of value types commonly used for dimensions\n */\nconst dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto];\n/**\n * Tests a dimensional value against the list of dimension ValueTypes\n */\nconst findDimensionValueType = (v) => dimensionValueTypes.find(testValueType(v));\n\nexport { dimensionValueTypes, findDimensionValueType };\n//# sourceMappingURL=dimensions.mjs.map\n"],"names":["dimensionValueTypes","number","px","percent","degrees","vw","vh","auto","findDimensionValueType","v","testValueType"],"mappings":";;;;AAQK,MAACA,IAAsB,CAACC,GAAQC,GAAIC,GAASC,GAASC,GAAIC,GAAIC,CAAI,GAIjEC,IAAyB,CAACC,MAAMT,EAAoB,KAAKU,EAAcD,CAAC,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es357.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/generators/utils/is-generator.mjs"],"sourcesContent":["function isGenerator(type) {\n    return typeof type === \"function\" && \"applyToOptions\" in type;\n}\n\nexport { isGenerator };\n//# sourceMappingURL=is-generator.mjs.map\n"],"names":["isGenerator","type"],"mappings":"AAAA,SAASA,EAAYC,GAAM;AACvB,SAAO,OAAOA,KAAS,cAAc,oBAAoBA;AAC7D;","x_google_ignoreList":[0]}

package/dist/visualization.es358.js

@@ -1,8 +1,69 @@
-import { isZeroValueString as n } from "./visualization.es445.js";
-function t(r) {
-  return typeof r == "number" ? r === 0 : r !== null ? r === "none" || r === "0" || n(r) : !0;
+import { positionalKeys as c } from "./visualization.es343.js";
+import { findDimensionValueType as d } from "./visualization.es359.js";
+import { getVariableValue as g } from "./visualization.es330.js";
+import { isCSSVariableToken as K, containsCSSVariable as h } from "./visualization.es331.js";
+import { KeyframeResolver as v } from "./visualization.es304.js";
+import { isNone as V } from "./visualization.es360.js";
+import { makeNoneKeyframesAnimatable as S } from "./visualization.es361.js";
+import { positionalValues as m, isNumOrPxType as p } from "./visualization.es362.js";
+class M extends v {
+  constructor(e, n, r, t, o) {
+    super(e, n, r, t, o, !0);
+  }
+  readKeyframes() {
+    const { unresolvedKeyframes: e, element: n, name: r } = this;
+    if (!n || !n.current)
+      return;
+    super.readKeyframes();
+    for (let s = 0; s < e.length; s++) {
+      let i = e[s];
+      if (typeof i == "string" && (i = i.trim(), K(i))) {
+        const u = g(i, n.current);
+        u !== void 0 && (e[s] = u), s === e.length - 1 && (this.finalKeyframe = i);
+      }
+    }
+    if (this.resolveNoneKeyframes(), !c.has(r) || e.length !== 2)
+      return;
+    const [t, o] = e, a = d(t), f = d(o), l = h(t), y = h(o);
+    if (l !== y && m[r]) {
+      this.needsMeasurement = !0;
+      return;
+    }
+    if (a !== f)
+      if (p(a) && p(f))
+        for (let s = 0; s < e.length; s++) {
+          const i = e[s];
+          typeof i == "string" && (e[s] = parseFloat(i));
+        }
+      else m[r] && (this.needsMeasurement = !0);
+  }
+  resolveNoneKeyframes() {
+    const { unresolvedKeyframes: e, name: n } = this, r = [];
+    for (let t = 0; t < e.length; t++)
+      (e[t] === null || V(e[t])) && r.push(t);
+    r.length && S(e, r, n);
+  }
+  measureInitialState() {
+    const { element: e, unresolvedKeyframes: n, name: r } = this;
+    if (!e || !e.current)
+      return;
+    r === "height" && (this.suspendedScrollY = window.pageYOffset), this.measuredOrigin = m[r](e.measureViewportBox(), window.getComputedStyle(e.current)), n[0] = this.measuredOrigin;
+    const t = n[n.length - 1];
+    t !== void 0 && e.getValue(r, t).jump(t, !1);
+  }
+  measureEndState() {
+    const { element: e, name: n, unresolvedKeyframes: r } = this;
+    if (!e || !e.current)
+      return;
+    const t = e.getValue(n);
+    t && t.jump(this.measuredOrigin, !1);
+    const o = r.length - 1, a = r[o];
+    r[o] = m[n](e.measureViewportBox(), window.getComputedStyle(e.current)), a !== null && this.finalKeyframe === void 0 && (this.finalKeyframe = a), this.removedTransforms?.length && this.removedTransforms.forEach(([f, l]) => {
+      e.getValue(f).set(l);
+    }), this.resolveNoneKeyframes();
+  }
 }
 export {
-  t as isNone
+  M as DOMKeyframesResolver
 };
 //# sourceMappingURL=visualization.es358.js.map