@weng-lab/visualization 2.4.1 → 2.4.2

package/dist/visualization.es199.js

@@ -1,7 +1,15 @@
-import { useLayoutEffect as o, useEffect as t } from "react";
-import { isBrowser as e } from "./visualization.es198.js";
-const s = e ? o : t;
+import { isPrimaryPointer as t } from "./visualization.es201.js";
+function i(o) {
+  return {
+    point: {
+      x: o.pageX,
+      y: o.pageY
+    }
+  };
+}
+const a = (o) => (r) => t(r) && o(r, i(r));
 export {
-  s as useIsomorphicLayoutEffect
+  a as addPointerInfo,
+  i as extractEventInfo
 };
 //# 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/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.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/events/event-info.mjs"],"sourcesContent":["import { isPrimaryPointer } from 'motion-dom';\n\nfunction extractEventInfo(event) {\n    return {\n        point: {\n            x: event.pageX,\n            y: event.pageY,\n        },\n    };\n}\nconst addPointerInfo = (handler) => (event) => isPrimaryPointer(event) && handler(event, extractEventInfo(event));\n\nexport { addPointerInfo, extractEventInfo };\n//# sourceMappingURL=event-info.mjs.map\n"],"names":["extractEventInfo","event","addPointerInfo","handler","isPrimaryPointer"],"mappings":";AAEA,SAASA,EAAiBC,GAAO;AAC7B,SAAO;AAAA,IACH,OAAO;AAAA,MACH,GAAGA,EAAM;AAAA,MACT,GAAGA,EAAM;AAAA,IACrB;AAAA,EACA;AACA;AACK,MAACC,IAAiB,CAACC,MAAY,CAACF,MAAUG,EAAiBH,CAAK,KAAKE,EAAQF,GAAOD,EAAiBC,CAAK,CAAC;","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.es35.js";
-import { measureTextWidth as J, downloadSVGAsPNG as xe, downloadAsSVG as Se } from "./visualization.es20.js";
-import be from "./visualization.es36.js";
+import ge from "./visualization.es40.js";
+import { measureTextWidth as J, downloadSVGAsPNG as xe, downloadAsSVG as Se } from "./visualization.es33.js";
+import be from "./visualization.es41.js";
 import { useResponsiveParentSize as ve } from "./visualization.es18.js";
-import ye from "./visualization.es37.js";
-import Me from "./visualization.es38.js";
-import Le from "./visualization.es26.js";
+import ye from "./visualization.es42.js";
+import Me from "./visualization.es34.js";
+import Le from "./visualization.es35.js";
 import { ResponsiveContainer as we } from "./visualization.es14.js";
-import Re from "./visualization.es32.js";
-import Ae from "./visualization.es39.js";
+import Re from "./visualization.es28.js";
+import Ae from "./visualization.es43.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,151 +1,32 @@
-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;
-    }
-    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 {};
-  }
-};
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { memo as o } from "react";
+import { ControlPanel as c } from "./visualization.es95.js";
+import { ZoomSurface as d } from "./visualization.es96.js";
+import { TOTAL_INNER_DIAMETER as n } from "./visualization.es7.js";
+import m from "./visualization.es28.js";
+const x = o(function({
+  zoom: r,
+  totalWidth: i,
+  totalHeight: t,
+  children: g,
+  toggleBranchLength: s
+}) {
+  return /* @__PURE__ */ a("div", { style: {
+    position: "relative",
+    width: i,
+    height: t
+  }, children: [
+    /* @__PURE__ */ e(c, { scaleZoom: r.scale, resetZoom: r.reset, toggleBranchLength: s }),
+    /* @__PURE__ */ a("svg", { width: i, height: t, style: {
+      cursor: r.isDragging ? "grabbing" : "grab",
+      touchAction: "none"
+    }, viewBox: `0 0 ${n} ${n}`, preserveAspectRatio: "xMidYMid meet", ref: r.containerRef, children: [
+      /* @__PURE__ */ e(d, { dragStart: r.dragStart, dragEnd: r.dragEnd, dragMove: r.dragMove, scale: r.scale, isDragging: r.isDragging }),
+      /* @__PURE__ */ e(m, { transform: r.toString(), children: g })
+    ] })
+  ] });
+});
 export {
-  z as downloadAsSVG,
-  S as downloadDivAsPNG,
-  b as downloadDivAsSVG,
-  A as downloadSVGAsPNG,
-  P as getAnimationProps,
-  O as measureTextWidth
+  x as ZoomFrame
 };
 //# sourceMappingURL=visualization.es20.js.map

