@weng-lab/visualization 2.6.0-beta.1 → 2.7.0-beta.0

package/dist/visualization.es16.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es16.js","sources":["../src/components/SequenceAlignmentPlot/SequenceAlignmentPlot.tsx"],"sourcesContent":["import React, { useRef, useEffect, useState, useMemo, useCallback, ReactNode } from \"react\";\nimport { AxisBottom } from \"@visx/axis\";\nimport { scaleLinear, scaleOrdinal } from \"@visx/scale\";\nimport { LegendOrdinal } from \"@visx/legend\";\nimport { defaultStyles, useTooltip, useTooltipInPortal } from \"@visx/tooltip\";\nimport { Text } from \"@visx/text\";\nimport Tooltip from \"@mui/material/Tooltip\";\nimport InfoOutlinedIcon from \"@mui/icons-material/InfoOutlined\";\n\nexport type AlignmentChar = \"A\" | \"C\" | \"G\" | \"T\" | \"N\" | \"M\" | \"-\" | \"*\";\n\nconst COLORS: Record<AlignmentChar, string> = {\n  A: \"#05ac05\",\n  C: \"#1668cb\",\n  G: \"#ffb700\",\n  T: \"#fd1414\",\n  N: \"#555555\",\n  M: \"#984ea3\",\n  \"-\": \"#d4d4d4\",\n  \"*\": \"#ffffff\",\n};\n\nconst LEGEND_LABELS: Record<AlignmentChar, string> = {\n  A: \"A\",\n  C: \"C\",\n  G: \"G\",\n  T: \"T\",\n  N: \"N Unresolved\",\n  M: \"Ambiguous Alignment\",\n  \"-\": \"Gap\",\n  \"*\": \"Absent\",\n};\n\n// Explicit order so A,C,G,T lead the legend like the old emoji key did.\nconst LEGEND_ORDER: AlignmentChar[] = [\"A\", \"C\", \"G\", \"T\", \"N\", \"M\", \"*\", \"-\"];\n\nconst INFO_TOOLTIP_TEXT = `\n  Each column is a position in the human cCRE, and each row shows the\n  corresponding aligned state in another mammalian genome. A, C, G, and\n  T indicate the nucleotide aligned to that human position. N indicates that\n  the target genome has an unresolved base at that position. Ambiguous\n  alignment indicates that this human cCRE position aligns to more than\n  one location in the target genome, and those aligned locations contain\n  different nucleotides. Because the alignment does not support a single\n  target base, the position is not assigned A, C, G, or T. Absent indicates\n  that the human position could not be aligned to that species. Gap\n  indicates that the alignment covers this region, but this species has a gap\n  relative to the human cCRE.\n`;\n\n// Colors are static, so the ordinal scale can live at module scope.\nconst legendScale = scaleOrdinal<AlignmentChar, string>({\n  domain: LEGEND_ORDER,\n  range: LEGEND_ORDER.map((char) => COLORS[char]),\n});\n\nexport interface SequenceAlignmentPlotProps {\n  data: { [id: string]: AlignmentChar[] };\n  getLabel: (id: string) => string;\n  getOrderColor: (id: string) => string;\n  /**\n   * the evolutionary order, not sort order. Sort in plot by sorting input data\n   */\n  getOrder: (id: string) => string;\n  width: number;\n  height: number;\n  /**\n   * Used to sync plot state with hover on PhyloTree. Plot treats these as if they are internally hovered\n   */\n  hovered?: string[];\n  /**\n   * Fired when internal hover state changes\n   */\n  onHoverChange?: (hovered: string | null) => void;\n  /**\n   * Places indicator next to species\n   */\n  highlighted?: string[];\n  /**\n   * Optionally define tooltip for hover. `char`, `charLabel`, and `position` only present if hovering over a position\n   */\n  tooltipContents?: (tooltipData: TooltipData) => ReactNode;\n}\n\n// Bottom band below the canvas: axis ticks on top, then the axis title + wrapping legend.\nconst AXIS_TICKS_HEIGHT = 24; // AxisBottom ticks + numbers\nconst LEGEND_TITLE_HEIGHT = 16; // \"Position in cCRE\" line\nconst LEGEND_ROW_HEIGHT = 16; // one wrapped row of swatches + labels\nconst LEGEND_MAX_ROWS = 3; // worst-case wrap at the narrowest live width\nconst AXIS_HEIGHT = AXIS_TICKS_HEIGHT + LEGEND_TITLE_HEIGHT + LEGEND_MAX_ROWS * LEGEND_ROW_HEIGHT;\nconst SPECIES_BAR_WIDTH = 12;\nconst HIGHLIGHTED_BAR_WIDTH = 12;\nconst PADDING = 10;\nconst HIGHLIGHTED_AND_SPECIES_SVG_WIDTH = HIGHLIGHTED_BAR_WIDTH + PADDING + SPECIES_BAR_WIDTH + PADDING;\nconst MIN_SCALE = 1;\nconst MAX_SCALE = 50;\nconst ZOOM_FACTOR = 1.15;\nconst AXIS_LEFT_PADDING = 5\n\nexport type SpeciesInfo = { id: string; label: string; order: string; color: string };\n\nexport type TooltipData = SpeciesInfo & {\n  char?: AlignmentChar;\n  charLabel?: string;\n  position?: number;\n};\n\ninterface ZoomTransform {\n  scaleX: number;\n  translateX: number;\n}\n\n/**\n * Clamps translateX so the data never scrolls outside the canvas bounds.\n * Valid range: [canvasWidth * (1 - scaleX), 0]\n */\nconst clampTranslateX = (translateX: number, scaleX: number, canvasWidth: number): number =>\n  Math.min(0, Math.max(canvasWidth * (1 - scaleX), translateX));\n\n/**\n * @todo This component could use some cleanup and maybe manual memoization to handle hover changes to highlight more efficiently\n * Maybe try debouncing the hover changes using requestAnimationFrame like PhyloTree\n */\nexport const SequenceAlignmentPlot: React.FC<SequenceAlignmentPlotProps> = ({\n  data,\n  width: totalWidth,\n  height: totalHeight,\n  getLabel,\n  getOrderColor,\n  getOrder,\n  hovered: externalHovered = [],\n  highlighted = [],\n  onHoverChange = () => null,\n  tooltipContents,\n}) => {\n  const [internalHovered, setInternalHovered] = useState<string | null>(null);\n  const [zoomTransform, setZoomTransform] = useState<ZoomTransform>({ scaleX: 1, translateX: 0 });\n  const [isDragging, setIsDragging] = useState(false);\n\n  // Refs for event handlers that need current values without being in dependency arrays\n  const zoomTransformRef = useRef<ZoomTransform>(zoomTransform);\n  const dragStartX = useRef(0);\n  const dragStartTranslateX = useRef(0);\n\n  // Keep ref in sync so the wheel handler (attached imperatively) always sees current transform\n  useEffect(() => {\n    zoomTransformRef.current = zoomTransform;\n  }, [zoomTransform]);\n\n  const handleSetInternalHover = useCallback(\n    (newHovered: string | null) => {\n      const changed = newHovered !== internalHovered;\n      if (changed) {\n        setInternalHovered(newHovered);\n        onHoverChange(newHovered);\n      }\n    },\n    [internalHovered, onHoverChange]\n  );\n\n  const hovered = useMemo(\n    () => (internalHovered ? [internalHovered, ...externalHovered] : externalHovered),\n    [internalHovered, externalHovered]\n  );\n\n  \n  const { tooltipData, tooltipLeft, tooltipTop, showTooltip, hideTooltip } = useTooltip<TooltipData>();\n  \n  const { TooltipInPortal } = useTooltipInPortal({\n    scroll: true,\n    detectBounds: true,\n  });\n  \n  const numSpecies = Object.keys(data).length;\n  const numPositions = Object.values(data)[0]?.length ?? 0;\n  \n  const canvasWidth = totalWidth - HIGHLIGHTED_AND_SPECIES_SVG_WIDTH;\n  const canvasHeight = totalHeight - AXIS_HEIGHT;\n  \n  const speciesInfo = useMemo(() => {\n    const entries: [string, SpeciesInfo][] = Object.keys(data).map((species) => [\n      species,\n      { id: species, label: getLabel(species), order: getOrder(species), color: getOrderColor(species) },\n    ]);\n    return new Map<string, SpeciesInfo>(entries);\n  }, [data]);\n  \n  const canvasRef = useRef<HTMLCanvasElement>(null);\n\n  // Attach wheel listener imperatively with passive: false so we can call preventDefault.\n  // React 17+ attaches onWheel passively, which prevents scroll cancellation.\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n\n    const handleWheel = (e: WheelEvent) => {\n      e.preventDefault();\n\n      const rect = canvas.getBoundingClientRect();\n      const cursorX = e.clientX - rect.left;\n      const { scaleX, translateX } = zoomTransformRef.current;\n\n      const zoomDir = e.deltaY < 0 ? ZOOM_FACTOR : 1 / ZOOM_FACTOR;\n      const newScaleX = Math.max(MIN_SCALE, Math.min(MAX_SCALE, scaleX * zoomDir));\n\n      // Adjust translateX so the data point under the cursor stays fixed\n      const newTranslateX = cursorX - (cursorX - translateX) * (newScaleX / scaleX);\n      const clampedTranslateX = clampTranslateX(newTranslateX, newScaleX, canvasWidth);\n\n      setZoomTransform({ scaleX: newScaleX, translateX: clampedTranslateX });\n    };\n\n    canvas.addEventListener(\"wheel\", handleWheel, { passive: false });\n    return () => canvas.removeEventListener(\"wheel\", handleWheel);\n  }, [canvasWidth]);\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n\n    const preventTouchScroll = (e: TouchEvent) => {\n      if (e.touches.length === 1) e.preventDefault(); // single finger = pan, not page scroll\n    };\n\n    canvas.addEventListener(\"touchstart\", preventTouchScroll, { passive: false });\n    canvas.addEventListener(\"touchmove\", preventTouchScroll, { passive: false });\n    return () => {\n      canvas.removeEventListener(\"touchstart\", preventTouchScroll);\n      canvas.removeEventListener(\"touchmove\", preventTouchScroll);\n    };\n  }, []);\n\n  // Draw to the cancas\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n\n    const ctx = canvas.getContext(\"2d\");\n    if (!ctx) return;\n\n    const dpr = window.devicePixelRatio || 1;\n\n    canvas.width = canvasWidth * dpr;\n    canvas.height = canvasHeight * dpr;\n    canvas.style.width = `${canvasWidth}px`;\n    canvas.style.height = `${canvasHeight}px`;\n\n    ctx.setTransform(1, 0, 0, 1, 0, 0);\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    // Combine the base data→bitmap mapping with the zoom transform.\n    // translateX is in CSS pixels so it must be scaled by dpr for the bitmap.\n    const bitmapScaleX = (canvas.width / numPositions) * zoomTransform.scaleX;\n    const bitmapScaleY = canvas.height / numSpecies;\n    const bitmapTranslateX = zoomTransform.translateX * dpr;\n\n    ctx.setTransform(bitmapScaleX, 0, 0, bitmapScaleY, bitmapTranslateX, 0);\n\n    Object.entries(data).forEach(([species, sequence], y) => {\n      sequence.forEach((nucleobase, x) => {\n        ctx.fillStyle = COLORS[nucleobase];\n        ctx.globalAlpha = hovered.length && !hovered.includes(species) ? 0.3 : 1;\n        ctx.fillRect(x, y, 1, 1);\n        ctx.globalAlpha = 1;\n      });\n    });\n  }, [data, canvasWidth, canvasHeight, numPositions, numSpecies, hovered, zoomTransform]);\n\n  // Converts a CSS pixel x position on the canvas to a data-space nucleotide index,\n  // inverting the zoom transform: dataX = (cssX - translateX) / (cssWidthPerDataUnit * scaleX)\n  const cssXToPosition = useCallback(\n    (cssX: number): number => {\n      const { scaleX, translateX } = zoomTransformRef.current;\n      return Math.floor(((cssX - translateX) / canvasWidth) * (numPositions / scaleX));\n    },\n    [canvasWidth, numPositions]\n  );\n\n  const handleHeatmapPointerDown = (e: React.PointerEvent<HTMLCanvasElement>) => {\n    setIsDragging(true);\n    dragStartX.current = e.clientX;\n    dragStartTranslateX.current = zoomTransformRef.current.translateX;\n    e.currentTarget.setPointerCapture(e.pointerId)\n  };\n\n  const handleHeatmapPointerMove = (e: React.PointerEvent<HTMLCanvasElement>) => {\n    const canvas = canvasRef.current;\n    if (!canvas) return;\n\n    // While dragging: update pan, suppress hover/tooltip\n    if (isDragging) {\n      const delta = e.clientX - dragStartX.current;\n      const newTranslateX = clampTranslateX(\n        dragStartTranslateX.current + delta,\n        zoomTransformRef.current.scaleX,\n        canvasWidth\n      );\n      setZoomTransform((prev) => ({ ...prev, translateX: newTranslateX }));\n      return;\n    }\n\n    const rect = canvas.getBoundingClientRect();\n    const cssX = e.clientX - rect.left;\n    const cssY = e.clientY - rect.top;\n\n    const position = cssXToPosition(cssX);\n    const speciesIndex = Math.floor((cssY / rect.height) * numSpecies);\n    const speciesId = Object.keys(data)[speciesIndex];\n    const char = data[speciesId]?.[position];\n\n    if (position >= 0 && position < numPositions && speciesIndex >= 0 && speciesIndex < numSpecies) {\n      handleSetInternalHover(speciesId);\n      showTooltip({\n        tooltipTop: e.clientY,\n        tooltipLeft: e.clientX,\n        tooltipData: {\n          position,\n          char,\n          charLabel: char != null ? LEGEND_LABELS[char] : undefined,\n          ...(speciesInfo.get(speciesId) as SpeciesInfo),\n        },\n      });\n    } else {\n      handleSetInternalHover(null);\n      hideTooltip();\n    }\n  };\n\n  const handleHeatmapPointerUp = () => {\n    setIsDragging(false);\n  };\n\n  const handleHeatmapPointerLeave = () => {\n    setIsDragging(false);\n    handleSetInternalHover(null);\n    hideTooltip();\n  };\n\n  const handleSpeciesBarMouseMove = (event: React.MouseEvent<SVGGElement, MouseEvent>, species: SpeciesInfo) => {\n    handleSetInternalHover(species.id);\n    showTooltip({ tooltipLeft: event.clientX, tooltipTop: event.clientY, tooltipData: species });\n  };\n\n  const handleSpeciesBarMouseLeave = (event: React.MouseEvent<SVGGElement, MouseEvent>, species: SpeciesInfo) => {\n    handleSetInternalHover(null);\n    hideTooltip();\n  };\n\n  // Apply the zoom transform to the axis scale so tick positions stay in sync with the canvas.\n  // Domain [0, numPositions-1] maps to zoomed CSS range [translateX, canvasWidth * scaleX + translateX].\n  const zoomedXScale = useMemo(\n    () =>\n      scaleLinear({\n        domain: [0, numPositions - 1],\n        range: [\n          zoomTransform.translateX,\n          canvasWidth * zoomTransform.scaleX + zoomTransform.translateX,\n        ],\n      }),\n    [numPositions, canvasWidth, zoomTransform]\n  );\n\n  const speciesList = useMemo(() => [...speciesInfo.values()], [speciesInfo]);\n\n  const axisWidth = canvasWidth + AXIS_LEFT_PADDING\n\n  return totalWidth < 10 || totalHeight < 10 ? null :(\n    <div\n      style={{\n        position: \"relative\",\n        width: totalWidth,\n        height: totalHeight,\n      }}\n    >\n      <svg\n        width={HIGHLIGHTED_AND_SPECIES_SVG_WIDTH}\n        height={totalHeight}\n        style={{ top: 0, left: 0, position: \"absolute\" }}\n      >\n        {speciesList.map((species, i) => {\n          const rectHeight = canvasHeight / speciesList.length;\n          return (\n            <g\n              key={i}\n              onMouseMove={(event) => handleSpeciesBarMouseMove(event, species)}\n              onMouseLeave={(event) => handleSpeciesBarMouseLeave(event, species)}\n              opacity={hovered.length && !hovered.includes(species.id) ? 0.3 : 1}\n            >\n              {highlighted.includes(species.id) && (\n                <rect\n                  width={HIGHLIGHTED_BAR_WIDTH}\n                  height={rectHeight}\n                  x={0}\n                  y={rectHeight * i}\n                  fill={species.color}\n                  shapeRendering={\"crispEdges\"}\n                />\n              )}\n              <rect\n                width={SPECIES_BAR_WIDTH}\n                height={rectHeight}\n                x={HIGHLIGHTED_BAR_WIDTH + PADDING}\n                y={rectHeight * i}\n                fill={species.color}\n                shapeRendering={\"crispEdges\"}\n              />\n            </g>\n          );\n        })}\n        <Text\n          angle={270}\n          textAnchor=\"end\"\n          verticalAnchor=\"middle\"\n          fontSize={12}\n          x={0.5 * HIGHLIGHTED_BAR_WIDTH}\n          y={canvasHeight + 2}\n        >\n          Highlight\n        </Text>\n        <Text\n          angle={270}\n          textAnchor=\"end\"\n          verticalAnchor=\"middle\"\n          fontSize={12}\n          x={HIGHLIGHTED_BAR_WIDTH + PADDING + 0.5 * SPECIES_BAR_WIDTH}\n          y={canvasHeight + 2}\n        >\n          Species\n        </Text>\n      </svg>\n      <canvas\n        ref={canvasRef}\n        onPointerDown={handleHeatmapPointerDown}\n        onPointerMove={handleHeatmapPointerMove}\n        onPointerUp={handleHeatmapPointerUp}\n        onPointerLeave={handleHeatmapPointerLeave}\n        style={{\n          position: \"absolute\",\n          left: HIGHLIGHTED_AND_SPECIES_SVG_WIDTH,\n          cursor: isDragging ? \"grabbing\" : zoomTransform.scaleX > 1 ? \"grab\" : \"default\",\n        }}\n      />\n      {/* overflow: hidden clips axis ticks that scroll outside the canvas bounds when zoomed */}\n      <svg\n        width={axisWidth}\n        height={AXIS_HEIGHT}\n        style={{\n          position: \"absolute\",\n          //position it into the other svg by AXIS_LEFT_PADDING to fix axis cutoff of 0 at first load.\n          //can't fix with overflow visible since on zoom the axis needs to be clipped\n          left: HIGHLIGHTED_AND_SPECIES_SVG_WIDTH - AXIS_LEFT_PADDING,\n          bottom: 0,\n          pointerEvents: \"none\",\n          overflow: \"hidden\",\n        }}\n      >\n        <AxisBottom\n          scale={zoomedXScale}\n          numTicks={Math.min(numPositions, Math.round(10 * zoomTransform.scaleX))}\n          left={AXIS_LEFT_PADDING}\n        />\n      </svg>\n      {/* Axis title, zoom indicator, and color legend live in HTML below the axis ticks.\n          The legend wraps at narrow widths; AXIS_HEIGHT reserves room for up to LEGEND_MAX_ROWS. */}\n      <div\n        style={{\n          position: \"absolute\",\n          top: canvasHeight + AXIS_TICKS_HEIGHT,\n          left: HIGHLIGHTED_AND_SPECIES_SVG_WIDTH,\n          width: canvasWidth,\n          display: \"flex\",\n          flexDirection: \"column\",\n          alignItems: \"center\",\n          gap: 2,\n          fontSize: 12,\n          pointerEvents: \"none\",\n        }}\n      >\n        {/* Axis title centered, zoom factor pinned to the right of the same line */}\n        <div style={{ position: \"relative\", width: \"100%\", textAlign: \"center\" }}>\n          Position in cCRE\n          <span style={{ position: \"absolute\", right: 0, top: 0 }}>\n            {`${zoomTransform.scaleX.toFixed(1)}×`}\n          </span>\n        </div>\n        <LegendOrdinal\n          scale={legendScale}\n          direction=\"row\"\n          shape=\"rect\"\n          shapeWidth={11}\n          shapeHeight={11}\n          itemMargin=\"0 10px 0 0\"\n          labelMargin=\"0 0 0 0px\"\n          labelFormat={(char) => LEGEND_LABELS[char]}\n          shapeStyle={() => ({ border: \"1px solid rgba(0,0,0,0.25)\" })}\n          // Legend root only sets flexDirection, so enable wrapping/centering here.\n          // minHeight reserves the full legend band; alignContent centers the row(s)\n          // vertically so a single, non-wrapping row sits centered instead of top-aligned.\n          style={{\n            display: \"flex\",\n            flexWrap: \"wrap\",\n            justifyContent: \"center\",\n            alignContent: \"center\",\n            rowGap: 2,\n            minHeight: LEGEND_MAX_ROWS * LEGEND_ROW_HEIGHT,\n          }}\n        />\n      </div>\n      {tooltipData && tooltipContents && (\n        <TooltipInPortal left={tooltipLeft} top={tooltipTop} style={defaultStyles}>\n          {tooltipContents(tooltipData)}\n        </TooltipInPortal>\n      )}\n      <Tooltip title={INFO_TOOLTIP_TEXT} placement=\"top-end\" arrow>\n        <InfoOutlinedIcon\n          fontSize=\"small\"\n          sx={{\n            position: \"absolute\",\n            bottom: 4,\n            right: 4,\n            color: \"text.secondary\",\n            cursor: \"help\",\n          }}\n        />\n      </Tooltip>\n    </div>\n  );\n};"],"names":["COLORS","A","C","G","T","N","M","LEGEND_LABELS","LEGEND_ORDER","INFO_TOOLTIP_TEXT","legendScale","scaleOrdinal","domain","range","map","char","AXIS_TICKS_HEIGHT","LEGEND_TITLE_HEIGHT","LEGEND_ROW_HEIGHT","LEGEND_MAX_ROWS","AXIS_HEIGHT","SPECIES_BAR_WIDTH","HIGHLIGHTED_BAR_WIDTH","PADDING","HIGHLIGHTED_AND_SPECIES_SVG_WIDTH","MIN_SCALE","MAX_SCALE","ZOOM_FACTOR","AXIS_LEFT_PADDING","clampTranslateX","translateX","scaleX","canvasWidth","Math","min","max","SequenceAlignmentPlot","data","width","totalWidth","height","totalHeight","getLabel","getOrderColor","getOrder","hovered","externalHovered","highlighted","onHoverChange","tooltipContents","internalHovered","setInternalHovered","useState","zoomTransform","setZoomTransform","isDragging","setIsDragging","zoomTransformRef","useRef","dragStartX","dragStartTranslateX","useEffect","current","handleSetInternalHover","useCallback","newHovered","useMemo","tooltipData","tooltipLeft","tooltipTop","showTooltip","hideTooltip","useTooltip","TooltipInPortal","useTooltipInPortal","scroll","detectBounds","numSpecies","Object","keys","length","numPositions","values","canvasHeight","speciesInfo","entries","species","id","label","order","color","Map","canvasRef","canvas","handleWheel","e","preventDefault","rect","getBoundingClientRect","cursorX","clientX","left","zoomDir","deltaY","newScaleX","newTranslateX","clampedTranslateX","addEventListener","passive","removeEventListener","preventTouchScroll","touches","ctx","getContext","dpr","window","devicePixelRatio","style","setTransform","clearRect","bitmapScaleX","bitmapScaleY","bitmapTranslateX","forEach","sequence","y","nucleobase","x","fillStyle","globalAlpha","includes","fillRect","cssXToPosition","cssX","floor","handleHeatmapPointerDown","currentTarget","setPointerCapture","pointerId","handleHeatmapPointerMove","delta","prev","cssY","clientY","top","position","speciesIndex","speciesId","charLabel","undefined","get","handleHeatmapPointerUp","handleHeatmapPointerLeave","handleSpeciesBarMouseMove","event","handleSpeciesBarMouseLeave","zoomedXScale","scaleLinear","speciesList","axisWidth","jsxs","i","rectHeight","jsx","Text","cursor","bottom","pointerEvents","overflow","AxisBottom","round","display","flexDirection","alignItems","gap","fontSize","textAlign","right","toFixed","LegendOrdinal","border","flexWrap","justifyContent","alignContent","rowGap","minHeight","defaultStyles","Tooltip","InfoOutlinedIcon"],"mappings":"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"}
+{"version":3,"file":"visualization.es16.js","sources":["../src/components/ScatterPlot/types.ts"],"sourcesContent":["import { ScaleLinear } from '@visx/vendor/d3-scale';\nimport { ProvidedZoom } from \"@visx/zoom\";\nimport { CSSProperties, ReactElement } from \"react\";\nimport { DownloadPlotHandle, AnimationType } from '../../utility';\nimport { ManualSizeProps } from '../../responsive';\n\n/**\n * Shapes a point can be drawn as, for encoding a categorical field alongside color.\n *\n * Seven, and that is close to the ceiling: glyphs stop being told apart at the few pixels a\n * scatter point occupies, so a field with more levels than this wants a facet or a second plot\n * rather than more shapes.\n *\n * Ordered most to least distinct, so taking the first N gives the most legible set of that size -\n * `POINT_SHAPES[index]` against a field's sorted values is the intended use. The last two are\n * each a rotation of an earlier shape (`triangleDown` of `triangle`, `x` of `cross`), so a field\n * that reaches them is one worth checking by eye.\n *\n * Exported as an array so a consumer can build a shape scale over it the way it would a color\n * one, rather than hardcoding the names.\n */\nexport const POINT_SHAPES = [\"circle\", \"triangle\", \"square\", \"diamond\", \"cross\", \"triangleDown\", \"x\"] as const;\n\nexport type PointShape = (typeof POINT_SHAPES)[number];\n\n/**\n    All information given to a point on the plot, including its coordinates(x and y), its radius, color, and opacity, and its metadata information\n    which can be any amount of strings used to display in the tooltip\n*/\nexport type Point<T> = {\n    /**\n     * X and Y coordinates of point on plot (required)\n     */\n    x: number;\n    y: number;\n    /**\n     * Shape of the point, for encoding a categorical field alongside color.\n     *\n     * Every shape is drawn to the same area as a circle of the same `r`, so switching shape\n     * changes only the glyph and not how heavy the point reads.\n     *\n     * @default\n     * \"circle\"\n     */\n    shape?: PointShape;\n    /**\n     * Radius of the point\n     * @default\n     * 3\n     * (5 if hovered)\n     */\n    r?: number;\n    /**\n     * Fill color of the point\n     * @default\n     * \"black\"\n     */\n    color?: string;\n    /**\n     * Stroke (outline) color of the point\n     */\n    stroke?: string;\n    /**\n     * If provided, renders a callout label with a leader line next to the point.\n     * The label is positioned radially outward from the center of the plot.\n     */\n    label?: string;\n    /**\n     * Transparency ofe the point\n     * @default\n     * 1 (opaque)\n     */\n    opacity?: number;\n    /**\n     * Fades the point and draws it beneath the rest - one a filter leaves out, say, kept on the plot\n     * because its place means something beside the others. Drawn in the plot's dimStyle in place of\n     * its own color and opacity, and passed over by the hover where a point that isn't dimmed is as near.\n     * @default\n     * false\n     */\n    dimmed?: boolean;\n    /**\n     * Any and all metadata the user wishes to include with the point.\n     * this will be used to display the tooltip on the hover of the point\n     * @example\n     * metaData: {\n          name: x.displayname,\n          accession: x.experimentAccession\n        }\n     */\n    metaData?: T;\n};\n\n/**\n    Position of the crosshair overlay, in data coordinates (the same units as Point.x / Point.y)\n    rather than pixels, so it stays meaningful across plots of different sizes and survives\n    zooming and panning.\n*/\nexport type CrosshairPosition = {\n    x: number;\n    y: number;\n};\n\nexport type SelectionMode = \"select\" | \"pan\" | \"none\";\n\n/**\n    Positioning props given to the minimap in realtion to the container\n    @todo\n    remove the seperate type since position is now the only\n    prop in here\n**/\nexport type MiniMapProps = {\n    position?: {\n        right: number;\n        bottom: number\n    };\n};\n\n/**\n * Initial state of the component controling the initial state variables on first load\n */\nexport type InitialState<S, Z> = {\n    minimap?: {\n        /**\n         * Initial minimap state (open or closed)\n         */\n        open?: boolean;\n    };\n    controls?: {\n        /**\n         * Initial selection type\n         * Note: allowed types depends on zoom and selection availibility\n         */\n        selectionType?: S extends true ? \"pan\" | \"select\" : Z extends true ? \"select\" | \"none\" : \"pan\";\n    };\n}\n\n/**\n    Basic chart properties\n*/\nexport type ChartProps<T, S extends boolean | undefined, Z extends boolean | undefined> = ManualSizeProps & {\n    /**\n     * Array of points being displayed on the plot\n     * if empty, nothing will be displayed\n     */\n    pointData: Point<T>[];\n    /**\n     * Boolean flag to indicate if any data is still loading,\n     * if true, loading state is displayed (Circular Progress)\n     */\n    loading: boolean;\n    /**\n     * If true, enables lasso selection of points, controllable with onSelectionChange\n     * Shows new select icon in controls section (pencil)\n     * @default\n     * false\n     */\n    selectable?: S;\n    /**\n     * If true, zooming and panning capabilities of the scatterplot\n     * Removes zooming control icons (Zoom in, zoom out, reset zoom)\n     * \n     * Note: if Zoom is disabled and selecting is enabled, No icons will appear, \n     * the selection type of the plot will only ever be select\n     * \n     * @default\n     * false\n     */\n    disableZoom?: Z;\n    /**\n     * If true, tooltip functionality is disabled.\n     * point hovering will not render anything but will still increase the size of the point\n     * @default\n     * false\n     */\n    disableTooltip?: boolean;\n    /**\n     * Can specify a certain color to display what controls are being selected\n     * (Pan/Select and Minimap open/closed)\n     * \n     * @default\n     * primary.main\n     */\n    controlsHighlight?: string;\n    /**\n     * Callback function triggered whenever the currently rendered points on the plot change\n     * ex. when panning or zooming in\n     * \n     * @returns\n     * Array of points currently rendered on the plot \n     * including all of its info and metadata\n     */\n    onDisplayedPointsChange?: (points: Point<T>[]) => void\n    /**\n     * Callback function triggered when a lasso selection is made\n     * \n     * @returns\n     * Array of points inside the lasso\n     * Empty array if no points inside lasso\n     */\n    onSelectionChange?: (selectedPoints: Point<T>[]) => void;\n    /**\n     * Callback fucntion triggered when a point is clicked\n     * \n     * @returns\n     * Singular point including all info and metadata\n     */\n    onPointClicked?: (point: Point<T>) => void;\n    /**\n     * Callback fired when the hovered point changes, with the point under the\n     * cursor or null once nothing is hovered.\n     *\n     * Fires on transitions only, not on every mouse move, so it is safe to drive\n     * state with: moving within one point stays silent, and leaving the plot\n     * announces null once.\n     *\n     * Independent of disableTooltip - hover is still tracked when the tooltip is\n     * turned off, so this is the way to render hover affordances of your own\n     * (highlighting a legend entry, say) without also taking the built-in tooltip.\n     *\n     * @returns\n     * Singular point including all info and metadata, or null\n     */\n    onHoveredPointChange?: (point: Point<T> | null) => void;\n    /**\n     * Points to render as hovered when the cursor is not over one itself - a legend entry being\n     * hovered, a search hit, a brush on another chart. They grow and gain the hover ring exactly\n     * as a real hover does, easing in and leaving instantly.\n     *\n     * The cursor wins: while it is over a point, that point is what is hovered and this is\n     * ignored. The two cannot really collide anyway, since reaching a legend means leaving\n     * the plot.\n     *\n     * With groupPointsAnchor set, each entry stands for its whole group - so passing one member\n     * highlights the group, and passing the group itself gives the same result.\n     */\n    hoveredPoints?: Point<T>[];\n    /**\n     * While hoveredPoints is set, dims every other point, so a legend entry's points stand out from\n     * the rest. An empty hoveredPoints dims them all - a colorbar window with nothing in it, say.\n     *\n     * Done in the draw, so moving the highlight doesn't rebuild pointData or restart the hover growth.\n     *\n     * @default\n     * false\n     */\n    spotlight?: boolean;\n    /**\n     * How dimmed points are drawn: those marked `dimmed`, and the rest while spotlit.\n     *\n     * @default\n     * { color: \"#BDBDBD\", opacity: 0.4 }\n     */\n    dimStyle?: DimStyle;\n    /**\n     * Radius added to a hovered point, in pixels, eased in over the hover animation.\n     *\n     * Turn it down where points are dense enough that a growing point covers its neighbours, or\n     * to 0 to mark the hover with the ring alone.\n     *\n     * @default\n     * 2\n     */\n    hoverGrowth?: number;\n    /**\n     * Color of the ring drawn around a hovered point, faded in alongside the growth.\n     *\n     * @default\n     * \"black\"\n     */\n    hoverStroke?: string;\n    /**\n     * Optional key to specify if you want to group your points.\n     * Must be a key of type Point, or an existing key already in meta data\n     *\n     * If anchor is specified, all grouped points will increase in size on hover of any point in said group\n     */\n    groupPointsAnchor?: keyof Point<T> | keyof T;\n    /**\n     * Custom tooltip formatting\n     * can give JSX elements\n     * \n     * @example\n     * tooltipBody={(point) => {\n            return (\n                <Box sx={{ textAlign: \"center\", p: 1 }}>\n                    <DNALogo ppm={formattedPWM} height={100} />\n                    {point.metaData?.tooltipValues && (\n                    <>\n                        <Typography variant=\"body2\">\n                        <strong>Accession:</strong>{\" \"}\n                        {point.metaData.tooltipValues.accession}\n                        </Typography>\n                        <Typography variant=\"body2\">\n                        <strong>DBD:</strong>{\" \"}\n                        {point.metaData.tooltipValues.dbd}\n                        </Typography>\n                        <Typography variant=\"body2\">\n                        <strong>Factor:</strong>{\" \"}\n                        {point.metaData.tooltipValues.factor}\n                        </Typography>\n                    </>\n                    )}\n                </Box>\n            );\n        }}\n     */\n    tooltipBody?: (point: Point<T>) => ReactElement;\n    miniMap?: MiniMapProps;\n    leftAxisLabel?: string;\n    bottomAxisLabel?: string;\n    initialState?: InitialState<S, Z>;\n    ref?: React.Ref<DownloadPlotHandle>;\n    downloadFileName?: string;\n    /**\n     * If true, shows a download button inside the controls panel.\n     * @default\n     * false\n     */\n    downloadButton?: boolean;\n    animation?: AnimationType;\n    animationBuffer?: number;\n    animationGroupSize?: number;\n    border?: boolean;\n    /**\n     * If true, renders dotted reference lines at x=0 and y=0.\n     * Lines are only shown when the origin is within the current view.\n     * @default\n     * false\n     */\n    originLine?: boolean;\n    /**\n     * If provided, renders a diagonal gradient background (bottom-left → top-right)\n     * centered at the data origin (0, 0), plus an optional colorbar legend.\n     */\n    backgroundGradient?: BackgroundGradient;\n    /**\n     * If true, renders thin crosshair lines tracking the mouse across the full plot area.\n     * @default\n     * false\n     */\n    crosshair?: boolean;\n    /**\n     * Crosshair position in data coordinates, drawn when the mouse is not over this plot.\n     * Used to mirror another plot's crosshair onto this one - see ScatterPlotSync.\n     *\n     * Requires crosshair to be enabled.\n     */\n    crosshairPosition?: CrosshairPosition | null;\n    /**\n     * Callback fired as the crosshair moves, with its position in data coordinates,\n     * or null once the mouse leaves the plot area.\n     *\n     * Requires crosshair to be enabled.\n     */\n    onCrosshairChange?: (position: CrosshairPosition | null) => void;\n    /**\n     * An externally owned zoom instance. When provided the plot drives that zoom instead of\n     * creating its own, so several plots can share one view - see ScatterPlotSync.\n     *\n     * Plots sharing a zoom must be the same size and share their domains, since the transform\n     * is in pixels.\n     */\n    zoom?: ZoomType;\n    /**\n     * Fixes the x axis domain instead of deriving it from the data extents. Useful to keep the\n     * axes stable as the data changes, or to give several plots a shared coordinate frame.\n     */\n    xDomain?: [number, number];\n    /**\n     * Fixes the y axis domain instead of deriving it from the data extents.\n     */\n    yDomain?: [number, number];\n    /**\n     * Position of the zoom/selection controls relative to the chart.\n     * @default\n     * \"left\"\n     */\n    controlsPosition?: \"left\" | \"right\";\n    /**\n     * Lock the plot to a square, sized to the shorter side of its container and centred in it.\n     *\n     * Off by default, in which case the plot fills the container and its aspect ratio follows\n     * whatever shape that is. Turn it on when the two axes are in the same units and a circle\n     * of points has to stay a circle - a PCA or UMAP embedding, say - rather than being\n     * stretched by the shape of the box it happens to sit in.\n     *\n     * @default\n     * false\n     */\n    square?: boolean;\n};\n\n/** How a dimmed point is drawn, in place of its own color and opacity. */\nexport type DimStyle = {\n    color: string;\n    opacity: number;\n};\n\nexport type BackgroundGradient = {\n    /** Three-stop color scale [low, mid, high]. Defaults to [\"red\", \"white\", \"blue\"]. */\n    colorScale?: [string, string, string];\n    /** Opacity of the gradient layer (0–1). Default: 1 */\n    opacity?: number;\n    legend?: {\n        label?: string;\n        minLabel?: string;\n        midLabel?: string;\n        maxLabel?: string;\n    };\n};\n\nexport type Line = { x: number; y: number }[];\nexport type Lines = Line[];\n\nexport type MapProps<T> = {\n    miniMap: MiniMapProps;\n    width: number;\n    height: number;\n    pointData: Point<T>[];\n    xScale: ScaleLinear<number, number, never>;\n    yScale: ScaleLinear<number, number, never>;\n    zoom: ZoomType;\n    crosshair?: CrosshairPosition | null;\n    dimStyle: DimStyle;\n    /** While spotlit, the keys of the points left undimmed - see ChartProps' spotlight. */\n    spotlitKeys: Set<string> | null;\n}\n\nexport type TooltipProps<T> = {\n    tooltipBody?: (point: Point<T>) => ReactElement;\n    tooltipData: Point<T>;\n    /**\n     * Cursor position in viewport coordinates (clientX/clientY, not pageX/pageY): the tooltip is\n     * placed against the viewport so that it can never extend the document's scrollable area.\n     */\n    x: number;\n    y: number;\n    style?: CSSProperties;\n}\n\nexport type ControlButtonsProps = {\n    selectable: boolean;\n    resetable: boolean;\n    handleSelectionModeChange: (mode: SelectionMode) => void;\n    selectMode: SelectionMode;\n    zoomIn: () => void;\n    zoomOut: () => void;\n    zoomReset: () => void;\n    highlight?: string;\n    downloadButton: boolean;\n    downloadPlot: () => void;\n}\n\nexport interface TransformMatrix {\n    scaleX: number;\n    scaleY: number;\n    translateX: number;\n    translateY: number;\n    skewX: number;\n    skewY: number;\n}\n\ntype ZoomState = {\n    initialTransformMatrix: TransformMatrix;\n    transformMatrix: TransformMatrix;\n    isDragging: boolean;\n};\n\nexport type ZoomType = ProvidedZoom<React.ReactElement<unknown, string | React.JSXElementConstructor<unknown>>> & ZoomState\n"],"names":["POINT_SHAPES"],"mappings":"AAqBO,MAAMA,IAAe,CAAC,UAAU,YAAY,UAAU,WAAW,SAAS,gBAAgB,GAAG;"}

