@weng-lab/visualization 2.5.0 → 2.5.1-beta.0

package/dist/visualization.es292.js

@@ -1,264 +1,17 @@
-import { KeyframeResolver as M } from "./visualization.es308.js";
-import { NativeAnimation as S } from "./visualization.es327.js";
-import { acceleratedValues as b } from "./visualization.es376.js";
-import { microtask as T } from "./visualization.es382.js";
-import { time as w } from "./visualization.es305.js";
-import { createBox as P } from "./visualization.es442.js";
-import { motionValue as F } from "./visualization.es415.js";
-import { complex as A } from "./visualization.es410.js";
-import { getAnimatableNone as B } from "./visualization.es432.js";
-import { findValueType as R } from "./visualization.es433.js";
-import { isMotionValue as u } from "./visualization.es217.js";
-import { visualElementStore as N } from "./visualization.es441.js";
-import { isControllingVariants as E, isVariantNode as x } from "./visualization.es212.js";
-import { transformProps as j } from "./visualization.es338.js";
-import { updateMotionValuesFromProps as y } from "./visualization.es448.js";
-import { initPrefersReducedMotion as I } from "./visualization.es449.js";
-import { resolveVariantFromProps as D } from "./visualization.es214.js";
-import { hasReducedMotionListener as L, prefersReducedMotion as U } from "./visualization.es450.js";
-import { frame as v, cancelFrame as g } from "./visualization.es343.js";
-import { warnOnce as O } from "./visualization.es294.js";
-import { secondsToMilliseconds as _ } from "./visualization.es325.js";
-import { isNumericalString as H } from "./visualization.es336.js";
-import { isZeroValueString as K } from "./visualization.es451.js";
-import { SubscriptionManager as Y } from "./visualization.es416.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 {};
-  }
-  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);
-  }
+import l from "./visualization.es564.js";
+import m from "./visualization.es565.js";
+import d from "./visualization.es548.js";
+import v from "./visualization.es563.js";
+function u(t, o) {
+  var a;
+  o === void 0 && (o = []);
+  var r = l(t), e = r === ((a = t.ownerDocument) == null ? void 0 : a.body), n = d(r), i = e ? [n].concat(n.visualViewport || [], v(r) ? r : []) : r, c = o.concat(i);
+  return e ? c : (
+    // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
+    c.concat(u(m(i)))
+  );
 }
 export {
-  Vt as VisualElement,
-  mt as getFeatureDefinitions,
-  ft as setFeatureDefinitions
+  u as default
 };
 //# sourceMappingURL=visualization.es292.js.map

package/dist/visualization.es292.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es292.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.es292.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/listScrollParents.js"],"sourcesContent":["import getScrollParent from \"./getScrollParent.js\";\nimport getParentNode from \"./getParentNode.js\";\nimport getWindow from \"./getWindow.js\";\nimport isScrollParent from \"./isScrollParent.js\";\n/*\ngiven a DOM element, return the list of all scroll parents, up the list of ancesors\nuntil we get to the top window object. This list is what we attach scroll listeners\nto, because if any of these parent elements scroll, we'll need to re-calculate the\nreference element's position.\n*/\n\nexport default function listScrollParents(element, list) {\n  var _element$ownerDocumen;\n\n  if (list === void 0) {\n    list = [];\n  }\n\n  var scrollParent = getScrollParent(element);\n  var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);\n  var win = getWindow(scrollParent);\n  var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;\n  var updatedList = list.concat(target);\n  return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here\n  updatedList.concat(listScrollParents(getParentNode(target)));\n}"],"names":["listScrollParents","element","list","_element$ownerDocumen","scrollParent","getScrollParent","isBody","win","getWindow","target","isScrollParent","updatedList","getParentNode"],"mappings":";;;;AAWe,SAASA,EAAkBC,GAASC,GAAM;AACvD,MAAIC;AAEJ,EAAID,MAAS,WACXA,IAAO,CAAA;AAGT,MAAIE,IAAeC,EAAgBJ,CAAO,GACtCK,IAASF,QAAmBD,IAAwBF,EAAQ,kBAAkB,OAAO,SAASE,EAAsB,OACpHI,IAAMC,EAAUJ,CAAY,GAC5BK,IAASH,IAAS,CAACC,CAAG,EAAE,OAAOA,EAAI,kBAAkB,CAAA,GAAIG,EAAeN,CAAY,IAAIA,IAAe,CAAA,CAAE,IAAIA,GAC7GO,IAAcT,EAAK,OAAOO,CAAM;AACpC,SAAOH,IAASK;AAAA;AAAA,IAChBA,EAAY,OAAOX,EAAkBY,EAAcH,CAAM,CAAC,CAAC;AAAA;AAC7D;","x_google_ignoreList":[0]}