package/dist/visualization.es20.js.map

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"visualization.es20.js","sources":["../src/components/PhyloTree/ZoomFrame.tsx"],"sourcesContent":["import { ProvidedZoom } from \"@visx/zoom\";\nimport { memo, ReactNode, useState } from \"react\";\nimport { ZoomState } from \"./types\";\nimport { ControlPanel } from \"./ControlPanel\";\nimport { ZoomSurface } from \"./ZoomSurface\";\nimport { Group } from \"@visx/group\";\nimport { TOTAL_INNER_DIAMETER } from \"./PhyloTree\";\n\nexport type ZoomFrameProps = {\n  zoom: ProvidedZoom<SVGSVGElement> & ZoomState;\n  totalHeight: number;\n  totalWidth: number;\n  toggleBranchLength: () => void;\n  children: ReactNode\n};\n\nexport const ZoomFrame = memo(function({ zoom, totalWidth, totalHeight, children, toggleBranchLength }: ZoomFrameProps) {\n  return (\n    <div\n      style={{\n        position: \"relative\",\n        width: totalWidth,\n        height: totalHeight,\n      }}\n    >\n      <ControlPanel scaleZoom={zoom.scale} resetZoom={zoom.reset} toggleBranchLength={toggleBranchLength} />\n      <svg\n        width={totalWidth}\n        height={totalHeight}\n        style={{ cursor: zoom.isDragging ? \"grabbing\" : \"grab\", touchAction: \"none\" }}\n        viewBox={`0 0 ${TOTAL_INNER_DIAMETER} ${TOTAL_INNER_DIAMETER}`}\n        preserveAspectRatio=\"xMidYMid meet\"\n        ref={zoom.containerRef}\n      >\n        <ZoomSurface\n          dragStart={zoom.dragStart}\n          dragEnd={zoom.dragEnd}\n          dragMove={zoom.dragMove}\n          scale={zoom.scale}\n          isDragging={zoom.isDragging}\n        />\n        <Group transform={zoom.toString()}>\n          {children}\n        </Group>\n      </svg>\n    </div>\n  );\n});\n"],"names":["ZoomFrame","memo","zoom","totalWidth","totalHeight","children","toggleBranchLength","jsxs","position","width","height","jsx","ControlPanel","scale","reset","cursor","isDragging","touchAction","TOTAL_INNER_DIAMETER","containerRef","ZoomSurface","dragStart","dragEnd","dragMove","Group","toString"],"mappings":";;;;;;AAgBO,MAAMA,IAAYC,EAAK,SAAS;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,YAAAA;AAAAA,EAAYC,aAAAA;AAAAA,EAAaC,UAAAA;AAAAA,EAAUC,oBAAAA;AAAmC,GAAG;AACtH,SACE,gBAAAC,EAAC,SACC,OAAO;AAAA,IACLC,UAAU;AAAA,IACVC,OAAON;AAAAA,IACPO,QAAQN;AAAAA,EAAAA,GAGV,UAAA;AAAA,IAAA,gBAAAO,EAACC,KAAa,WAAWV,EAAKW,OAAO,WAAWX,EAAKY,OAAO,oBAAAR,GAAuC;AAAA,sBAClG,OAAA,EACC,OAAOH,GACP,QAAQC,GACR,OAAO;AAAA,MAAEW,QAAQb,EAAKc,aAAa,aAAa;AAAA,MAAQC,aAAa;AAAA,IAAA,GACrE,SAAS,OAAOC,CAAoB,IAAIA,CAAoB,IAC5D,qBAAoB,iBACpB,KAAKhB,EAAKiB,cAEV,UAAA;AAAA,MAAA,gBAAAR,EAACS,GAAA,EACC,WAAWlB,EAAKmB,WAChB,SAASnB,EAAKoB,SACd,UAAUpB,EAAKqB,UACf,OAAOrB,EAAKW,OACZ,YAAYX,EAAKc,YAAW;AAAA,wBAE7BQ,GAAA,EAAM,WAAWtB,EAAKuB,SAAAA,GACpBpB,UAAAA,EAAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ,CAAC;"}

package/dist/visualization.es200.js

