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

package/dist/visualization.es194.js

@@ -1,40 +1,21 @@
-const a = /* @__PURE__ */ new Set([
-  "animate",
-  "exit",
-  "variants",
-  "initial",
-  "style",
-  "values",
-  "variants",
-  "transition",
-  "transformTemplate",
-  "custom",
-  "inherit",
-  "onBeforeLayoutMeasure",
-  "onAnimationStart",
-  "onAnimationComplete",
-  "onUpdate",
-  "onDragStart",
-  "onDrag",
-  "onDragEnd",
-  "onMeasureDragConstraints",
-  "onDirectionLock",
-  "onDragTransitionEnd",
-  "_dragX",
-  "_dragY",
-  "onHoverStart",
-  "onHoverEnd",
-  "onViewportEnter",
-  "onViewportLeave",
-  "globalTapTarget",
-  "propagate",
-  "ignoreStrict",
-  "viewport"
-]);
-function o(t) {
-  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || a.has(t);
+function o(c) {
+  const t = [{}, {}];
+  return c?.values.forEach((r, e) => {
+    t[0][e] = r.get(), t[1][e] = r.getVelocity();
+  }), t;
+}
+function s(c, t, r, e) {
+  if (typeof t == "function") {
+    const [a, u] = o(e);
+    t = t(r !== void 0 ? r : c.custom, a, u);
+  }
+  if (typeof t == "string" && (t = c.variants && c.variants[t]), typeof t == "function") {
+    const [a, u] = o(e);
+    t = t(r !== void 0 ? r : c.custom, a, u);
+  }
+  return t;
 }
 export {
-  o as isValidMotionProp
+  s as resolveVariantFromProps
 };
 //# sourceMappingURL=visualization.es194.js.map

package/dist/visualization.es194.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es194.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/utils/valid-prop.mjs"],"sourcesContent":["/**\n * A list of all valid MotionProps.\n *\n * @privateRemarks\n * This doesn't throw if a `MotionProp` name is missing - it should.\n */\nconst validMotionProps = new Set([\n    \"animate\",\n    \"exit\",\n    \"variants\",\n    \"initial\",\n    \"style\",\n    \"values\",\n    \"variants\",\n    \"transition\",\n    \"transformTemplate\",\n    \"custom\",\n    \"inherit\",\n    \"onBeforeLayoutMeasure\",\n    \"onAnimationStart\",\n    \"onAnimationComplete\",\n    \"onUpdate\",\n    \"onDragStart\",\n    \"onDrag\",\n    \"onDragEnd\",\n    \"onMeasureDragConstraints\",\n    \"onDirectionLock\",\n    \"onDragTransitionEnd\",\n    \"_dragX\",\n    \"_dragY\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onViewportEnter\",\n    \"onViewportLeave\",\n    \"globalTapTarget\",\n    \"propagate\",\n    \"ignoreStrict\",\n    \"viewport\",\n]);\n/**\n * Check whether a prop name is a valid `MotionProp` key.\n *\n * @param key - Name of the property to check\n * @returns `true` is key is a valid `MotionProp`.\n *\n * @public\n */\nfunction isValidMotionProp(key) {\n    return (key.startsWith(\"while\") ||\n        (key.startsWith(\"drag\") && key !== \"draggable\") ||\n        key.startsWith(\"layout\") ||\n        key.startsWith(\"onTap\") ||\n        key.startsWith(\"onPan\") ||\n        key.startsWith(\"onLayout\") ||\n        validMotionProps.has(key));\n}\n\nexport { isValidMotionProp };\n//# sourceMappingURL=valid-prop.mjs.map\n"],"names":["validMotionProps","isValidMotionProp","key"],"mappings":"AAMA,MAAMA,IAAmB,oBAAI,IAAI;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;AASD,SAASC,EAAkBC,GAAK;AAC5B,SAAQA,EAAI,WAAW,OAAO,KACzBA,EAAI,WAAW,MAAM,KAAKA,MAAQ,eACnCA,EAAI,WAAW,QAAQ,KACvBA,EAAI,WAAW,OAAO,KACtBA,EAAI,WAAW,OAAO,KACtBA,EAAI,WAAW,UAAU,KACzBF,EAAiB,IAAIE,CAAG;AAChC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es194.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/resolve-variants.mjs"],"sourcesContent":["function getValueState(visualElement) {\n    const state = [{}, {}];\n    visualElement?.values.forEach((value, key) => {\n        state[0][key] = value.get();\n        state[1][key] = value.getVelocity();\n    });\n    return state;\n}\nfunction resolveVariantFromProps(props, definition, custom, visualElement) {\n    /**\n     * If the variant definition is a function, resolve.\n     */\n    if (typeof definition === \"function\") {\n        const [current, velocity] = getValueState(visualElement);\n        definition = definition(custom !== undefined ? custom : props.custom, current, velocity);\n    }\n    /**\n     * If the variant definition is a variant label, or\n     * the function returned a variant label, resolve.\n     */\n    if (typeof definition === \"string\") {\n        definition = props.variants && props.variants[definition];\n    }\n    /**\n     * At this point we've resolved both functions and variant labels,\n     * but the resolved variant label might itself have been a function.\n     * If so, resolve. This can only have returned a valid target object.\n     */\n    if (typeof definition === \"function\") {\n        const [current, velocity] = getValueState(visualElement);\n        definition = definition(custom !== undefined ? custom : props.custom, current, velocity);\n    }\n    return definition;\n}\n\nexport { resolveVariantFromProps };\n//# sourceMappingURL=resolve-variants.mjs.map\n"],"names":["getValueState","visualElement","state","value","key","resolveVariantFromProps","props","definition","custom","current","velocity"],"mappings":"AAAA,SAASA,EAAcC,GAAe;AAClC,QAAMC,IAAQ,CAAC,CAAA,GAAI,EAAE;AACrB,SAAAD,GAAe,OAAO,QAAQ,CAACE,GAAOC,MAAQ;AAC1C,IAAAF,EAAM,CAAC,EAAEE,CAAG,IAAID,EAAM,IAAG,GACzBD,EAAM,CAAC,EAAEE,CAAG,IAAID,EAAM,YAAW;AAAA,EACrC,CAAC,GACMD;AACX;AACA,SAASG,EAAwBC,GAAOC,GAAYC,GAAQP,GAAe;AAIvE,MAAI,OAAOM,KAAe,YAAY;AAClC,UAAM,CAACE,GAASC,CAAQ,IAAIV,EAAcC,CAAa;AACvD,IAAAM,IAAaA,EAAWC,MAAW,SAAYA,IAASF,EAAM,QAAQG,GAASC,CAAQ;AAAA,EAC3F;AAaA,MARI,OAAOH,KAAe,aACtBA,IAAaD,EAAM,YAAYA,EAAM,SAASC,CAAU,IAOxD,OAAOA,KAAe,YAAY;AAClC,UAAM,CAACE,GAASC,CAAQ,IAAIV,EAAcC,CAAa;AACvD,IAAAM,IAAaA,EAAWC,MAAW,SAAYA,IAASF,EAAM,QAAQG,GAASC,CAAQ;AAAA,EAC3F;AACA,SAAOH;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es195.js

@@ -1,5 +1,22 @@
-const t = (o) => !!(o && o.getVelocity);
+import { isValidMotionProp as n } from "./visualization.es196.js";
+import { isMotionValue as f } from "./visualization.es197.js";
+let r = (t) => !n(t);
+function u(t) {
+  typeof t == "function" && (r = (i) => i.startsWith("on") ? !n(i) : t(i));
+}
+try {
+  u(require("@emotion/is-prop-valid").default);
+} catch {
+}
+function s(t, i, a) {
+  const e = {};
+  for (const o in t)
+    o === "values" && typeof t.values == "object" || f(t[o]) || (r(o) || a === !0 && n(o) || !i && !n(o) || // If trying to use native HTML drag events, forward drag listeners
+    t.draggable && o.startsWith("onDrag")) && (e[o] = t[o]);
+  return e;
+}
 export {
-  t as isMotionValue
+  s as filterProps,
+  u as loadExternalIsValidProp
 };
 //# sourceMappingURL=visualization.es195.js.map

package/dist/visualization.es195.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es195.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/utils/is-motion-value.mjs"],"sourcesContent":["const isMotionValue = (value) => Boolean(value && value.getVelocity);\n\nexport { isMotionValue };\n//# sourceMappingURL=is-motion-value.mjs.map\n"],"names":["isMotionValue","value"],"mappings":"AAAK,MAACA,IAAgB,CAACC,MAAU,GAAQA,KAASA,EAAM;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es195.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/dom/utils/filter-props.mjs"],"sourcesContent":["import { isMotionValue } from 'motion-dom';\nimport { isValidMotionProp } from '../../../motion/utils/valid-prop.mjs';\n\nlet shouldForward = (key) => !isValidMotionProp(key);\nfunction loadExternalIsValidProp(isValidProp) {\n    if (typeof isValidProp !== \"function\")\n        return;\n    // Explicitly filter our events\n    shouldForward = (key) => key.startsWith(\"on\") ? !isValidMotionProp(key) : isValidProp(key);\n}\n/**\n * Emotion and Styled Components both allow users to pass through arbitrary props to their components\n * to dynamically generate CSS. They both use the `@emotion/is-prop-valid` package to determine which\n * of these should be passed to the underlying DOM node.\n *\n * However, when styling a Motion component `styled(motion.div)`, both packages pass through *all* props\n * as it's seen as an arbitrary component rather than a DOM node. Motion only allows arbitrary props\n * passed through the `custom` prop so it doesn't *need* the payload or computational overhead of\n * `@emotion/is-prop-valid`, however to fix this problem we need to use it.\n *\n * By making it an optionalDependency we can offer this functionality only in the situations where it's\n * actually required.\n */\ntry {\n    /**\n     * We attempt to import this package but require won't be defined in esm environments, in that case\n     * isPropValid will have to be provided via `MotionContext`. In a 6.0.0 this should probably be removed\n     * in favour of explicit injection.\n     *\n     * String concatenation prevents bundlers like webpack (e.g. Storybook)\n     * from statically resolving this optional dependency at build time.\n     */\n    const emotionPkg = \"@emotion/is-prop-\" + \"valid\";\n    loadExternalIsValidProp(require(emotionPkg).default);\n}\ncatch {\n    // We don't need to actually do anything here - the fallback is the existing `isPropValid`.\n}\nfunction filterProps(props, isDom, forwardMotionProps) {\n    const filteredProps = {};\n    for (const key in props) {\n        /**\n         * values is considered a valid prop by Emotion, so if it's present\n         * this will be rendered out to the DOM unless explicitly filtered.\n         *\n         * We check the type as it could be used with the `feColorMatrix`\n         * element, which we support.\n         */\n        if (key === \"values\" && typeof props.values === \"object\")\n            continue;\n        if (isMotionValue(props[key]))\n            continue;\n        if (shouldForward(key) ||\n            (forwardMotionProps === true && isValidMotionProp(key)) ||\n            (!isDom && !isValidMotionProp(key)) ||\n            // If trying to use native HTML drag events, forward drag listeners\n            (props[\"draggable\"] &&\n                key.startsWith(\"onDrag\"))) {\n            filteredProps[key] =\n                props[key];\n        }\n    }\n    return filteredProps;\n}\n\nexport { filterProps, loadExternalIsValidProp };\n//# sourceMappingURL=filter-props.mjs.map\n"],"names":["shouldForward","key","isValidMotionProp","loadExternalIsValidProp","isValidProp","filterProps","props","isDom","forwardMotionProps","filteredProps","isMotionValue"],"mappings":";;AAGA,IAAIA,IAAgB,CAACC,MAAQ,CAACC,EAAkBD,CAAG;AACnD,SAASE,EAAwBC,GAAa;AAC1C,EAAI,OAAOA,KAAgB,eAG3BJ,IAAgB,CAACC,MAAQA,EAAI,WAAW,IAAI,IAAI,CAACC,EAAkBD,CAAG,IAAIG,EAAYH,CAAG;AAC7F;AAcA,IAAI;AAUA,EAAAE,EAAwB,QADL,wBACuB,EAAE,OAAO;AACvD,QACM;AAEN;AACA,SAASE,EAAYC,GAAOC,GAAOC,GAAoB;AACnD,QAAMC,IAAgB,CAAA;AACtB,aAAWR,KAAOK;AAQd,IAAIL,MAAQ,YAAY,OAAOK,EAAM,UAAW,YAE5CI,EAAcJ,EAAML,CAAG,CAAC,MAExBD,EAAcC,CAAG,KAChBO,MAAuB,MAAQN,EAAkBD,CAAG,KACpD,CAACM,KAAS,CAACL,EAAkBD,CAAG;AAAA,IAEhCK,EAAM,aACHL,EAAI,WAAW,QAAQ,OAC3BQ,EAAcR,CAAG,IACbK,EAAML,CAAG;AAGrB,SAAOQ;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es196.js

@@ -1,5 +1,40 @@
-const e = typeof window < "u";
+const a = /* @__PURE__ */ new Set([
+  "animate",
+  "exit",
+  "variants",
+  "initial",
+  "style",
+  "values",
+  "variants",
+  "transition",
+  "transformTemplate",
+  "custom",
+  "inherit",
+  "onBeforeLayoutMeasure",
+  "onAnimationStart",
+  "onAnimationComplete",
+  "onUpdate",
+  "onDragStart",
+  "onDrag",
+  "onDragEnd",
+  "onMeasureDragConstraints",
+  "onDirectionLock",
+  "onDragTransitionEnd",
+  "_dragX",
+  "_dragY",
+  "onHoverStart",
+  "onHoverEnd",
+  "onViewportEnter",
+  "onViewportLeave",
+  "globalTapTarget",
+  "propagate",
+  "ignoreStrict",
+  "viewport"
+]);
+function o(t) {
+  return t.startsWith("while") || t.startsWith("drag") && t !== "draggable" || t.startsWith("layout") || t.startsWith("onTap") || t.startsWith("onPan") || t.startsWith("onLayout") || a.has(t);
+}
 export {
-  e as isBrowser
+  o as isValidMotionProp
 };
 //# sourceMappingURL=visualization.es196.js.map

package/dist/visualization.es196.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es196.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/utils/is-browser.mjs"],"sourcesContent":["const isBrowser = typeof window !== \"undefined\";\n\nexport { isBrowser };\n//# sourceMappingURL=is-browser.mjs.map\n"],"names":["isBrowser"],"mappings":"AAAK,MAACA,IAAY,OAAO,SAAW;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es196.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/utils/valid-prop.mjs"],"sourcesContent":["/**\n * A list of all valid MotionProps.\n *\n * @privateRemarks\n * This doesn't throw if a `MotionProp` name is missing - it should.\n */\nconst validMotionProps = new Set([\n    \"animate\",\n    \"exit\",\n    \"variants\",\n    \"initial\",\n    \"style\",\n    \"values\",\n    \"variants\",\n    \"transition\",\n    \"transformTemplate\",\n    \"custom\",\n    \"inherit\",\n    \"onBeforeLayoutMeasure\",\n    \"onAnimationStart\",\n    \"onAnimationComplete\",\n    \"onUpdate\",\n    \"onDragStart\",\n    \"onDrag\",\n    \"onDragEnd\",\n    \"onMeasureDragConstraints\",\n    \"onDirectionLock\",\n    \"onDragTransitionEnd\",\n    \"_dragX\",\n    \"_dragY\",\n    \"onHoverStart\",\n    \"onHoverEnd\",\n    \"onViewportEnter\",\n    \"onViewportLeave\",\n    \"globalTapTarget\",\n    \"propagate\",\n    \"ignoreStrict\",\n    \"viewport\",\n]);\n/**\n * Check whether a prop name is a valid `MotionProp` key.\n *\n * @param key - Name of the property to check\n * @returns `true` is key is a valid `MotionProp`.\n *\n * @public\n */\nfunction isValidMotionProp(key) {\n    return (key.startsWith(\"while\") ||\n        (key.startsWith(\"drag\") && key !== \"draggable\") ||\n        key.startsWith(\"layout\") ||\n        key.startsWith(\"onTap\") ||\n        key.startsWith(\"onPan\") ||\n        key.startsWith(\"onLayout\") ||\n        validMotionProps.has(key));\n}\n\nexport { isValidMotionProp };\n//# sourceMappingURL=valid-prop.mjs.map\n"],"names":["validMotionProps","isValidMotionProp","key"],"mappings":"AAMA,MAAMA,IAAmB,oBAAI,IAAI;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;AASD,SAASC,EAAkBC,GAAK;AAC5B,SAAQA,EAAI,WAAW,OAAO,KACzBA,EAAI,WAAW,MAAM,KAAKA,MAAQ,eACnCA,EAAI,WAAW,QAAQ,KACvBA,EAAI,WAAW,OAAO,KACtBA,EAAI,WAAW,OAAO,KACtBA,EAAI,WAAW,UAAU,KACzBF,EAAiB,IAAIE,CAAG;AAChC;","x_google_ignoreList":[0]}