package/dist/visualization.es293.js

@@ -1,63 +1,36 @@
-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.es221.js";
-import { LazyContext as L } from "./visualization.es289.js";
-import { MotionConfigContext as V } from "./visualization.es222.js";
-import { MotionContext as j } from "./visualization.es208.js";
-import { useCreateMotionContext as w } from "./visualization.es541.js";
-import { useRender as N } from "./visualization.es542.js";
-import { isSVGComponent as P } from "./visualization.es295.js";
-import { useHTMLVisualState as C } from "./visualization.es543.js";
-import { useSVGVisualState as b } from "./visualization.es544.js";
-import { getInitializedFeatureDefinitions as h } from "./visualization.es291.js";
-import { loadFeatures as z } from "./visualization.es290.js";
-import { motionComponentSymbol as G } from "./visualization.es496.js";
-import { useMotionRef as D } from "./visualization.es545.js";
-import { useVisualElement as R } from "./visualization.es546.js";
-import { warning as I, invariant as k } from "./visualization.es323.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;
+import d from "./visualization.es548.js";
+import f from "./visualization.es541.js";
+import n from "./visualization.es550.js";
+import { isHTMLElement as a, isShadowRoot as m } from "./visualization.es297.js";
+import g from "./visualization.es566.js";
+import s from "./visualization.es565.js";
+import p from "./visualization.es567.js";
+function l(r) {
+  return !a(r) || // https://github.com/popperjs/popper-core/issues/837
+  n(r).position === "fixed" ? null : r.offsetParent;
 }
-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");
+function v(r) {
+  var e = /firefox/i.test(p()), t = /Trident/i.test(p());
+  if (t && a(r)) {
+    var u = n(r);
+    if (u.position === "fixed")
+      return null;
+  }
+  var i = s(r);
+  for (m(i) && (i = i.host); a(i) && ["html", "body"].indexOf(f(i)) < 0; ) {
+    var o = n(i);
+    if (o.transform !== "none" || o.perspective !== "none" || o.contain === "paint" || ["transform", "perspective"].indexOf(o.willChange) !== -1 || e && o.willChange === "filter" || e && o.filter && o.filter !== "none")
+      return i;
+    i = i.parentNode;
   }
+  return null;
 }
-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
-  };
+function O(r) {
+  for (var e = d(r), t = l(r); t && g(t) && n(t).position === "static"; )
+    t = l(t);
+  return t && (f(t) === "html" || f(t) === "body" && n(t).position === "static") ? e : t || v(r) || e;
 }
 export {
-  it as createMotionComponent
+  O as default
 };
 //# sourceMappingURL=visualization.es293.js.map