@@ -1,18 +1,7 @@
-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];
+function i(e, n, t, r = { passive: !0 }) {
+  return e.addEventListener(n, t, r), () => e.removeEventListener(n, t);
 }
 export {
-  p as usePresence
+  i as addDomEvent
 };
 //# 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/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.es200.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/events/add-dom-event.mjs"],"sourcesContent":["function addDomEvent(target, eventName, handler, options = { passive: true }) {\n    target.addEventListener(eventName, handler, options);\n    return () => target.removeEventListener(eventName, handler);\n}\n\nexport { addDomEvent };\n//# sourceMappingURL=add-dom-event.mjs.map\n"],"names":["addDomEvent","target","eventName","handler","options"],"mappings":"AAAA,SAASA,EAAYC,GAAQC,GAAWC,GAASC,IAAU,EAAE,SAAS,MAAQ;AAC1E,SAAAH,EAAO,iBAAiBC,GAAWC,GAASC,CAAO,GAC5C,MAAMH,EAAO,oBAAoBC,GAAWC,CAAO;AAC9D;","x_google_ignoreList":[0]}

package/dist/visualization.es201.js

@@ -1,6 +1,5 @@
-import { createContext as t } from "react";
-const e = t({});
+const o = (r) => r.pointerType === "mouse" ? typeof r.button != "number" || r.button <= 0 : r.isPrimary !== !1;
 export {
-  e as LayoutGroupContext
+  o as isPrimaryPointer
 };
 //# 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/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.es201.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/gestures/utils/is-primary-pointer.mjs"],"sourcesContent":["const isPrimaryPointer = (event) => {\n    if (event.pointerType === \"mouse\") {\n        return typeof event.button !== \"number\" || event.button <= 0;\n    }\n    else {\n        /**\n         * isPrimary is true for all mice buttons, whereas every touch point\n         * is regarded as its own input. So subsequent concurrent touch points\n         * will be false.\n         *\n         * Specifically match against false here as incomplete versions of\n         * PointerEvents in very old browser might have it set as undefined.\n         */\n        return event.isPrimary !== false;\n    }\n};\n\nexport { isPrimaryPointer };\n//# sourceMappingURL=is-primary-pointer.mjs.map\n"],"names":["isPrimaryPointer","event"],"mappings":"AAAK,MAACA,IAAmB,CAACC,MAClBA,EAAM,gBAAgB,UACf,OAAOA,EAAM,UAAW,YAAYA,EAAM,UAAU,IAWpDA,EAAM,cAAc;","x_google_ignoreList":[0]}

package/dist/visualization.es202.js

@@ -1,10 +1,14 @@
-import { createContext as o } from "react";
-const n = o({
-  transformPagePoint: (t) => t,
-  isStatic: !1,
-  reducedMotion: "never"
-});
+import { AnimationFeature as t } from "./visualization.es203.js";
+import { ExitAnimationFeature as i } from "./visualization.es204.js";
+const o = {
+  animation: {
+    Feature: t
+  },
+  exit: {
+    Feature: i
+  }
+};
 export {
-  n as MotionConfigContext
+  o as animations
 };
 //# 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/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.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/motion/features/animations.mjs"],"sourcesContent":["import { AnimationFeature } from './animation/index.mjs';\nimport { ExitAnimationFeature } from './animation/exit.mjs';\n\nconst animations = {\n    animation: {\n        Feature: AnimationFeature,\n    },\n    exit: {\n        Feature: ExitAnimationFeature,\n    },\n};\n\nexport { animations };\n//# sourceMappingURL=animations.mjs.map\n"],"names":["animations","AnimationFeature","ExitAnimationFeature"],"mappings":";;AAGK,MAACA,IAAa;AAAA,EACf,WAAW;AAAA,IACP,SAASC;AAAA,EACjB;AAAA,EACI,MAAM;AAAA,IACF,SAASC;AAAA,EACjB;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es203.js

@@ -1,6 +1,34 @@
-import { createContext as t } from "react";
-const e = t({});
+import { Feature as o } from "./visualization.es299.js";
+import { createAnimationState as i } from "./visualization.es300.js";
+import { isAnimationControls as s } from "./visualization.es211.js";
+class u extends o {
+  /**
+   * We dynamically generate the AnimationState manager as it contains a reference
+   * to the underlying animation library. We only want to load that if we load this,
+   * so people can optionally code split it out using the `m` component.
+   */
+  constructor(t) {
+    super(t), t.animationState || (t.animationState = i(t));
+  }
+  updateAnimationControlsSubscription() {
+    const { animate: t } = this.node.getProps();
+    s(t) && (this.unmountControls = t.subscribe(this.node));
+  }
+  /**
+   * Subscribe any provided AnimationControls to the component's VisualElement
+   */
+  mount() {
+    this.updateAnimationControlsSubscription();
+  }
+  update() {
+    const { animate: t } = this.node.getProps(), { animate: n } = this.node.prevProps || {};
+    t !== n && this.updateAnimationControlsSubscription();
+  }
+  unmount() {
+    this.node.animationState.reset(), this.unmountControls?.();
+  }
+}
 export {
-  e as SwitchLayoutGroupContext
+  u as AnimationFeature
 };
 //# sourceMappingURL=visualization.es203.js.map