package/dist/visualization.es197.js

@@ -1,7 +1,5 @@
-import { useLayoutEffect as o, useEffect as t } from "react";
-import { isBrowser as e } from "./visualization.es196.js";
-const s = e ? o : t;
+const t = (o) => !!(o && o.getVelocity);
 export {
-  s as useIsomorphicLayoutEffect
+  t as isMotionValue
 };
 //# sourceMappingURL=visualization.es197.js.map

package/dist/visualization.es197.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es197.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs"],"sourcesContent":["\"use client\";\nimport { useLayoutEffect, useEffect } from 'react';\nimport { isBrowser } from './is-browser.mjs';\n\nconst useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;\n\nexport { useIsomorphicLayoutEffect };\n//# sourceMappingURL=use-isomorphic-effect.mjs.map\n"],"names":["useIsomorphicLayoutEffect","isBrowser","useLayoutEffect","useEffect"],"mappings":";;AAIK,MAACA,IAA4BC,IAAYC,IAAkBC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es197.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/utils/is-motion-value.mjs"],"sourcesContent":["const isMotionValue = (value) => Boolean(value && value.getVelocity);\n\nexport { isMotionValue };\n//# sourceMappingURL=is-motion-value.mjs.map\n"],"names":["isMotionValue","value"],"mappings":"AAAK,MAACA,IAAgB,CAACC,MAAU,GAAQA,KAASA,EAAM;","x_google_ignoreList":[0]}