package/dist/visualization.es160.js

@@ -1,14 +1,7 @@
-import { animations as o } from "./visualization.es165.js";
-import { drag as r } from "./visualization.es288.js";
-import { gestureAnimations as t } from "./visualization.es289.js";
-import { layout as m } from "./visualization.es290.js";
-const f = {
-  ...o,
-  ...t,
-  ...r,
-  ...m
-};
+function i(e, n, t, r = { passive: !0 }) {
+  return e.addEventListener(n, t, r), () => e.removeEventListener(n, t);
+}
 export {
-  f as featureBundle
+  i as addDomEvent
 };
 //# sourceMappingURL=visualization.es160.js.map

package/dist/visualization.es160.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es160.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/components/motion/feature-bundle.mjs"],"sourcesContent":["import { animations } from '../../../motion/features/animations.mjs';\nimport { drag } from '../../../motion/features/drag.mjs';\nimport { gestureAnimations } from '../../../motion/features/gestures.mjs';\nimport { layout } from '../../../motion/features/layout.mjs';\n\nconst featureBundle = {\n    ...animations,\n    ...gestureAnimations,\n    ...drag,\n    ...layout,\n};\n\nexport { featureBundle };\n//# sourceMappingURL=feature-bundle.mjs.map\n"],"names":["featureBundle","animations","gestureAnimations","drag","layout"],"mappings":";;;;AAKK,MAACA,IAAgB;AAAA,EAClB,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AAAA,EACH,GAAGC;AACP;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es160.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.es161.js