package/dist/visualization.es203.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es203.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.es203.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/features/animation/index.mjs"],"sourcesContent":["import { Feature, createAnimationState, isAnimationControls } from 'motion-dom';\n\nclass AnimationFeature extends Feature {\n    /**\n     * We dynamically generate the AnimationState manager as it contains a reference\n     * to the underlying animation library. We only want to load that if we load this,\n     * so people can optionally code split it out using the `m` component.\n     */\n    constructor(node) {\n        super(node);\n        node.animationState || (node.animationState = createAnimationState(node));\n    }\n    updateAnimationControlsSubscription() {\n        const { animate } = this.node.getProps();\n        if (isAnimationControls(animate)) {\n            this.unmountControls = animate.subscribe(this.node);\n        }\n    }\n    /**\n     * Subscribe any provided AnimationControls to the component's VisualElement\n     */\n    mount() {\n        this.updateAnimationControlsSubscription();\n    }\n    update() {\n        const { animate } = this.node.getProps();\n        const { animate: prevAnimate } = this.node.prevProps || {};\n        if (animate !== prevAnimate) {\n            this.updateAnimationControlsSubscription();\n        }\n    }\n    unmount() {\n        this.node.animationState.reset();\n        this.unmountControls?.();\n    }\n}\n\nexport { AnimationFeature };\n//# sourceMappingURL=index.mjs.map\n"],"names":["AnimationFeature","Feature","node","createAnimationState","animate","isAnimationControls","prevAnimate"],"mappings":";;;AAEA,MAAMA,UAAyBC,EAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMnC,YAAYC,GAAM;AACd,UAAMA,CAAI,GACVA,EAAK,mBAAmBA,EAAK,iBAAiBC,EAAqBD,CAAI;AAAA,EAC3E;AAAA,EACA,sCAAsC;AAClC,UAAM,EAAE,SAAAE,EAAO,IAAK,KAAK,KAAK,SAAQ;AACtC,IAAIC,EAAoBD,CAAO,MAC3B,KAAK,kBAAkBA,EAAQ,UAAU,KAAK,IAAI;AAAA,EAE1D;AAAA;AAAA;AAAA;AAAA,EAIA,QAAQ;AACJ,SAAK,oCAAmC;AAAA,EAC5C;AAAA,EACA,SAAS;AACL,UAAM,EAAE,SAAAA,EAAO,IAAK,KAAK,KAAK,SAAQ,GAChC,EAAE,SAASE,EAAW,IAAK,KAAK,KAAK,aAAa,CAAA;AACxD,IAAIF,MAAYE,KACZ,KAAK,oCAAmC;AAAA,EAEhD;AAAA,EACA,UAAU;AACN,SAAK,KAAK,eAAe,MAAK,GAC9B,KAAK,kBAAe;AAAA,EACxB;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es204.js

@@ -1,10 +1,46 @@
-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 { Feature as h } from "./visualization.es299.js";
+import { resolveVariant as d } from "./visualization.es301.js";
+let p = 0;
+class C extends h {
+  constructor() {
+    super(...arguments), this.id = p++, this.isExitComplete = !1;
+  }
+  update() {
+    if (!this.node.presenceContext)
+      return;
+    const { isPresent: t, onExitComplete: e } = this.node.presenceContext, { isPresent: i } = this.node.prevPresenceContext || {};
+    if (!this.node.animationState || t === i)
+      return;
+    if (t && i === !1) {
+      if (this.isExitComplete) {
+        const { initial: n, custom: m } = this.node.getProps();
+        if (typeof n == "string") {
+          const s = d(this.node, n, m);
+          if (s) {
+            const { transition: u, transitionEnd: f, ...o } = s;
+            for (const r in o)
+              this.node.getValue(r)?.jump(o[r]);
+          }
+        }
+        this.node.animationState.reset(), this.node.animationState.animateChanges();
+      } else
+        this.node.animationState.setActive("exit", !1);
+      this.isExitComplete = !1;
+      return;
+    }
+    const a = this.node.animationState.setActive("exit", !t);
+    e && !t && a.then(() => {
+      this.isExitComplete = !0, e(this.id);
+    });
+  }
+  mount() {
+    const { register: t, onExitComplete: e } = this.node.presenceContext || {};
+    e && e(this.id), t && (this.unmount = t(this.id));
+  }
+  unmount() {
+  }
 }
 export {
-  s as distance,
-  e as distance2D
+  C as ExitAnimationFeature
 };
 //# sourceMappingURL=visualization.es204.js.map

