@weng-lab/visualization 2.4.1 → 2.4.3

package/dist/visualization.es36.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es36.js","sources":["../src/components/BarPlot/singleBar.tsx"],"sourcesContent":["import React, { memo, useCallback } from \"react\";\nimport { Group } from '@visx/group';\nimport { Text } from '@visx/text';\nimport { BarData, SingleBarProps } from \"./types\";\nimport { defaultStyles as defaultTooltipStyles, useTooltip, TooltipWithBounds, Portal } from '@visx/tooltip';\nimport { Bar, Circle } from \"@visx/shape\";\nimport { getAnimationProps } from \"../../utility\";\nimport { motion } from \"framer-motion\";\n\nconst fontFamily = \"Roboto,Helvetica,Arial,sans-serif\"\n\nconst SingleBar = <T,>({\n    index,\n    bar,\n    onBarClicked,\n    TooltipContents,\n    cutoffNegativeValues,\n    negativeCutoff,\n    xScale,\n    yScale,\n    barSize,\n    barSpacing,\n    gapBetweenTextAndBar,\n    getLollipopRadius,\n    animation,\n    animationEnabled,\n    animationBuffer,\n}: SingleBarProps<T>) => {\n    const { tooltipOpen, tooltipLeft, tooltipTop, tooltipData, hideTooltip, showTooltip } = useTooltip<BarData<T>>({});\n\n    const handleMouseMove = useCallback((event: React.MouseEvent<SVGGElement, MouseEvent>, data: BarData<T>) => {\n        showTooltip({\n            tooltipData: data,\n            tooltipLeft: event.pageX,\n            tooltipTop: event.pageY,\n        });\n    }, [showTooltip]);\n\n    const handleClick = useCallback(() => {\n        onBarClicked?.(bar);\n    }, [onBarClicked, bar]);\n\n    const handleMouseLeave = useCallback(() => {\n        hideTooltip();\n    }, [hideTooltip]);\n\n    const hovered = bar.id === tooltipData?.id;\n\n    const pointValue = cutoffNegativeValues ? Math.max(bar.value, negativeCutoff) : bar.value;\n\n    // Shared values\n    const bandPos = yScale(bar.id);\n    const bandSize = bar.id.split(\"-\")[0] === \"spacer\" ? barSpacing : barSize;\n\n    // Bar geometry\n    const barX = (pointValue > 0 ? xScale(0) : xScale(pointValue))\n\n    const barY = (bandPos ?? 0)\n\n    const barWidth = Math.abs(xScale(pointValue) - xScale(0))\n\n    const barHeight = bar.id.split(\"-\")[0] === \"spacer\" ? barSpacing : barSize\n\n    // Label positions\n    const categoryLabelX = -gapBetweenTextAndBar\n\n    const categoryLabelY = (bandPos ?? 0) + bandSize / 2\n\n    const valueLabelX = barX + barWidth + gapBetweenTextAndBar + (bar.lollipopValue && bar.value >= 0 ? getLollipopRadius(bar.lollipopValue) : 0)\n\n    const valueLabelY = barY + barHeight / 2\n\n    const Wrapper = animation && animationEnabled ? motion.g : \"g\";\n    const animProps = getAnimationProps(animation, index, animationBuffer ?? .03);\n\n    return (\n        <>\n            <Group\n                onClick={handleClick}\n                style={onBarClicked && { cursor: 'pointer' }}\n                onMouseMove={(event) => handleMouseMove(event, bar)}\n                onMouseLeave={handleMouseLeave}\n                fontFamily={fontFamily}\n            >\n                {/* Category label */}\n                <Text\n                    x={categoryLabelX}\n                    y={categoryLabelY}\n                    dy={\".35em\"}\n                    textAnchor={\"end\"}\n                    fill=\"black\"\n                    fontSize={12}\n                >\n                    {bar.category}\n                </Text>\n                <Wrapper {...animProps}>\n                    <Group>\n                        <Bar\n                            x={barX}\n                            y={barY}\n                            width={barWidth}\n                            height={barHeight}\n                            fill={bar.color || \"black\"}\n                            opacity={cutoffNegativeValues && pointValue === negativeCutoff ? 0.4 : 1}\n                            rx={3}\n                            stroke={hovered ? \"black\" : (bar.stroke || \"none\")}\n                        />\n                        {bar.lollipopValue && (\n                            <>\n                                <Circle\n                                    r={getLollipopRadius(bar.lollipopValue) * 1.5}\n                                    cx={bar.value < 0 ? barX : barX + barWidth}\n                                    cy={barY + barHeight / 2}\n                                    fill={bar.color}\n                                    stroke={hovered ? \"black\" : \"none\"}\n                                />\n                                <Circle\n                                    r={getLollipopRadius(bar.lollipopValue)}\n                                    cx={bar.value < 0 ? barX : barX + barWidth}\n                                    cy={barY + barHeight / 2}\n                                    fill='black'\n                                />\n                            </>\n                        )}\n                        {/* Value label */}\n                        <Text\n                            x={valueLabelX}\n                            y={valueLabelY}\n                            dy={\".35em\"}\n                            textAnchor={\"start\"}\n                            fill=\"black\"\n                            fontSize={12}\n                        >\n                            {bar.label}\n                        </Text>\n                    </Group>\n                </Wrapper>\n            </Group>\n            {/* Maybe should provide a default tooltip */}\n            {TooltipContents && tooltipOpen && (\n                <Portal>\n                    <TooltipWithBounds\n                        top={tooltipTop}\n                        left={tooltipLeft}\n                        style={{ ...defaultTooltipStyles, backgroundColor: '#283238', color: 'white', zIndex: 1000 }}\n                    >\n                        {tooltipData && (\n                            <TooltipContents {...tooltipData as BarData<T>} />\n                        )}\n                    </TooltipWithBounds>\n                </Portal>\n            )}\n        </>\n    )\n}\n\n// memo() doesn't preserve generic type parameters, so cast back to the generic signature\nexport default memo(SingleBar) as typeof SingleBar;"],"names":["fontFamily","SingleBar","t0","$","_c","index","bar","onBarClicked","TooltipContents","cutoffNegativeValues","negativeCutoff","xScale","yScale","barSize","barSpacing","gapBetweenTextAndBar","getLollipopRadius","animation","animationEnabled","animationBuffer","t1","Symbol","for","tooltipOpen","tooltipLeft","tooltipTop","tooltipData","hideTooltip","showTooltip","useTooltip","t2","event","data","pageX","pageY","handleMouseMove","t3","handleClick","t4","handleMouseLeave","hovered","id","pointValue","Math","max","value","t5","bandPos","bandSize","split","barX","barY","barWidth","abs","barHeight","categoryLabelX","categoryLabelY","valueLabelX","lollipopValue","valueLabelY","Wrapper","motion","g","t6","t7","getAnimationProps","animProps","t8","cursor","t9","event_0","t10","category","Text","t11","color","t12","t13","stroke","t14","Bar","t15","jsxs","Fragment","jsx","Circle","t16","label","t17","Group","t18","t19","t20","Portal","TooltipWithBounds","defaultTooltipStyles","backgroundColor","zIndex","t21","SingleBar$1","memo"],"mappings":"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"}
+{"version":3,"file":"visualization.es36.js","sources":["../../../node_modules/.pnpm/use-react-screenshot@4.0.0_html2canvas@1.4.1_react@19.2.4/node_modules/use-react-screenshot/dist/index.es.js"],"sourcesContent":["import { useState } from 'react';\nimport html2canvas from 'html2canvas';\n\nfunction _slicedToArray(arr, i) {\n  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();\n}\n\nfunction _arrayWithHoles(arr) {\n  if (Array.isArray(arr)) return arr;\n}\n\nfunction _iterableToArrayLimit(arr, i) {\n  if (typeof Symbol === \"undefined\" || !(Symbol.iterator in Object(arr))) return;\n  var _arr = [];\n  var _n = true;\n  var _d = false;\n  var _e = undefined;\n\n  try {\n    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n      _arr.push(_s.value);\n\n      if (i && _arr.length === i) break;\n    }\n  } catch (err) {\n    _d = true;\n    _e = err;\n  } finally {\n    try {\n      if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n    } finally {\n      if (_d) throw _e;\n    }\n  }\n\n  return _arr;\n}\n\nfunction _unsupportedIterableToArray(o, minLen) {\n  if (!o) return;\n  if (typeof o === \"string\") return _arrayLikeToArray(o, minLen);\n  var n = Object.prototype.toString.call(o).slice(8, -1);\n  if (n === \"Object\" && o.constructor) n = o.constructor.name;\n  if (n === \"Map\" || n === \"Set\") return Array.from(n);\n  if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);\n}\n\nfunction _arrayLikeToArray(arr, len) {\n  if (len == null || len > arr.length) len = arr.length;\n\n  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];\n\n  return arr2;\n}\n\nfunction _nonIterableRest() {\n  throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\");\n}\n\n/**\n * @module Main_Hook\n * Hook return\n * @typedef {Array} HookReturn\n * @property {string} HookReturn[0] - image string\n * @property {string} HookReturn[1] - take screen shot string\n * @property {object} HookReturn[2] - errors\n */\n\n/**\n * hook for creating screenshot from html node\n * @returns {HookReturn}\n */\n\nvar useScreenshot = function useScreenshot() {\n  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n      type = _ref.type,\n      quality = _ref.quality;\n\n  var _useState = useState(null),\n      _useState2 = _slicedToArray(_useState, 2),\n      image = _useState2[0],\n      setImage = _useState2[1];\n\n  var _useState3 = useState(null),\n      _useState4 = _slicedToArray(_useState3, 2),\n      error = _useState4[0],\n      setError = _useState4[1];\n  /**\n   * convert html node to image\n   * @param {HTMLElement} node\n   * @param {Options} html2canvas options\n   */\n\n\n  var takeScreenShot = function takeScreenShot(node) {\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n\n    if (!node) {\n      throw new Error('You should provide correct html node.');\n    }\n\n    return html2canvas(node, options).then(function (canvas) {\n      var croppedCanvas = document.createElement('canvas');\n      var croppedCanvasContext = croppedCanvas.getContext('2d'); // init data\n\n      var cropPositionTop = 0;\n      var cropPositionLeft = 0;\n      var cropWidth = canvas.width;\n      var cropHeight = canvas.height;\n      croppedCanvas.width = cropWidth;\n      croppedCanvas.height = cropHeight;\n      croppedCanvasContext.drawImage(canvas, cropPositionLeft, cropPositionTop);\n      var base64Image = croppedCanvas.toDataURL(type, quality);\n      setImage(base64Image);\n      return base64Image;\n    })[\"catch\"](setError);\n  };\n\n  return [image, takeScreenShot, {\n    error: error\n  }];\n};\n/**\n * creates name of file\n * @param {string} extension\n * @param  {string[]} parts of file name\n */\n\n\nvar createFileName = function createFileName() {\n  var extension = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';\n\n  if (!extension) {\n    return '';\n  }\n\n  for (var _len = arguments.length, names = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n    names[_key - 1] = arguments[_key];\n  }\n\n  return \"\".concat(names.join(''), \".\").concat(extension);\n};\n\nexport { createFileName, useScreenshot };\n//# sourceMappingURL=index.es.js.map\n"],"names":["_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","_arr","_n","_d","_e","_i","_s","err","o","minLen","_arrayLikeToArray","n","len","arr2","useScreenshot","_ref","type","quality","_useState","useState","_useState2","image","setImage","_useState3","_useState4","error","setError","takeScreenShot","node","options","html2canvas","canvas","croppedCanvas","croppedCanvasContext","cropPositionTop","cropPositionLeft","cropWidth","cropHeight","base64Image"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/visualization.es360.js

@@ -1,8 +1,5 @@
-import { isZeroValueString as n } from "./visualization.es447.js";
-function t(r) {
-  return typeof r == "number" ? r === 0 : r !== null ? r === "none" || r === "0" || n(r) : !0;
-}
+const n = (r) => Array.isArray(r) && typeof r[0] != "number";
 export {
-  t as isNone
+  n as isEasingArray
 };
 //# sourceMappingURL=visualization.es360.js.map

package/dist/visualization.es360.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es360.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/utils/is-none.mjs"],"sourcesContent":["import { isZeroValueString } from 'motion-utils';\n\nfunction isNone(value) {\n    if (typeof value === \"number\") {\n        return value === 0;\n    }\n    else if (value !== null) {\n        return value === \"none\" || value === \"0\" || isZeroValueString(value);\n    }\n    else {\n        return true;\n    }\n}\n\nexport { isNone };\n//# sourceMappingURL=is-none.mjs.map\n"],"names":["isNone","value","isZeroValueString"],"mappings":";AAEA,SAASA,EAAOC,GAAO;AACnB,SAAI,OAAOA,KAAU,WACVA,MAAU,IAEZA,MAAU,OACRA,MAAU,UAAUA,MAAU,OAAOC,EAAkBD,CAAK,IAG5D;AAEf;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es360.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.es361.js

@@ -1,17 +1,33 @@
-import { analyseComplexValue as l } from "./visualization.es406.js";
-import { getAnimatableNone as m } from "./visualization.es428.js";
-const f = /* @__PURE__ */ new Set(["auto", "none", "0"]);
-function g(e, i, o) {
-  let n = 0, a;
-  for (; n < e.length && !a; ) {
-    const t = e[n];
-    typeof t == "string" && !f.has(t) && l(t).values.length && (a = e[n]), n++;
-  }
-  if (a && o)
-    for (const t of i)
-      e[t] = m(o, a);
-}
+import { invariant as e } from "./visualization.es326.js";
+import { noop as c } from "./visualization.es318.js";
+import { anticipate as u } from "./visualization.es494.js";
+import { backOut as s, backInOut as m, backIn as p } from "./visualization.es495.js";
+import { circOut as l, circInOut as b, circIn as f } from "./visualization.es473.js";
+import { cubicBezier as g } from "./visualization.es496.js";
+import { easeOut as I, easeInOut as y, easeIn as O } from "./visualization.es93.js";
+import { isBezierDefinition as k } from "./visualization.es378.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 {
-  g as makeNoneKeyframesAnimatable
+  L as easingDefinitionToFunction
 };
 //# sourceMappingURL=visualization.es361.js.map

package/dist/visualization.es361.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es361.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/utils/make-none-animatable.mjs"],"sourcesContent":["import { analyseComplexValue } from '../../../value/types/complex/index.mjs';\nimport { getAnimatableNone } from '../../../value/types/utils/animatable-none.mjs';\n\n/**\n * If we encounter keyframes like \"none\" or \"0\" and we also have keyframes like\n * \"#fff\" or \"200px 200px\" we want to find a keyframe to serve as a template for\n * the \"none\" keyframes. In this case \"#fff\" or \"200px 200px\" - then these get turned into\n * zero equivalents, i.e. \"#fff0\" or \"0px 0px\".\n */\nconst invalidTemplates = new Set([\"auto\", \"none\", \"0\"]);\nfunction makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, name) {\n    let i = 0;\n    let animatableTemplate = undefined;\n    while (i < unresolvedKeyframes.length && !animatableTemplate) {\n        const keyframe = unresolvedKeyframes[i];\n        if (typeof keyframe === \"string\" &&\n            !invalidTemplates.has(keyframe) &&\n            analyseComplexValue(keyframe).values.length) {\n            animatableTemplate = unresolvedKeyframes[i];\n        }\n        i++;\n    }\n    if (animatableTemplate && name) {\n        for (const noneIndex of noneKeyframeIndexes) {\n            unresolvedKeyframes[noneIndex] = getAnimatableNone(name, animatableTemplate);\n        }\n    }\n}\n\nexport { makeNoneKeyframesAnimatable };\n//# sourceMappingURL=make-none-animatable.mjs.map\n"],"names":["invalidTemplates","makeNoneKeyframesAnimatable","unresolvedKeyframes","noneKeyframeIndexes","name","i","animatableTemplate","keyframe","analyseComplexValue","noneIndex","getAnimatableNone"],"mappings":";;AASA,MAAMA,IAAmB,oBAAI,IAAI,CAAC,QAAQ,QAAQ,GAAG,CAAC;AACtD,SAASC,EAA4BC,GAAqBC,GAAqBC,GAAM;AACjF,MAAIC,IAAI,GACJC;AACJ,SAAOD,IAAIH,EAAoB,UAAU,CAACI,KAAoB;AAC1D,UAAMC,IAAWL,EAAoBG,CAAC;AACtC,IAAI,OAAOE,KAAa,YACpB,CAACP,EAAiB,IAAIO,CAAQ,KAC9BC,EAAoBD,CAAQ,EAAE,OAAO,WACrCD,IAAqBJ,EAAoBG,CAAC,IAE9CA;AAAA,EACJ;AACA,MAAIC,KAAsBF;AACtB,eAAWK,KAAaN;AACpB,MAAAD,EAAoBO,CAAS,IAAIC,EAAkBN,GAAME,CAAkB;AAGvF;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es361.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.es362.js

@@ -1,38 +1,11 @@
-import { parseValueFromTransform as n } from "./visualization.es389.js";
-import { transformPropOrder as m } from "./visualization.es334.js";
-import { number as i } from "./visualization.es415.js";
-import { px as l } from "./visualization.es416.js";
-const h = (r) => r === i || r === l, p = /* @__PURE__ */ new Set(["x", "y", "z"]), f = m.filter((r) => !p.has(r));
-function F(r) {
-  const o = [];
-  return f.forEach((t) => {
-    const a = r.getValue(t);
-    a !== void 0 && (o.push([t, a.get()]), a.set(t.startsWith("scale") ? 1 : 0));
-  }), o;
-}
-const s = {
-  // Dimensions
-  width: ({ x: r }, { paddingLeft: o = "0", paddingRight: t = "0", boxSizing: a }) => {
-    const e = r.max - r.min;
-    return a === "border-box" ? e : e - parseFloat(o) - parseFloat(t);
-  },
-  height: ({ y: r }, { paddingTop: o = "0", paddingBottom: t = "0", boxSizing: a }) => {
-    const e = r.max - r.min;
-    return a === "border-box" ? e : e - parseFloat(o) - parseFloat(t);
-  },
-  top: (r, { top: o }) => parseFloat(o),
-  left: (r, { left: o }) => parseFloat(o),
-  bottom: ({ y: r }, { top: o }) => parseFloat(o) + (r.max - r.min),
-  right: ({ x: r }, { left: o }) => parseFloat(o) + (r.max - r.min),
-  // Transform
-  x: (r, { transform: o }) => n(o, "x"),
-  y: (r, { transform: o }) => n(o, "y")
+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)})`;
 };
-s.translateX = s.x;
-s.translateY = s.y;
 export {
-  h as isNumOrPxType,
-  s as positionalValues,
-  F as removeNonTranslationalTransform
+  i as generateLinearEasing
 };
 //# sourceMappingURL=visualization.es362.js.map

package/dist/visualization.es362.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es362.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/utils/unit-conversion.mjs"],"sourcesContent":["import { parseValueFromTransform } from '../../../render/dom/parse-transform.mjs';\nimport { transformPropOrder } from '../../../render/utils/keys-transform.mjs';\nimport { number } from '../../../value/types/numbers/index.mjs';\nimport { px } from '../../../value/types/numbers/units.mjs';\n\nconst isNumOrPxType = (v) => v === number || v === px;\nconst transformKeys = new Set([\"x\", \"y\", \"z\"]);\nconst nonTranslationalTransformKeys = transformPropOrder.filter((key) => !transformKeys.has(key));\nfunction removeNonTranslationalTransform(visualElement) {\n    const removedTransforms = [];\n    nonTranslationalTransformKeys.forEach((key) => {\n        const value = visualElement.getValue(key);\n        if (value !== undefined) {\n            removedTransforms.push([key, value.get()]);\n            value.set(key.startsWith(\"scale\") ? 1 : 0);\n        }\n    });\n    return removedTransforms;\n}\nconst positionalValues = {\n    // Dimensions\n    width: ({ x }, { paddingLeft = \"0\", paddingRight = \"0\", boxSizing }) => {\n        const width = x.max - x.min;\n        return boxSizing === \"border-box\"\n            ? width\n            : width - parseFloat(paddingLeft) - parseFloat(paddingRight);\n    },\n    height: ({ y }, { paddingTop = \"0\", paddingBottom = \"0\", boxSizing }) => {\n        const height = y.max - y.min;\n        return boxSizing === \"border-box\"\n            ? height\n            : height - parseFloat(paddingTop) - parseFloat(paddingBottom);\n    },\n    top: (_bbox, { top }) => parseFloat(top),\n    left: (_bbox, { left }) => parseFloat(left),\n    bottom: ({ y }, { top }) => parseFloat(top) + (y.max - y.min),\n    right: ({ x }, { left }) => parseFloat(left) + (x.max - x.min),\n    // Transform\n    x: (_bbox, { transform }) => parseValueFromTransform(transform, \"x\"),\n    y: (_bbox, { transform }) => parseValueFromTransform(transform, \"y\"),\n};\n// Alias translate longform names\npositionalValues.translateX = positionalValues.x;\npositionalValues.translateY = positionalValues.y;\n\nexport { isNumOrPxType, positionalValues, removeNonTranslationalTransform };\n//# sourceMappingURL=unit-conversion.mjs.map\n"],"names":["isNumOrPxType","v","number","px","transformKeys","nonTranslationalTransformKeys","transformPropOrder","key","removeNonTranslationalTransform","visualElement","removedTransforms","value","positionalValues","x","paddingLeft","paddingRight","boxSizing","width","y","paddingTop","paddingBottom","height","_bbox","top","left","transform","parseValueFromTransform"],"mappings":";;;;AAKK,MAACA,IAAgB,CAACC,MAAMA,MAAMC,KAAUD,MAAME,GAC7CC,IAAgB,oBAAI,IAAI,CAAC,KAAK,KAAK,GAAG,CAAC,GACvCC,IAAgCC,EAAmB,OAAO,CAACC,MAAQ,CAACH,EAAc,IAAIG,CAAG,CAAC;AAChG,SAASC,EAAgCC,GAAe;AACpD,QAAMC,IAAoB,CAAA;AAC1B,SAAAL,EAA8B,QAAQ,CAACE,MAAQ;AAC3C,UAAMI,IAAQF,EAAc,SAASF,CAAG;AACxC,IAAII,MAAU,WACVD,EAAkB,KAAK,CAACH,GAAKI,EAAM,IAAG,CAAE,CAAC,GACzCA,EAAM,IAAIJ,EAAI,WAAW,OAAO,IAAI,IAAI,CAAC;AAAA,EAEjD,CAAC,GACMG;AACX;AACK,MAACE,IAAmB;AAAA;AAAA,EAErB,OAAO,CAAC,EAAE,GAAAC,EAAC,GAAI,EAAE,aAAAC,IAAc,KAAK,cAAAC,IAAe,KAAK,WAAAC,QAAgB;AACpE,UAAMC,IAAQJ,EAAE,MAAMA,EAAE;AACxB,WAAOG,MAAc,eACfC,IACAA,IAAQ,WAAWH,CAAW,IAAI,WAAWC,CAAY;AAAA,EACnE;AAAA,EACA,QAAQ,CAAC,EAAE,GAAAG,EAAC,GAAI,EAAE,YAAAC,IAAa,KAAK,eAAAC,IAAgB,KAAK,WAAAJ,QAAgB;AACrE,UAAMK,IAASH,EAAE,MAAMA,EAAE;AACzB,WAAOF,MAAc,eACfK,IACAA,IAAS,WAAWF,CAAU,IAAI,WAAWC,CAAa;AAAA,EACpE;AAAA,EACA,KAAK,CAACE,GAAO,EAAE,KAAAC,EAAG,MAAO,WAAWA,CAAG;AAAA,EACvC,MAAM,CAACD,GAAO,EAAE,MAAAE,EAAI,MAAO,WAAWA,CAAI;AAAA,EAC1C,QAAQ,CAAC,EAAE,GAAAN,EAAC,GAAI,EAAE,KAAAK,EAAG,MAAO,WAAWA,CAAG,KAAKL,EAAE,MAAMA,EAAE;AAAA,EACzD,OAAO,CAAC,EAAE,GAAAL,EAAC,GAAI,EAAE,MAAAW,EAAI,MAAO,WAAWA,CAAI,KAAKX,EAAE,MAAMA,EAAE;AAAA;AAAA,EAE1D,GAAG,CAACS,GAAO,EAAE,WAAAG,EAAS,MAAOC,EAAwBD,GAAW,GAAG;AAAA,EACnE,GAAG,CAACH,GAAO,EAAE,WAAAG,EAAS,MAAOC,EAAwBD,GAAW,GAAG;AACvE;AAEAb,EAAiB,aAAaA,EAAiB;AAC/CA,EAAiB,aAAaA,EAAiB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es362.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.es363.js

@@ -1,8 +1,14 @@
-function t(i) {
-  for (let l = 1; l < i.length; l++)
-    i[l] ?? (i[l] = i[l - 1]);
+import { calcGeneratorDuration as i, maxGeneratorDuration as m } from "./visualization.es323.js";
+import { millisecondsToSeconds as s } from "./visualization.es328.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 {
-  t as fillWildcards
+  f as createGeneratorEasing
 };
 //# sourceMappingURL=visualization.es363.js.map

package/dist/visualization.es363.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es363.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/utils/fill-wildcards.mjs"],"sourcesContent":["function fillWildcards(keyframes) {\n    for (let i = 1; i < keyframes.length; i++) {\n        keyframes[i] ?? (keyframes[i] = keyframes[i - 1]);\n    }\n}\n\nexport { fillWildcards };\n//# sourceMappingURL=fill-wildcards.mjs.map\n"],"names":["fillWildcards","keyframes","i"],"mappings":"AAAA,SAASA,EAAcC,GAAW;AAC9B,WAASC,IAAI,GAAGA,IAAID,EAAU,QAAQC;AAClC,IAAAD,EAAUC,CAAC,MAAMD,EAAUC,CAAC,IAAID,EAAUC,IAAI,CAAC;AAEvD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es363.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.es364.js

@@ -1,13 +1,7 @@
-import { mixNumber as e } from "./visualization.es365.js";
-import { progress as f } from "./visualization.es366.js";
-function l(o, t) {
-  const s = o[o.length - 1];
-  for (let r = 1; r <= t; r++) {
-    const m = f(0, t, r);
-    o.push(e(s, 1, m));
-  }
+function o(n) {
+  return typeof n == "function" && "applyToOptions" in n;
 }
 export {
-  l as fillOffset
+  o as isGenerator
 };
 //# sourceMappingURL=visualization.es364.js.map

package/dist/visualization.es364.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es364.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/offsets/fill.mjs"],"sourcesContent":["import { progress } from 'motion-utils';\nimport { mixNumber } from '../../../utils/mix/number.mjs';\n\nfunction fillOffset(offset, remaining) {\n    const min = offset[offset.length - 1];\n    for (let i = 1; i <= remaining; i++) {\n        const offsetProgress = progress(0, remaining, i);\n        offset.push(mixNumber(min, 1, offsetProgress));\n    }\n}\n\nexport { fillOffset };\n//# sourceMappingURL=fill.mjs.map\n"],"names":["fillOffset","offset","remaining","min","i","offsetProgress","progress","mixNumber"],"mappings":";;AAGA,SAASA,EAAWC,GAAQC,GAAW;AACnC,QAAMC,IAAMF,EAAOA,EAAO,SAAS,CAAC;AACpC,WAASG,IAAI,GAAGA,KAAKF,GAAWE,KAAK;AACjC,UAAMC,IAAiBC,EAAS,GAAGJ,GAAWE,CAAC;AAC/C,IAAAH,EAAO,KAAKM,EAAUJ,GAAK,GAAGE,CAAc,CAAC;AAAA,EACjD;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es364.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.es365.js

@@ -1,5 +1,69 @@
-const n = (e, r, t) => e + (r - e) * t;
+import { positionalKeys as c } from "./visualization.es350.js";
+import { findDimensionValueType as d } from "./visualization.es366.js";
+import { getVariableValue as g } from "./visualization.es337.js";
+import { isCSSVariableToken as K, containsCSSVariable as h } from "./visualization.es338.js";
+import { KeyframeResolver as v } from "./visualization.es311.js";
+import { isNone as V } from "./visualization.es367.js";
+import { makeNoneKeyframesAnimatable as S } from "./visualization.es368.js";
+import { positionalValues as m, isNumOrPxType as p } from "./visualization.es369.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 {
-  n as mixNumber
+  M as DOMKeyframesResolver
 };
 //# sourceMappingURL=visualization.es365.js.map

package/dist/visualization.es365.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es365.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/mix/number.mjs"],"sourcesContent":["/*\n  Value in range from progress\n\n  Given a lower limit and an upper limit, we return the value within\n  that range as expressed by progress (usually a number from 0 to 1)\n\n  So progress = 0.5 would change\n\n  from -------- to\n\n  to\n\n  from ---- to\n\n  E.g. from = 10, to = 20, progress = 0.5 => 15\n\n  @param [number]: Lower limit of range\n  @param [number]: Upper limit of range\n  @param [number]: The progress between lower and upper limits expressed 0-1\n  @return [number]: Value as calculated from progress within range (not limited within range)\n*/\nconst mixNumber = (from, to, progress) => {\n    return from + (to - from) * progress;\n};\n\nexport { mixNumber };\n//# sourceMappingURL=number.mjs.map\n"],"names":["mixNumber","from","to","progress"],"mappings":"AAqBK,MAACA,IAAY,CAACC,GAAMC,GAAIC,MAClBF,KAAQC,IAAKD,KAAQE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es365.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]}

package/dist/visualization.es366.js

@@ -1,8 +1,10 @@
-const n = /* @__NO_SIDE_EFFECTS__ */ (e, o, t) => {
-  const r = o - e;
-  return r === 0 ? 1 : (t - e) / r;
-};
+import { auto as o } from "./visualization.es427.js";
+import { number as r } from "./visualization.es422.js";
+import { px as m, percent as t, degrees as i, vw as n, vh as p } from "./visualization.es423.js";
+import { testValueType as s } from "./visualization.es428.js";
+const f = [r, m, t, i, n, p, o], l = (e) => f.find(s(e));
 export {
-  n as progress
+  f as dimensionValueTypes,
+  l as findDimensionValueType
 };
 //# sourceMappingURL=visualization.es366.js.map

package/dist/visualization.es366.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es366.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/progress.mjs"],"sourcesContent":["/*\n  Progress within given range\n\n  Given a lower limit and an upper limit, we return the progress\n  (expressed as a number 0-1) represented by the given value, and\n  limit that progress to within 0-1.\n\n  @param [number]: Lower limit\n  @param [number]: Upper limit\n  @param [number]: Value to find progress within given range\n  @return [number]: Progress of value within range as expressed 0-1\n*/\n/*#__NO_SIDE_EFFECTS__*/\nconst progress = (from, to, value) => {\n    const toFromDifference = to - from;\n    return toFromDifference === 0 ? 1 : (value - from) / toFromDifference;\n};\n\nexport { progress };\n//# sourceMappingURL=progress.mjs.map\n"],"names":["progress","from","to","value","toFromDifference"],"mappings":"AAaK,MAACA,+BAAW,CAACC,GAAMC,GAAIC,MAAU;AAClC,QAAMC,IAAmBF,IAAKD;AAC9B,SAAOG,MAAqB,IAAI,KAAKD,IAAQF,KAAQG;AACzD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es366.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]}

package/dist/visualization.es367.js

@@ -1,5 +1,8 @@
-const $ = ([c, e, i, r]) => `cubic-bezier(${c}, ${e}, ${i}, ${r})`;
+import { isZeroValueString as n } from "./visualization.es454.js";
+function t(r) {
+  return typeof r == "number" ? r === 0 : r !== null ? r === "none" || r === "0" || n(r) : !0;
+}
 export {
-  $ as cubicBezierAsString
+  t as isNone
 };
 //# sourceMappingURL=visualization.es367.js.map

package/dist/visualization.es367.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es367.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/waapi/easing/cubic-bezier.mjs"],"sourcesContent":["const cubicBezierAsString = ([a, b, c, d]) => `cubic-bezier(${a}, ${b}, ${c}, ${d})`;\n\nexport { cubicBezierAsString };\n//# sourceMappingURL=cubic-bezier.mjs.map\n"],"names":["cubicBezierAsString","a","b","c","d"],"mappings":"AAAK,MAACA,IAAsB,CAAC,CAACC,GAAGC,GAAGC,GAAGC,CAAC,MAAM,gBAAgBH,CAAC,KAAKC,CAAC,KAAKC,CAAC,KAAKC,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es367.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/utils/is-none.mjs"],"sourcesContent":["import { isZeroValueString } from 'motion-utils';\n\nfunction isNone(value) {\n    if (typeof value === \"number\") {\n        return value === 0;\n    }\n    else if (value !== null) {\n        return value === \"none\" || value === \"0\" || isZeroValueString(value);\n    }\n    else {\n        return true;\n    }\n}\n\nexport { isNone };\n//# sourceMappingURL=is-none.mjs.map\n"],"names":["isNone","value","isZeroValueString"],"mappings":";AAEA,SAASA,EAAOC,GAAO;AACnB,SAAI,OAAOA,KAAU,WACVA,MAAU,IAEZA,MAAU,OACRA,MAAU,UAAUA,MAAU,OAAOC,EAAkBD,CAAK,IAG5D;AAEf;","x_google_ignoreList":[0]}

package/dist/visualization.es368.js

@@ -1,13 +1,17 @@
-import { supportsLinearEasing as o } from "./visualization.es369.js";
-import { generateLinearEasing as f } from "./visualization.es355.js";
-import { cubicBezierAsString as n } from "./visualization.es367.js";
-import { supportedWaapiEasing as i } from "./visualization.es370.js";
-import { isBezierDefinition as p } from "./visualization.es371.js";
-function m(r, e) {
-  if (r)
-    return typeof r == "function" ? o() ? f(r, e) : "ease-out" : p(r) ? n(r) : Array.isArray(r) ? r.map((t) => m(t, e) || i.easeOut) : i[r];
+import { analyseComplexValue as l } from "./visualization.es413.js";
+import { getAnimatableNone as m } from "./visualization.es435.js";
+const f = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function g(e, i, o) {
+  let n = 0, a;
+  for (; n < e.length && !a; ) {
+    const t = e[n];
+    typeof t == "string" && !f.has(t) && l(t).values.length && (a = e[n]), n++;
+  }
+  if (a && o)
+    for (const t of i)
+      e[t] = m(o, a);
 }
 export {
-  m as mapEasingToNativeEasing
+  g as makeNoneKeyframesAnimatable
 };
 //# sourceMappingURL=visualization.es368.js.map

package/dist/visualization.es368.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es368.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/waapi/easing/map-easing.mjs"],"sourcesContent":["import { isBezierDefinition } from 'motion-utils';\nimport { supportsLinearEasing } from '../../../utils/supports/linear-easing.mjs';\nimport { generateLinearEasing } from '../utils/linear.mjs';\nimport { cubicBezierAsString } from './cubic-bezier.mjs';\nimport { supportedWaapiEasing } from './supported.mjs';\n\nfunction mapEasingToNativeEasing(easing, duration) {\n    if (!easing) {\n        return undefined;\n    }\n    else if (typeof easing === \"function\") {\n        return supportsLinearEasing()\n            ? generateLinearEasing(easing, duration)\n            : \"ease-out\";\n    }\n    else if (isBezierDefinition(easing)) {\n        return cubicBezierAsString(easing);\n    }\n    else if (Array.isArray(easing)) {\n        return easing.map((segmentEasing) => mapEasingToNativeEasing(segmentEasing, duration) ||\n            supportedWaapiEasing.easeOut);\n    }\n    else {\n        return supportedWaapiEasing[easing];\n    }\n}\n\nexport { mapEasingToNativeEasing };\n//# sourceMappingURL=map-easing.mjs.map\n"],"names":["mapEasingToNativeEasing","easing","duration","supportsLinearEasing","generateLinearEasing","isBezierDefinition","cubicBezierAsString","segmentEasing","supportedWaapiEasing"],"mappings":";;;;;AAMA,SAASA,EAAwBC,GAAQC,GAAU;AAC/C,MAAKD;AAGA,WAAI,OAAOA,KAAW,aAChBE,EAAoB,IACrBC,EAAqBH,GAAQC,CAAQ,IACrC,aAEDG,EAAmBJ,CAAM,IACvBK,EAAoBL,CAAM,IAE5B,MAAM,QAAQA,CAAM,IAClBA,EAAO,IAAI,CAACM,MAAkBP,EAAwBO,GAAeL,CAAQ,KAChFM,EAAqB,OAAO,IAGzBA,EAAqBP,CAAM;AAE1C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es368.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/utils/make-none-animatable.mjs"],"sourcesContent":["import { analyseComplexValue } from '../../../value/types/complex/index.mjs';\nimport { getAnimatableNone } from '../../../value/types/utils/animatable-none.mjs';\n\n/**\n * If we encounter keyframes like \"none\" or \"0\" and we also have keyframes like\n * \"#fff\" or \"200px 200px\" we want to find a keyframe to serve as a template for\n * the \"none\" keyframes. In this case \"#fff\" or \"200px 200px\" - then these get turned into\n * zero equivalents, i.e. \"#fff0\" or \"0px 0px\".\n */\nconst invalidTemplates = new Set([\"auto\", \"none\", \"0\"]);\nfunction makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, name) {\n    let i = 0;\n    let animatableTemplate = undefined;\n    while (i < unresolvedKeyframes.length && !animatableTemplate) {\n        const keyframe = unresolvedKeyframes[i];\n        if (typeof keyframe === \"string\" &&\n            !invalidTemplates.has(keyframe) &&\n            analyseComplexValue(keyframe).values.length) {\n            animatableTemplate = unresolvedKeyframes[i];\n        }\n        i++;\n    }\n    if (animatableTemplate && name) {\n        for (const noneIndex of noneKeyframeIndexes) {\n            unresolvedKeyframes[noneIndex] = getAnimatableNone(name, animatableTemplate);\n        }\n    }\n}\n\nexport { makeNoneKeyframesAnimatable };\n//# sourceMappingURL=make-none-animatable.mjs.map\n"],"names":["invalidTemplates","makeNoneKeyframesAnimatable","unresolvedKeyframes","noneKeyframeIndexes","name","i","animatableTemplate","keyframe","analyseComplexValue","noneIndex","getAnimatableNone"],"mappings":";;AASA,MAAMA,IAAmB,oBAAI,IAAI,CAAC,QAAQ,QAAQ,GAAG,CAAC;AACtD,SAASC,EAA4BC,GAAqBC,GAAqBC,GAAM;AACjF,MAAIC,IAAI,GACJC;AACJ,SAAOD,IAAIH,EAAoB,UAAU,CAACI,KAAoB;AAC1D,UAAMC,IAAWL,EAAoBG,CAAC;AACtC,IAAI,OAAOE,KAAa,YACpB,CAACP,EAAiB,IAAIO,CAAQ,KAC9BC,EAAoBD,CAAQ,EAAE,OAAO,WACrCD,IAAqBJ,EAAoBG,CAAC,IAE9CA;AAAA,EACJ;AACA,MAAIC,KAAsBF;AACtB,eAAWK,KAAaN;AACpB,MAAAD,EAAoBO,CAAS,IAAIC,EAAkBN,GAAME,CAAkB;AAGvF;","x_google_ignoreList":[0]}

package/dist/visualization.es369.js

@@ -1,13 +1,38 @@
-import { memoSupports as e } from "./visualization.es410.js";
-const a = /* @__PURE__ */ e(() => {
-  try {
-    document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
-  } catch {
-    return !1;
-  }
-  return !0;
-}, "linearEasing");
+import { parseValueFromTransform as n } from "./visualization.es396.js";
+import { transformPropOrder as m } from "./visualization.es341.js";
+import { number as i } from "./visualization.es422.js";
+import { px as l } from "./visualization.es423.js";
+const h = (r) => r === i || r === l, p = /* @__PURE__ */ new Set(["x", "y", "z"]), f = m.filter((r) => !p.has(r));
+function F(r) {
+  const o = [];
+  return f.forEach((t) => {
+    const a = r.getValue(t);
+    a !== void 0 && (o.push([t, a.get()]), a.set(t.startsWith("scale") ? 1 : 0));
+  }), o;
+}
+const s = {
+  // Dimensions
+  width: ({ x: r }, { paddingLeft: o = "0", paddingRight: t = "0", boxSizing: a }) => {
+    const e = r.max - r.min;
+    return a === "border-box" ? e : e - parseFloat(o) - parseFloat(t);
+  },
+  height: ({ y: r }, { paddingTop: o = "0", paddingBottom: t = "0", boxSizing: a }) => {
+    const e = r.max - r.min;
+    return a === "border-box" ? e : e - parseFloat(o) - parseFloat(t);
+  },
+  top: (r, { top: o }) => parseFloat(o),
+  left: (r, { left: o }) => parseFloat(o),
+  bottom: ({ y: r }, { top: o }) => parseFloat(o) + (r.max - r.min),
+  right: ({ x: r }, { left: o }) => parseFloat(o) + (r.max - r.min),
+  // Transform
+  x: (r, { transform: o }) => n(o, "x"),
+  y: (r, { transform: o }) => n(o, "y")
+};
+s.translateX = s.x;
+s.translateY = s.y;
 export {
-  a as supportsLinearEasing
+  h as isNumOrPxType,
+  s as positionalValues,
+  F as removeNonTranslationalTransform
 };
 //# sourceMappingURL=visualization.es369.js.map

package/dist/visualization.es369.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es369.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/utils/supports/linear-easing.mjs"],"sourcesContent":["import { memoSupports } from './memo.mjs';\n\nconst supportsLinearEasing = /*@__PURE__*/ memoSupports(() => {\n    try {\n        document\n            .createElement(\"div\")\n            .animate({ opacity: 0 }, { easing: \"linear(0, 1)\" });\n    }\n    catch (e) {\n        return false;\n    }\n    return true;\n}, \"linearEasing\");\n\nexport { supportsLinearEasing };\n//# sourceMappingURL=linear-easing.mjs.map\n"],"names":["supportsLinearEasing","memoSupports"],"mappings":";AAEK,MAACA,IAAqC,gBAAAC,EAAa,MAAM;AAC1D,MAAI;AACA,aACK,cAAc,KAAK,EACnB,QAAQ,EAAE,SAAS,EAAC,GAAI,EAAE,QAAQ,gBAAgB;AAAA,EAC3D,QACU;AACN,WAAO;AAAA,EACX;AACA,SAAO;AACX,GAAG,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es369.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/keyframes/utils/unit-conversion.mjs"],"sourcesContent":["import { parseValueFromTransform } from '../../../render/dom/parse-transform.mjs';\nimport { transformPropOrder } from '../../../render/utils/keys-transform.mjs';\nimport { number } from '../../../value/types/numbers/index.mjs';\nimport { px } from '../../../value/types/numbers/units.mjs';\n\nconst isNumOrPxType = (v) => v === number || v === px;\nconst transformKeys = new Set([\"x\", \"y\", \"z\"]);\nconst nonTranslationalTransformKeys = transformPropOrder.filter((key) => !transformKeys.has(key));\nfunction removeNonTranslationalTransform(visualElement) {\n    const removedTransforms = [];\n    nonTranslationalTransformKeys.forEach((key) => {\n        const value = visualElement.getValue(key);\n        if (value !== undefined) {\n            removedTransforms.push([key, value.get()]);\n            value.set(key.startsWith(\"scale\") ? 1 : 0);\n        }\n    });\n    return removedTransforms;\n}\nconst positionalValues = {\n    // Dimensions\n    width: ({ x }, { paddingLeft = \"0\", paddingRight = \"0\", boxSizing }) => {\n        const width = x.max - x.min;\n        return boxSizing === \"border-box\"\n            ? width\n            : width - parseFloat(paddingLeft) - parseFloat(paddingRight);\n    },\n    height: ({ y }, { paddingTop = \"0\", paddingBottom = \"0\", boxSizing }) => {\n        const height = y.max - y.min;\n        return boxSizing === \"border-box\"\n            ? height\n            : height - parseFloat(paddingTop) - parseFloat(paddingBottom);\n    },\n    top: (_bbox, { top }) => parseFloat(top),\n    left: (_bbox, { left }) => parseFloat(left),\n    bottom: ({ y }, { top }) => parseFloat(top) + (y.max - y.min),\n    right: ({ x }, { left }) => parseFloat(left) + (x.max - x.min),\n    // Transform\n    x: (_bbox, { transform }) => parseValueFromTransform(transform, \"x\"),\n    y: (_bbox, { transform }) => parseValueFromTransform(transform, \"y\"),\n};\n// Alias translate longform names\npositionalValues.translateX = positionalValues.x;\npositionalValues.translateY = positionalValues.y;\n\nexport { isNumOrPxType, positionalValues, removeNonTranslationalTransform };\n//# sourceMappingURL=unit-conversion.mjs.map\n"],"names":["isNumOrPxType","v","number","px","transformKeys","nonTranslationalTransformKeys","transformPropOrder","key","removeNonTranslationalTransform","visualElement","removedTransforms","value","positionalValues","x","paddingLeft","paddingRight","boxSizing","width","y","paddingTop","paddingBottom","height","_bbox","top","left","transform","parseValueFromTransform"],"mappings":";;;;AAKK,MAACA,IAAgB,CAACC,MAAMA,MAAMC,KAAUD,MAAME,GAC7CC,IAAgB,oBAAI,IAAI,CAAC,KAAK,KAAK,GAAG,CAAC,GACvCC,IAAgCC,EAAmB,OAAO,CAACC,MAAQ,CAACH,EAAc,IAAIG,CAAG,CAAC;AAChG,SAASC,EAAgCC,GAAe;AACpD,QAAMC,IAAoB,CAAA;AAC1B,SAAAL,EAA8B,QAAQ,CAACE,MAAQ;AAC3C,UAAMI,IAAQF,EAAc,SAASF,CAAG;AACxC,IAAII,MAAU,WACVD,EAAkB,KAAK,CAACH,GAAKI,EAAM,IAAG,CAAE,CAAC,GACzCA,EAAM,IAAIJ,EAAI,WAAW,OAAO,IAAI,IAAI,CAAC;AAAA,EAEjD,CAAC,GACMG;AACX;AACK,MAACE,IAAmB;AAAA;AAAA,EAErB,OAAO,CAAC,EAAE,GAAAC,EAAC,GAAI,EAAE,aAAAC,IAAc,KAAK,cAAAC,IAAe,KAAK,WAAAC,QAAgB;AACpE,UAAMC,IAAQJ,EAAE,MAAMA,EAAE;AACxB,WAAOG,MAAc,eACfC,IACAA,IAAQ,WAAWH,CAAW,IAAI,WAAWC,CAAY;AAAA,EACnE;AAAA,EACA,QAAQ,CAAC,EAAE,GAAAG,EAAC,GAAI,EAAE,YAAAC,IAAa,KAAK,eAAAC,IAAgB,KAAK,WAAAJ,QAAgB;AACrE,UAAMK,IAASH,EAAE,MAAMA,EAAE;AACzB,WAAOF,MAAc,eACfK,IACAA,IAAS,WAAWF,CAAU,IAAI,WAAWC,CAAa;AAAA,EACpE;AAAA,EACA,KAAK,CAACE,GAAO,EAAE,KAAAC,EAAG,MAAO,WAAWA,CAAG;AAAA,EACvC,MAAM,CAACD,GAAO,EAAE,MAAAE,EAAI,MAAO,WAAWA,CAAI;AAAA,EAC1C,QAAQ,CAAC,EAAE,GAAAN,EAAC,GAAI,EAAE,KAAAK,EAAG,MAAO,WAAWA,CAAG,KAAKL,EAAE,MAAMA,EAAE;AAAA,EACzD,OAAO,CAAC,EAAE,GAAAL,EAAC,GAAI,EAAE,MAAAW,EAAI,MAAO,WAAWA,CAAI,KAAKX,EAAE,MAAMA,EAAE;AAAA;AAAA,EAE1D,GAAG,CAACS,GAAO,EAAE,WAAAG,EAAS,MAAOC,EAAwBD,GAAW,GAAG;AAAA,EACnE,GAAG,CAACH,GAAO,EAAE,WAAAG,EAAS,MAAOC,EAAwBD,GAAW,GAAG;AACvE;AAEAb,EAAiB,aAAaA,EAAiB;AAC/CA,EAAiB,aAAaA,EAAiB;","x_google_ignoreList":[0]}