package/dist/visualization.es198.js

@@ -1,18 +1,5 @@
-import { useContext as f, useId as l, useEffect as c, useCallback as i } from "react";
-import { PresenceContext as m } from "./visualization.es187.js";
-function p(e = !0) {
-  const o = f(m);
-  if (o === null)
-    return [!0, null];
-  const { isPresent: r, onExitComplete: t, register: u } = o, n = l();
-  c(() => {
-    if (e)
-      return u(n);
-  }, [e]);
-  const s = i(() => e && t && t(n), [n, t, e]);
-  return !r && t ? [!1, s] : [!0];
-}
+const e = typeof window < "u";
 export {
-  p as usePresence
+  e as isBrowser
 };
 //# sourceMappingURL=visualization.es198.js.map

package/dist/visualization.es198.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es198.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs"],"sourcesContent":["\"use client\";\nimport { useContext, useId, useEffect, useCallback } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\n\n/**\n * When a component is the child of `AnimatePresence`, it can use `usePresence`\n * to access information about whether it's still present in the React tree.\n *\n * ```jsx\n * import { usePresence } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const [isPresent, safeToRemove] = usePresence()\n *\n *   useEffect(() => {\n *     !isPresent && setTimeout(safeToRemove, 1000)\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * If `isPresent` is `false`, it means that a component has been removed from the tree,\n * but `AnimatePresence` won't really remove it until `safeToRemove` has been called.\n *\n * @public\n */\nfunction usePresence(subscribe = true) {\n    const context = useContext(PresenceContext);\n    if (context === null)\n        return [true, null];\n    const { isPresent, onExitComplete, register } = context;\n    // It's safe to call the following hooks conditionally (after an early return) because the context will always\n    // either be null or non-null for the lifespan of the component.\n    const id = useId();\n    useEffect(() => {\n        if (subscribe) {\n            return register(id);\n        }\n    }, [subscribe]);\n    const safeToRemove = useCallback(() => subscribe && onExitComplete && onExitComplete(id), [id, onExitComplete, subscribe]);\n    return !isPresent && onExitComplete ? [false, safeToRemove] : [true];\n}\n/**\n * Similar to `usePresence`, except `useIsPresent` simply returns whether or not the component is present.\n * There is no `safeToRemove` function.\n *\n * ```jsx\n * import { useIsPresent } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const isPresent = useIsPresent()\n *\n *   useEffect(() => {\n *     !isPresent && console.log(\"I've been removed!\")\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * @public\n */\nfunction useIsPresent() {\n    return isPresent(useContext(PresenceContext));\n}\nfunction isPresent(context) {\n    return context === null ? true : context.isPresent;\n}\n\nexport { isPresent, useIsPresent, usePresence };\n//# sourceMappingURL=use-presence.mjs.map\n"],"names":["usePresence","subscribe","context","useContext","PresenceContext","isPresent","onExitComplete","register","id","useId","useEffect","safeToRemove","useCallback"],"mappings":";;AA2BA,SAASA,EAAYC,IAAY,IAAM;AACnC,QAAMC,IAAUC,EAAWC,CAAe;AAC1C,MAAIF,MAAY;AACZ,WAAO,CAAC,IAAM,IAAI;AACtB,QAAM,EAAE,WAAAG,GAAW,gBAAAC,GAAgB,UAAAC,EAAQ,IAAKL,GAG1CM,IAAKC,EAAK;AAChB,EAAAC,EAAU,MAAM;AACZ,QAAIT;AACA,aAAOM,EAASC,CAAE;AAAA,EAE1B,GAAG,CAACP,CAAS,CAAC;AACd,QAAMU,IAAeC,EAAY,MAAMX,KAAaK,KAAkBA,EAAeE,CAAE,GAAG,CAACA,GAAIF,GAAgBL,CAAS,CAAC;AACzH,SAAO,CAACI,KAAaC,IAAiB,CAAC,IAAOK,CAAY,IAAI,CAAC,EAAI;AACvE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es198.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/utils/is-browser.mjs"],"sourcesContent":["const isBrowser = typeof window !== \"undefined\";\n\nexport { isBrowser };\n//# sourceMappingURL=is-browser.mjs.map\n"],"names":["isBrowser"],"mappings":"AAAK,MAACA,IAAY,OAAO,SAAW;","x_google_ignoreList":[0]}