@@ -1,9 +1,5 @@
-import { addPointerInfo as d } from "./visualization.es162.js";
-import { addDomEvent as e } from "./visualization.es163.js";
-function f(o, r, t, n) {
-  return e(o, r, d(t), n);
-}
+const o = (r) => r.pointerType === "mouse" ? typeof r.button != "number" || r.button <= 0 : r.isPrimary !== !1;
 export {
-  f as addPointerEvent
+  o as isPrimaryPointer
 };
 //# sourceMappingURL=visualization.es161.js.map

package/dist/visualization.es161.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es161.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/add-pointer-event.mjs"],"sourcesContent":["import { addDomEvent } from 'motion-dom';\nimport { addPointerInfo } from './event-info.mjs';\n\nfunction addPointerEvent(target, eventName, handler, options) {\n    return addDomEvent(target, eventName, addPointerInfo(handler), options);\n}\n\nexport { addPointerEvent };\n//# sourceMappingURL=add-pointer-event.mjs.map\n"],"names":["addPointerEvent","target","eventName","handler","options","addDomEvent","addPointerInfo"],"mappings":";;AAGA,SAASA,EAAgBC,GAAQC,GAAWC,GAASC,GAAS;AAC1D,SAAOC,EAAYJ,GAAQC,GAAWI,EAAeH,CAAO,GAAGC,CAAO;AAC1E;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es161.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.es162.js