package/dist/visualization.es204.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es204.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.es204.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/features/animation/exit.mjs"],"sourcesContent":["import { Feature, resolveVariant } from 'motion-dom';\n\nlet id = 0;\nclass ExitAnimationFeature extends Feature {\n    constructor() {\n        super(...arguments);\n        this.id = id++;\n        this.isExitComplete = false;\n    }\n    update() {\n        if (!this.node.presenceContext)\n            return;\n        const { isPresent, onExitComplete } = this.node.presenceContext;\n        const { isPresent: prevIsPresent } = this.node.prevPresenceContext || {};\n        if (!this.node.animationState || isPresent === prevIsPresent) {\n            return;\n        }\n        if (isPresent && prevIsPresent === false) {\n            /**\n             * When re-entering, if the exit animation already completed\n             * (element is at rest), reset to initial values so the enter\n             * animation replays from the correct position.\n             */\n            if (this.isExitComplete) {\n                const { initial, custom } = this.node.getProps();\n                if (typeof initial === \"string\") {\n                    const resolved = resolveVariant(this.node, initial, custom);\n                    if (resolved) {\n                        const { transition, transitionEnd, ...target } = resolved;\n                        for (const key in target) {\n                            this.node\n                                .getValue(key)\n                                ?.jump(target[key]);\n                        }\n                    }\n                }\n                this.node.animationState.reset();\n                this.node.animationState.animateChanges();\n            }\n            else {\n                this.node.animationState.setActive(\"exit\", false);\n            }\n            this.isExitComplete = false;\n            return;\n        }\n        const exitAnimation = this.node.animationState.setActive(\"exit\", !isPresent);\n        if (onExitComplete && !isPresent) {\n            exitAnimation.then(() => {\n                this.isExitComplete = true;\n                onExitComplete(this.id);\n            });\n        }\n    }\n    mount() {\n        const { register, onExitComplete } = this.node.presenceContext || {};\n        if (onExitComplete) {\n            onExitComplete(this.id);\n        }\n        if (register) {\n            this.unmount = register(this.id);\n        }\n    }\n    unmount() { }\n}\n\nexport { ExitAnimationFeature };\n//# sourceMappingURL=exit.mjs.map\n"],"names":["id","ExitAnimationFeature","Feature","isPresent","onExitComplete","prevIsPresent","initial","custom","resolved","resolveVariant","transition","transitionEnd","target","key","exitAnimation","register"],"mappings":";;AAEA,IAAIA,IAAK;AACT,MAAMC,UAA6BC,EAAQ;AAAA,EACvC,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,KAAKF,KACV,KAAK,iBAAiB;AAAA,EAC1B;AAAA,EACA,SAAS;AACL,QAAI,CAAC,KAAK,KAAK;AACX;AACJ,UAAM,EAAE,WAAAG,GAAW,gBAAAC,EAAc,IAAK,KAAK,KAAK,iBAC1C,EAAE,WAAWC,EAAa,IAAK,KAAK,KAAK,uBAAuB,CAAA;AACtE,QAAI,CAAC,KAAK,KAAK,kBAAkBF,MAAcE;AAC3C;AAEJ,QAAIF,KAAaE,MAAkB,IAAO;AAMtC,UAAI,KAAK,gBAAgB;AACrB,cAAM,EAAE,SAAAC,GAAS,QAAAC,EAAM,IAAK,KAAK,KAAK,SAAQ;AAC9C,YAAI,OAAOD,KAAY,UAAU;AAC7B,gBAAME,IAAWC,EAAe,KAAK,MAAMH,GAASC,CAAM;AAC1D,cAAIC,GAAU;AACV,kBAAM,EAAE,YAAAE,GAAY,eAAAC,GAAe,GAAGC,EAAM,IAAKJ;AACjD,uBAAWK,KAAOD;AACd,mBAAK,KACA,SAASC,CAAG,GACX,KAAKD,EAAOC,CAAG,CAAC;AAAA,UAE9B;AAAA,QACJ;AACA,aAAK,KAAK,eAAe,MAAK,GAC9B,KAAK,KAAK,eAAe,eAAc;AAAA,MAC3C;AAEI,aAAK,KAAK,eAAe,UAAU,QAAQ,EAAK;AAEpD,WAAK,iBAAiB;AACtB;AAAA,IACJ;AACA,UAAMC,IAAgB,KAAK,KAAK,eAAe,UAAU,QAAQ,CAACX,CAAS;AAC3E,IAAIC,KAAkB,CAACD,KACnBW,EAAc,KAAK,MAAM;AACrB,WAAK,iBAAiB,IACtBV,EAAe,KAAK,EAAE;AAAA,IAC1B,CAAC;AAAA,EAET;AAAA,EACA,QAAQ;AACJ,UAAM,EAAE,UAAAW,GAAU,gBAAAX,EAAc,IAAK,KAAK,KAAK,mBAAmB,CAAA;AAClE,IAAIA,KACAA,EAAe,KAAK,EAAE,GAEtBW,MACA,KAAK,UAAUA,EAAS,KAAK,EAAE;AAAA,EAEvC;AAAA,EACA,UAAU;AAAA,EAAE;AAChB;","x_google_ignoreList":[0]}

package/dist/visualization.es205.js

@@ -1,22 +1,53 @@
-import { jsx as i } from "react/jsx-runtime";
-function f(a) {
-  let {
-    node: {
-      x0: t,
-      x1: r,
-      y0: e,
-      y1: h
+import { useContext as C } from "react";
+import { MotionContext as x } from "./visualization.es206.js";
+import { PresenceContext as S } from "./visualization.es207.js";
+import { useConstant as h } from "./visualization.es208.js";
+import { resolveMotionValue as M } from "./visualization.es209.js";
+import { isControllingVariants as N, isVariantNode as P } from "./visualization.es210.js";
+import { isAnimationControls as T } from "./visualization.es211.js";
+import { resolveVariantFromProps as $ } from "./visualization.es212.js";
+function b({ scrapeMotionValuesFromProps: t, createRenderState: i }, e, s, n) {
+  return {
+    latestValues: p(e, s, n, t),
+    renderState: i()
+  };
+}
+function p(t, i, e, s) {
+  const n = {}, o = s(t, {});
+  for (const l in o)
+    n[l] = M(o[l]);
+  let { initial: m, animate: u } = t;
+  const g = N(t), v = P(t);
+  i && v && !g && t.inherit !== !1 && (m === void 0 && (m = i.initial), u === void 0 && (u = i.animate));
+  let c = e ? e.initial === !1 : !1;
+  c = c || m === !1;
+  const a = c ? u : m;
+  if (a && typeof a != "boolean" && !T(a)) {
+    const l = Array.isArray(a) ? a : [a];
+    for (let d = 0; d < l.length; d++) {
+      const V = $(t, l[d]);
+      if (V) {
+        const { transitionEnd: k, transition: B, ...y } = V;
+        for (const f in y) {
+          let r = y[f];
+          if (Array.isArray(r)) {
+            const A = c ? r.length - 1 : 0;
+            r = r[A];
+          }
+          r !== null && (n[f] = r);
+        }
+        for (const f in k)
+          n[f] = k[f];
+      }
     }
-  } = a;
-  return /* @__PURE__ */ i("rect", {
-    x: t,
-    y: e,
-    width: Math.abs(r - t),
-    height: Math.abs(h - e),
-    fill: "#21D4FD"
-  });
+  }
+  return n;
 }
+const z = (t) => (i, e) => {
+  const s = C(x), n = C(S), o = () => b(t, i, s, n);
+  return e ? o() : h(o);
+};
 export {
-  f as default
+  z as makeUseVisualState
 };
 //# sourceMappingURL=visualization.es205.js.map

package/dist/visualization.es205.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es205.js","sources":["../../../node_modules/.pnpm/@visx+hierarchy@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/hierarchy/esm/HierarchyDefaultRectNode.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nexport default function HierarchyDefaultRectNode(_ref) {\n  let {\n    node: {\n      x0,\n      x1,\n      y0,\n      y1\n    }\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"rect\", {\n    x: x0,\n    y: y0,\n    width: Math.abs(x1 - x0),\n    height: Math.abs(y1 - y0),\n    fill: \"#21D4FD\"\n  });\n}"],"names":["HierarchyDefaultRectNode","_ref","x0","x1","y0","y1","_jsx"],"mappings":";AACe,SAASA,EAAyBC,GAAM;AACrD,MAAI;AAAA,IACF,MAAM;AAAA,MACJ,IAAAC;AAAA,MACA,IAAAC;AAAA,MACA,IAAAC;AAAA,MACA,IAAAC;AAAA,IACN;AAAA,EACA,IAAMJ;AACJ,SAAoBK,gBAAAA,EAAK,QAAQ;AAAA,IAC/B,GAAGJ;AAAA,IACH,GAAGE;AAAA,IACH,OAAO,KAAK,IAAID,IAAKD,CAAE;AAAA,IACvB,QAAQ,KAAK,IAAIG,IAAKD,CAAE;AAAA,IACxB,MAAM;AAAA,EACV,CAAG;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es205.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/use-visual-state.mjs"],"sourcesContent":["\"use client\";\nimport { resolveMotionValue, isControllingVariants, isVariantNode, isAnimationControls, resolveVariantFromProps } from 'motion-dom';\nimport { useContext } from 'react';\nimport { MotionContext } from '../../context/MotionContext/index.mjs';\nimport { PresenceContext } from '../../context/PresenceContext.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\n\nfunction makeState({ scrapeMotionValuesFromProps, createRenderState, }, props, context, presenceContext) {\n    const state = {\n        latestValues: makeLatestValues(props, context, presenceContext, scrapeMotionValuesFromProps),\n        renderState: createRenderState(),\n    };\n    return state;\n}\nfunction makeLatestValues(props, context, presenceContext, scrapeMotionValues) {\n    const values = {};\n    const motionValues = scrapeMotionValues(props, {});\n    for (const key in motionValues) {\n        values[key] = resolveMotionValue(motionValues[key]);\n    }\n    let { initial, animate } = props;\n    const isControllingVariants$1 = isControllingVariants(props);\n    const isVariantNode$1 = isVariantNode(props);\n    if (context &&\n        isVariantNode$1 &&\n        !isControllingVariants$1 &&\n        props.inherit !== false) {\n        if (initial === undefined)\n            initial = context.initial;\n        if (animate === undefined)\n            animate = context.animate;\n    }\n    let isInitialAnimationBlocked = presenceContext\n        ? presenceContext.initial === false\n        : false;\n    isInitialAnimationBlocked = isInitialAnimationBlocked || initial === false;\n    const variantToSet = isInitialAnimationBlocked ? animate : initial;\n    if (variantToSet &&\n        typeof variantToSet !== \"boolean\" &&\n        !isAnimationControls(variantToSet)) {\n        const list = Array.isArray(variantToSet) ? variantToSet : [variantToSet];\n        for (let i = 0; i < list.length; i++) {\n            const resolved = resolveVariantFromProps(props, list[i]);\n            if (resolved) {\n                const { transitionEnd, transition, ...target } = resolved;\n                for (const key in target) {\n                    let valueTarget = target[key];\n                    if (Array.isArray(valueTarget)) {\n                        /**\n                         * Take final keyframe if the initial animation is blocked because\n                         * we want to initialise at the end of that blocked animation.\n                         */\n                        const index = isInitialAnimationBlocked\n                            ? valueTarget.length - 1\n                            : 0;\n                        valueTarget = valueTarget[index];\n                    }\n                    if (valueTarget !== null) {\n                        values[key] = valueTarget;\n                    }\n                }\n                for (const key in transitionEnd) {\n                    values[key] = transitionEnd[key];\n                }\n            }\n        }\n    }\n    return values;\n}\nconst makeUseVisualState = (config) => (props, isStatic) => {\n    const context = useContext(MotionContext);\n    const presenceContext = useContext(PresenceContext);\n    const make = () => makeState(config, props, context, presenceContext);\n    return isStatic ? make() : useConstant(make);\n};\n\nexport { makeUseVisualState };\n//# sourceMappingURL=use-visual-state.mjs.map\n"],"names":["makeState","scrapeMotionValuesFromProps","createRenderState","props","context","presenceContext","makeLatestValues","scrapeMotionValues","values","motionValues","key","resolveMotionValue","initial","animate","isControllingVariants$1","isControllingVariants","isVariantNode$1","isVariantNode","isInitialAnimationBlocked","variantToSet","isAnimationControls","list","i","resolved","resolveVariantFromProps","transitionEnd","transition","target","valueTarget","index","makeUseVisualState","config","isStatic","useContext","MotionContext","PresenceContext","make","useConstant"],"mappings":";;;;;;;;AAOA,SAASA,EAAU,EAAE,6BAAAC,GAA6B,mBAAAC,EAAiB,GAAKC,GAAOC,GAASC,GAAiB;AAKrG,SAJc;AAAA,IACV,cAAcC,EAAiBH,GAAOC,GAASC,GAAiBJ,CAA2B;AAAA,IAC3F,aAAaC,EAAiB;AAAA,EACtC;AAEA;AACA,SAASI,EAAiBH,GAAOC,GAASC,GAAiBE,GAAoB;AAC3E,QAAMC,IAAS,CAAA,GACTC,IAAeF,EAAmBJ,GAAO,EAAE;AACjD,aAAWO,KAAOD;AACd,IAAAD,EAAOE,CAAG,IAAIC,EAAmBF,EAAaC,CAAG,CAAC;AAEtD,MAAI,EAAE,SAAAE,GAAS,SAAAC,EAAO,IAAKV;AAC3B,QAAMW,IAA0BC,EAAsBZ,CAAK,GACrDa,IAAkBC,EAAcd,CAAK;AAC3C,EAAIC,KACAY,KACA,CAACF,KACDX,EAAM,YAAY,OACdS,MAAY,WACZA,IAAUR,EAAQ,UAClBS,MAAY,WACZA,IAAUT,EAAQ;AAE1B,MAAIc,IAA4Bb,IAC1BA,EAAgB,YAAY,KAC5B;AACN,EAAAa,IAA4BA,KAA6BN,MAAY;AACrE,QAAMO,IAAeD,IAA4BL,IAAUD;AAC3D,MAAIO,KACA,OAAOA,KAAiB,aACxB,CAACC,EAAoBD,CAAY,GAAG;AACpC,UAAME,IAAO,MAAM,QAAQF,CAAY,IAAIA,IAAe,CAACA,CAAY;AACvE,aAASG,IAAI,GAAGA,IAAID,EAAK,QAAQC,KAAK;AAClC,YAAMC,IAAWC,EAAwBrB,GAAOkB,EAAKC,CAAC,CAAC;AACvD,UAAIC,GAAU;AACV,cAAM,EAAE,eAAAE,GAAe,YAAAC,GAAY,GAAGC,EAAM,IAAKJ;AACjD,mBAAWb,KAAOiB,GAAQ;AACtB,cAAIC,IAAcD,EAAOjB,CAAG;AAC5B,cAAI,MAAM,QAAQkB,CAAW,GAAG;AAK5B,kBAAMC,IAAQX,IACRU,EAAY,SAAS,IACrB;AACN,YAAAA,IAAcA,EAAYC,CAAK;AAAA,UACnC;AACA,UAAID,MAAgB,SAChBpB,EAAOE,CAAG,IAAIkB;AAAA,QAEtB;AACA,mBAAWlB,KAAOe;AACd,UAAAjB,EAAOE,CAAG,IAAIe,EAAcf,CAAG;AAAA,MAEvC;AAAA,IACJ;AAAA,EACJ;AACA,SAAOF;AACX;AACK,MAACsB,IAAqB,CAACC,MAAW,CAAC5B,GAAO6B,MAAa;AACxD,QAAM5B,IAAU6B,EAAWC,CAAa,GAClC7B,IAAkB4B,EAAWE,CAAe,GAC5CC,IAAO,MAAMpC,EAAU+B,GAAQ5B,GAAOC,GAASC,CAAe;AACpE,SAAO2B,IAAWI,MAASC,EAAYD,CAAI;AAC/C;","x_google_ignoreList":[0]}

package/dist/visualization.es206.js

@@ -1,7 +1,6 @@
-function s(r, e) {
-  r(e);
-}
+import { createContext as t } from "react";
+const e = /* @__PURE__ */ t({});
 export {
-  s as default
+  e as MotionContext
 };
 //# sourceMappingURL=visualization.es206.js.map

package/dist/visualization.es206.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es206.js","sources":["../../../node_modules/.pnpm/@visx+hierarchy@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/hierarchy/esm/utils/setNumOrNumAccessor.js"],"sourcesContent":["/**\n * This is a workaround for TypeScript not inferring the correct\n * method overload/signature for some d3 shape methods.\n */\nexport default function setNumberOrNumberAccessor(func, value) {\n  if (typeof value === 'number') func(value);else func(value);\n}"],"names":["setNumberOrNumberAccessor","func","value"],"mappings":"AAIe,SAASA,EAA0BC,GAAMC,GAAO;AAC7D,EAA+BD,EAAKC,CAAK;AAC3C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es206.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/MotionContext/index.mjs"],"sourcesContent":["\"use client\";\nimport { createContext } from 'react';\n\nconst MotionContext = /* @__PURE__ */ createContext({});\n\nexport { MotionContext };\n//# sourceMappingURL=index.mjs.map\n"],"names":["MotionContext","createContext"],"mappings":";AAGK,MAACA,IAAgC,gBAAAC,EAAc,CAAA,CAAE;","x_google_ignoreList":[0]}