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

package/dist/visualization.es286.js

@@ -1,264 +1,12 @@
-import { KeyframeResolver as M } from "./visualization.es302.js";
-import { NativeAnimation as S } from "./visualization.es321.js";
-import { acceleratedValues as b } from "./visualization.es370.js";
-import { microtask as T } from "./visualization.es376.js";
-import { time as w } from "./visualization.es299.js";
-import { createBox as P } from "./visualization.es436.js";
-import { motionValue as F } from "./visualization.es409.js";
-import { complex as A } from "./visualization.es404.js";
-import { getAnimatableNone as B } from "./visualization.es426.js";
-import { findValueType as R } from "./visualization.es427.js";
-import { isMotionValue as u } from "./visualization.es195.js";
-import { visualElementStore as N } from "./visualization.es435.js";
-import { isControllingVariants as E, isVariantNode as x } from "./visualization.es190.js";
-import { transformProps as j } from "./visualization.es332.js";
-import { updateMotionValuesFromProps as y } from "./visualization.es442.js";
-import { initPrefersReducedMotion as I } from "./visualization.es443.js";
-import { resolveVariantFromProps as D } from "./visualization.es192.js";
-import { hasReducedMotionListener as L, prefersReducedMotion as U } from "./visualization.es444.js";
-import { frame as v, cancelFrame as g } from "./visualization.es337.js";
-import { warnOnce as O } from "./visualization.es288.js";
-import { secondsToMilliseconds as _ } from "./visualization.es319.js";
-import { isNumericalString as H } from "./visualization.es330.js";
-import { isZeroValueString as K } from "./visualization.es445.js";
-import { SubscriptionManager as Y } from "./visualization.es410.js";
-const C = [
-  "AnimationStart",
-  "AnimationComplete",
-  "Update",
-  "BeforeLayoutMeasure",
-  "LayoutMeasure",
-  "LayoutAnimationStart",
-  "LayoutAnimationComplete"
-];
-let l = {};
-function ft(m) {
-  l = m;
-}
-function mt() {
-  return l;
-}
-class Vt {
-  /**
-   * This method takes React props and returns found MotionValues. For example, HTML
-   * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.
-   *
-   * This isn't an abstract method as it needs calling in the constructor, but it is
-   * intended to be one.
-   */
-  scrapeMotionValuesFromProps(t, e, i) {
-    return {};
+import { MeasureLayout as o } from "./visualization.es472.js";
+import { HTMLProjectionNode as t } from "./visualization.es463.js";
+const a = {
+  layout: {
+    ProjectionNode: t,
+    MeasureLayout: o
   }
-  constructor({ parent: t, props: e, presenceContext: i, reducedMotionConfig: s, skipAnimations: n, blockInitialAnimation: r, visualState: d }, p = {}) {
-    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.shouldSkipAnimations = !1, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = M, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.hasBeenMounted = !1, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
-      this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
-    }, this.renderScheduledAt = 0, this.scheduleRender = () => {
-      const a = w.now();
-      this.renderScheduledAt < a && (this.renderScheduledAt = a, v.render(this.render, !1, !0));
-    };
-    const { latestValues: o, renderState: c } = d;
-    this.latestValues = o, this.baseTarget = { ...o }, this.initialValues = e.initial ? { ...o } : {}, this.renderState = c, this.parent = t, this.props = e, this.presenceContext = i, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = s, this.skipAnimationsConfig = n, this.options = p, this.blockInitialAnimation = !!r, this.isControllingVariants = E(e), this.isVariantNode = x(e), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
-    const { willChange: f, ...h } = this.scrapeMotionValuesFromProps(e, {}, this);
-    for (const a in h) {
-      const V = h[a];
-      o[a] !== void 0 && u(V) && V.set(o[a]);
-    }
-  }
-  mount(t) {
-    if (this.hasBeenMounted)
-      for (const e in this.initialValues)
-        this.values.get(e)?.jump(this.initialValues[e]), this.latestValues[e] = this.initialValues[e];
-    this.current = t, N.set(t, this), this.projection && !this.projection.instance && this.projection.mount(t), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((e, i) => this.bindToMotionValue(i, e)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (L.current || I(), this.shouldReduceMotion = U.current), process.env.NODE_ENV !== "production" && O(this.shouldReduceMotion !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), this.shouldSkipAnimations = this.skipAnimationsConfig ?? !1, this.parent?.addChild(this), this.update(this.props, this.presenceContext), this.hasBeenMounted = !0;
-  }
-  unmount() {
-    this.projection && this.projection.unmount(), g(this.notifyUpdate), g(this.render), this.valueSubscriptions.forEach((t) => t()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
-    for (const t in this.events)
-      this.events[t].clear();
-    for (const t in this.features) {
-      const e = this.features[t];
-      e && (e.unmount(), e.isMounted = !1);
-    }
-    this.current = null;
-  }
-  addChild(t) {
-    this.children.add(t), this.enteringChildren ?? (this.enteringChildren = /* @__PURE__ */ new Set()), this.enteringChildren.add(t);
-  }
-  removeChild(t) {
-    this.children.delete(t), this.enteringChildren && this.enteringChildren.delete(t);
-  }
-  bindToMotionValue(t, e) {
-    if (this.valueSubscriptions.has(t) && this.valueSubscriptions.get(t)(), e.accelerate && b.has(t) && this.current instanceof HTMLElement) {
-      const { factory: r, keyframes: d, times: p, ease: o, duration: c } = e.accelerate, f = new S({
-        element: this.current,
-        name: t,
-        keyframes: d,
-        times: p,
-        ease: o,
-        duration: _(c)
-      }), h = r(f);
-      this.valueSubscriptions.set(t, () => {
-        h(), f.cancel();
-      });
-      return;
-    }
-    const i = j.has(t);
-    i && this.onBindTransform && this.onBindTransform();
-    const s = e.on("change", (r) => {
-      this.latestValues[t] = r, this.props.onUpdate && v.preRender(this.notifyUpdate), i && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
-    });
-    let n;
-    typeof window < "u" && window.MotionCheckAppearSync && (n = window.MotionCheckAppearSync(this, t, e)), this.valueSubscriptions.set(t, () => {
-      s(), n && n(), e.owner && e.stop();
-    });
-  }
-  sortNodePosition(t) {
-    return !this.current || !this.sortInstanceNodePosition || this.type !== t.type ? 0 : this.sortInstanceNodePosition(this.current, t.current);
-  }
-  updateFeatures() {
-    let t = "animation";
-    for (t in l) {
-      const e = l[t];
-      if (!e)
-        continue;
-      const { isEnabled: i, Feature: s } = e;
-      if (!this.features[t] && s && i(this.props) && (this.features[t] = new s(this)), this.features[t]) {
-        const n = this.features[t];
-        n.isMounted ? n.update() : (n.mount(), n.isMounted = !0);
-      }
-    }
-  }
-  triggerBuild() {
-    this.build(this.renderState, this.latestValues, this.props);
-  }
-  /**
-   * Measure the current viewport box with or without transforms.
-   * Only measures axis-aligned boxes, rotate and skew must be manually
-   * removed with a re-render to work.
-   */
-  measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : P();
-  }
-  getStaticValue(t) {
-    return this.latestValues[t];
-  }
-  setStaticValue(t, e) {
-    this.latestValues[t] = e;
-  }
-  /**
-   * Update the provided props. Ensure any newly-added motion values are
-   * added to our map, old ones removed, and listeners updated.
-   */
-  update(t, e) {
-    (t.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = t, this.prevPresenceContext = this.presenceContext, this.presenceContext = e;
-    for (let i = 0; i < C.length; i++) {
-      const s = C[i];
-      this.propEventSubscriptions[s] && (this.propEventSubscriptions[s](), delete this.propEventSubscriptions[s]);
-      const n = "on" + s, r = t[n];
-      r && (this.propEventSubscriptions[s] = this.on(s, r));
-    }
-    this.prevMotionValues = y(this, this.scrapeMotionValuesFromProps(t, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
-  }
-  getProps() {
-    return this.props;
-  }
-  /**
-   * Returns the variant definition with a given name.
-   */
-  getVariant(t) {
-    return this.props.variants ? this.props.variants[t] : void 0;
-  }
-  /**
-   * Returns the defined default transition on this component.
-   */
-  getDefaultTransition() {
-    return this.props.transition;
-  }
-  getTransformPagePoint() {
-    return this.props.transformPagePoint;
-  }
-  getClosestVariantNode() {
-    return this.isVariantNode ? this : this.parent ? this.parent.getClosestVariantNode() : void 0;
-  }
-  /**
-   * Add a child visual element to our set of children.
-   */
-  addVariantChild(t) {
-    const e = this.getClosestVariantNode();
-    if (e)
-      return e.variantChildren && e.variantChildren.add(t), () => e.variantChildren.delete(t);
-  }
-  /**
-   * Add a motion value and bind it to this visual element.
-   */
-  addValue(t, e) {
-    const i = this.values.get(t);
-    e !== i && (i && this.removeValue(t), this.bindToMotionValue(t, e), this.values.set(t, e), this.latestValues[t] = e.get());
-  }
-  /**
-   * Remove a motion value and unbind any active subscriptions.
-   */
-  removeValue(t) {
-    this.values.delete(t);
-    const e = this.valueSubscriptions.get(t);
-    e && (e(), this.valueSubscriptions.delete(t)), delete this.latestValues[t], this.removeValueFromRenderState(t, this.renderState);
-  }
-  /**
-   * Check whether we have a motion value for this key
-   */
-  hasValue(t) {
-    return this.values.has(t);
-  }
-  getValue(t, e) {
-    if (this.props.values && this.props.values[t])
-      return this.props.values[t];
-    let i = this.values.get(t);
-    return i === void 0 && e !== void 0 && (i = F(e === null ? void 0 : e, { owner: this }), this.addValue(t, i)), i;
-  }
-  /**
-   * If we're trying to animate to a previously unencountered value,
-   * we need to check for it in our state and as a last resort read it
-   * directly from the instance (which might have performance implications).
-   */
-  readValue(t, e) {
-    let i = this.latestValues[t] !== void 0 || !this.current ? this.latestValues[t] : this.getBaseTargetFromProps(this.props, t) ?? this.readValueFromInstance(this.current, t, this.options);
-    return i != null && (typeof i == "string" && (H(i) || K(i)) ? i = parseFloat(i) : !R(i) && A.test(e) && (i = B(t, e)), this.setBaseTarget(t, u(i) ? i.get() : i)), u(i) ? i.get() : i;
-  }
-  /**
-   * Set the base target to later animate back to. This is currently
-   * only hydrated on creation and when we first read a value.
-   */
-  setBaseTarget(t, e) {
-    this.baseTarget[t] = e;
-  }
-  /**
-   * Find the base target for a value thats been removed from all animation
-   * props.
-   */
-  getBaseTarget(t) {
-    const { initial: e } = this.props;
-    let i;
-    if (typeof e == "string" || typeof e == "object") {
-      const n = D(this.props, e, this.presenceContext?.custom);
-      n && (i = n[t]);
-    }
-    if (e && i !== void 0)
-      return i;
-    const s = this.getBaseTargetFromProps(this.props, t);
-    return s !== void 0 && !u(s) ? s : this.initialValues[t] !== void 0 && i === void 0 ? void 0 : this.baseTarget[t];
-  }
-  on(t, e) {
-    return this.events[t] || (this.events[t] = new Y()), this.events[t].add(e);
-  }
-  notify(t, ...e) {
-    this.events[t] && this.events[t].notify(...e);
-  }
-  scheduleRenderMicrotask() {
-    T.render(this.render);
-  }
-}
+};
 export {
-  Vt as VisualElement,
-  mt as getFeatureDefinitions,
-  ft as setFeatureDefinitions
+  a as layout
 };
 //# sourceMappingURL=visualization.es286.js.map

package/dist/visualization.es286.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es286.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/VisualElement.mjs"],"sourcesContent":["import { warnOnce, secondsToMilliseconds, isNumericalString, isZeroValueString, SubscriptionManager } from 'motion-utils';\nimport { KeyframeResolver } from '../animation/keyframes/KeyframesResolver.mjs';\nimport { NativeAnimation } from '../animation/NativeAnimation.mjs';\nimport { acceleratedValues } from '../animation/waapi/utils/accelerated-values.mjs';\nimport { microtask } from '../frameloop/microtask.mjs';\nimport { time } from '../frameloop/sync-time.mjs';\nimport { createBox } from '../projection/geometry/models.mjs';\nimport { motionValue } from '../value/index.mjs';\nimport { complex } from '../value/types/complex/index.mjs';\nimport { getAnimatableNone } from '../value/types/utils/animatable-none.mjs';\nimport { findValueType } from '../value/types/utils/find.mjs';\nimport { isMotionValue } from '../value/utils/is-motion-value.mjs';\nimport { visualElementStore } from './store.mjs';\nimport { isControllingVariants, isVariantNode } from './utils/is-controlling-variants.mjs';\nimport { transformProps } from './utils/keys-transform.mjs';\nimport { updateMotionValuesFromProps } from './utils/motion-values.mjs';\nimport { initPrefersReducedMotion } from './utils/reduced-motion/index.mjs';\nimport { resolveVariantFromProps } from './utils/resolve-variants.mjs';\nimport { hasReducedMotionListener, prefersReducedMotion } from './utils/reduced-motion/state.mjs';\nimport { frame, cancelFrame } from '../frameloop/frame.mjs';\n\nconst propEventHandlers = [\n    \"AnimationStart\",\n    \"AnimationComplete\",\n    \"Update\",\n    \"BeforeLayoutMeasure\",\n    \"LayoutMeasure\",\n    \"LayoutAnimationStart\",\n    \"LayoutAnimationComplete\",\n];\n/**\n * Static feature definitions - can be injected by framework layer\n */\nlet featureDefinitions = {};\n/**\n * Set feature definitions for all VisualElements.\n * This should be called by the framework layer (e.g., framer-motion) during initialization.\n */\nfunction setFeatureDefinitions(definitions) {\n    featureDefinitions = definitions;\n}\n/**\n * Get the current feature definitions\n */\nfunction getFeatureDefinitions() {\n    return featureDefinitions;\n}\n/**\n * A VisualElement is an imperative abstraction around UI elements such as\n * HTMLElement, SVGElement, Three.Object3D etc.\n */\nclass VisualElement {\n    /**\n     * This method takes React props and returns found MotionValues. For example, HTML\n     * MotionValues will be found within the style prop, whereas for Three.js within attribute arrays.\n     *\n     * This isn't an abstract method as it needs calling in the constructor, but it is\n     * intended to be one.\n     */\n    scrapeMotionValuesFromProps(_props, _prevProps, _visualElement) {\n        return {};\n    }\n    constructor({ parent, props, presenceContext, reducedMotionConfig, skipAnimations, blockInitialAnimation, visualState, }, options = {}) {\n        /**\n         * A reference to the current underlying Instance, e.g. a HTMLElement\n         * or Three.Mesh etc.\n         */\n        this.current = null;\n        /**\n         * A set containing references to this VisualElement's children.\n         */\n        this.children = new Set();\n        /**\n         * Determine what role this visual element should take in the variant tree.\n         */\n        this.isVariantNode = false;\n        this.isControllingVariants = false;\n        /**\n         * Decides whether this VisualElement should animate in reduced motion\n         * mode.\n         *\n         * TODO: This is currently set on every individual VisualElement but feels\n         * like it could be set globally.\n         */\n        this.shouldReduceMotion = null;\n        /**\n         * Decides whether animations should be skipped for this VisualElement.\n         * Useful for E2E tests and visual regression testing.\n         */\n        this.shouldSkipAnimations = false;\n        /**\n         * A map of all motion values attached to this visual element. Motion\n         * values are source of truth for any given animated value. A motion\n         * value might be provided externally by the component via props.\n         */\n        this.values = new Map();\n        this.KeyframeResolver = KeyframeResolver;\n        /**\n         * Cleanup functions for active features (hover/tap/exit etc)\n         */\n        this.features = {};\n        /**\n         * A map of every subscription that binds the provided or generated\n         * motion values onChange listeners to this visual element.\n         */\n        this.valueSubscriptions = new Map();\n        /**\n         * A reference to the previously-provided motion values as returned\n         * from scrapeMotionValuesFromProps. We use the keys in here to determine\n         * if any motion values need to be removed after props are updated.\n         */\n        this.prevMotionValues = {};\n        /**\n         * Track whether this element has been mounted before, to detect\n         * remounts after Suspense unmount/remount cycles.\n         */\n        this.hasBeenMounted = false;\n        /**\n         * An object containing a SubscriptionManager for each active event.\n         */\n        this.events = {};\n        /**\n         * An object containing an unsubscribe function for each prop event subscription.\n         * For example, every \"Update\" event can have multiple subscribers via\n         * VisualElement.on(), but only one of those can be defined via the onUpdate prop.\n         */\n        this.propEventSubscriptions = {};\n        this.notifyUpdate = () => this.notify(\"Update\", this.latestValues);\n        this.render = () => {\n            if (!this.current)\n                return;\n            this.triggerBuild();\n            this.renderInstance(this.current, this.renderState, this.props.style, this.projection);\n        };\n        this.renderScheduledAt = 0.0;\n        this.scheduleRender = () => {\n            const now = time.now();\n            if (this.renderScheduledAt < now) {\n                this.renderScheduledAt = now;\n                frame.render(this.render, false, true);\n            }\n        };\n        const { latestValues, renderState } = visualState;\n        this.latestValues = latestValues;\n        this.baseTarget = { ...latestValues };\n        this.initialValues = props.initial ? { ...latestValues } : {};\n        this.renderState = renderState;\n        this.parent = parent;\n        this.props = props;\n        this.presenceContext = presenceContext;\n        this.depth = parent ? parent.depth + 1 : 0;\n        this.reducedMotionConfig = reducedMotionConfig;\n        this.skipAnimationsConfig = skipAnimations;\n        this.options = options;\n        this.blockInitialAnimation = Boolean(blockInitialAnimation);\n        this.isControllingVariants = isControllingVariants(props);\n        this.isVariantNode = isVariantNode(props);\n        if (this.isVariantNode) {\n            this.variantChildren = new Set();\n        }\n        this.manuallyAnimateOnMount = Boolean(parent && parent.current);\n        /**\n         * Any motion values that are provided to the element when created\n         * aren't yet bound to the element, as this would technically be impure.\n         * However, we iterate through the motion values and set them to the\n         * initial values for this component.\n         *\n         * TODO: This is impure and we should look at changing this to run on mount.\n         * Doing so will break some tests but this isn't necessarily a breaking change,\n         * more a reflection of the test.\n         */\n        const { willChange, ...initialMotionValues } = this.scrapeMotionValuesFromProps(props, {}, this);\n        for (const key in initialMotionValues) {\n            const value = initialMotionValues[key];\n            if (latestValues[key] !== undefined && isMotionValue(value)) {\n                value.set(latestValues[key]);\n            }\n        }\n    }\n    mount(instance) {\n        /**\n         * If this element has been mounted before (e.g. after a Suspense\n         * unmount/remount), reset motion values to their initial state\n         * so animations replay correctly from initial → animate.\n         */\n        if (this.hasBeenMounted) {\n            for (const key in this.initialValues) {\n                this.values.get(key)?.jump(this.initialValues[key]);\n                this.latestValues[key] = this.initialValues[key];\n            }\n        }\n        this.current = instance;\n        visualElementStore.set(instance, this);\n        if (this.projection && !this.projection.instance) {\n            this.projection.mount(instance);\n        }\n        if (this.parent && this.isVariantNode && !this.isControllingVariants) {\n            this.removeFromVariantTree = this.parent.addVariantChild(this);\n        }\n        this.values.forEach((value, key) => this.bindToMotionValue(key, value));\n        /**\n         * Determine reduced motion preference. Only initialize the matchMedia\n         * listener if we actually need the dynamic value (i.e., when config\n         * is neither \"never\" nor \"always\").\n         */\n        if (this.reducedMotionConfig === \"never\") {\n            this.shouldReduceMotion = false;\n        }\n        else if (this.reducedMotionConfig === \"always\") {\n            this.shouldReduceMotion = true;\n        }\n        else {\n            if (!hasReducedMotionListener.current) {\n                initPrefersReducedMotion();\n            }\n            this.shouldReduceMotion = prefersReducedMotion.current;\n        }\n        if (process.env.NODE_ENV !== \"production\") {\n            warnOnce(this.shouldReduceMotion !== true, \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\", \"reduced-motion-disabled\");\n        }\n        /**\n         * Set whether animations should be skipped based on the config.\n         */\n        this.shouldSkipAnimations = this.skipAnimationsConfig ?? false;\n        this.parent?.addChild(this);\n        this.update(this.props, this.presenceContext);\n        this.hasBeenMounted = true;\n    }\n    unmount() {\n        this.projection && this.projection.unmount();\n        cancelFrame(this.notifyUpdate);\n        cancelFrame(this.render);\n        this.valueSubscriptions.forEach((remove) => remove());\n        this.valueSubscriptions.clear();\n        this.removeFromVariantTree && this.removeFromVariantTree();\n        this.parent?.removeChild(this);\n        for (const key in this.events) {\n            this.events[key].clear();\n        }\n        for (const key in this.features) {\n            const feature = this.features[key];\n            if (feature) {\n                feature.unmount();\n                feature.isMounted = false;\n            }\n        }\n        this.current = null;\n    }\n    addChild(child) {\n        this.children.add(child);\n        this.enteringChildren ?? (this.enteringChildren = new Set());\n        this.enteringChildren.add(child);\n    }\n    removeChild(child) {\n        this.children.delete(child);\n        this.enteringChildren && this.enteringChildren.delete(child);\n    }\n    bindToMotionValue(key, value) {\n        if (this.valueSubscriptions.has(key)) {\n            this.valueSubscriptions.get(key)();\n        }\n        if (value.accelerate &&\n            acceleratedValues.has(key) &&\n            this.current instanceof HTMLElement) {\n            const { factory, keyframes, times, ease, duration } = value.accelerate;\n            const animation = new NativeAnimation({\n                element: this.current,\n                name: key,\n                keyframes,\n                times,\n                ease,\n                duration: secondsToMilliseconds(duration),\n            });\n            const cleanup = factory(animation);\n            this.valueSubscriptions.set(key, () => {\n                cleanup();\n                animation.cancel();\n            });\n            return;\n        }\n        const valueIsTransform = transformProps.has(key);\n        if (valueIsTransform && this.onBindTransform) {\n            this.onBindTransform();\n        }\n        const removeOnChange = value.on(\"change\", (latestValue) => {\n            this.latestValues[key] = latestValue;\n            this.props.onUpdate && frame.preRender(this.notifyUpdate);\n            if (valueIsTransform && this.projection) {\n                this.projection.isTransformDirty = true;\n            }\n            this.scheduleRender();\n        });\n        let removeSyncCheck;\n        if (typeof window !== \"undefined\" &&\n            window.MotionCheckAppearSync) {\n            removeSyncCheck = window.MotionCheckAppearSync(this, key, value);\n        }\n        this.valueSubscriptions.set(key, () => {\n            removeOnChange();\n            if (removeSyncCheck)\n                removeSyncCheck();\n            if (value.owner)\n                value.stop();\n        });\n    }\n    sortNodePosition(other) {\n        /**\n         * If these nodes aren't even of the same type we can't compare their depth.\n         */\n        if (!this.current ||\n            !this.sortInstanceNodePosition ||\n            this.type !== other.type) {\n            return 0;\n        }\n        return this.sortInstanceNodePosition(this.current, other.current);\n    }\n    updateFeatures() {\n        let key = \"animation\";\n        for (key in featureDefinitions) {\n            const featureDefinition = featureDefinitions[key];\n            if (!featureDefinition)\n                continue;\n            const { isEnabled, Feature: FeatureConstructor } = featureDefinition;\n            /**\n             * If this feature is enabled but not active, make a new instance.\n             */\n            if (!this.features[key] &&\n                FeatureConstructor &&\n                isEnabled(this.props)) {\n                this.features[key] = new FeatureConstructor(this);\n            }\n            /**\n             * If we have a feature, mount or update it.\n             */\n            if (this.features[key]) {\n                const feature = this.features[key];\n                if (feature.isMounted) {\n                    feature.update();\n                }\n                else {\n                    feature.mount();\n                    feature.isMounted = true;\n                }\n            }\n        }\n    }\n    triggerBuild() {\n        this.build(this.renderState, this.latestValues, this.props);\n    }\n    /**\n     * Measure the current viewport box with or without transforms.\n     * Only measures axis-aligned boxes, rotate and skew must be manually\n     * removed with a re-render to work.\n     */\n    measureViewportBox() {\n        return this.current\n            ? this.measureInstanceViewportBox(this.current, this.props)\n            : createBox();\n    }\n    getStaticValue(key) {\n        return this.latestValues[key];\n    }\n    setStaticValue(key, value) {\n        this.latestValues[key] = value;\n    }\n    /**\n     * Update the provided props. Ensure any newly-added motion values are\n     * added to our map, old ones removed, and listeners updated.\n     */\n    update(props, presenceContext) {\n        if (props.transformTemplate || this.props.transformTemplate) {\n            this.scheduleRender();\n        }\n        this.prevProps = this.props;\n        this.props = props;\n        this.prevPresenceContext = this.presenceContext;\n        this.presenceContext = presenceContext;\n        /**\n         * Update prop event handlers ie onAnimationStart, onAnimationComplete\n         */\n        for (let i = 0; i < propEventHandlers.length; i++) {\n            const key = propEventHandlers[i];\n            if (this.propEventSubscriptions[key]) {\n                this.propEventSubscriptions[key]();\n                delete this.propEventSubscriptions[key];\n            }\n            const listenerName = (\"on\" + key);\n            const listener = props[listenerName];\n            if (listener) {\n                this.propEventSubscriptions[key] = this.on(key, listener);\n            }\n        }\n        this.prevMotionValues = updateMotionValuesFromProps(this, this.scrapeMotionValuesFromProps(props, this.prevProps || {}, this), this.prevMotionValues);\n        if (this.handleChildMotionValue) {\n            this.handleChildMotionValue();\n        }\n    }\n    getProps() {\n        return this.props;\n    }\n    /**\n     * Returns the variant definition with a given name.\n     */\n    getVariant(name) {\n        return this.props.variants ? this.props.variants[name] : undefined;\n    }\n    /**\n     * Returns the defined default transition on this component.\n     */\n    getDefaultTransition() {\n        return this.props.transition;\n    }\n    getTransformPagePoint() {\n        return this.props.transformPagePoint;\n    }\n    getClosestVariantNode() {\n        return this.isVariantNode\n            ? this\n            : this.parent\n                ? this.parent.getClosestVariantNode()\n                : undefined;\n    }\n    /**\n     * Add a child visual element to our set of children.\n     */\n    addVariantChild(child) {\n        const closestVariantNode = this.getClosestVariantNode();\n        if (closestVariantNode) {\n            closestVariantNode.variantChildren &&\n                closestVariantNode.variantChildren.add(child);\n            return () => closestVariantNode.variantChildren.delete(child);\n        }\n    }\n    /**\n     * Add a motion value and bind it to this visual element.\n     */\n    addValue(key, value) {\n        // Remove existing value if it exists\n        const existingValue = this.values.get(key);\n        if (value !== existingValue) {\n            if (existingValue)\n                this.removeValue(key);\n            this.bindToMotionValue(key, value);\n            this.values.set(key, value);\n            this.latestValues[key] = value.get();\n        }\n    }\n    /**\n     * Remove a motion value and unbind any active subscriptions.\n     */\n    removeValue(key) {\n        this.values.delete(key);\n        const unsubscribe = this.valueSubscriptions.get(key);\n        if (unsubscribe) {\n            unsubscribe();\n            this.valueSubscriptions.delete(key);\n        }\n        delete this.latestValues[key];\n        this.removeValueFromRenderState(key, this.renderState);\n    }\n    /**\n     * Check whether we have a motion value for this key\n     */\n    hasValue(key) {\n        return this.values.has(key);\n    }\n    getValue(key, defaultValue) {\n        if (this.props.values && this.props.values[key]) {\n            return this.props.values[key];\n        }\n        let value = this.values.get(key);\n        if (value === undefined && defaultValue !== undefined) {\n            value = motionValue(defaultValue === null ? undefined : defaultValue, { owner: this });\n            this.addValue(key, value);\n        }\n        return value;\n    }\n    /**\n     * If we're trying to animate to a previously unencountered value,\n     * we need to check for it in our state and as a last resort read it\n     * directly from the instance (which might have performance implications).\n     */\n    readValue(key, target) {\n        let value = this.latestValues[key] !== undefined || !this.current\n            ? this.latestValues[key]\n            : this.getBaseTargetFromProps(this.props, key) ??\n                this.readValueFromInstance(this.current, key, this.options);\n        if (value !== undefined && value !== null) {\n            if (typeof value === \"string\" &&\n                (isNumericalString(value) || isZeroValueString(value))) {\n                // If this is a number read as a string, ie \"0\" or \"200\", convert it to a number\n                value = parseFloat(value);\n            }\n            else if (!findValueType(value) && complex.test(target)) {\n                value = getAnimatableNone(key, target);\n            }\n            this.setBaseTarget(key, isMotionValue(value) ? value.get() : value);\n        }\n        return isMotionValue(value) ? value.get() : value;\n    }\n    /**\n     * Set the base target to later animate back to. This is currently\n     * only hydrated on creation and when we first read a value.\n     */\n    setBaseTarget(key, value) {\n        this.baseTarget[key] = value;\n    }\n    /**\n     * Find the base target for a value thats been removed from all animation\n     * props.\n     */\n    getBaseTarget(key) {\n        const { initial } = this.props;\n        let valueFromInitial;\n        if (typeof initial === \"string\" || typeof initial === \"object\") {\n            const variant = resolveVariantFromProps(this.props, initial, this.presenceContext?.custom);\n            if (variant) {\n                valueFromInitial = variant[key];\n            }\n        }\n        /**\n         * If this value still exists in the current initial variant, read that.\n         */\n        if (initial && valueFromInitial !== undefined) {\n            return valueFromInitial;\n        }\n        /**\n         * Alternatively, if this VisualElement config has defined a getBaseTarget\n         * so we can read the value from an alternative source, try that.\n         */\n        const target = this.getBaseTargetFromProps(this.props, key);\n        if (target !== undefined && !isMotionValue(target))\n            return target;\n        /**\n         * If the value was initially defined on initial, but it doesn't any more,\n         * return undefined. Otherwise return the value as initially read from the DOM.\n         */\n        return this.initialValues[key] !== undefined &&\n            valueFromInitial === undefined\n            ? undefined\n            : this.baseTarget[key];\n    }\n    on(eventName, callback) {\n        if (!this.events[eventName]) {\n            this.events[eventName] = new SubscriptionManager();\n        }\n        return this.events[eventName].add(callback);\n    }\n    notify(eventName, ...args) {\n        if (this.events[eventName]) {\n            this.events[eventName].notify(...args);\n        }\n    }\n    scheduleRenderMicrotask() {\n        microtask.render(this.render);\n    }\n}\n\nexport { VisualElement, getFeatureDefinitions, setFeatureDefinitions };\n//# sourceMappingURL=VisualElement.mjs.map\n"],"names":["propEventHandlers","featureDefinitions","setFeatureDefinitions","definitions","getFeatureDefinitions","VisualElement","_props","_prevProps","_visualElement","parent","props","presenceContext","reducedMotionConfig","skipAnimations","blockInitialAnimation","visualState","options","KeyframeResolver","now","time","frame","latestValues","renderState","isControllingVariants","isVariantNode","willChange","initialMotionValues","key","value","isMotionValue","instance","visualElementStore","hasReducedMotionListener","initPrefersReducedMotion","prefersReducedMotion","warnOnce","cancelFrame","remove","feature","child","acceleratedValues","factory","keyframes","times","ease","duration","animation","NativeAnimation","secondsToMilliseconds","cleanup","valueIsTransform","transformProps","removeOnChange","latestValue","removeSyncCheck","other","featureDefinition","isEnabled","FeatureConstructor","createBox","listenerName","listener","updateMotionValuesFromProps","name","closestVariantNode","existingValue","unsubscribe","defaultValue","motionValue","target","isNumericalString","isZeroValueString","findValueType","complex","getAnimatableNone","initial","valueFromInitial","variant","resolveVariantFromProps","eventName","callback","SubscriptionManager","args","microtask"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es286.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/layout.mjs"],"sourcesContent":["import { HTMLProjectionNode } from 'motion-dom';\nimport { MeasureLayout } from './layout/MeasureLayout.mjs';\n\nconst layout = {\n    layout: {\n        ProjectionNode: HTMLProjectionNode,\n        MeasureLayout,\n    },\n};\n\nexport { layout };\n//# sourceMappingURL=layout.mjs.map\n"],"names":["layout","HTMLProjectionNode","MeasureLayout"],"mappings":";;AAGK,MAACA,IAAS;AAAA,EACX,QAAQ;AAAA,IACJ,gBAAgBC;AAAA,IAChB,eAAAC;AAAA,EACR;AACA;","x_google_ignoreList":[0]}

package/dist/visualization.es287.js

@@ -1,63 +1,113 @@
-import { jsxs as S, jsx as g } from "react/jsx-runtime";
-import { forwardRef as x, useContext as l } from "react";
-import { LayoutGroupContext as E } from "./visualization.es199.js";
-import { LazyContext as L } from "./visualization.es283.js";
-import { MotionConfigContext as V } from "./visualization.es200.js";
-import { MotionContext as j } from "./visualization.es186.js";
-import { useCreateMotionContext as w } from "./visualization.es540.js";
-import { useRender as N } from "./visualization.es541.js";
-import { isSVGComponent as P } from "./visualization.es292.js";
-import { useHTMLVisualState as C } from "./visualization.es542.js";
-import { useSVGVisualState as b } from "./visualization.es543.js";
-import { getInitializedFeatureDefinitions as h } from "./visualization.es285.js";
-import { loadFeatures as z } from "./visualization.es284.js";
-import { motionComponentSymbol as G } from "./visualization.es490.js";
-import { useMotionRef as D } from "./visualization.es544.js";
-import { useVisualElement as R } from "./visualization.es545.js";
-import { warning as I, invariant as k } from "./visualization.es317.js";
-function it(t, { forwardMotionProps: e = !1, type: i } = {}, o, s) {
-  o && z(o);
-  const m = i ? i === "svg" : P(t), M = m ? b : C;
-  function d(n, v) {
-    let u;
-    const r = {
-      ...l(V),
-      ...n,
-      layoutId: F(n)
-    }, { isStatic: c } = r, a = w(n), f = M(n, c);
-    if (!c && typeof window < "u") {
-      O(r, o);
-      const p = T(r);
-      u = p.MeasureLayout, a.visualElement = R(t, f, r, s, p.ProjectionNode, m);
-    }
-    return S(j.Provider, { value: a, children: [u && a.visualElement ? g(u, { visualElement: a.visualElement, ...r }) : null, N(t, n, D(f, a.visualElement, v), f, c, e, m)] });
-  }
-  d.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
-  const y = x(d);
-  return y[G] = t, y;
-}
-function F({ layoutId: t }) {
-  const e = l(E).id;
-  return e && t !== void 0 ? e + "-" + t : t;
-}
-function O(t, e) {
-  const i = l(L).strict;
-  if (process.env.NODE_ENV !== "production" && e && i) {
-    const o = "You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.";
-    t.ignoreStrict ? I(!1, o, "lazy-strict-mode") : k(!1, o, "lazy-strict-mode");
+import { time as v } from "./visualization.es288.js";
+import { JSAnimation as A } from "./visualization.es289.js";
+import { getFinalKeyframe as y } from "./visualization.es290.js";
+import { KeyframeResolver as g, flushKeyframeResolvers as R } from "./visualization.es291.js";
+import { NativeAnimationExtended as T } from "./visualization.es292.js";
+import { canAnimate as _ } from "./visualization.es293.js";
+import { makeAnimationInstant as w } from "./visualization.es294.js";
+import { WithPromise as K } from "./visualization.es295.js";
+import { supportsBrowserAnimation as D } from "./visualization.es296.js";
+import { MotionGlobalConfig as E } from "./visualization.es297.js";
+import { noop as k } from "./visualization.es298.js";
+const x = 40;
+class H extends K {
+  constructor({ autoplay: t = !0, delay: s = 0, type: e = "keyframes", repeat: h = 0, repeatDelay: l = 0, repeatType: f = "loop", keyframes: d, name: o, motionValue: r, element: a, ...m }) {
+    super(), this.stop = () => {
+      this._animation && (this._animation.stop(), this.stopTimeline?.()), this.keyframeResolver?.cancel();
+    }, this.createdAt = v.now();
+    const u = {
+      autoplay: t,
+      delay: s,
+      type: e,
+      repeat: h,
+      repeatDelay: l,
+      repeatType: f,
+      name: o,
+      motionValue: r,
+      element: a,
+      ...m
+    }, n = a?.KeyframeResolver || g;
+    this.keyframeResolver = new n(d, (c, p, i) => this.onKeyframesResolved(c, p, u, !i), o, r, a), this.keyframeResolver?.scheduleResolve();
+  }
+  onKeyframesResolved(t, s, e, h) {
+    this.keyframeResolver = void 0;
+    const { name: l, type: f, velocity: d, delay: o, isHandoff: r, onUpdate: a } = e;
+    this.resolvedAt = v.now();
+    let m = !0;
+    _(t, l, f, d) || (m = !1, (E.instantAnimations || !o) && a?.(y(t, e, s)), t[0] = t[t.length - 1], w(e), e.repeat = 0);
+    const n = {
+      startTime: h ? this.resolvedAt ? this.resolvedAt - this.createdAt > x ? this.resolvedAt : this.createdAt : this.createdAt : void 0,
+      finalKeyframe: s,
+      ...e,
+      keyframes: t
+    }, c = m && !r && D(n), p = n.motionValue?.owner?.current;
+    let i;
+    if (c)
+      try {
+        i = new T({
+          ...n,
+          element: p
+        });
+      } catch {
+        i = new A(n);
+      }
+    else
+      i = new A(n);
+    i.finished.then(() => {
+      this.notifyFinished();
+    }).catch(k), this.pendingTimeline && (this.stopTimeline = i.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = i;
+  }
+  get finished() {
+    return this._animation ? this.animation.finished : this._finished;
+  }
+  then(t, s) {
+    return this.finished.finally(t).then(() => {
+    });
+  }
+  get animation() {
+    return this._animation || (this.keyframeResolver?.resume(), R()), this._animation;
+  }
+  get duration() {
+    return this.animation.duration;
+  }
+  get iterationDuration() {
+    return this.animation.iterationDuration;
+  }
+  get time() {
+    return this.animation.time;
+  }
+  set time(t) {
+    this.animation.time = t;
+  }
+  get speed() {
+    return this.animation.speed;
+  }
+  get state() {
+    return this.animation.state;
+  }
+  set speed(t) {
+    this.animation.speed = t;
+  }
+  get startTime() {
+    return this.animation.startTime;
+  }
+  attachTimeline(t) {
+    return this._animation ? this.stopTimeline = this.animation.attachTimeline(t) : this.pendingTimeline = t, () => this.stop();
+  }
+  play() {
+    this.animation.play();
+  }
+  pause() {
+    this.animation.pause();
+  }
+  complete() {
+    this.animation.complete();
+  }
+  cancel() {
+    this._animation && this.animation.cancel(), this.keyframeResolver?.cancel();
   }
-}
-function T(t) {
-  const e = h(), { drag: i, layout: o } = e;
-  if (!i && !o)
-    return {};
-  const s = { ...i, ...o };
-  return {
-    MeasureLayout: i?.isEnabled(t) || o?.isEnabled(t) ? s.MeasureLayout : void 0,
-    ProjectionNode: s.ProjectionNode
-  };
 }
 export {
-  it as createMotionComponent
+  H as AsyncMotionValueAnimation
 };
 //# sourceMappingURL=visualization.es287.js.map

package/dist/visualization.es287.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es287.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/index.mjs"],"sourcesContent":["\"use client\";\nimport { jsxs, jsx } from 'react/jsx-runtime';\nimport { warning, invariant } from 'motion-utils';\nimport { forwardRef, useContext } from 'react';\nimport { LayoutGroupContext } from '../context/LayoutGroupContext.mjs';\nimport { LazyContext } from '../context/LazyContext.mjs';\nimport { MotionConfigContext } from '../context/MotionConfigContext.mjs';\nimport { MotionContext } from '../context/MotionContext/index.mjs';\nimport { useCreateMotionContext } from '../context/MotionContext/create.mjs';\nimport { useRender } from '../render/dom/use-render.mjs';\nimport { isSVGComponent } from '../render/dom/utils/is-svg-component.mjs';\nimport { useHTMLVisualState } from '../render/html/use-html-visual-state.mjs';\nimport { useSVGVisualState } from '../render/svg/use-svg-visual-state.mjs';\nimport { getInitializedFeatureDefinitions } from './features/definitions.mjs';\nimport { loadFeatures } from './features/load-features.mjs';\nimport { motionComponentSymbol } from './utils/symbol.mjs';\nimport { useMotionRef } from './utils/use-motion-ref.mjs';\nimport { useVisualElement } from './utils/use-visual-element.mjs';\n\n/**\n * Create a `motion` component.\n *\n * This function accepts a Component argument, which can be either a string (ie \"div\"\n * for `motion.div`), or an actual React component.\n *\n * Alongside this is a config option which provides a way of rendering the provided\n * component \"offline\", or outside the React render cycle.\n */\nfunction createMotionComponent(Component, { forwardMotionProps = false, type } = {}, preloadedFeatures, createVisualElement) {\n    preloadedFeatures && loadFeatures(preloadedFeatures);\n    /**\n     * Determine whether to use SVG or HTML rendering based on:\n     * 1. Explicit `type` option (highest priority)\n     * 2. Auto-detection via `isSVGComponent`\n     */\n    const isSVG = type ? type === \"svg\" : isSVGComponent(Component);\n    const useVisualState = isSVG ? useSVGVisualState : useHTMLVisualState;\n    function MotionDOMComponent(props, externalRef) {\n        /**\n         * If we need to measure the element we load this functionality in a\n         * separate class component in order to gain access to getSnapshotBeforeUpdate.\n         */\n        let MeasureLayout;\n        const configAndProps = {\n            ...useContext(MotionConfigContext),\n            ...props,\n            layoutId: useLayoutId(props),\n        };\n        const { isStatic } = configAndProps;\n        const context = useCreateMotionContext(props);\n        const visualState = useVisualState(props, isStatic);\n        if (!isStatic && typeof window !== \"undefined\") {\n            useStrictMode(configAndProps, preloadedFeatures);\n            const layoutProjection = getProjectionFunctionality(configAndProps);\n            MeasureLayout = layoutProjection.MeasureLayout;\n            /**\n             * Create a VisualElement for this component. A VisualElement provides a common\n             * interface to renderer-specific APIs (ie DOM/Three.js etc) as well as\n             * providing a way of rendering to these APIs outside of the React render loop\n             * for more performant animations and interactions\n             */\n            context.visualElement = useVisualElement(Component, visualState, configAndProps, createVisualElement, layoutProjection.ProjectionNode, isSVG);\n        }\n        /**\n         * The mount order and hierarchy is specific to ensure our element ref\n         * is hydrated by the time features fire their effects.\n         */\n        return (jsxs(MotionContext.Provider, { value: context, children: [MeasureLayout && context.visualElement ? (jsx(MeasureLayout, { visualElement: context.visualElement, ...configAndProps })) : null, useRender(Component, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, forwardMotionProps, isSVG)] }));\n    }\n    MotionDOMComponent.displayName = `motion.${typeof Component === \"string\"\n        ? Component\n        : `create(${Component.displayName ?? Component.name ?? \"\"})`}`;\n    const ForwardRefMotionComponent = forwardRef(MotionDOMComponent);\n    ForwardRefMotionComponent[motionComponentSymbol] = Component;\n    return ForwardRefMotionComponent;\n}\nfunction useLayoutId({ layoutId }) {\n    const layoutGroupId = useContext(LayoutGroupContext).id;\n    return layoutGroupId && layoutId !== undefined\n        ? layoutGroupId + \"-\" + layoutId\n        : layoutId;\n}\nfunction useStrictMode(configAndProps, preloadedFeatures) {\n    const isStrict = useContext(LazyContext).strict;\n    /**\n     * If we're in development mode, check to make sure we're not rendering a motion component\n     * as a child of LazyMotion, as this will break the file-size benefits of using it.\n     */\n    if (process.env.NODE_ENV !== \"production\" &&\n        preloadedFeatures &&\n        isStrict) {\n        const strictMessage = \"You have rendered a `motion` component within a `LazyMotion` component. This will break tree shaking. Import and render a `m` component instead.\";\n        configAndProps.ignoreStrict\n            ? warning(false, strictMessage, \"lazy-strict-mode\")\n            : invariant(false, strictMessage, \"lazy-strict-mode\");\n    }\n}\nfunction getProjectionFunctionality(props) {\n    const featureDefinitions = getInitializedFeatureDefinitions();\n    const { drag, layout } = featureDefinitions;\n    if (!drag && !layout)\n        return {};\n    const combined = { ...drag, ...layout };\n    return {\n        MeasureLayout: drag?.isEnabled(props) || layout?.isEnabled(props)\n            ? combined.MeasureLayout\n            : undefined,\n        ProjectionNode: combined.ProjectionNode,\n    };\n}\n\nexport { createMotionComponent };\n//# sourceMappingURL=index.mjs.map\n"],"names":["createMotionComponent","Component","forwardMotionProps","type","preloadedFeatures","createVisualElement","loadFeatures","isSVG","isSVGComponent","useVisualState","useSVGVisualState","useHTMLVisualState","MotionDOMComponent","props","externalRef","MeasureLayout","configAndProps","useContext","MotionConfigContext","useLayoutId","isStatic","context","useCreateMotionContext","visualState","useStrictMode","layoutProjection","getProjectionFunctionality","useVisualElement","jsxs","MotionContext","jsx","useRender","useMotionRef","ForwardRefMotionComponent","forwardRef","motionComponentSymbol","layoutId","layoutGroupId","LayoutGroupContext","isStrict","LazyContext","strictMessage","warning","invariant","featureDefinitions","getInitializedFeatureDefinitions","drag","layout","combined"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,SAASA,GAAsBC,GAAW,EAAE,oBAAAC,IAAqB,IAAO,MAAAC,MAAS,CAAA,GAAIC,GAAmBC,GAAqB;AACzH,EAAAD,KAAqBE,EAAaF,CAAiB;AAMnD,QAAMG,IAAQJ,IAAOA,MAAS,QAAQK,EAAeP,CAAS,GACxDQ,IAAiBF,IAAQG,IAAoBC;AACnD,WAASC,EAAmBC,GAAOC,GAAa;AAK5C,QAAIC;AACJ,UAAMC,IAAiB;AAAA,MACnB,GAAGC,EAAWC,CAAmB;AAAA,MACjC,GAAGL;AAAA,MACH,UAAUM,EAAYN,CAAK;AAAA,IACvC,GACc,EAAE,UAAAO,EAAQ,IAAKJ,GACfK,IAAUC,EAAuBT,CAAK,GACtCU,IAAcd,EAAeI,GAAOO,CAAQ;AAClD,QAAI,CAACA,KAAY,OAAO,SAAW,KAAa;AAC5C,MAAAI,EAAcR,GAAgBZ,CAAiB;AAC/C,YAAMqB,IAAmBC,EAA2BV,CAAc;AAClE,MAAAD,IAAgBU,EAAiB,eAOjCJ,EAAQ,gBAAgBM,EAAiB1B,GAAWsB,GAAaP,GAAgBX,GAAqBoB,EAAiB,gBAAgBlB,CAAK;AAAA,IAChJ;AAKA,WAAQqB,EAAKC,EAAc,UAAU,EAAE,OAAOR,GAAS,UAAU,CAACN,KAAiBM,EAAQ,gBAAiBS,EAAIf,GAAe,EAAE,eAAeM,EAAQ,eAAe,GAAGL,EAAc,CAAE,IAAK,MAAMe,EAAU9B,GAAWY,GAAOmB,EAAaT,GAAaF,EAAQ,eAAeP,CAAW,GAAGS,GAAaH,GAAUlB,GAAoBK,CAAK,CAAC,GAAG;AAAA,EACxV;AACA,EAAAK,EAAmB,cAAc,UAAU,OAAOX,KAAc,WAC1DA,IACA,UAAUA,EAAU,eAAeA,EAAU,QAAQ,EAAE,GAAG;AAChE,QAAMgC,IAA4BC,EAAWtB,CAAkB;AAC/D,SAAAqB,EAA0BE,CAAqB,IAAIlC,GAC5CgC;AACX;AACA,SAASd,EAAY,EAAE,UAAAiB,KAAY;AAC/B,QAAMC,IAAgBpB,EAAWqB,CAAkB,EAAE;AACrD,SAAOD,KAAiBD,MAAa,SAC/BC,IAAgB,MAAMD,IACtBA;AACV;AACA,SAASZ,EAAcR,GAAgBZ,GAAmB;AACtD,QAAMmC,IAAWtB,EAAWuB,CAAW,EAAE;AAKzC,MAAI,QAAQ,IAAI,aAAa,gBACzBpC,KACAmC,GAAU;AACV,UAAME,IAAgB;AACtB,IAAAzB,EAAe,eACT0B,EAAQ,IAAOD,GAAe,kBAAkB,IAChDE,EAAU,IAAOF,GAAe,kBAAkB;AAAA,EAC5D;AACJ;AACA,SAASf,EAA2Bb,GAAO;AACvC,QAAM+B,IAAqBC,EAAgC,GACrD,EAAE,MAAAC,GAAM,QAAAC,EAAM,IAAKH;AACzB,MAAI,CAACE,KAAQ,CAACC;AACV,WAAO,CAAA;AACX,QAAMC,IAAW,EAAE,GAAGF,GAAM,GAAGC,EAAM;AACrC,SAAO;AAAA,IACH,eAAeD,GAAM,UAAUjC,CAAK,KAAKkC,GAAQ,UAAUlC,CAAK,IAC1DmC,EAAS,gBACT;AAAA,IACN,gBAAgBA,EAAS;AAAA,EACjC;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es287.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/AsyncMotionValueAnimation.mjs"],"sourcesContent":["import { MotionGlobalConfig, noop } from 'motion-utils';\nimport { time } from '../frameloop/sync-time.mjs';\nimport { JSAnimation } from './JSAnimation.mjs';\nimport { getFinalKeyframe } from './keyframes/get-final.mjs';\nimport { KeyframeResolver, flushKeyframeResolvers } from './keyframes/KeyframesResolver.mjs';\nimport { NativeAnimationExtended } from './NativeAnimationExtended.mjs';\nimport { canAnimate } from './utils/can-animate.mjs';\nimport { makeAnimationInstant } from './utils/make-animation-instant.mjs';\nimport { WithPromise } from './utils/WithPromise.mjs';\nimport { supportsBrowserAnimation } from './waapi/supports/waapi.mjs';\n\n/**\n * Maximum time allowed between an animation being created and it being\n * resolved for us to use the latter as the start time.\n *\n * This is to ensure that while we prefer to \"start\" an animation as soon\n * as it's triggered, we also want to avoid a visual jump if there's a big delay\n * between these two moments.\n */\nconst MAX_RESOLVE_DELAY = 40;\nclass AsyncMotionValueAnimation extends WithPromise {\n    constructor({ autoplay = true, delay = 0, type = \"keyframes\", repeat = 0, repeatDelay = 0, repeatType = \"loop\", keyframes, name, motionValue, element, ...options }) {\n        super();\n        /**\n         * Bound to support return animation.stop pattern\n         */\n        this.stop = () => {\n            if (this._animation) {\n                this._animation.stop();\n                this.stopTimeline?.();\n            }\n            this.keyframeResolver?.cancel();\n        };\n        this.createdAt = time.now();\n        const optionsWithDefaults = {\n            autoplay,\n            delay,\n            type,\n            repeat,\n            repeatDelay,\n            repeatType,\n            name,\n            motionValue,\n            element,\n            ...options,\n        };\n        const KeyframeResolver$1 = element?.KeyframeResolver || KeyframeResolver;\n        this.keyframeResolver = new KeyframeResolver$1(keyframes, (resolvedKeyframes, finalKeyframe, forced) => this.onKeyframesResolved(resolvedKeyframes, finalKeyframe, optionsWithDefaults, !forced), name, motionValue, element);\n        this.keyframeResolver?.scheduleResolve();\n    }\n    onKeyframesResolved(keyframes, finalKeyframe, options, sync) {\n        this.keyframeResolver = undefined;\n        const { name, type, velocity, delay, isHandoff, onUpdate } = options;\n        this.resolvedAt = time.now();\n        /**\n         * If we can't animate this value with the resolved keyframes\n         * then we should complete it immediately.\n         */\n        let canAnimateValue = true;\n        if (!canAnimate(keyframes, name, type, velocity)) {\n            canAnimateValue = false;\n            if (MotionGlobalConfig.instantAnimations || !delay) {\n                onUpdate?.(getFinalKeyframe(keyframes, options, finalKeyframe));\n            }\n            keyframes[0] = keyframes[keyframes.length - 1];\n            makeAnimationInstant(options);\n            options.repeat = 0;\n        }\n        /**\n         * Resolve startTime for the animation.\n         *\n         * This method uses the createdAt and resolvedAt to calculate the\n         * animation startTime. *Ideally*, we would use the createdAt time as t=0\n         * as the following frame would then be the first frame of the animation in\n         * progress, which would feel snappier.\n         *\n         * However, if there's a delay (main thread work) between the creation of\n         * the animation and the first committed frame, we prefer to use resolvedAt\n         * to avoid a sudden jump into the animation.\n         */\n        const startTime = sync\n            ? !this.resolvedAt\n                ? this.createdAt\n                : this.resolvedAt - this.createdAt > MAX_RESOLVE_DELAY\n                    ? this.resolvedAt\n                    : this.createdAt\n            : undefined;\n        const resolvedOptions = {\n            startTime,\n            finalKeyframe,\n            ...options,\n            keyframes,\n        };\n        /**\n         * Animate via WAAPI if possible. If this is a handoff animation, the optimised animation will be running via\n         * WAAPI. Therefore, this animation must be JS to ensure it runs \"under\" the\n         * optimised animation.\n         *\n         * Also skip WAAPI when keyframes aren't animatable, as the resolved\n         * values may not be valid CSS and would trigger browser warnings.\n         */\n        const useWaapi = canAnimateValue &&\n            !isHandoff &&\n            supportsBrowserAnimation(resolvedOptions);\n        const element = resolvedOptions.motionValue?.owner?.current;\n        let animation;\n        if (useWaapi) {\n            try {\n                animation = new NativeAnimationExtended({\n                    ...resolvedOptions,\n                    element,\n                });\n            }\n            catch {\n                animation = new JSAnimation(resolvedOptions);\n            }\n        }\n        else {\n            animation = new JSAnimation(resolvedOptions);\n        }\n        animation.finished.then(() => {\n            this.notifyFinished();\n        }).catch(noop);\n        if (this.pendingTimeline) {\n            this.stopTimeline = animation.attachTimeline(this.pendingTimeline);\n            this.pendingTimeline = undefined;\n        }\n        this._animation = animation;\n    }\n    get finished() {\n        if (!this._animation) {\n            return this._finished;\n        }\n        else {\n            return this.animation.finished;\n        }\n    }\n    then(onResolve, _onReject) {\n        return this.finished.finally(onResolve).then(() => { });\n    }\n    get animation() {\n        if (!this._animation) {\n            this.keyframeResolver?.resume();\n            flushKeyframeResolvers();\n        }\n        return this._animation;\n    }\n    get duration() {\n        return this.animation.duration;\n    }\n    get iterationDuration() {\n        return this.animation.iterationDuration;\n    }\n    get time() {\n        return this.animation.time;\n    }\n    set time(newTime) {\n        this.animation.time = newTime;\n    }\n    get speed() {\n        return this.animation.speed;\n    }\n    get state() {\n        return this.animation.state;\n    }\n    set speed(newSpeed) {\n        this.animation.speed = newSpeed;\n    }\n    get startTime() {\n        return this.animation.startTime;\n    }\n    attachTimeline(timeline) {\n        if (this._animation) {\n            this.stopTimeline = this.animation.attachTimeline(timeline);\n        }\n        else {\n            this.pendingTimeline = timeline;\n        }\n        return () => this.stop();\n    }\n    play() {\n        this.animation.play();\n    }\n    pause() {\n        this.animation.pause();\n    }\n    complete() {\n        this.animation.complete();\n    }\n    cancel() {\n        if (this._animation) {\n            this.animation.cancel();\n        }\n        this.keyframeResolver?.cancel();\n    }\n}\n\nexport { AsyncMotionValueAnimation };\n//# sourceMappingURL=AsyncMotionValueAnimation.mjs.map\n"],"names":["MAX_RESOLVE_DELAY","AsyncMotionValueAnimation","WithPromise","autoplay","delay","type","repeat","repeatDelay","repeatType","keyframes","name","motionValue","element","options","time","optionsWithDefaults","KeyframeResolver$1","KeyframeResolver","resolvedKeyframes","finalKeyframe","forced","sync","velocity","isHandoff","onUpdate","canAnimateValue","canAnimate","MotionGlobalConfig","getFinalKeyframe","makeAnimationInstant","resolvedOptions","useWaapi","supportsBrowserAnimation","animation","NativeAnimationExtended","JSAnimation","noop","onResolve","_onReject","flushKeyframeResolvers","newTime","newSpeed","timeline"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/visualization.es288.js

@@ -1,9 +1,16 @@
-import { formatErrorMessage as a } from "./visualization.es484.js";
-const n = /* @__PURE__ */ new Set();
-function c(o, r, t) {
-  o || n.has(r) || (console.warn(a(r, t)), n.add(r));
+import { frameData as n } from "./visualization.es326.js";
+import { MotionGlobalConfig as i } from "./visualization.es297.js";
+let e;
+function t() {
+  e = void 0;
 }
+const r = {
+  now: () => (e === void 0 && r.set(n.isProcessing || i.useManualTiming ? n.timestamp : performance.now()), e),
+  set: (o) => {
+    e = o, queueMicrotask(t);
+  }
+};
 export {
-  c as warnOnce
+  r as time
 };
 //# sourceMappingURL=visualization.es288.js.map

package/dist/visualization.es288.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es288.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/warn-once.mjs"],"sourcesContent":["import { formatErrorMessage } from './format-error-message.mjs';\n\nconst warned = new Set();\nfunction hasWarned(message) {\n    return warned.has(message);\n}\nfunction warnOnce(condition, message, errorCode) {\n    if (condition || warned.has(message))\n        return;\n    console.warn(formatErrorMessage(message, errorCode));\n    warned.add(message);\n}\n\nexport { hasWarned, warnOnce };\n//# sourceMappingURL=warn-once.mjs.map\n"],"names":["warned","warnOnce","condition","message","errorCode","formatErrorMessage"],"mappings":";AAEA,MAAMA,IAAS,oBAAI,IAAG;AAItB,SAASC,EAASC,GAAWC,GAASC,GAAW;AAC7C,EAAIF,KAAaF,EAAO,IAAIG,CAAO,MAEnC,QAAQ,KAAKE,EAAmBF,GAASC,CAAS,CAAC,GACnDJ,EAAO,IAAIG,CAAO;AACtB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es288.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/frameloop/sync-time.mjs"],"sourcesContent":["import { MotionGlobalConfig } from 'motion-utils';\nimport { frameData } from './frame.mjs';\n\nlet now;\nfunction clearTime() {\n    now = undefined;\n}\n/**\n * An eventloop-synchronous alternative to performance.now().\n *\n * Ensures that time measurements remain consistent within a synchronous context.\n * Usually calling performance.now() twice within the same synchronous context\n * will return different values which isn't useful for animations when we're usually\n * trying to sync animations to the same frame.\n */\nconst time = {\n    now: () => {\n        if (now === undefined) {\n            time.set(frameData.isProcessing || MotionGlobalConfig.useManualTiming\n                ? frameData.timestamp\n                : performance.now());\n        }\n        return now;\n    },\n    set: (newTime) => {\n        now = newTime;\n        queueMicrotask(clearTime);\n    },\n};\n\nexport { time };\n//# sourceMappingURL=sync-time.mjs.map\n"],"names":["now","clearTime","time","frameData","MotionGlobalConfig","newTime"],"mappings":";;AAGA,IAAIA;AACJ,SAASC,IAAY;AACjB,EAAAD,IAAM;AACV;AASK,MAACE,IAAO;AAAA,EACT,KAAK,OACGF,MAAQ,UACRE,EAAK,IAAIC,EAAU,gBAAgBC,EAAmB,kBAChDD,EAAU,YACV,YAAY,IAAG,CAAE,GAEpBH;AAAA,EAEX,KAAK,CAACK,MAAY;AACd,IAAAL,IAAMK,GACN,eAAeJ,CAAS;AAAA,EAC5B;AACJ;","x_google_ignoreList":[0]}