@@ -1,15 +1,14 @@
-import { isPrimaryPointer as t } from "./visualization.es164.js";
-function i(o) {
-  return {
-    point: {
-      x: o.pageX,
-      y: o.pageY
-    }
-  };
-}
-const a = (o) => (r) => t(r) && o(r, i(r));
+import { AnimationFeature as t } from "./visualization.es163.js";
+import { ExitAnimationFeature as i } from "./visualization.es164.js";
+const o = {
+  animation: {
+    Feature: t
+  },
+  exit: {
+    Feature: i
+  }
+};
 export {
-  a as addPointerInfo,
-  i as extractEventInfo
+  o as animations
 };
 //# sourceMappingURL=visualization.es162.js.map

package/dist/visualization.es162.js.map

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

@@ -1,7 +1,34 @@
-function i(e, n, t, r = { passive: !0 }) {
-  return e.addEventListener(n, t, r), () => e.removeEventListener(n, t);
+import { Feature as o } from "./visualization.es285.js";
+import { createAnimationState as i } from "./visualization.es286.js";
+import { isAnimationControls as s } from "./visualization.es171.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 {
-  i as addDomEvent
+  u as AnimationFeature
 };
 //# sourceMappingURL=visualization.es163.js.map

package/dist/visualization.es163.js.map

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