package/dist/visualization.es293.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es293.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.es293.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js"],"sourcesContent":["import getWindow from \"./getWindow.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport { isHTMLElement, isShadowRoot } from \"./instanceOf.js\";\nimport isTableElement from \"./isTableElement.js\";\nimport getParentNode from \"./getParentNode.js\";\nimport getUAString from \"../utils/userAgent.js\";\n\nfunction getTrueOffsetParent(element) {\n  if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837\n  getComputedStyle(element).position === 'fixed') {\n    return null;\n  }\n\n  return element.offsetParent;\n} // `.offsetParent` reports `null` for fixed elements, while absolute elements\n// return the containing block\n\n\nfunction getContainingBlock(element) {\n  var isFirefox = /firefox/i.test(getUAString());\n  var isIE = /Trident/i.test(getUAString());\n\n  if (isIE && isHTMLElement(element)) {\n    // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport\n    var elementCss = getComputedStyle(element);\n\n    if (elementCss.position === 'fixed') {\n      return null;\n    }\n  }\n\n  var currentNode = getParentNode(element);\n\n  if (isShadowRoot(currentNode)) {\n    currentNode = currentNode.host;\n  }\n\n  while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {\n    var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that\n    // create a containing block.\n    // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n\n    if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') {\n      return currentNode;\n    } else {\n      currentNode = currentNode.parentNode;\n    }\n  }\n\n  return null;\n} // Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\n\n\nexport default function getOffsetParent(element) {\n  var window = getWindow(element);\n  var offsetParent = getTrueOffsetParent(element);\n\n  while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {\n    offsetParent = getTrueOffsetParent(offsetParent);\n  }\n\n  if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static')) {\n    return window;\n  }\n\n  return offsetParent || getContainingBlock(element) || window;\n}"],"names":["getTrueOffsetParent","element","isHTMLElement","getComputedStyle","getContainingBlock","isFirefox","getUAString","isIE","elementCss","currentNode","getParentNode","isShadowRoot","getNodeName","css","getOffsetParent","window","getWindow","offsetParent","isTableElement"],"mappings":";;;;;;;AAQA,SAASA,EAAoBC,GAAS;AACpC,SAAI,CAACC,EAAcD,CAAO;AAAA,EAC1BE,EAAiBF,CAAO,EAAE,aAAa,UAC9B,OAGFA,EAAQ;AACjB;AAIA,SAASG,EAAmBH,GAAS;AACnC,MAAII,IAAY,WAAW,KAAKC,EAAW,CAAE,GACzCC,IAAO,WAAW,KAAKD,EAAW,CAAE;AAExC,MAAIC,KAAQL,EAAcD,CAAO,GAAG;AAElC,QAAIO,IAAaL,EAAiBF,CAAO;AAEzC,QAAIO,EAAW,aAAa;AAC1B,aAAO;AAAA,EAEX;AAEA,MAAIC,IAAcC,EAAcT,CAAO;AAMvC,OAJIU,EAAaF,CAAW,MAC1BA,IAAcA,EAAY,OAGrBP,EAAcO,CAAW,KAAK,CAAC,QAAQ,MAAM,EAAE,QAAQG,EAAYH,CAAW,CAAC,IAAI,KAAG;AAC3F,QAAII,IAAMV,EAAiBM,CAAW;AAItC,QAAII,EAAI,cAAc,UAAUA,EAAI,gBAAgB,UAAUA,EAAI,YAAY,WAAW,CAAC,aAAa,aAAa,EAAE,QAAQA,EAAI,UAAU,MAAM,MAAMR,KAAaQ,EAAI,eAAe,YAAYR,KAAaQ,EAAI,UAAUA,EAAI,WAAW;AAC5O,aAAOJ;AAEP,IAAAA,IAAcA,EAAY;AAAA,EAE9B;AAEA,SAAO;AACT;AAIe,SAASK,EAAgBb,GAAS;AAI/C,WAHIc,IAASC,EAAUf,CAAO,GAC1BgB,IAAejB,EAAoBC,CAAO,GAEvCgB,KAAgBC,EAAeD,CAAY,KAAKd,EAAiBc,CAAY,EAAE,aAAa;AACjG,IAAAA,IAAejB,EAAoBiB,CAAY;AAGjD,SAAIA,MAAiBL,EAAYK,CAAY,MAAM,UAAUL,EAAYK,CAAY,MAAM,UAAUd,EAAiBc,CAAY,EAAE,aAAa,YACxIF,IAGFE,KAAgBb,EAAmBH,CAAO,KAAKc;AACxD;","x_google_ignoreList":[0]}

package/dist/visualization.es294.js

