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

package/dist/visualization.es543.js

@@ -1,285 +1,11 @@
-import { addPointerEvent as k } from "./visualization.es180.js";
-import { extractEventInfo as B } from "./visualization.es181.js";
-import { getContextWindow as j } from "./visualization.es544.js";
-import { isRefObject as P } from "./visualization.es600.js";
-import { PanSession as T } from "./visualization.es545.js";
-import { applyConstraints as b, calcRelativeConstraints as I, resolveDragElastic as w, calcViewportConstraints as R, defaultElastic as O, rebaseAxisConstraints as W, calcOrigin as z } from "./visualization.es601.js";
-import { createBox as F } from "./visualization.es445.js";
-import { frame as C } from "./visualization.es346.js";
-import { eachAxis as p } from "./visualization.es468.js";
-import { invariant as U } from "./visualization.es326.js";
-import { measurePageBox as _ } from "./visualization.es440.js";
-import { convertBoxToBoundingBox as K, convertBoundingBoxToBox as N } from "./visualization.es461.js";
-import { addValueToWillChange as L } from "./visualization.es352.js";
-import { animateMotionValue as $ } from "./visualization.es345.js";
-import { addDomEvent as q } from "./visualization.es182.js";
-import { setDragLock as G } from "./visualization.es387.js";
-import { resize as V } from "./visualization.es399.js";
-import { percent as H } from "./visualization.es423.js";
-import { calcLength as J } from "./visualization.es465.js";
-import { mixNumber as M } from "./visualization.es372.js";
-import { isElementTextInput as Q } from "./visualization.es393.js";
-const X = /* @__PURE__ */ new WeakMap();
-class At {
-  constructor(t) {
-    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = F(), this.latestPointerEvent = null, this.latestPanInfo = null, this.visualElement = t;
-  }
-  start(t, { snapToCursor: n = !1, distanceThreshold: s } = {}) {
-    const { presenceContext: i } = this.visualElement;
-    if (i && i.isPresent === !1)
-      return;
-    const e = (r) => {
-      n && this.snapToCursor(B(r).point), this.stopAnimation();
-    }, o = (r, l) => {
-      const { drag: g, dragPropagation: d, onDragStart: v } = this.getProps();
-      if (g && !d && (this.openDragLock && this.openDragLock(), this.openDragLock = G(g), !this.openDragLock))
-        return;
-      this.latestPointerEvent = r, this.latestPanInfo = l, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), p((f) => {
-        let D = this.getAxisMotionValue(f).get() || 0;
-        if (H.test(D)) {
-          const { projection: y } = this.visualElement;
-          if (y && y.layout) {
-            const x = y.layout.layoutBox[f];
-            x && (D = J(x) * (parseFloat(D) / 100));
-          }
-        }
-        this.originPoint[f] = D;
-      }), v && C.update(() => v(r, l), !1, !0), L(this.visualElement, "transform");
-      const { animationState: E } = this.visualElement;
-      E && E.setActive("whileDrag", !0);
-    }, a = (r, l) => {
-      this.latestPointerEvent = r, this.latestPanInfo = l;
-      const { dragPropagation: g, dragDirectionLock: d, onDirectionLock: v, onDrag: E } = this.getProps();
-      if (!g && !this.openDragLock)
-        return;
-      const { offset: f } = l;
-      if (d && this.currentDirection === null) {
-        this.currentDirection = Z(f), this.currentDirection !== null && v && v(this.currentDirection);
-        return;
-      }
-      this.updateAxis("x", l.point, f), this.updateAxis("y", l.point, f), this.visualElement.render(), E && C.update(() => E(r, l), !1, !0);
-    }, u = (r, l) => {
-      this.latestPointerEvent = r, this.latestPanInfo = l, this.stop(r, l), this.latestPointerEvent = null, this.latestPanInfo = null;
-    }, c = () => {
-      const { dragSnapToOrigin: r } = this.getProps();
-      (r || this.constraints) && this.startAnimation({ x: 0, y: 0 });
-    }, { dragSnapToOrigin: h } = this.getProps();
-    this.panSession = new T(t, {
-      onSessionStart: e,
-      onStart: o,
-      onMove: a,
-      onSessionEnd: u,
-      resumeAnimation: c
-    }, {
-      transformPagePoint: this.visualElement.getTransformPagePoint(),
-      dragSnapToOrigin: h,
-      distanceThreshold: s,
-      contextWindow: j(this.visualElement),
-      element: this.visualElement.current
-    });
-  }
-  /**
-   * @internal
-   */
-  stop(t, n) {
-    const s = t || this.latestPointerEvent, i = n || this.latestPanInfo, e = this.isDragging;
-    if (this.cancel(), !e || !i || !s)
-      return;
-    const { velocity: o } = i;
-    this.startAnimation(o);
-    const { onDragEnd: a } = this.getProps();
-    a && C.postRender(() => a(s, i));
-  }
-  /**
-   * @internal
-   */
-  cancel() {
-    this.isDragging = !1;
-    const { projection: t, animationState: n } = this.visualElement;
-    t && (t.isAnimationBlocked = !1), this.endPanSession();
-    const { dragPropagation: s } = this.getProps();
-    !s && this.openDragLock && (this.openDragLock(), this.openDragLock = null), n && n.setActive("whileDrag", !1);
-  }
-  /**
-   * Clean up the pan session without modifying other drag state.
-   * This is used during unmount to ensure event listeners are removed
-   * without affecting projection animations or drag locks.
-   * @internal
-   */
-  endPanSession() {
-    this.panSession && this.panSession.end(), this.panSession = void 0;
-  }
-  updateAxis(t, n, s) {
-    const { drag: i } = this.getProps();
-    if (!s || !A(t, i, this.currentDirection))
-      return;
-    const e = this.getAxisMotionValue(t);
-    let o = this.originPoint[t] + s[t];
-    this.constraints && this.constraints[t] && (o = b(o, this.constraints[t], this.elastic[t])), e.set(o);
-  }
-  resolveConstraints() {
-    const { dragConstraints: t, dragElastic: n } = this.getProps(), s = this.visualElement.projection && !this.visualElement.projection.layout ? this.visualElement.projection.measure(!1) : this.visualElement.projection?.layout, i = this.constraints;
-    t && P(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && s ? this.constraints = I(s.layoutBox, t) : this.constraints = !1, this.elastic = w(n), i !== this.constraints && !P(t) && s && this.constraints && !this.hasMutatedConstraints && p((e) => {
-      this.constraints !== !1 && this.getAxisMotionValue(e) && (this.constraints[e] = W(s.layoutBox[e], this.constraints[e]));
-    });
-  }
-  resolveRefConstraints() {
-    const { dragConstraints: t, onMeasureDragConstraints: n } = this.getProps();
-    if (!t || !P(t))
-      return !1;
-    const s = t.current;
-    U(s !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.", "drag-constraints-ref");
-    const { projection: i } = this.visualElement;
-    if (!i || !i.layout)
-      return !1;
-    const e = _(s, i.root, this.visualElement.getTransformPagePoint());
-    let o = R(i.layout.layoutBox, e);
-    if (n) {
-      const a = n(K(o));
-      this.hasMutatedConstraints = !!a, a && (o = N(a));
-    }
-    return o;
-  }
-  startAnimation(t) {
-    const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: e, dragSnapToOrigin: o, onDragTransitionEnd: a } = this.getProps(), u = this.constraints || {}, c = p((h) => {
-      if (!A(h, n, this.currentDirection))
-        return;
-      let r = u && u[h] || {};
-      (o === !0 || o === h) && (r = { min: 0, max: 0 });
-      const l = i ? 200 : 1e6, g = i ? 40 : 1e7, d = {
-        type: "inertia",
-        velocity: s ? t[h] : 0,
-        bounceStiffness: l,
-        bounceDamping: g,
-        timeConstant: 750,
-        restDelta: 1,
-        restSpeed: 10,
-        ...e,
-        ...r
-      };
-      return this.startAxisValueAnimation(h, d);
-    });
-    return Promise.all(c).then(a);
-  }
-  startAxisValueAnimation(t, n) {
-    const s = this.getAxisMotionValue(t);
-    return L(this.visualElement, t), s.start($(t, s, 0, n, this.visualElement, !1));
-  }
-  stopAnimation() {
-    p((t) => this.getAxisMotionValue(t).stop());
-  }
-  /**
-   * Drag works differently depending on which props are provided.
-   *
-   * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.
-   * - Otherwise, we apply the delta to the x/y motion values.
-   */
-  getAxisMotionValue(t) {
-    const n = `_drag${t.toUpperCase()}`, s = this.visualElement.getProps(), i = s[n];
-    return i || this.visualElement.getValue(t, (s.initial ? s.initial[t] : void 0) || 0);
-  }
-  snapToCursor(t) {
-    p((n) => {
-      const { drag: s } = this.getProps();
-      if (!A(n, s, this.currentDirection))
-        return;
-      const { projection: i } = this.visualElement, e = this.getAxisMotionValue(n);
-      if (i && i.layout) {
-        const { min: o, max: a } = i.layout.layoutBox[n], u = e.get() || 0;
-        e.set(t[n] - M(o, a, 0.5) + u);
-      }
-    });
-  }
-  /**
-   * When the viewport resizes we want to check if the measured constraints
-   * have changed and, if so, reposition the element within those new constraints
-   * relative to where it was before the resize.
-   */
-  scalePositionWithinConstraints() {
-    if (!this.visualElement.current)
-      return;
-    const { drag: t, dragConstraints: n } = this.getProps(), { projection: s } = this.visualElement;
-    if (!P(n) || !s || !this.constraints)
-      return;
-    this.stopAnimation();
-    const i = { x: 0, y: 0 };
-    p((o) => {
-      const a = this.getAxisMotionValue(o);
-      if (a && this.constraints !== !1) {
-        const u = a.get();
-        i[o] = z({ min: u, max: u }, this.constraints[o]);
-      }
-    });
-    const { transformTemplate: e } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = e ? e({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.constraints = !1, this.resolveConstraints(), p((o) => {
-      if (!A(o, t, null))
-        return;
-      const a = this.getAxisMotionValue(o), { min: u, max: c } = this.constraints[o];
-      a.set(M(u, c, i[o]));
-    }), this.visualElement.render();
-  }
-  addListeners() {
-    if (!this.visualElement.current)
-      return;
-    X.set(this.visualElement, this);
-    const t = this.visualElement.current, n = k(t, "pointerdown", (c) => {
-      const { drag: h, dragListener: r = !0 } = this.getProps(), l = c.target, g = l !== t && Q(l);
-      h && r && !g && this.start(c);
-    });
-    let s;
-    const i = () => {
-      const { dragConstraints: c } = this.getProps();
-      P(c) && c.current && (this.constraints = this.resolveRefConstraints(), s || (s = Y(t, c.current, () => this.scalePositionWithinConstraints())));
-    }, { projection: e } = this.visualElement, o = e.addEventListener("measure", i);
-    e && !e.layout && (e.root && e.root.updateScroll(), e.updateLayout()), C.read(i);
-    const a = q(window, "resize", () => this.scalePositionWithinConstraints()), u = e.addEventListener("didUpdate", (({ delta: c, hasLayoutChanged: h }) => {
-      this.isDragging && h && (p((r) => {
-        const l = this.getAxisMotionValue(r);
-        l && (this.originPoint[r] += c[r].translate, l.set(l.get() + c[r].translate));
-      }), this.visualElement.render());
-    }));
-    return () => {
-      a(), n(), o(), u && u(), s && s();
-    };
-  }
-  getProps() {
-    const t = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: i = !1, dragConstraints: e = !1, dragElastic: o = O, dragMomentum: a = !0 } = t;
-    return {
-      ...t,
-      drag: n,
-      dragDirectionLock: s,
-      dragPropagation: i,
-      dragConstraints: e,
-      dragElastic: o,
-      dragMomentum: a
-    };
-  }
-}
-function S(m) {
-  let t = !0;
-  return () => {
-    if (t) {
-      t = !1;
-      return;
-    }
-    m();
-  };
-}
-function Y(m, t, n) {
-  const s = V(m, S(n)), i = V(t, S(n));
-  return () => {
-    s(), i();
-  };
-}
-function A(m, t, n) {
-  return (t === !0 || t === m) && (n === null || n === m);
-}
-function Z(m, t = 10) {
-  let n = null;
-  return Math.abs(m.y) > t ? n = "y" : Math.abs(m.x) > t && (n = "x"), n;
-}
+import { makeUseVisualState as e } from "./visualization.es185.js";
+import { createSvgRenderState as r } from "./visualization.es607.js";
+import { scrapeMotionValuesFromProps as t } from "./visualization.es441.js";
+const m = /* @__PURE__ */ e({
+  scrapeMotionValuesFromProps: t,
+  createRenderState: r
+});
 export {
-  At as VisualElementDragControls,
-  X as elementDragControls
+  m as useSVGVisualState
 };
 //# sourceMappingURL=visualization.es543.js.map

package/dist/visualization.es543.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es543.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/gestures/drag/VisualElementDragControls.mjs"],"sourcesContent":["import { createBox, frame, eachAxis, measurePageBox, convertBoxToBoundingBox, convertBoundingBoxToBox, addValueToWillChange, animateMotionValue, mixNumber, addDomEvent, setDragLock, percent, calcLength, resize, isElementTextInput } from 'motion-dom';\nimport { invariant } from 'motion-utils';\nimport { addPointerEvent } from '../../events/add-pointer-event.mjs';\nimport { extractEventInfo } from '../../events/event-info.mjs';\nimport { getContextWindow } from '../../utils/get-context-window.mjs';\nimport { isRefObject } from '../../utils/is-ref-object.mjs';\nimport { PanSession } from '../pan/PanSession.mjs';\nimport { applyConstraints, calcRelativeConstraints, resolveDragElastic, rebaseAxisConstraints, calcViewportConstraints, calcOrigin, defaultElastic } from './utils/constraints.mjs';\n\nconst elementDragControls = new WeakMap();\nclass VisualElementDragControls {\n    constructor(visualElement) {\n        this.openDragLock = null;\n        this.isDragging = false;\n        this.currentDirection = null;\n        this.originPoint = { x: 0, y: 0 };\n        /**\n         * The permitted boundaries of travel, in pixels.\n         */\n        this.constraints = false;\n        this.hasMutatedConstraints = false;\n        /**\n         * The per-axis resolved elastic values.\n         */\n        this.elastic = createBox();\n        /**\n         * The latest pointer event. Used as fallback when the `cancel` and `stop` functions are called without arguments.\n         */\n        this.latestPointerEvent = null;\n        /**\n         * The latest pan info. Used as fallback when the `cancel` and `stop` functions are called without arguments.\n         */\n        this.latestPanInfo = null;\n        this.visualElement = visualElement;\n    }\n    start(originEvent, { snapToCursor = false, distanceThreshold } = {}) {\n        /**\n         * Don't start dragging if this component is exiting\n         */\n        const { presenceContext } = this.visualElement;\n        if (presenceContext && presenceContext.isPresent === false)\n            return;\n        const onSessionStart = (event) => {\n            if (snapToCursor) {\n                this.snapToCursor(extractEventInfo(event).point);\n            }\n            this.stopAnimation();\n        };\n        const onStart = (event, info) => {\n            // Attempt to grab the global drag gesture lock - maybe make this part of PanSession\n            const { drag, dragPropagation, onDragStart } = this.getProps();\n            if (drag && !dragPropagation) {\n                if (this.openDragLock)\n                    this.openDragLock();\n                this.openDragLock = setDragLock(drag);\n                // If we don 't have the lock, don't start dragging\n                if (!this.openDragLock)\n                    return;\n            }\n            this.latestPointerEvent = event;\n            this.latestPanInfo = info;\n            this.isDragging = true;\n            this.currentDirection = null;\n            this.resolveConstraints();\n            if (this.visualElement.projection) {\n                this.visualElement.projection.isAnimationBlocked = true;\n                this.visualElement.projection.target = undefined;\n            }\n            /**\n             * Record gesture origin and pointer offset\n             */\n            eachAxis((axis) => {\n                let current = this.getAxisMotionValue(axis).get() || 0;\n                /**\n                 * If the MotionValue is a percentage value convert to px\n                 */\n                if (percent.test(current)) {\n                    const { projection } = this.visualElement;\n                    if (projection && projection.layout) {\n                        const measuredAxis = projection.layout.layoutBox[axis];\n                        if (measuredAxis) {\n                            const length = calcLength(measuredAxis);\n                            current = length * (parseFloat(current) / 100);\n                        }\n                    }\n                }\n                this.originPoint[axis] = current;\n            });\n            // Fire onDragStart event\n            if (onDragStart) {\n                frame.update(() => onDragStart(event, info), false, true);\n            }\n            addValueToWillChange(this.visualElement, \"transform\");\n            const { animationState } = this.visualElement;\n            animationState && animationState.setActive(\"whileDrag\", true);\n        };\n        const onMove = (event, info) => {\n            this.latestPointerEvent = event;\n            this.latestPanInfo = info;\n            const { dragPropagation, dragDirectionLock, onDirectionLock, onDrag, } = this.getProps();\n            // If we didn't successfully receive the gesture lock, early return.\n            if (!dragPropagation && !this.openDragLock)\n                return;\n            const { offset } = info;\n            // Attempt to detect drag direction if directionLock is true\n            if (dragDirectionLock && this.currentDirection === null) {\n                this.currentDirection = getCurrentDirection(offset);\n                // If we've successfully set a direction, notify listener\n                if (this.currentDirection !== null) {\n                    onDirectionLock && onDirectionLock(this.currentDirection);\n                }\n                return;\n            }\n            // Update each point with the latest position\n            this.updateAxis(\"x\", info.point, offset);\n            this.updateAxis(\"y\", info.point, offset);\n            /**\n             * Ideally we would leave the renderer to fire naturally at the end of\n             * this frame but if the element is about to change layout as the result\n             * of a re-render we want to ensure the browser can read the latest\n             * bounding box to ensure the pointer and element don't fall out of sync.\n             */\n            this.visualElement.render();\n            /**\n             * This must fire after the render call as it might trigger a state\n             * change which itself might trigger a layout update.\n             */\n            if (onDrag) {\n                frame.update(() => onDrag(event, info), false, true);\n            }\n        };\n        const onSessionEnd = (event, info) => {\n            this.latestPointerEvent = event;\n            this.latestPanInfo = info;\n            this.stop(event, info);\n            this.latestPointerEvent = null;\n            this.latestPanInfo = null;\n        };\n        const resumeAnimation = () => {\n            const { dragSnapToOrigin: snap } = this.getProps();\n            if (snap || this.constraints) {\n                this.startAnimation({ x: 0, y: 0 });\n            }\n        };\n        const { dragSnapToOrigin } = this.getProps();\n        this.panSession = new PanSession(originEvent, {\n            onSessionStart,\n            onStart,\n            onMove,\n            onSessionEnd,\n            resumeAnimation,\n        }, {\n            transformPagePoint: this.visualElement.getTransformPagePoint(),\n            dragSnapToOrigin,\n            distanceThreshold,\n            contextWindow: getContextWindow(this.visualElement),\n            element: this.visualElement.current,\n        });\n    }\n    /**\n     * @internal\n     */\n    stop(event, panInfo) {\n        const finalEvent = event || this.latestPointerEvent;\n        const finalPanInfo = panInfo || this.latestPanInfo;\n        const isDragging = this.isDragging;\n        this.cancel();\n        if (!isDragging || !finalPanInfo || !finalEvent)\n            return;\n        const { velocity } = finalPanInfo;\n        this.startAnimation(velocity);\n        const { onDragEnd } = this.getProps();\n        if (onDragEnd) {\n            frame.postRender(() => onDragEnd(finalEvent, finalPanInfo));\n        }\n    }\n    /**\n     * @internal\n     */\n    cancel() {\n        this.isDragging = false;\n        const { projection, animationState } = this.visualElement;\n        if (projection) {\n            projection.isAnimationBlocked = false;\n        }\n        this.endPanSession();\n        const { dragPropagation } = this.getProps();\n        if (!dragPropagation && this.openDragLock) {\n            this.openDragLock();\n            this.openDragLock = null;\n        }\n        animationState && animationState.setActive(\"whileDrag\", false);\n    }\n    /**\n     * Clean up the pan session without modifying other drag state.\n     * This is used during unmount to ensure event listeners are removed\n     * without affecting projection animations or drag locks.\n     * @internal\n     */\n    endPanSession() {\n        this.panSession && this.panSession.end();\n        this.panSession = undefined;\n    }\n    updateAxis(axis, _point, offset) {\n        const { drag } = this.getProps();\n        // If we're not dragging this axis, do an early return.\n        if (!offset || !shouldDrag(axis, drag, this.currentDirection))\n            return;\n        const axisValue = this.getAxisMotionValue(axis);\n        let next = this.originPoint[axis] + offset[axis];\n        // Apply constraints\n        if (this.constraints && this.constraints[axis]) {\n            next = applyConstraints(next, this.constraints[axis], this.elastic[axis]);\n        }\n        axisValue.set(next);\n    }\n    resolveConstraints() {\n        const { dragConstraints, dragElastic } = this.getProps();\n        const layout = this.visualElement.projection &&\n            !this.visualElement.projection.layout\n            ? this.visualElement.projection.measure(false)\n            : this.visualElement.projection?.layout;\n        const prevConstraints = this.constraints;\n        if (dragConstraints && isRefObject(dragConstraints)) {\n            if (!this.constraints) {\n                this.constraints = this.resolveRefConstraints();\n            }\n        }\n        else {\n            if (dragConstraints && layout) {\n                this.constraints = calcRelativeConstraints(layout.layoutBox, dragConstraints);\n            }\n            else {\n                this.constraints = false;\n            }\n        }\n        this.elastic = resolveDragElastic(dragElastic);\n        /**\n         * If we're outputting to external MotionValues, we want to rebase the measured constraints\n         * from viewport-relative to component-relative. This only applies to relative (non-ref)\n         * constraints, as ref-based constraints from calcViewportConstraints are already in the\n         * correct coordinate space for the motion value transform offset.\n         */\n        if (prevConstraints !== this.constraints &&\n            !isRefObject(dragConstraints) &&\n            layout &&\n            this.constraints &&\n            !this.hasMutatedConstraints) {\n            eachAxis((axis) => {\n                if (this.constraints !== false &&\n                    this.getAxisMotionValue(axis)) {\n                    this.constraints[axis] = rebaseAxisConstraints(layout.layoutBox[axis], this.constraints[axis]);\n                }\n            });\n        }\n    }\n    resolveRefConstraints() {\n        const { dragConstraints: constraints, onMeasureDragConstraints } = this.getProps();\n        if (!constraints || !isRefObject(constraints))\n            return false;\n        const constraintsElement = constraints.current;\n        invariant(constraintsElement !== null, \"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.\", \"drag-constraints-ref\");\n        const { projection } = this.visualElement;\n        // TODO\n        if (!projection || !projection.layout)\n            return false;\n        const constraintsBox = measurePageBox(constraintsElement, projection.root, this.visualElement.getTransformPagePoint());\n        let measuredConstraints = calcViewportConstraints(projection.layout.layoutBox, constraintsBox);\n        /**\n         * If there's an onMeasureDragConstraints listener we call it and\n         * if different constraints are returned, set constraints to that\n         */\n        if (onMeasureDragConstraints) {\n            const userConstraints = onMeasureDragConstraints(convertBoxToBoundingBox(measuredConstraints));\n            this.hasMutatedConstraints = !!userConstraints;\n            if (userConstraints) {\n                measuredConstraints = convertBoundingBoxToBox(userConstraints);\n            }\n        }\n        return measuredConstraints;\n    }\n    startAnimation(velocity) {\n        const { drag, dragMomentum, dragElastic, dragTransition, dragSnapToOrigin, onDragTransitionEnd, } = this.getProps();\n        const constraints = this.constraints || {};\n        const momentumAnimations = eachAxis((axis) => {\n            if (!shouldDrag(axis, drag, this.currentDirection)) {\n                return;\n            }\n            let transition = (constraints && constraints[axis]) || {};\n            if (dragSnapToOrigin === true ||\n                dragSnapToOrigin === axis)\n                transition = { min: 0, max: 0 };\n            /**\n             * Overdamp the boundary spring if `dragElastic` is disabled. There's still a frame\n             * of spring animations so we should look into adding a disable spring option to `inertia`.\n             * We could do something here where we affect the `bounceStiffness` and `bounceDamping`\n             * using the value of `dragElastic`.\n             */\n            const bounceStiffness = dragElastic ? 200 : 1000000;\n            const bounceDamping = dragElastic ? 40 : 10000000;\n            const inertia = {\n                type: \"inertia\",\n                velocity: dragMomentum ? velocity[axis] : 0,\n                bounceStiffness,\n                bounceDamping,\n                timeConstant: 750,\n                restDelta: 1,\n                restSpeed: 10,\n                ...dragTransition,\n                ...transition,\n            };\n            // If we're not animating on an externally-provided `MotionValue` we can use the\n            // component's animation controls which will handle interactions with whileHover (etc),\n            // otherwise we just have to animate the `MotionValue` itself.\n            return this.startAxisValueAnimation(axis, inertia);\n        });\n        // Run all animations and then resolve the new drag constraints.\n        return Promise.all(momentumAnimations).then(onDragTransitionEnd);\n    }\n    startAxisValueAnimation(axis, transition) {\n        const axisValue = this.getAxisMotionValue(axis);\n        addValueToWillChange(this.visualElement, axis);\n        return axisValue.start(animateMotionValue(axis, axisValue, 0, transition, this.visualElement, false));\n    }\n    stopAnimation() {\n        eachAxis((axis) => this.getAxisMotionValue(axis).stop());\n    }\n    /**\n     * Drag works differently depending on which props are provided.\n     *\n     * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.\n     * - Otherwise, we apply the delta to the x/y motion values.\n     */\n    getAxisMotionValue(axis) {\n        const dragKey = `_drag${axis.toUpperCase()}`;\n        const props = this.visualElement.getProps();\n        const externalMotionValue = props[dragKey];\n        return externalMotionValue\n            ? externalMotionValue\n            : this.visualElement.getValue(axis, (props.initial\n                ? props.initial[axis]\n                : undefined) || 0);\n    }\n    snapToCursor(point) {\n        eachAxis((axis) => {\n            const { drag } = this.getProps();\n            // If we're not dragging this axis, do an early return.\n            if (!shouldDrag(axis, drag, this.currentDirection))\n                return;\n            const { projection } = this.visualElement;\n            const axisValue = this.getAxisMotionValue(axis);\n            if (projection && projection.layout) {\n                const { min, max } = projection.layout.layoutBox[axis];\n                /**\n                 * The layout measurement includes the current transform value,\n                 * so we need to add it back to get the correct snap position.\n                 * This fixes an issue where elements with initial coordinates\n                 * would snap to the wrong position on the first drag.\n                 */\n                const current = axisValue.get() || 0;\n                axisValue.set(point[axis] - mixNumber(min, max, 0.5) + current);\n            }\n        });\n    }\n    /**\n     * When the viewport resizes we want to check if the measured constraints\n     * have changed and, if so, reposition the element within those new constraints\n     * relative to where it was before the resize.\n     */\n    scalePositionWithinConstraints() {\n        if (!this.visualElement.current)\n            return;\n        const { drag, dragConstraints } = this.getProps();\n        const { projection } = this.visualElement;\n        if (!isRefObject(dragConstraints) || !projection || !this.constraints)\n            return;\n        /**\n         * Stop current animations as there can be visual glitching if we try to do\n         * this mid-animation\n         */\n        this.stopAnimation();\n        /**\n         * Record the relative position of the dragged element relative to the\n         * constraints box and save as a progress value.\n         */\n        const boxProgress = { x: 0, y: 0 };\n        eachAxis((axis) => {\n            const axisValue = this.getAxisMotionValue(axis);\n            if (axisValue && this.constraints !== false) {\n                const latest = axisValue.get();\n                boxProgress[axis] = calcOrigin({ min: latest, max: latest }, this.constraints[axis]);\n            }\n        });\n        /**\n         * Update the layout of this element and resolve the latest drag constraints\n         */\n        const { transformTemplate } = this.visualElement.getProps();\n        this.visualElement.current.style.transform = transformTemplate\n            ? transformTemplate({}, \"\")\n            : \"none\";\n        projection.root && projection.root.updateScroll();\n        projection.updateLayout();\n        /**\n         * Reset constraints so resolveConstraints() will recalculate them\n         * with the freshly measured layout rather than returning the cached value.\n         */\n        this.constraints = false;\n        this.resolveConstraints();\n        /**\n         * For each axis, calculate the current progress of the layout axis\n         * within the new constraints.\n         */\n        eachAxis((axis) => {\n            if (!shouldDrag(axis, drag, null))\n                return;\n            /**\n             * Calculate a new transform based on the previous box progress\n             */\n            const axisValue = this.getAxisMotionValue(axis);\n            const { min, max } = this.constraints[axis];\n            axisValue.set(mixNumber(min, max, boxProgress[axis]));\n        });\n        /**\n         * Flush the updated transform to the DOM synchronously to prevent\n         * a visual flash at the element's CSS layout position (0,0) when\n         * the transform was stripped for measurement.\n         */\n        this.visualElement.render();\n    }\n    addListeners() {\n        if (!this.visualElement.current)\n            return;\n        elementDragControls.set(this.visualElement, this);\n        const element = this.visualElement.current;\n        /**\n         * Attach a pointerdown event listener on this DOM element to initiate drag tracking.\n         */\n        const stopPointerListener = addPointerEvent(element, \"pointerdown\", (event) => {\n            const { drag, dragListener = true } = this.getProps();\n            const target = event.target;\n            /**\n             * Only block drag if clicking on a text input child element\n             * (input, textarea, select, contenteditable) where users might\n             * want to select text or interact with the control.\n             *\n             * Buttons and links don't block drag since they don't have\n             * click-and-move actions of their own.\n             */\n            const isClickingTextInputChild = target !== element && isElementTextInput(target);\n            if (drag && dragListener && !isClickingTextInputChild) {\n                this.start(event);\n            }\n        });\n        /**\n         * If using ref-based constraints, observe both the draggable element\n         * and the constraint container for size changes via ResizeObserver.\n         * Setup is deferred because dragConstraints.current is null when\n         * addListeners first runs (React hasn't committed the ref yet).\n         */\n        let stopResizeObservers;\n        const measureDragConstraints = () => {\n            const { dragConstraints } = this.getProps();\n            if (isRefObject(dragConstraints) && dragConstraints.current) {\n                this.constraints = this.resolveRefConstraints();\n                if (!stopResizeObservers) {\n                    stopResizeObservers = startResizeObservers(element, dragConstraints.current, () => this.scalePositionWithinConstraints());\n                }\n            }\n        };\n        const { projection } = this.visualElement;\n        const stopMeasureLayoutListener = projection.addEventListener(\"measure\", measureDragConstraints);\n        if (projection && !projection.layout) {\n            projection.root && projection.root.updateScroll();\n            projection.updateLayout();\n        }\n        frame.read(measureDragConstraints);\n        /**\n         * Attach a window resize listener to scale the draggable target within its defined\n         * constraints as the window resizes.\n         */\n        const stopResizeListener = addDomEvent(window, \"resize\", () => this.scalePositionWithinConstraints());\n        /**\n         * If the element's layout changes, calculate the delta and apply that to\n         * the drag gesture's origin point.\n         */\n        const stopLayoutUpdateListener = projection.addEventListener(\"didUpdate\", (({ delta, hasLayoutChanged }) => {\n            if (this.isDragging && hasLayoutChanged) {\n                eachAxis((axis) => {\n                    const motionValue = this.getAxisMotionValue(axis);\n                    if (!motionValue)\n                        return;\n                    this.originPoint[axis] += delta[axis].translate;\n                    motionValue.set(motionValue.get() + delta[axis].translate);\n                });\n                this.visualElement.render();\n            }\n        }));\n        return () => {\n            stopResizeListener();\n            stopPointerListener();\n            stopMeasureLayoutListener();\n            stopLayoutUpdateListener && stopLayoutUpdateListener();\n            stopResizeObservers && stopResizeObservers();\n        };\n    }\n    getProps() {\n        const props = this.visualElement.getProps();\n        const { drag = false, dragDirectionLock = false, dragPropagation = false, dragConstraints = false, dragElastic = defaultElastic, dragMomentum = true, } = props;\n        return {\n            ...props,\n            drag,\n            dragDirectionLock,\n            dragPropagation,\n            dragConstraints,\n            dragElastic,\n            dragMomentum,\n        };\n    }\n}\nfunction skipFirstCall(callback) {\n    let isFirst = true;\n    return () => {\n        if (isFirst) {\n            isFirst = false;\n            return;\n        }\n        callback();\n    };\n}\nfunction startResizeObservers(element, constraintsElement, onResize) {\n    const stopElement = resize(element, skipFirstCall(onResize));\n    const stopContainer = resize(constraintsElement, skipFirstCall(onResize));\n    return () => {\n        stopElement();\n        stopContainer();\n    };\n}\nfunction shouldDrag(direction, drag, currentDirection) {\n    return ((drag === true || drag === direction) &&\n        (currentDirection === null || currentDirection === direction));\n}\n/**\n * Based on an x/y offset determine the current drag direction. If both axis' offsets are lower\n * than the provided threshold, return `null`.\n *\n * @param offset - The x/y offset from origin.\n * @param lockThreshold - (Optional) - the minimum absolute offset before we can determine a drag direction.\n */\nfunction getCurrentDirection(offset, lockThreshold = 10) {\n    let direction = null;\n    if (Math.abs(offset.y) > lockThreshold) {\n        direction = \"y\";\n    }\n    else if (Math.abs(offset.x) > lockThreshold) {\n        direction = \"x\";\n    }\n    return direction;\n}\n\nexport { VisualElementDragControls, elementDragControls };\n//# sourceMappingURL=VisualElementDragControls.mjs.map\n"],"names":["elementDragControls","VisualElementDragControls","visualElement","createBox","originEvent","snapToCursor","distanceThreshold","presenceContext","onSessionStart","event","extractEventInfo","onStart","info","drag","dragPropagation","onDragStart","setDragLock","eachAxis","axis","current","percent","projection","measuredAxis","calcLength","frame","addValueToWillChange","animationState","onMove","dragDirectionLock","onDirectionLock","onDrag","offset","getCurrentDirection","onSessionEnd","resumeAnimation","snap","dragSnapToOrigin","PanSession","getContextWindow","panInfo","finalEvent","finalPanInfo","isDragging","velocity","onDragEnd","_point","shouldDrag","axisValue","next","applyConstraints","dragConstraints","dragElastic","layout","prevConstraints","isRefObject","calcRelativeConstraints","resolveDragElastic","rebaseAxisConstraints","constraints","onMeasureDragConstraints","constraintsElement","invariant","constraintsBox","measurePageBox","measuredConstraints","calcViewportConstraints","userConstraints","convertBoxToBoundingBox","convertBoundingBoxToBox","dragMomentum","dragTransition","onDragTransitionEnd","momentumAnimations","transition","bounceStiffness","bounceDamping","inertia","animateMotionValue","dragKey","props","externalMotionValue","point","min","max","mixNumber","boxProgress","latest","calcOrigin","transformTemplate","element","stopPointerListener","addPointerEvent","dragListener","target","isClickingTextInputChild","isElementTextInput","stopResizeObservers","measureDragConstraints","startResizeObservers","stopMeasureLayoutListener","stopResizeListener","addDomEvent","stopLayoutUpdateListener","delta","hasLayoutChanged","motionValue","defaultElastic","skipFirstCall","callback","isFirst","onResize","stopElement","resize","stopContainer","direction","currentDirection","lockThreshold"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es543.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/svg/use-svg-visual-state.mjs"],"sourcesContent":["\"use client\";\nimport { scrapeSVGMotionValuesFromProps } from 'motion-dom';\nimport { makeUseVisualState } from '../../motion/utils/use-visual-state.mjs';\nimport { createSvgRenderState } from './utils/create-render-state.mjs';\n\nconst useSVGVisualState = /*@__PURE__*/ makeUseVisualState({\n    scrapeMotionValuesFromProps: scrapeSVGMotionValuesFromProps,\n    createRenderState: createSvgRenderState,\n});\n\nexport { useSVGVisualState };\n//# sourceMappingURL=use-svg-visual-state.mjs.map\n"],"names":["useSVGVisualState","makeUseVisualState","scrapeSVGMotionValuesFromProps","createSvgRenderState"],"mappings":";;;AAKK,MAACA,IAAkC,gBAAAC,EAAmB;AAAA,EACvD,6BAA6BC;AAAAA,EAC7B,mBAAmBC;AACvB,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es544.js

@@ -1,5 +1,23 @@
-const t = ({ current: e }) => e ? e.ownerDocument.defaultView : null;
+import { useRef as c, useInsertionEffect as l, useCallback as i } from "react";
+function s(p, u, e) {
+  const t = c(e);
+  l(() => {
+    t.current = e;
+  });
+  const f = c(null);
+  return i((r) => {
+    r && p.onMount?.(r);
+    const o = t.current;
+    if (typeof o == "function")
+      if (r) {
+        const n = o(r);
+        typeof n == "function" && (f.current = n);
+      } else f.current ? (f.current(), f.current = null) : o(r);
+    else o && (o.current = r);
+    u && (r ? u.mount(r) : u.unmount());
+  }, [u]);
+}
 export {
-  t as getContextWindow
+  s as useMotionRef
 };
 //# sourceMappingURL=visualization.es544.js.map

package/dist/visualization.es544.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es544.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/get-context-window.mjs"],"sourcesContent":["// Fixes https://github.com/motiondivision/motion/issues/2270\nconst getContextWindow = ({ current }) => {\n    return current ? current.ownerDocument.defaultView : null;\n};\n\nexport { getContextWindow };\n//# sourceMappingURL=get-context-window.mjs.map\n"],"names":["getContextWindow","current"],"mappings":"AACK,MAACA,IAAmB,CAAC,EAAE,SAAAC,QACjBA,IAAUA,EAAQ,cAAc,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es544.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-motion-ref.mjs"],"sourcesContent":["\"use client\";\nimport { useRef, useInsertionEffect, useCallback } from 'react';\n\n/**\n * Creates a ref function that, when called, hydrates the provided\n * external ref and VisualElement.\n */\nfunction useMotionRef(visualState, visualElement, externalRef) {\n    /**\n     * Store externalRef in a ref to avoid including it in the useCallback\n     * dependency array. Including externalRef in dependencies causes issues\n     * with libraries like Radix UI that create new callback refs on each render\n     * when using asChild - this would cause the callback to be recreated,\n     * triggering element remounts and breaking AnimatePresence exit animations.\n     */\n    const externalRefContainer = useRef(externalRef);\n    useInsertionEffect(() => {\n        externalRefContainer.current = externalRef;\n    });\n    // Store cleanup function returned by callback refs (React 19 feature)\n    const refCleanup = useRef(null);\n    return useCallback((instance) => {\n        if (instance) {\n            visualState.onMount?.(instance);\n        }\n        const ref = externalRefContainer.current;\n        if (typeof ref === \"function\") {\n            if (instance) {\n                const cleanup = ref(instance);\n                if (typeof cleanup === \"function\") {\n                    refCleanup.current = cleanup;\n                }\n            }\n            else if (refCleanup.current) {\n                refCleanup.current();\n                refCleanup.current = null;\n            }\n            else {\n                ref(instance);\n            }\n        }\n        else if (ref) {\n            ref.current = instance;\n        }\n        if (visualElement) {\n            instance ? visualElement.mount(instance) : visualElement.unmount();\n        }\n    }, [visualElement]);\n}\n\nexport { useMotionRef };\n//# sourceMappingURL=use-motion-ref.mjs.map\n"],"names":["useMotionRef","visualState","visualElement","externalRef","externalRefContainer","useRef","useInsertionEffect","refCleanup","useCallback","instance","ref","cleanup"],"mappings":";AAOA,SAASA,EAAaC,GAAaC,GAAeC,GAAa;AAQ3D,QAAMC,IAAuBC,EAAOF,CAAW;AAC/C,EAAAG,EAAmB,MAAM;AACrB,IAAAF,EAAqB,UAAUD;AAAA,EACnC,CAAC;AAED,QAAMI,IAAaF,EAAO,IAAI;AAC9B,SAAOG,EAAY,CAACC,MAAa;AAC7B,IAAIA,KACAR,EAAY,UAAUQ,CAAQ;AAElC,UAAMC,IAAMN,EAAqB;AACjC,QAAI,OAAOM,KAAQ;AACf,UAAID,GAAU;AACV,cAAME,IAAUD,EAAID,CAAQ;AAC5B,QAAI,OAAOE,KAAY,eACnBJ,EAAW,UAAUI;AAAA,MAE7B,MACK,CAAIJ,EAAW,WAChBA,EAAW,QAAO,GAClBA,EAAW,UAAU,QAGrBG,EAAID,CAAQ;AAAA,QAGf,CAAIC,MACLA,EAAI,UAAUD;AAElB,IAAIP,MACAO,IAAWP,EAAc,MAAMO,CAAQ,IAAIP,EAAc,QAAO;AAAA,EAExE,GAAG,CAACA,CAAa,CAAC;AACtB;","x_google_ignoreList":[0]}

package/dist/visualization.es545.js

@@ -1,131 +1,66 @@
-import { addPointerEvent as m } from "./visualization.es180.js";
-import { extractEventInfo as D } from "./visualization.es181.js";
-import { distance2D as R } from "./visualization.es204.js";
-import { frameData as y, frame as x, cancelFrame as k } from "./visualization.es346.js";
-import { isPrimaryPointer as U } from "./visualization.es183.js";
-import { pipe as X } from "./visualization.es327.js";
-import { secondsToMilliseconds as S, millisecondsToSeconds as Y } from "./visualization.es328.js";
-const M = /* @__PURE__ */ new Set(["auto", "scroll"]);
-class z {
-  constructor(t, s, { transformPagePoint: i, contextWindow: r = window, dragSnapToOrigin: o = !1, distanceThreshold: l = 3, element: u } = {}) {
-    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.lastRawMoveEventInfo = null, this.handlers = {}, this.contextWindow = window, this.scrollPositions = /* @__PURE__ */ new Map(), this.removeScrollListeners = null, this.onElementScroll = (e) => {
-      this.handleScroll(e.target);
-    }, this.onWindowScroll = () => {
-      this.handleScroll(window);
-    }, this.updatePoint = () => {
-      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
-        return;
-      this.lastRawMoveEventInfo && (this.lastMoveEventInfo = v(this.lastRawMoveEventInfo, this.transformPagePoint));
-      const e = p(this.lastMoveEventInfo, this.history), a = this.startEvent !== null, c = R(e.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
-      if (!a && !c)
-        return;
-      const { point: f } = e, { timestamp: d } = y;
-      this.history.push({ ...f, timestamp: d });
-      const { onStart: h, onMove: P } = this.handlers;
-      a || (h && h(this.lastMoveEvent, e), this.startEvent = this.lastMoveEvent), P && P(this.lastMoveEvent, e);
-    }, this.handlePointerMove = (e, a) => {
-      this.lastMoveEvent = e, this.lastRawMoveEventInfo = a, this.lastMoveEventInfo = v(a, this.transformPagePoint), x.update(this.updatePoint, !0);
-    }, this.handlePointerUp = (e, a) => {
-      this.end();
-      const { onEnd: c, onSessionEnd: f, resumeAnimation: d } = this.handlers;
-      if ((this.dragSnapToOrigin || !this.startEvent) && d && d(), !(this.lastMoveEvent && this.lastMoveEventInfo))
-        return;
-      const h = p(e.type === "pointercancel" ? this.lastMoveEventInfo : v(a, this.transformPagePoint), this.history);
-      this.startEvent && c && c(e, h), f && f(e, h);
-    }, !U(t))
-      return;
-    this.dragSnapToOrigin = o, this.handlers = s, this.transformPagePoint = i, this.distanceThreshold = l, this.contextWindow = r || window;
-    const L = D(t), w = v(L, this.transformPagePoint), { point: T } = w, { timestamp: W } = y;
-    this.history = [{ ...T, timestamp: W }];
-    const { onSessionStart: E } = s;
-    E && E(t, p(w, this.history)), this.removeListeners = X(m(this.contextWindow, "pointermove", this.handlePointerMove), m(this.contextWindow, "pointerup", this.handlePointerUp), m(this.contextWindow, "pointercancel", this.handlePointerUp)), u && this.startScrollTracking(u);
-  }
-  /**
-   * Start tracking scroll on ancestors and window.
-   */
-  startScrollTracking(t) {
-    let s = t.parentElement;
-    for (; s; ) {
-      const i = getComputedStyle(s);
-      (M.has(i.overflowX) || M.has(i.overflowY)) && this.scrollPositions.set(s, {
-        x: s.scrollLeft,
-        y: s.scrollTop
-      }), s = s.parentElement;
-    }
-    this.scrollPositions.set(window, {
-      x: window.scrollX,
-      y: window.scrollY
-    }), window.addEventListener("scroll", this.onElementScroll, {
-      capture: !0
-    }), window.addEventListener("scroll", this.onWindowScroll), this.removeScrollListeners = () => {
-      window.removeEventListener("scroll", this.onElementScroll, {
-        capture: !0
-      }), window.removeEventListener("scroll", this.onWindowScroll);
-    };
-  }
-  /**
-   * Handle scroll compensation during drag.
-   *
-   * For element scroll: adjusts history origin since pageX/pageY doesn't change.
-   * For window scroll: adjusts lastMoveEventInfo since pageX/pageY would change.
-   */
-  handleScroll(t) {
-    const s = this.scrollPositions.get(t);
-    if (!s)
-      return;
-    const i = t === window, r = i ? { x: window.scrollX, y: window.scrollY } : {
-      x: t.scrollLeft,
-      y: t.scrollTop
-    }, o = { x: r.x - s.x, y: r.y - s.y };
-    o.x === 0 && o.y === 0 || (i ? this.lastMoveEventInfo && (this.lastMoveEventInfo.point.x += o.x, this.lastMoveEventInfo.point.y += o.y) : this.history.length > 0 && (this.history[0].x -= o.x, this.history[0].y -= o.y), this.scrollPositions.set(t, r), x.update(this.updatePoint, !0));
-  }
-  updateHandlers(t) {
-    this.handlers = t;
-  }
-  end() {
-    this.removeListeners && this.removeListeners(), this.removeScrollListeners && this.removeScrollListeners(), this.scrollPositions.clear(), k(this.updatePoint);
-  }
+import { useContext as u, useRef as l, useInsertionEffect as x, useEffect as j } from "react";
+import { LazyContext as I } from "./visualization.es283.js";
+import { MotionConfigContext as k } from "./visualization.es200.js";
+import { MotionContext as S } from "./visualization.es186.js";
+import { PresenceContext as L } from "./visualization.es187.js";
+import { SwitchLayoutGroupContext as O } from "./visualization.es201.js";
+import { isRefObject as R } from "./visualization.es608.js";
+import { useIsomorphicLayoutEffect as b } from "./visualization.es197.js";
+import { optimizedAppearDataAttribute as H } from "./visualization.es345.js";
+function K(o, f, n, e, s, a) {
+  const { visualElement: y } = u(S), c = u(I), i = u(L), d = u(k), C = d.reducedMotion, M = d.skipAnimations, r = l(null), w = l(!1);
+  e = e || c.renderer, !r.current && e && (r.current = e(o, {
+    visualState: f,
+    parent: y,
+    props: n,
+    presenceContext: i,
+    blockInitialAnimation: i ? i.initial === !1 : !1,
+    reducedMotionConfig: C,
+    skipAnimations: M,
+    isSVG: a
+  }), w.current && r.current && (r.current.manuallyAnimateOnMount = !0));
+  const t = r.current, A = u(O);
+  t && !t.projection && s && (t.type === "html" || t.type === "svg") && z(r.current, n, s, A);
+  const g = l(!1);
+  x(() => {
+    t && g.current && t.update(n, i);
+  });
+  const m = n[H], p = l(!!m && typeof window < "u" && !window.MotionHandoffIsComplete?.(m) && window.MotionHasOptimisedAnimation?.(m));
+  return b(() => {
+    w.current = !0, t && (g.current = !0, window.MotionIsMounted = !0, t.updateFeatures(), t.scheduleRenderMicrotask(), p.current && t.animationState && t.animationState.animateChanges());
+  }), j(() => {
+    t && (!p.current && t.animationState && t.animationState.animateChanges(), p.current && (queueMicrotask(() => {
+      window.MotionHandoffMarkAsComplete?.(m);
+    }), p.current = !1), t.enteringChildren = void 0);
+  }), t;
 }
-function v(n, t) {
-  return t ? { point: t(n.point) } : n;
+function z(o, f, n, e) {
+  const { layoutId: s, layout: a, drag: y, dragConstraints: c, layoutScroll: i, layoutRoot: d, layoutAnchor: C, layoutCrossfade: M } = f;
+  o.projection = new n(o.latestValues, f["data-framer-portal-id"] ? void 0 : h(o.parent)), o.projection.setOptions({
+    layoutId: s,
+    layout: a,
+    alwaysMeasureLayout: !!y || c && R(c),
+    visualElement: o,
+    /**
+     * TODO: Update options in an effect. This could be tricky as it'll be too late
+     * to update by the time layout animations run.
+     * We also need to fix this safeToRemove by linking it up to the one returned by usePresence,
+     * ensuring it gets called if there's no potential layout animations.
+     *
+     */
+    animationType: typeof a == "string" ? a : "both",
+    initialPromotionConfig: e,
+    crossfade: M,
+    layoutScroll: i,
+    layoutRoot: d,
+    layoutAnchor: C
+  });
 }
-function I(n, t) {
-  return { x: n.x - t.x, y: n.y - t.y };
-}
-function p({ point: n }, t) {
-  return {
-    point: n,
-    delta: I(n, g(t)),
-    offset: I(n, O(t)),
-    velocity: V(t, 0.1)
-  };
-}
-function O(n) {
-  return n[0];
-}
-function g(n) {
-  return n[n.length - 1];
-}
-function V(n, t) {
-  if (n.length < 2)
-    return { x: 0, y: 0 };
-  let s = n.length - 1, i = null;
-  const r = g(n);
-  for (; s >= 0 && (i = n[s], !(r.timestamp - i.timestamp > S(t))); )
-    s--;
-  if (!i)
-    return { x: 0, y: 0 };
-  i === n[0] && n.length > 2 && r.timestamp - i.timestamp > S(t) * 2 && (i = n[1]);
-  const o = Y(r.timestamp - i.timestamp);
-  if (o === 0)
-    return { x: 0, y: 0 };
-  const l = {
-    x: (r.x - i.x) / o,
-    y: (r.y - i.y) / o
-  };
-  return l.x === 1 / 0 && (l.x = 0), l.y === 1 / 0 && (l.y = 0), l;
+function h(o) {
+  if (o)
+    return o.options.allowProjection !== !1 ? o.projection : h(o.parent);
 }
 export {
-  z as PanSession
+  K as useVisualElement
 };
 //# sourceMappingURL=visualization.es545.js.map