@@ -1,5 +1,46 @@
-const o = (r) => r.pointerType === "mouse" ? typeof r.button != "number" || r.button <= 0 : r.isPrimary !== !1;
+import { Feature as h } from "./visualization.es285.js";
+import { resolveVariant as d } from "./visualization.es287.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 {
-  o as isPrimaryPointer
+  C as ExitAnimationFeature
 };
 //# sourceMappingURL=visualization.es164.js.map

package/dist/visualization.es164.js.map

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

@@ -1,14 +1,53 @@
-import { AnimationFeature as t } from "./visualization.es166.js";
-import { ExitAnimationFeature as i } from "./visualization.es167.js";
-const o = {
-  animation: {
-    Feature: t
-  },
-  exit: {
-    Feature: i
+import { useContext as C } from "react";
+import { MotionContext as x } from "./visualization.es166.js";
+import { PresenceContext as S } from "./visualization.es167.js";
+import { useConstant as h } from "./visualization.es168.js";
+import { resolveMotionValue as M } from "./visualization.es169.js";
+import { isControllingVariants as N, isVariantNode as P } from "./visualization.es170.js";
+import { isAnimationControls as T } from "./visualization.es171.js";
+import { resolveVariantFromProps as $ } from "./visualization.es172.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];
+      }
+    }
   }