package/dist/visualization.es199.js

@@ -1,6 +1,7 @@
-import { createContext as t } from "react";
-const e = t({});
+import { useLayoutEffect as o, useEffect as t } from "react";
+import { isBrowser as e } from "./visualization.es198.js";
+const s = e ? o : t;
 export {
-  e as LayoutGroupContext
+  s as useIsomorphicLayoutEffect
 };
 //# sourceMappingURL=visualization.es199.js.map

package/dist/visualization.es199.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es199.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/context/LayoutGroupContext.mjs"],"sourcesContent":["\"use client\";\nimport { createContext } from 'react';\n\nconst LayoutGroupContext = createContext({});\n\nexport { LayoutGroupContext };\n//# sourceMappingURL=LayoutGroupContext.mjs.map\n"],"names":["LayoutGroupContext","createContext"],"mappings":";AAGK,MAACA,IAAqBC,EAAc,CAAA,CAAE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es199.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs"],"sourcesContent":["\"use client\";\nimport { useLayoutEffect, useEffect } from 'react';\nimport { isBrowser } from './is-browser.mjs';\n\nconst useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;\n\nexport { useIsomorphicLayoutEffect };\n//# sourceMappingURL=use-isomorphic-effect.mjs.map\n"],"names":["useIsomorphicLayoutEffect","isBrowser","useLayoutEffect","useEffect"],"mappings":";;AAIK,MAACA,IAA4BC,IAAYC,IAAkBC;","x_google_ignoreList":[0]}

package/dist/visualization.es2.js

@@ -1,16 +1,16 @@
 import { jsxs as q, jsx as n, Fragment as de } from "react/jsx-runtime";
 import { useState as P, useRef as z, useEffect as I, useMemo as i, useCallback as ue, useImperativeHandle as he } from "react";
 import { CircularProgress as fe } from "@mui/material";
-import ge from "./visualization.es30.js";
-import { measureTextWidth as J, downloadSVGAsPNG as xe, downloadAsSVG as Se } from "./visualization.es31.js";
-import be from "./visualization.es32.js";
+import ge from "./visualization.es35.js";
+import { measureTextWidth as J, downloadSVGAsPNG as xe, downloadAsSVG as Se } from "./visualization.es20.js";
+import be from "./visualization.es36.js";
 import { useResponsiveParentSize as ve } from "./visualization.es18.js";
-import ye from "./visualization.es33.js";
-import Me from "./visualization.es26.js";
-import Le from "./visualization.es25.js";
+import ye from "./visualization.es37.js";
+import Me from "./visualization.es38.js";
+import Le from "./visualization.es26.js";
 import { ResponsiveContainer as we } from "./visualization.es14.js";