@@ -1,9 +1,32 @@
-import { formatErrorMessage as a } from "./visualization.es490.js";
-const n = /* @__PURE__ */ new Set();
-function c(o, r, t) {
-  o || n.has(r) || (console.warn(a(r, t)), n.add(r));
+import { modifierPhases as f } from "./visualization.es288.js";
+function i(e) {
+  var t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set(), a = [];
+  e.forEach(function(r) {
+    t.set(r.name, r);
+  });
+  function u(r) {
+    n.add(r.name);
+    var o = [].concat(r.requires || [], r.requiresIfExists || []);
+    o.forEach(function(s) {
+      if (!n.has(s)) {
+        var c = t.get(s);
+        c && u(c);
+      }
+    }), a.push(r);
+  }
+  return e.forEach(function(r) {
+    n.has(r.name) || u(r);
+  }), a;
+}
+function v(e) {
+  var t = i(e);
+  return f.reduce(function(n, a) {
+    return n.concat(t.filter(function(u) {
+      return u.phase === a;
+    }));
+  }, []);
 }
 export {
-  c as warnOnce
+  v as default
 };
 //# sourceMappingURL=visualization.es294.js.map

package/dist/visualization.es294.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es294.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.es294.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/orderModifiers.js"],"sourcesContent":["import { modifierPhases } from \"../enums.js\"; // source: https://stackoverflow.com/questions/49875255\n\nfunction order(modifiers) {\n  var map = new Map();\n  var visited = new Set();\n  var result = [];\n  modifiers.forEach(function (modifier) {\n    map.set(modifier.name, modifier);\n  }); // On visiting object, check for its dependencies and visit them recursively\n\n  function sort(modifier) {\n    visited.add(modifier.name);\n    var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);\n    requires.forEach(function (dep) {\n      if (!visited.has(dep)) {\n        var depModifier = map.get(dep);\n\n        if (depModifier) {\n          sort(depModifier);\n        }\n      }\n    });\n    result.push(modifier);\n  }\n\n  modifiers.forEach(function (modifier) {\n    if (!visited.has(modifier.name)) {\n      // check for visited object\n      sort(modifier);\n    }\n  });\n  return result;\n}\n\nexport default function orderModifiers(modifiers) {\n  // order based on dependencies\n  var orderedModifiers = order(modifiers); // order based on phase\n\n  return modifierPhases.reduce(function (acc, phase) {\n    return acc.concat(orderedModifiers.filter(function (modifier) {\n      return modifier.phase === phase;\n    }));\n  }, []);\n}"],"names":["order","modifiers","map","visited","result","modifier","sort","requires","dep","depModifier","orderModifiers","orderedModifiers","modifierPhases","acc","phase"],"mappings":";AAEA,SAASA,EAAMC,GAAW;AACxB,MAAIC,IAAM,oBAAI,IAAG,GACbC,IAAU,oBAAI,IAAG,GACjBC,IAAS,CAAA;AACb,EAAAH,EAAU,QAAQ,SAAUI,GAAU;AACpC,IAAAH,EAAI,IAAIG,EAAS,MAAMA,CAAQ;AAAA,EACjC,CAAC;AAED,WAASC,EAAKD,GAAU;AACtB,IAAAF,EAAQ,IAAIE,EAAS,IAAI;AACzB,QAAIE,IAAW,GAAG,OAAOF,EAAS,YAAY,IAAIA,EAAS,oBAAoB,EAAE;AACjF,IAAAE,EAAS,QAAQ,SAAUC,GAAK;AAC9B,UAAI,CAACL,EAAQ,IAAIK,CAAG,GAAG;AACrB,YAAIC,IAAcP,EAAI,IAAIM,CAAG;AAE7B,QAAIC,KACFH,EAAKG,CAAW;AAAA,MAEpB;AAAA,IACF,CAAC,GACDL,EAAO,KAAKC,CAAQ;AAAA,EACtB;AAEA,SAAAJ,EAAU,QAAQ,SAAUI,GAAU;AACpC,IAAKF,EAAQ,IAAIE,EAAS,IAAI,KAE5BC,EAAKD,CAAQ;AAAA,EAEjB,CAAC,GACMD;AACT;AAEe,SAASM,EAAeT,GAAW;AAEhD,MAAIU,IAAmBX,EAAMC,CAAS;AAEtC,SAAOW,EAAe,OAAO,SAAUC,GAAKC,GAAO;AACjD,WAAOD,EAAI,OAAOF,EAAiB,OAAO,SAAUN,GAAU;AAC5D,aAAOA,EAAS,UAAUS;AAAA,IAC5B,CAAC,CAAC;AAAA,EACJ,GAAG,CAAA,CAAE;AACP;","x_google_ignoreList":[0]}