+  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 {
-  o as animations
+  z as makeUseVisualState
 };
 //# sourceMappingURL=visualization.es165.js.map

package/dist/visualization.es165.js.map

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

@@ -1,34 +1,6 @@
-import { Feature as o } from "./visualization.es282.js";
-import { createAnimationState as i } from "./visualization.es283.js";
-import { isAnimationControls as s } from "./visualization.es174.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?.();
-  }
-}
+import { createContext as t } from "react";
+const e = /* @__PURE__ */ t({});
 export {
-  u as AnimationFeature
+  e as MotionContext
 };
 //# sourceMappingURL=visualization.es166.js.map

package/dist/visualization.es166.js.map

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

package/dist/visualization.es167.js

@@ -1,46 +1,6 @@
-import { Feature as h } from "./visualization.es282.js";
-import { resolveVariant as d } from "./visualization.es284.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() {
-  }
-}
+import { createContext as e } from "react";
+const o = /* @__PURE__ */ e(null);
 export {
-  C as ExitAnimationFeature
+  o as PresenceContext
 };
 //# sourceMappingURL=visualization.es167.js.map

package/dist/visualization.es167.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es167.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]}
+{"version":3,"file":"visualization.es167.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/PresenceContext.mjs"],"sourcesContent":["\"use client\";\nimport { createContext } from 'react';\n\n/**\n * @public\n */\nconst PresenceContext = \n/* @__PURE__ */ createContext(null);\n\nexport { PresenceContext };\n//# sourceMappingURL=PresenceContext.mjs.map\n"],"names":["PresenceContext","createContext"],"mappings":";AAMK,MAACA,IACU,gBAAAC,EAAc,IAAI;","x_google_ignoreList":[0]}

package/dist/visualization.es168.js

@@ -1,53 +1,9 @@
-import { useContext as C } from "react";
-import { MotionContext as x } from "./visualization.es169.js";
-import { PresenceContext as S } from "./visualization.es170.js";
-import { useConstant as h } from "./visualization.es171.js";
-import { resolveMotionValue as M } from "./visualization.es172.js";
-import { isControllingVariants as N, isVariantNode as P } from "./visualization.es173.js";
-import { isAnimationControls as T } from "./visualization.es174.js";
-import { resolveVariantFromProps as $ } from "./visualization.es175.js";
-function b({ scrapeMotionValuesFromProps: t, createRenderState: i }, e, s, n) {
-  return {
-    latestValues: p(e, s, n, t),
-    renderState: i()
-  };
+import { useRef as t } from "react";
+function u(n) {
+  const r = t(null);
+  return r.current === null && (r.current = n()), r.current;
 }
-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];
-      }
-    }
-  }
-  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 {
-  z as makeUseVisualState
+  u as useConstant
 };
 //# sourceMappingURL=visualization.es168.js.map