-import Re from "./visualization.es34.js";
-import Ae from "./visualization.es35.js";
+import Re from "./visualization.es32.js";
+import Ae from "./visualization.es39.js";
 const $ = "Roboto,Helvetica,Arial,sans-serif", Fe = (t, v, y) => J(t, v, y) + 10, qe = ({
   data: t,
   ref: v,

package/dist/visualization.es20.js

@@ -1,67 +1,151 @@
-import { useState as b, useCallback as S, useRef as A, useMemo as C, useEffect as D } from "react";
-import { debounce as O } from "./visualization.es130.js";
-const k = [], g = {
-  width: 0,
-  height: 0,
-  top: 0,
-  left: 0
-};
-function B() {
-  let {
-    initialSize: w = g,
-    debounceTime: c = 300,
-    ignoreDimensions: i = k,
-    enableDebounceLeadingCall: l = !0,
-    resizeObserverPolyfill: u,
-    externalRef: n
-  } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-  const [a, y] = b(null), z = S((e) => {
-    y(e), typeof n == "function" ? n(e) : n != null && (n.current = e);
-  }, [n]), f = A(0), [p, v] = b({
-    ...g,
-    ...w
-  }), s = C(() => {
-    const e = Array.isArray(i) ? i : [i];
-    return O((r) => {
-      v((o) => Object.keys(o).filter((t) => o[t] !== r[t]).every((t) => e.includes(t)) ? o : r);
-    }, c, {
-      leading: l
-    });
-  }, [c, l, i]);
-  return D(() => {
-    if (!a) {
-      s.cancel();
+import f from "./visualization.es90.js";
+import p from "./visualization.es91.js";
+import { easeOut as x } from "./visualization.es92.js";
+function S(t, o = "scatterPlot.png", e = window.devicePixelRatio || 2) {
+  if (!t) return;
+  const i = t.getBoundingClientRect(), n = Math.ceil(Math.max(i.width, i.height));
+  p.toPng(t, {
+    width: n * e,
+    height: n * e,
+    style: {
+      transform: `scale(${e})`,
+      transformOrigin: "top left",
+      width: `${n}px`,
+      height: `${n}px`,
+      overflow: "visible"
+    }
+  }).then((a) => {
+    f(a, o, "image/png");
+  }).catch((a) => {
+    console.error("Download failed:", a);
+  });
+}
+function b(t, o = "scatterPlot.svg") {
+  t && p.toSvg(t).then((e) => {
+    f(e, o, "image/svg+xml");
+  }).catch((e) => {
+    console.error("SVG download failed:", e);
+  });
+}
+function z(t, o = "chart.svg") {
+  const i = new XMLSerializer().serializeToString(t), n = new Blob([i], {
+    type: "image/svg+xml;charset=utf-8"
+  }), a = URL.createObjectURL(n), r = document.createElement("a");
+  r.href = a, r.download = o, r.click(), URL.revokeObjectURL(a);
+}
+function A(t, o = "chart.png", e = window.devicePixelRatio || 2, i) {
+  const a = new XMLSerializer().serializeToString(t), r = new Blob([a], {
+    type: "image/svg+xml;charset=utf-8"
+  }), h = URL.createObjectURL(r), s = new Image();
+  s.onload = () => {
+    const l = document.createElement("canvas"), w = t.clientWidth || 800, v = t.clientHeight || 600;
+    l.width = w * e, l.height = v * e;
+    const c = l.getContext("2d");
+    if (!c) {
+      i?.(!1);
       return;
     }
-    const e = u || window.ResizeObserver, r = new e((o) => {
-      o.forEach((d) => {
-        const {
-          left: m,
-          top: h,
-          width: t,
-          height: R
-        } = d?.contentRect ?? {};
-        f.current = window.requestAnimationFrame(() => {
-          s({
-            width: t,
-            height: R,
-            top: h,
-            left: m
-          });
-        });
-      });
-    });
-    return r.observe(a), () => {
-      window.cancelAnimationFrame(f.current), r.disconnect(), s.cancel();
-    };
-  }, [a, s, u]), {
-    parentRef: z,
-    node: a,
-    resize: s,
-    ...p
-  };
+    c.setTransform(e, 0, 0, e, 0, 0), c.imageSmoothingEnabled = !0, c.imageSmoothingQuality = "high", c.drawImage(s, 0, 0), URL.revokeObjectURL(h), l.toBlob(
+      (d) => {
+        if (d) {
+          const u = URL.createObjectURL(d), g = document.createElement("a");
+          g.href = u, g.download = o, g.click(), URL.revokeObjectURL(u);
+        }
+        i?.(!!d);
+      },
+      "image/png",
+      1
+      // max quality
+    );
+  }, s.onerror = () => i?.(!1), s.src = h;
+}
+let m = null;
+function O(t, o, e) {
+  m || (m = document.createElement("canvas"));
+  const i = m.getContext("2d");
+  return i ? (i.font = `${o}px ${e}`, i.measureText(t).width) : 0;
 }
+const R = 1, P = (t, o, e = 0.03) => {
+  if (!t) return {};
+  const i = Math.min(o * e, R), n = {
+    transition: {
+      duration: 0.4,
+      delay: i,
+      ease: x
+    }
+  };
+  switch (t) {
+    case "fade":
+      return {
+        initial: {
+          opacity: 0
+        },
+        animate: {
+          opacity: 1
+        },
+        ...n
+      };
+    case "scale":
+      return {
+        initial: {
+          opacity: 0,
+          scale: 0.8
+        },
+        animate: {
+          opacity: 1,
+          scale: 1
+        },
+        ...n
+      };
+    case "slideUp":
+      return {
+        initial: {
+          opacity: 0,
+          y: 20
+        },
+        animate: {
+          opacity: 1,
+          y: 0
+        },
+        ...n
+      };
+    case "slideRight":
+      return {
+        initial: {
+          opacity: 0,
+          x: -20
+        },
+        animate: {
+          opacity: 1,
+          x: 0
+        },
+        ...n
+      };
+    case "pop":
+      return {
+        initial: {
+          scale: 0
+        },
+        animate: {
+          scale: 1
+        },
+        transition: {
+          type: "spring",
+          stiffness: 150,
+          damping: 12,
+          delay: i
+        }
+      };
+    default:
+      return {};
+  }
+};
 export {
-  B as default
+  z as downloadAsSVG,
+  S as downloadDivAsPNG,
+  b as downloadDivAsSVG,
+  A as downloadSVGAsPNG,
+  P as getAnimationProps,
+  O as measureTextWidth
 };
 //# sourceMappingURL=visualization.es20.js.map

package/dist/visualization.es20.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es20.js","sources":["../../../node_modules/.pnpm/@visx+responsive@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/responsive/esm/hooks/useParentSize.js"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { debounce } from \"../utils/debounce.js\";\nconst defaultIgnoreDimensions = [];\nconst defaultInitialSize = {\n  width: 0,\n  height: 0,\n  top: 0,\n  left: 0\n};\nexport default function useParentSize() {\n  let {\n    initialSize = defaultInitialSize,\n    debounceTime = 300,\n    ignoreDimensions = defaultIgnoreDimensions,\n    enableDebounceLeadingCall = true,\n    resizeObserverPolyfill,\n    externalRef\n  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n  const [node, setNode] = useState(null);\n  const parentRef = useCallback(el => {\n    setNode(el);\n    if (typeof externalRef === 'function') {\n      externalRef(el);\n    } else if (externalRef != null) {\n      // eslint-disable-next-line no-param-reassign -- standard ref-merging pattern\n      externalRef.current = el;\n    }\n  }, [externalRef]);\n  const animationFrameID = useRef(0);\n  const [state, setState] = useState({\n    ...defaultInitialSize,\n    ...initialSize\n  });\n  const resize = useMemo(() => {\n    const normalized = Array.isArray(ignoreDimensions) ? ignoreDimensions : [ignoreDimensions];\n    return debounce(incoming => {\n      setState(existing => {\n        const stateKeys = Object.keys(existing);\n        const keysWithChanges = stateKeys.filter(key => existing[key] !== incoming[key]);\n        const shouldBail = keysWithChanges.every(key => normalized.includes(key));\n        return shouldBail ? existing : incoming;\n      });\n    }, debounceTime, {\n      leading: enableDebounceLeadingCall\n    });\n  }, [debounceTime, enableDebounceLeadingCall, ignoreDimensions]);\n  useEffect(() => {\n    if (!node) {\n      resize.cancel();\n      return;\n    }\n    const LocalResizeObserver = resizeObserverPolyfill || window.ResizeObserver;\n    const observer = new LocalResizeObserver(entries => {\n      entries.forEach(entry => {\n        const {\n          left,\n          top,\n          width,\n          height\n        } = entry?.contentRect ?? {};\n        animationFrameID.current = window.requestAnimationFrame(() => {\n          resize({\n            width,\n            height,\n            top,\n            left\n          });\n        });\n      });\n    });\n    observer.observe(node);\n    return () => {\n      window.cancelAnimationFrame(animationFrameID.current);\n      observer.disconnect();\n      resize.cancel();\n    };\n  }, [node, resize, resizeObserverPolyfill]);\n  return {\n    parentRef,\n    node,\n    resize,\n    ...state\n  };\n}"],"names":["defaultIgnoreDimensions","defaultInitialSize","useParentSize","initialSize","debounceTime","ignoreDimensions","enableDebounceLeadingCall","resizeObserverPolyfill","externalRef","node","setNode","useState","parentRef","useCallback","el","animationFrameID","useRef","state","setState","resize","useMemo","normalized","debounce","incoming","existing","key","useEffect","LocalResizeObserver","observer","entries","entry","left","top","width","height"],"mappings":";;AAEA,MAAMA,IAA0B,CAAA,GAC1BC,IAAqB;AAAA,EACzB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AACR;AACe,SAASC,IAAgB;AACtC,MAAI;AAAA,IACF,aAAAC,IAAcF;AAAA,IACd,cAAAG,IAAe;AAAA,IACf,kBAAAC,IAAmBL;AAAA,IACnB,2BAAAM,IAA4B;AAAA,IAC5B,wBAAAC;AAAA,IACA,aAAAC;AAAA,EACJ,IAAM,UAAU,SAAS,KAAK,UAAU,CAAC,MAAM,SAAY,UAAU,CAAC,IAAI,CAAA;AACxE,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,IAAI,GAC/BC,IAAYC,EAAY,CAAAC,MAAM;AAClC,IAAAJ,EAAQI,CAAE,GACN,OAAON,KAAgB,aACzBA,EAAYM,CAAE,IACLN,KAAe,SAExBA,EAAY,UAAUM;AAAA,EAE1B,GAAG,CAACN,CAAW,CAAC,GACVO,IAAmBC,EAAO,CAAC,GAC3B,CAACC,GAAOC,CAAQ,IAAIP,EAAS;AAAA,IACjC,GAAGV;AAAA,IACH,GAAGE;AAAA,EACP,CAAG,GACKgB,IAASC,EAAQ,MAAM;AAC3B,UAAMC,IAAa,MAAM,QAAQhB,CAAgB,IAAIA,IAAmB,CAACA,CAAgB;AACzF,WAAOiB,EAAS,CAAAC,MAAY;AAC1B,MAAAL,EAAS,CAAAM,MACW,OAAO,KAAKA,CAAQ,EACJ,OAAO,CAAAC,MAAOD,EAASC,CAAG,MAAMF,EAASE,CAAG,CAAC,EAC5C,MAAM,CAAAA,MAAOJ,EAAW,SAASI,CAAG,CAAC,IACpDD,IAAWD,CAChC;AAAA,IACH,GAAGnB,GAAc;AAAA,MACf,SAASE;AAAA,IACf,CAAK;AAAA,EACH,GAAG,CAACF,GAAcE,GAA2BD,CAAgB,CAAC;AAC9D,SAAAqB,EAAU,MAAM;AACd,QAAI,CAACjB,GAAM;AACT,MAAAU,EAAO,OAAM;AACb;AAAA,IACF;AACA,UAAMQ,IAAsBpB,KAA0B,OAAO,gBACvDqB,IAAW,IAAID,EAAoB,CAAAE,MAAW;AAClD,MAAAA,EAAQ,QAAQ,CAAAC,MAAS;AACvB,cAAM;AAAA,UACJ,MAAAC;AAAA,UACA,KAAAC;AAAA,UACA,OAAAC;AAAA,UACA,QAAAC;AAAA,QACV,IAAYJ,GAAO,eAAe,CAAA;AAC1B,QAAAf,EAAiB,UAAU,OAAO,sBAAsB,MAAM;AAC5D,UAAAI,EAAO;AAAA,YACL,OAAAc;AAAA,YACA,QAAAC;AAAA,YACA,KAAAF;AAAA,YACA,MAAAD;AAAA,UACZ,CAAW;AAAA,QACH,CAAC;AAAA,MACH,CAAC;AAAA,IACH,CAAC;AACD,WAAAH,EAAS,QAAQnB,CAAI,GACd,MAAM;AACX,aAAO,qBAAqBM,EAAiB,OAAO,GACpDa,EAAS,WAAU,GACnBT,EAAO,OAAM;AAAA,IACf;AAAA,EACF,GAAG,CAACV,GAAMU,GAAQZ,CAAsB,CAAC,GAClC;AAAA,IACL,WAAAK;AAAA,IACA,MAAAH;AAAA,IACA,QAAAU;AAAA,IACA,GAAGF;AAAA,EACP;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es20.js","sources":["../src/utility.ts"],"sourcesContent":["import downloadjs from 'downloadjs';\nimport domtoimage from 'dom-to-image';\nimport { easeOut, Transition } from \"framer-motion\";\n\nexport type AnimationType = \"fade\" | \"scale\" | \"slideUp\" | \"slideRight\" | \"pop\";\n\nexport interface DownloadPlotHandle {\n  downloadSVG: () => void;\n  downloadPNG: () => void;\n}\n\n/**\n * Used to combine canvas and svg elements in scatterplot\n */\nexport function downloadDivAsPNG(\n    target: HTMLElement | null,\n    filename = \"scatterPlot.png\",\n    scale = window.devicePixelRatio || 2\n) {\n    if (!target) return;\n\n    const rect = target.getBoundingClientRect();\n    const size = Math.ceil(Math.max(rect.width, rect.height));\n\n    domtoimage\n        .toPng(target, {\n            width: size * scale,\n            height: size * scale,\n            style: {\n                transform: `scale(${scale})`,\n                transformOrigin: \"top left\",\n                width: `${size}px`,\n                height: `${size}px`,\n                overflow: \"visible\",\n            },\n        })\n        .then((dataUrl) => {\n            downloadjs(dataUrl, filename, \"image/png\");\n        })\n        .catch((error) => {\n            console.error(\"Download failed:\", error);\n        });\n}\n\n/**\n * Used to combine canvas and svg elements in scatterplot\n */\nexport function downloadDivAsSVG(\n    target: HTMLElement | null,\n    filename: string = 'scatterPlot.svg'\n) {\n    if (!target) return;\n\n    domtoimage\n        .toSvg(target)\n        .then((dataUrl) => {\n            // Convert the returned SVG data URL into a downloadable file\n            downloadjs(dataUrl, filename, 'image/svg+xml');\n        })\n        .catch((error) => {\n            console.error('SVG download failed:', error);\n        });\n}\n\n/**\n * Downloads an SVG element as an .svg file\n */\nexport function downloadAsSVG(svgElement: SVGSVGElement, fileName = \"chart.svg\") {\n    const serializer = new XMLSerializer();\n    const svgString = serializer.serializeToString(svgElement);\n\n    const blob = new Blob([svgString], { type: \"image/svg+xml;charset=utf-8\" });\n    const url = URL.createObjectURL(blob);\n\n    const link = document.createElement(\"a\");\n    link.href = url;\n    link.download = fileName;\n    link.click();\n\n    URL.revokeObjectURL(url);\n}\n\n/**\n * Converts an SVG element to PNG and downloads it. svgElement must be attached to the document\n * (clientWidth/clientHeight are read from its layout box) for the whole duration of the export -\n * if the caller only needs it attached for this call (e.g. an off-screen node built just for\n * export), pass onComplete to know when it's safe to detach/remove it. onComplete receives\n * whether the download actually succeeded, so callers can surface a failure if they care to -\n * it's called the same way (once, eventually) on every path either way.\n */\nexport function downloadSVGAsPNG(svgElement: SVGSVGElement, fileName = \"chart.png\", scale = window.devicePixelRatio || 2, onComplete?: (success: boolean) => void) {\n    const serializer = new XMLSerializer();\n    const svgString = serializer.serializeToString(svgElement);\n    const svgBlob = new Blob([svgString], { type: \"image/svg+xml;charset=utf-8\" });\n    const url = URL.createObjectURL(svgBlob);\n\n    const img = new Image();\n    img.onload = () => {\n        const canvas = document.createElement(\"canvas\");\n        const width = svgElement.clientWidth || 800;\n        const height = svgElement.clientHeight || 600;\n        canvas.width = width * scale;\n        canvas.height = height * scale;\n\n        const ctx = canvas.getContext(\"2d\");\n        if (!ctx) {\n            onComplete?.(false);\n            return;\n        }\n\n        // Ensure sharp scaling\n        ctx.setTransform(scale, 0, 0, scale, 0, 0);\n        ctx.imageSmoothingEnabled = true;\n        ctx.imageSmoothingQuality = \"high\";\n\n        ctx.drawImage(img, 0, 0);\n        URL.revokeObjectURL(url);\n\n        canvas.toBlob((blob) => {\n            if (blob) {\n                const pngUrl = URL.createObjectURL(blob);\n                const link = document.createElement(\"a\");\n                link.href = pngUrl;\n                link.download = fileName;\n                link.click();\n                URL.revokeObjectURL(pngUrl);\n            }\n            onComplete?.(!!blob);\n        }, \"image/png\",\n            1, // max quality\n        );\n    };\n    img.onerror = () => onComplete?.(false);\n\n    img.src = url;\n}\n\nlet measureTextCanvas: HTMLCanvasElement | null = null;\n\n/**\n * Measures the rendered width of a string without touching the DOM (no layout/reflow).\n */\nexport function measureTextWidth(text: string, fontSize: number, fontFamily: string): number {\n    if (!measureTextCanvas) {\n        measureTextCanvas = document.createElement(\"canvas\");\n    }\n    const ctx = measureTextCanvas.getContext(\"2d\");\n    if (!ctx) return 0;\n\n    ctx.font = `${fontSize}px ${fontFamily}`;\n    return ctx.measureText(text).width;\n}\n\n// Maximum stagger delay (in seconds) regardless of how many bars are being animated\nconst MAX_ANIMATION_DELAY = 1;\n\nexport const getAnimationProps = (type: AnimationType | undefined, index: number, buffer = .03) => {\n    if (!type) return {};\n\n    const delay = Math.min(index * buffer, MAX_ANIMATION_DELAY);\n\n    // Reusable transition object, typed properly\n    const common: { transition: Transition } = {\n        transition: { duration: 0.4, delay, ease: easeOut },\n    };\n\n    switch (type) {\n        case \"fade\":\n            return { initial: { opacity: 0 }, animate: { opacity: 1 }, ...common };\n        case \"scale\":\n            return { initial: { opacity: 0, scale: 0.8 }, animate: { opacity: 1, scale: 1 }, ...common };\n        case \"slideUp\":\n            return { initial: { opacity: 0, y: 20 }, animate: { opacity: 1, y: 0 }, ...common };\n        case \"slideRight\":\n            return { initial: { opacity: 0, x: -20 }, animate: { opacity: 1, x: 0 }, ...common };\n        case \"pop\":\n            const spring: Transition = {\n                type: \"spring\" as const,\n                stiffness: 150,\n                damping: 12,\n                delay,\n            };\n            return {\n                initial: { scale: 0 },\n                animate: { scale: 1 },\n                transition: spring,\n            };\n        default:\n            return {};\n    }\n};\n\n"],"names":["downloadDivAsPNG","target","filename","scale","window","devicePixelRatio","rect","getBoundingClientRect","size","Math","ceil","max","width","height","domtoimage","toPng","style","transform","transformOrigin","overflow","then","dataUrl","downloadjs","catch","error","console","downloadDivAsSVG","toSvg","downloadAsSVG","svgElement","fileName","svgString","XMLSerializer","serializeToString","blob","Blob","type","url","URL","createObjectURL","link","document","createElement","href","download","click","revokeObjectURL","downloadSVGAsPNG","onComplete","svgBlob","img","Image","onload","canvas","clientWidth","clientHeight","ctx","getContext","setTransform","imageSmoothingEnabled","imageSmoothingQuality","drawImage","toBlob","pngUrl","onerror","src","measureTextCanvas","measureTextWidth","text","fontSize","fontFamily","font","measureText","MAX_ANIMATION_DELAY","getAnimationProps","index","buffer","delay","min","common","transition","duration","ease","easeOut","initial","opacity","animate","y","x","stiffness","damping","spring"],"mappings":"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"}

package/dist/visualization.es200.js

@@ -1,10 +1,18 @@
-import { createContext as o } from "react";
-const n = o({
-  transformPagePoint: (t) => t,
-  isStatic: !1,
-  reducedMotion: "never"
-});
+import { useContext as f, useId as l, useEffect as c, useCallback as i } from "react";
+import { PresenceContext as m } from "./visualization.es189.js";
+function p(e = !0) {
+  const o = f(m);
+  if (o === null)
+    return [!0, null];
+  const { isPresent: r, onExitComplete: t, register: u } = o, n = l();
+  c(() => {
+    if (e)
+      return u(n);
+  }, [e]);
+  const s = i(() => e && t && t(n), [n, t, e]);
+  return !r && t ? [!1, s] : [!0];
+}
 export {
-  n as MotionConfigContext
+  p as usePresence
 };
 //# sourceMappingURL=visualization.es200.js.map

package/dist/visualization.es200.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es200.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/context/MotionConfigContext.mjs"],"sourcesContent":["\"use client\";\nimport { createContext } from 'react';\n\n/**\n * @public\n */\nconst MotionConfigContext = createContext({\n    transformPagePoint: (p) => p,\n    isStatic: false,\n    reducedMotion: \"never\",\n});\n\nexport { MotionConfigContext };\n//# sourceMappingURL=MotionConfigContext.mjs.map\n"],"names":["MotionConfigContext","createContext","p"],"mappings":";AAMK,MAACA,IAAsBC,EAAc;AAAA,EACtC,oBAAoB,CAACC,MAAMA;AAAA,EAC3B,UAAU;AAAA,EACV,eAAe;AACnB,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es200.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.mjs"],"sourcesContent":["\"use client\";\nimport { useContext, useId, useEffect, useCallback } from 'react';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\n\n/**\n * When a component is the child of `AnimatePresence`, it can use `usePresence`\n * to access information about whether it's still present in the React tree.\n *\n * ```jsx\n * import { usePresence } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const [isPresent, safeToRemove] = usePresence()\n *\n *   useEffect(() => {\n *     !isPresent && setTimeout(safeToRemove, 1000)\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * If `isPresent` is `false`, it means that a component has been removed from the tree,\n * but `AnimatePresence` won't really remove it until `safeToRemove` has been called.\n *\n * @public\n */\nfunction usePresence(subscribe = true) {\n    const context = useContext(PresenceContext);\n    if (context === null)\n        return [true, null];\n    const { isPresent, onExitComplete, register } = context;\n    // It's safe to call the following hooks conditionally (after an early return) because the context will always\n    // either be null or non-null for the lifespan of the component.\n    const id = useId();\n    useEffect(() => {\n        if (subscribe) {\n            return register(id);\n        }\n    }, [subscribe]);\n    const safeToRemove = useCallback(() => subscribe && onExitComplete && onExitComplete(id), [id, onExitComplete, subscribe]);\n    return !isPresent && onExitComplete ? [false, safeToRemove] : [true];\n}\n/**\n * Similar to `usePresence`, except `useIsPresent` simply returns whether or not the component is present.\n * There is no `safeToRemove` function.\n *\n * ```jsx\n * import { useIsPresent } from \"framer-motion\"\n *\n * export const Component = () => {\n *   const isPresent = useIsPresent()\n *\n *   useEffect(() => {\n *     !isPresent && console.log(\"I've been removed!\")\n *   }, [isPresent])\n *\n *   return <div />\n * }\n * ```\n *\n * @public\n */\nfunction useIsPresent() {\n    return isPresent(useContext(PresenceContext));\n}\nfunction isPresent(context) {\n    return context === null ? true : context.isPresent;\n}\n\nexport { isPresent, useIsPresent, usePresence };\n//# sourceMappingURL=use-presence.mjs.map\n"],"names":["usePresence","subscribe","context","useContext","PresenceContext","isPresent","onExitComplete","register","id","useId","useEffect","safeToRemove","useCallback"],"mappings":";;AA2BA,SAASA,EAAYC,IAAY,IAAM;AACnC,QAAMC,IAAUC,EAAWC,CAAe;AAC1C,MAAIF,MAAY;AACZ,WAAO,CAAC,IAAM,IAAI;AACtB,QAAM,EAAE,WAAAG,GAAW,gBAAAC,GAAgB,UAAAC,EAAQ,IAAKL,GAG1CM,IAAKC,EAAK;AAChB,EAAAC,EAAU,MAAM;AACZ,QAAIT;AACA,aAAOM,EAASC,CAAE;AAAA,EAE1B,GAAG,CAACP,CAAS,CAAC;AACd,QAAMU,IAAeC,EAAY,MAAMX,KAAaK,KAAkBA,EAAeE,CAAE,GAAG,CAACA,GAAIF,GAAgBL,CAAS,CAAC;AACzH,SAAO,CAACI,KAAaC,IAAiB,CAAC,IAAOK,CAAY,IAAI,CAAC,EAAI;AACvE;","x_google_ignoreList":[0]}