package/dist/visualization.es295.js

@@ -1,25 +1,14 @@
-import { lowercaseSVGElements as r } from "./visualization.es547.js";
-function s(e) {
-  return (
-    /**
-     * If it's not a string, it's a custom React component. Currently we only support
-     * HTML custom React components.
-     */
-    typeof e != "string" || /**
-     * If it contains a dash, the element is a custom HTML webcomponent.
-     */
-    e.includes("-") ? !1 : (
-      /**
-       * If it's in our list of lowercase SVG tags, it's an SVG component
-       */
-      !!(r.indexOf(e) > -1 || /**
-       * If it contains a capital letter, it's an SVG component
-       */
-      /[A-Z]/u.test(e))
-    )
-  );
+function o(e) {
+  var n;
+  return function() {
+    return n || (n = new Promise(function(i) {
+      Promise.resolve().then(function() {
+        n = void 0, i(e());
+      });
+    })), n;
+  };
 }
 export {
-  s as isSVGComponent
+  o as default
 };
 //# sourceMappingURL=visualization.es295.js.map

package/dist/visualization.es295.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es295.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/dom/utils/is-svg-component.mjs"],"sourcesContent":["import { lowercaseSVGElements } from '../../svg/lowercase-elements.mjs';\n\nfunction isSVGComponent(Component) {\n    if (\n    /**\n     * If it's not a string, it's a custom React component. Currently we only support\n     * HTML custom React components.\n     */\n    typeof Component !== \"string\" ||\n        /**\n         * If it contains a dash, the element is a custom HTML webcomponent.\n         */\n        Component.includes(\"-\")) {\n        return false;\n    }\n    else if (\n    /**\n     * If it's in our list of lowercase SVG tags, it's an SVG component\n     */\n    lowercaseSVGElements.indexOf(Component) > -1 ||\n        /**\n         * If it contains a capital letter, it's an SVG component\n         */\n        /[A-Z]/u.test(Component)) {\n        return true;\n    }\n    return false;\n}\n\nexport { isSVGComponent };\n//# sourceMappingURL=is-svg-component.mjs.map\n"],"names":["isSVGComponent","Component","lowercaseSVGElements"],"mappings":";AAEA,SAASA,EAAeC,GAAW;AAC/B;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAOA,KAAc;AAAA;AAAA;AAAA,IAIjBA,EAAU,SAAS,GAAG,IACf;AAAA;AAAA;AAAA;AAAA,MAMX,GAAAC,EAAqB,QAAQD,CAAS,IAAI;AAAA;AAAA;AAAA,MAItC,SAAS,KAAKA,CAAS;AAAA;AAAA;AAI/B;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es295.js","sources":["../../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/lib/utils/debounce.js"],"sourcesContent":["export default function debounce(fn) {\n  var pending;\n  return function () {\n    if (!pending) {\n      pending = new Promise(function (resolve) {\n        Promise.resolve().then(function () {\n          pending = undefined;\n          resolve(fn());\n        });\n      });\n    }\n\n    return pending;\n  };\n}"],"names":["debounce","fn","pending","resolve"],"mappings":"AAAe,SAASA,EAASC,GAAI;AACnC,MAAIC;AACJ,SAAO,WAAY;AACjB,WAAKA,MACHA,IAAU,IAAI,QAAQ,SAAUC,GAAS;AACvC,cAAQ,UAAU,KAAK,WAAY;AACjC,QAAAD,IAAU,QACVC,EAAQF,EAAE,CAAE;AAAA,MACd,CAAC;AAAA,IACH,CAAC,IAGIC;AAAA,EACT;AACF;","x_google_ignoreList":[0]}