package/dist/visualization.es201.js

@@ -1,6 +1,6 @@
 import { createContext as t } from "react";
 const e = t({});
 export {
-  e as SwitchLayoutGroupContext
+  e as LayoutGroupContext
 };
 //# sourceMappingURL=visualization.es201.js.map

package/dist/visualization.es201.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es201.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.mjs"],"sourcesContent":["\"use client\";\nimport { createContext } from 'react';\n\n/**\n * Internal, exported only for usage in Framer\n */\nconst SwitchLayoutGroupContext = createContext({});\n\nexport { SwitchLayoutGroupContext };\n//# sourceMappingURL=SwitchLayoutGroupContext.mjs.map\n"],"names":["SwitchLayoutGroupContext","createContext"],"mappings":";AAMK,MAACA,IAA2BC,EAAc,CAAA,CAAE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es201.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/context/LayoutGroupContext.mjs"],"sourcesContent":["\"use client\";\nimport { createContext } from 'react';\n\nconst LayoutGroupContext = createContext({});\n\nexport { LayoutGroupContext };\n//# sourceMappingURL=LayoutGroupContext.mjs.map\n"],"names":["LayoutGroupContext","createContext"],"mappings":";AAGK,MAACA,IAAqBC,EAAc,CAAA,CAAE;","x_google_ignoreList":[0]}

package/dist/visualization.es202.js

@@ -1,10 +1,10 @@
-const s = (t, n) => Math.abs(t - n);
-function e(t, n) {
-  const a = s(t.x, n.x), c = s(t.y, n.y);
-  return Math.sqrt(a ** 2 + c ** 2);
-}
+import { createContext as o } from "react";
+const n = o({
+  transformPagePoint: (t) => t,
+  isStatic: !1,
+  reducedMotion: "never"
+});
 export {
-  s as distance,
-  e as distance2D
+  n as MotionConfigContext
 };
 //# sourceMappingURL=visualization.es202.js.map

package/dist/visualization.es202.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es202.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/utils/distance.mjs"],"sourcesContent":["const distance = (a, b) => Math.abs(a - b);\nfunction distance2D(a, b) {\n    // Multi-dimensional\n    const xDelta = distance(a.x, b.x);\n    const yDelta = distance(a.y, b.y);\n    return Math.sqrt(xDelta ** 2 + yDelta ** 2);\n}\n\nexport { distance, distance2D };\n//# sourceMappingURL=distance.mjs.map\n"],"names":["distance","a","b","distance2D","xDelta","yDelta"],"mappings":"AAAK,MAACA,IAAW,CAACC,GAAGC,MAAM,KAAK,IAAID,IAAIC,CAAC;AACzC,SAASC,EAAWF,GAAGC,GAAG;AAEtB,QAAME,IAASJ,EAASC,EAAE,GAAGC,EAAE,CAAC,GAC1BG,IAASL,EAASC,EAAE,GAAGC,EAAE,CAAC;AAChC,SAAO,KAAK,KAAKE,KAAU,IAAIC,KAAU,CAAC;AAC9C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es202.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/context/MotionConfigContext.mjs"],"sourcesContent":["\"use client\";\nimport { createContext } from 'react';\n\n/**\n * @public\n */\nconst MotionConfigContext = createContext({\n    transformPagePoint: (p) => p,\n    isStatic: false,\n    reducedMotion: \"never\",\n});\n\nexport { MotionConfigContext };\n//# sourceMappingURL=MotionConfigContext.mjs.map\n"],"names":["MotionConfigContext","createContext","p"],"mappings":";AAMK,MAACA,IAAsBC,EAAc;AAAA,EACtC,oBAAoB,CAACC,MAAMA;AAAA,EAC3B,UAAU;AAAA,EACV,eAAe;AACnB,CAAC;","x_google_ignoreList":[0]}