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

package/dist/visualization.es309.js

@@ -1,39 +1,264 @@
-import { time as p } from "./visualization.es305.js";
-import { setStyle as c } from "./visualization.es328.js";
-import { JSAnimation as f } from "./visualization.es306.js";
-import { NativeAnimation as u } from "./visualization.es327.js";
-import { replaceTransitionType as d } from "./visualization.es322.js";
-import { replaceStringEasing as h } from "./visualization.es332.js";
-import { clamp as T } from "./visualization.es326.js";
-const o = 10;
-class N extends u {
-  constructor(t) {
-    h(t), d(t), super(t), t.startTime !== void 0 && t.autoplay !== !1 && (this.startTime = t.startTime), this.options = t;
-  }
-  /**
-   * WAAPI doesn't natively have any interruption capabilities.
+import { KeyframeResolver as M } from "./visualization.es325.js";
+import { NativeAnimation as S } from "./visualization.es344.js";
+import { acceleratedValues as b } from "./visualization.es393.js";
+import { microtask as T } from "./visualization.es399.js";
+import { time as w } from "./visualization.es322.js";
+import { createBox as P } from "./visualization.es459.js";
+import { motionValue as F } from "./visualization.es432.js";
+import { complex as A } from "./visualization.es427.js";
+import { getAnimatableNone as B } from "./visualization.es449.js";
+import { findValueType as R } from "./visualization.es450.js";
+import { isMotionValue as u } from "./visualization.es179.js";
+import { visualElementStore as N } from "./visualization.es458.js";
+import { isControllingVariants as E, isVariantNode as x } from "./visualization.es174.js";
+import { transformProps as j } from "./visualization.es355.js";
+import { updateMotionValuesFromProps as y } from "./visualization.es465.js";
+import { initPrefersReducedMotion as I } from "./visualization.es466.js";
+import { resolveVariantFromProps as D } from "./visualization.es176.js";
+import { hasReducedMotionListener as L, prefersReducedMotion as U } from "./visualization.es467.js";
+import { frame as v, cancelFrame as g } from "./visualization.es360.js";
+import { warnOnce as O } from "./visualization.es311.js";
+import { secondsToMilliseconds as _ } from "./visualization.es342.js";
+import { isNumericalString as H } from "./visualization.es353.js";
+import { isZeroValueString as K } from "./visualization.es468.js";
+import { SubscriptionManager as Y } from "./visualization.es433.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.
    *
-   * Rather than read committed styles back out of the DOM, we can
-   * create a renderless JS animation and sample it twice to calculate
-   * its current value, "previous" value, and therefore allow
-   * Motion to calculate velocity for any subsequent animation.
-   */
-  updateMotionValue(t) {
-    const { motionValue: e, onUpdate: y, onComplete: A, element: m, ...l } = this.options;
-    if (!e)
-      return;
-    if (t !== void 0) {
-      e.set(t);
+   * 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 = new f({
-      ...l,
-      autoplay: !1
-    }), a = Math.max(o, p.now() - this.startTime), n = T(0, o, a - o), r = i.sample(a).value, { name: s } = this.options;
-    m && s && c(m, s, r), e.setWithVelocity(i.sample(Math.max(0, a - n)).value, r, n), i.stop();
+    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 {
-  N as NativeAnimationExtended
+  Vt as VisualElement,
+  mt as getFeatureDefinitions,
+  ft as setFeatureDefinitions
 };
 //# sourceMappingURL=visualization.es309.js.map

package/dist/visualization.es309.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es309.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/NativeAnimationExtended.mjs"],"sourcesContent":["import { clamp } from 'motion-utils';\nimport { time } from '../frameloop/sync-time.mjs';\nimport { setStyle } from '../render/dom/style-set.mjs';\nimport { JSAnimation } from './JSAnimation.mjs';\nimport { NativeAnimation } from './NativeAnimation.mjs';\nimport { replaceTransitionType } from './utils/replace-transition-type.mjs';\nimport { replaceStringEasing } from './waapi/utils/unsupported-easing.mjs';\n\n/**\n * 10ms is chosen here as it strikes a balance between smooth\n * results (more than one keyframe per frame at 60fps) and\n * keyframe quantity.\n */\nconst sampleDelta = 10; //ms\nclass NativeAnimationExtended extends NativeAnimation {\n    constructor(options) {\n        /**\n         * The base NativeAnimation function only supports a subset\n         * of Motion easings, and WAAPI also only supports some\n         * easing functions via string/cubic-bezier definitions.\n         *\n         * This function replaces those unsupported easing functions\n         * with a JS easing function. This will later get compiled\n         * to a linear() easing function.\n         */\n        replaceStringEasing(options);\n        /**\n         * Ensure we replace the transition type with a generator function\n         * before passing to WAAPI.\n         *\n         * TODO: Does this have a better home? It could be shared with\n         * JSAnimation.\n         */\n        replaceTransitionType(options);\n        super(options);\n        /**\n         * Only set startTime when the animation should autoplay.\n         * Setting startTime on a paused WAAPI animation unpauses it\n         * (per the WAAPI spec), which breaks autoplay: false.\n         */\n        if (options.startTime !== undefined && options.autoplay !== false) {\n            this.startTime = options.startTime;\n        }\n        this.options = options;\n    }\n    /**\n     * WAAPI doesn't natively have any interruption capabilities.\n     *\n     * Rather than read committed styles back out of the DOM, we can\n     * create a renderless JS animation and sample it twice to calculate\n     * its current value, \"previous\" value, and therefore allow\n     * Motion to calculate velocity for any subsequent animation.\n     */\n    updateMotionValue(value) {\n        const { motionValue, onUpdate, onComplete, element, ...options } = this.options;\n        if (!motionValue)\n            return;\n        if (value !== undefined) {\n            motionValue.set(value);\n            return;\n        }\n        const sampleAnimation = new JSAnimation({\n            ...options,\n            autoplay: false,\n        });\n        /**\n         * Use wall-clock elapsed time for sampling.\n         * Under CPU load, WAAPI's currentTime may not reflect actual\n         * elapsed time, causing incorrect sampling and visual jumps.\n         */\n        const sampleTime = Math.max(sampleDelta, time.now() - this.startTime);\n        const delta = clamp(0, sampleDelta, sampleTime - sampleDelta);\n        const current = sampleAnimation.sample(sampleTime).value;\n        /**\n         * Write the estimated value to inline style so it persists\n         * after cancel(), covering the async gap before the next\n         * animation starts.\n         */\n        const { name } = this.options;\n        if (element && name)\n            setStyle(element, name, current);\n        motionValue.setWithVelocity(sampleAnimation.sample(Math.max(0, sampleTime - delta)).value, current, delta);\n        sampleAnimation.stop();\n    }\n}\n\nexport { NativeAnimationExtended };\n//# sourceMappingURL=NativeAnimationExtended.mjs.map\n"],"names":["sampleDelta","NativeAnimationExtended","NativeAnimation","options","replaceStringEasing","replaceTransitionType","value","motionValue","onUpdate","onComplete","element","sampleAnimation","JSAnimation","sampleTime","time","delta","clamp","current","name","setStyle"],"mappings":";;;;;;;AAaA,MAAMA,IAAc;AACpB,MAAMC,UAAgCC,EAAgB;AAAA,EAClD,YAAYC,GAAS;AAUjB,IAAAC,EAAoBD,CAAO,GAQ3BE,EAAsBF,CAAO,GAC7B,MAAMA,CAAO,GAMTA,EAAQ,cAAc,UAAaA,EAAQ,aAAa,OACxD,KAAK,YAAYA,EAAQ,YAE7B,KAAK,UAAUA;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,kBAAkBG,GAAO;AACrB,UAAM,EAAE,aAAAC,GAAa,UAAAC,GAAU,YAAAC,GAAY,SAAAC,GAAS,GAAGP,EAAO,IAAK,KAAK;AACxE,QAAI,CAACI;AACD;AACJ,QAAID,MAAU,QAAW;AACrB,MAAAC,EAAY,IAAID,CAAK;AACrB;AAAA,IACJ;AACA,UAAMK,IAAkB,IAAIC,EAAY;AAAA,MACpC,GAAGT;AAAA,MACH,UAAU;AAAA,IACtB,CAAS,GAMKU,IAAa,KAAK,IAAIb,GAAac,EAAK,IAAG,IAAK,KAAK,SAAS,GAC9DC,IAAQC,EAAM,GAAGhB,GAAaa,IAAab,CAAW,GACtDiB,IAAUN,EAAgB,OAAOE,CAAU,EAAE,OAM7C,EAAE,MAAAK,MAAS,KAAK;AACtB,IAAIR,KAAWQ,KACXC,EAAST,GAASQ,GAAMD,CAAO,GACnCV,EAAY,gBAAgBI,EAAgB,OAAO,KAAK,IAAI,GAAGE,IAAaE,CAAK,CAAC,EAAE,OAAOE,GAASF,CAAK,GACzGJ,EAAgB,KAAI;AAAA,EACxB;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es309.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":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAMA,IAAoB;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAIA,IAAIC,IAAqB,CAAA;AAKzB,SAASC,GAAsBC,GAAa;AACxC,EAAAF,IAAqBE;AACzB;AAIA,SAASC,KAAwB;AAC7B,SAAOH;AACX;AAKA,MAAMI,GAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQhB,4BAA4BC,GAAQC,GAAYC,GAAgB;AAC5D,WAAO,CAAA;AAAA,EACX;AAAA,EACA,YAAY,EAAE,QAAAC,GAAQ,OAAAC,GAAO,iBAAAC,GAAiB,qBAAAC,GAAqB,gBAAAC,GAAgB,uBAAAC,GAAuB,aAAAC,KAAgBC,IAAU,CAAA,GAAI;AAKpI,SAAK,UAAU,MAIf,KAAK,WAAW,oBAAI,IAAG,GAIvB,KAAK,gBAAgB,IACrB,KAAK,wBAAwB,IAQ7B,KAAK,qBAAqB,MAK1B,KAAK,uBAAuB,IAM5B,KAAK,SAAS,oBAAI,IAAG,GACrB,KAAK,mBAAmBC,GAIxB,KAAK,WAAW,CAAA,GAKhB,KAAK,qBAAqB,oBAAI,IAAG,GAMjC,KAAK,mBAAmB,CAAA,GAKxB,KAAK,iBAAiB,IAItB,KAAK,SAAS,CAAA,GAMd,KAAK,yBAAyB,CAAA,GAC9B,KAAK,eAAe,MAAM,KAAK,OAAO,UAAU,KAAK,YAAY,GACjE,KAAK,SAAS,MAAM;AAChB,MAAK,KAAK,YAEV,KAAK,aAAY,GACjB,KAAK,eAAe,KAAK,SAAS,KAAK,aAAa,KAAK,MAAM,OAAO,KAAK,UAAU;AAAA,IACzF,GACA,KAAK,oBAAoB,GACzB,KAAK,iBAAiB,MAAM;AACxB,YAAMC,IAAMC,EAAK,IAAG;AACpB,MAAI,KAAK,oBAAoBD,MACzB,KAAK,oBAAoBA,GACzBE,EAAM,OAAO,KAAK,QAAQ,IAAO,EAAI;AAAA,IAE7C;AACA,UAAM,EAAE,cAAAC,GAAc,aAAAC,EAAW,IAAKP;AACtC,SAAK,eAAeM,GACpB,KAAK,aAAa,EAAE,GAAGA,EAAY,GACnC,KAAK,gBAAgBX,EAAM,UAAU,EAAE,GAAGW,EAAY,IAAK,CAAA,GAC3D,KAAK,cAAcC,GACnB,KAAK,SAASb,GACd,KAAK,QAAQC,GACb,KAAK,kBAAkBC,GACvB,KAAK,QAAQF,IAASA,EAAO,QAAQ,IAAI,GACzC,KAAK,sBAAsBG,GAC3B,KAAK,uBAAuBC,GAC5B,KAAK,UAAUG,GACf,KAAK,wBAAwB,EAAQF,GACrC,KAAK,wBAAwBS,EAAsBb,CAAK,GACxD,KAAK,gBAAgBc,EAAcd,CAAK,GACpC,KAAK,kBACL,KAAK,kBAAkB,oBAAI,IAAG,IAElC,KAAK,yBAAyB,GAAQD,KAAUA,EAAO;AAWvD,UAAM,EAAE,YAAAgB,GAAY,GAAGC,EAAmB,IAAK,KAAK,4BAA4BhB,GAAO,CAAA,GAAI,IAAI;AAC/F,eAAWiB,KAAOD,GAAqB;AACnC,YAAME,IAAQF,EAAoBC,CAAG;AACrC,MAAIN,EAAaM,CAAG,MAAM,UAAaE,EAAcD,CAAK,KACtDA,EAAM,IAAIP,EAAaM,CAAG,CAAC;AAAA,IAEnC;AAAA,EACJ;AAAA,EACA,MAAMG,GAAU;AAMZ,QAAI,KAAK;AACL,iBAAWH,KAAO,KAAK;AACnB,aAAK,OAAO,IAAIA,CAAG,GAAG,KAAK,KAAK,cAAcA,CAAG,CAAC,GAClD,KAAK,aAAaA,CAAG,IAAI,KAAK,cAAcA,CAAG;AAGvD,SAAK,UAAUG,GACfC,EAAmB,IAAID,GAAU,IAAI,GACjC,KAAK,cAAc,CAAC,KAAK,WAAW,YACpC,KAAK,WAAW,MAAMA,CAAQ,GAE9B,KAAK,UAAU,KAAK,iBAAiB,CAAC,KAAK,0BAC3C,KAAK,wBAAwB,KAAK,OAAO,gBAAgB,IAAI,IAEjE,KAAK,OAAO,QAAQ,CAACF,GAAOD,MAAQ,KAAK,kBAAkBA,GAAKC,CAAK,CAAC,GAMlE,KAAK,wBAAwB,UAC7B,KAAK,qBAAqB,KAErB,KAAK,wBAAwB,WAClC,KAAK,qBAAqB,MAGrBI,EAAyB,WAC1BC,EAAwB,GAE5B,KAAK,qBAAqBC,EAAqB,UAE/C,QAAQ,IAAI,aAAa,gBACzBC,EAAS,KAAK,uBAAuB,IAAM,0FAA0F,yBAAyB,GAKlK,KAAK,uBAAuB,KAAK,wBAAwB,IACzD,KAAK,QAAQ,SAAS,IAAI,GAC1B,KAAK,OAAO,KAAK,OAAO,KAAK,eAAe,GAC5C,KAAK,iBAAiB;AAAA,EAC1B;AAAA,EACA,UAAU;AACN,SAAK,cAAc,KAAK,WAAW,QAAO,GAC1CC,EAAY,KAAK,YAAY,GAC7BA,EAAY,KAAK,MAAM,GACvB,KAAK,mBAAmB,QAAQ,CAACC,MAAWA,EAAM,CAAE,GACpD,KAAK,mBAAmB,MAAK,GAC7B,KAAK,yBAAyB,KAAK,sBAAqB,GACxD,KAAK,QAAQ,YAAY,IAAI;AAC7B,eAAWV,KAAO,KAAK;AACnB,WAAK,OAAOA,CAAG,EAAE,MAAK;AAE1B,eAAWA,KAAO,KAAK,UAAU;AAC7B,YAAMW,IAAU,KAAK,SAASX,CAAG;AACjC,MAAIW,MACAA,EAAQ,QAAO,GACfA,EAAQ,YAAY;AAAA,IAE5B;AACA,SAAK,UAAU;AAAA,EACnB;AAAA,EACA,SAASC,GAAO;AACZ,SAAK,SAAS,IAAIA,CAAK,GACvB,KAAK,qBAAqB,KAAK,mBAAmB,oBAAI,IAAG,IACzD,KAAK,iBAAiB,IAAIA,CAAK;AAAA,EACnC;AAAA,EACA,YAAYA,GAAO;AACf,SAAK,SAAS,OAAOA,CAAK,GAC1B,KAAK,oBAAoB,KAAK,iBAAiB,OAAOA,CAAK;AAAA,EAC/D;AAAA,EACA,kBAAkBZ,GAAKC,GAAO;AAI1B,QAHI,KAAK,mBAAmB,IAAID,CAAG,KAC/B,KAAK,mBAAmB,IAAIA,CAAG,EAAC,GAEhCC,EAAM,cACNY,EAAkB,IAAIb,CAAG,KACzB,KAAK,mBAAmB,aAAa;AACrC,YAAM,EAAE,SAAAc,GAAS,WAAAC,GAAW,OAAAC,GAAO,MAAAC,GAAM,UAAAC,EAAQ,IAAKjB,EAAM,YACtDkB,IAAY,IAAIC,EAAgB;AAAA,QAClC,SAAS,KAAK;AAAA,QACd,MAAMpB;AAAA,QACN,WAAAe;AAAA,QACA,OAAAC;AAAA,QACA,MAAAC;AAAA,QACA,UAAUI,EAAsBH,CAAQ;AAAA,MACxD,CAAa,GACKI,IAAUR,EAAQK,CAAS;AACjC,WAAK,mBAAmB,IAAInB,GAAK,MAAM;AACnC,QAAAsB,EAAO,GACPH,EAAU,OAAM;AAAA,MACpB,CAAC;AACD;AAAA,IACJ;AACA,UAAMI,IAAmBC,EAAe,IAAIxB,CAAG;AAC/C,IAAIuB,KAAoB,KAAK,mBACzB,KAAK,gBAAe;AAExB,UAAME,IAAiBxB,EAAM,GAAG,UAAU,CAACyB,MAAgB;AACvD,WAAK,aAAa1B,CAAG,IAAI0B,GACzB,KAAK,MAAM,YAAYjC,EAAM,UAAU,KAAK,YAAY,GACpD8B,KAAoB,KAAK,eACzB,KAAK,WAAW,mBAAmB,KAEvC,KAAK,eAAc;AAAA,IACvB,CAAC;AACD,QAAII;AACJ,IAAI,OAAO,SAAW,OAClB,OAAO,0BACPA,IAAkB,OAAO,sBAAsB,MAAM3B,GAAKC,CAAK,IAEnE,KAAK,mBAAmB,IAAID,GAAK,MAAM;AACnC,MAAAyB,EAAc,GACVE,KACAA,EAAe,GACf1B,EAAM,SACNA,EAAM,KAAI;AAAA,IAClB,CAAC;AAAA,EACL;AAAA,EACA,iBAAiB2B,GAAO;AAIpB,WAAI,CAAC,KAAK,WACN,CAAC,KAAK,4BACN,KAAK,SAASA,EAAM,OACb,IAEJ,KAAK,yBAAyB,KAAK,SAASA,EAAM,OAAO;AAAA,EACpE;AAAA,EACA,iBAAiB;AACb,QAAI5B,IAAM;AACV,SAAKA,KAAO1B,GAAoB;AAC5B,YAAMuD,IAAoBvD,EAAmB0B,CAAG;AAChD,UAAI,CAAC6B;AACD;AACJ,YAAM,EAAE,WAAAC,GAAW,SAASC,EAAkB,IAAKF;AAYnD,UARI,CAAC,KAAK,SAAS7B,CAAG,KAClB+B,KACAD,EAAU,KAAK,KAAK,MACpB,KAAK,SAAS9B,CAAG,IAAI,IAAI+B,EAAmB,IAAI,IAKhD,KAAK,SAAS/B,CAAG,GAAG;AACpB,cAAMW,IAAU,KAAK,SAASX,CAAG;AACjC,QAAIW,EAAQ,YACRA,EAAQ,OAAM,KAGdA,EAAQ,MAAK,GACbA,EAAQ,YAAY;AAAA,MAE5B;AAAA,IACJ;AAAA,EACJ;AAAA,EACA,eAAe;AACX,SAAK,MAAM,KAAK,aAAa,KAAK,cAAc,KAAK,KAAK;AAAA,EAC9D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,qBAAqB;AACjB,WAAO,KAAK,UACN,KAAK,2BAA2B,KAAK,SAAS,KAAK,KAAK,IACxDqB,EAAS;AAAA,EACnB;AAAA,EACA,eAAehC,GAAK;AAChB,WAAO,KAAK,aAAaA,CAAG;AAAA,EAChC;AAAA,EACA,eAAeA,GAAKC,GAAO;AACvB,SAAK,aAAaD,CAAG,IAAIC;AAAA,EAC7B;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,OAAOlB,GAAOC,GAAiB;AAC3B,KAAID,EAAM,qBAAqB,KAAK,MAAM,sBACtC,KAAK,eAAc,GAEvB,KAAK,YAAY,KAAK,OACtB,KAAK,QAAQA,GACb,KAAK,sBAAsB,KAAK,iBAChC,KAAK,kBAAkBC;AAIvB,aAAS,IAAI,GAAG,IAAIX,EAAkB,QAAQ,KAAK;AAC/C,YAAM2B,IAAM3B,EAAkB,CAAC;AAC/B,MAAI,KAAK,uBAAuB2B,CAAG,MAC/B,KAAK,uBAAuBA,CAAG,EAAC,GAChC,OAAO,KAAK,uBAAuBA,CAAG;AAE1C,YAAMiC,IAAgB,OAAOjC,GACvBkC,IAAWnD,EAAMkD,CAAY;AACnC,MAAIC,MACA,KAAK,uBAAuBlC,CAAG,IAAI,KAAK,GAAGA,GAAKkC,CAAQ;AAAA,IAEhE;AACA,SAAK,mBAAmBC,EAA4B,MAAM,KAAK,4BAA4BpD,GAAO,KAAK,aAAa,CAAA,GAAI,IAAI,GAAG,KAAK,gBAAgB,GAChJ,KAAK,0BACL,KAAK,uBAAsB;AAAA,EAEnC;AAAA,EACA,WAAW;AACP,WAAO,KAAK;AAAA,EAChB;AAAA;AAAA;AAAA;AAAA,EAIA,WAAWqD,GAAM;AACb,WAAO,KAAK,MAAM,WAAW,KAAK,MAAM,SAASA,CAAI,IAAI;AAAA,EAC7D;AAAA;AAAA;AAAA;AAAA,EAIA,uBAAuB;AACnB,WAAO,KAAK,MAAM;AAAA,EACtB;AAAA,EACA,wBAAwB;AACpB,WAAO,KAAK,MAAM;AAAA,EACtB;AAAA,EACA,wBAAwB;AACpB,WAAO,KAAK,gBACN,OACA,KAAK,SACD,KAAK,OAAO,sBAAqB,IACjC;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAgBxB,GAAO;AACnB,UAAMyB,IAAqB,KAAK,sBAAqB;AACrD,QAAIA;AACA,aAAAA,EAAmB,mBACfA,EAAmB,gBAAgB,IAAIzB,CAAK,GACzC,MAAMyB,EAAmB,gBAAgB,OAAOzB,CAAK;AAAA,EAEpE;AAAA;AAAA;AAAA;AAAA,EAIA,SAASZ,GAAKC,GAAO;AAEjB,UAAMqC,IAAgB,KAAK,OAAO,IAAItC,CAAG;AACzC,IAAIC,MAAUqC,MACNA,KACA,KAAK,YAAYtC,CAAG,GACxB,KAAK,kBAAkBA,GAAKC,CAAK,GACjC,KAAK,OAAO,IAAID,GAAKC,CAAK,GAC1B,KAAK,aAAaD,CAAG,IAAIC,EAAM,IAAG;AAAA,EAE1C;AAAA;AAAA;AAAA;AAAA,EAIA,YAAYD,GAAK;AACb,SAAK,OAAO,OAAOA,CAAG;AACtB,UAAMuC,IAAc,KAAK,mBAAmB,IAAIvC,CAAG;AACnD,IAAIuC,MACAA,EAAW,GACX,KAAK,mBAAmB,OAAOvC,CAAG,IAEtC,OAAO,KAAK,aAAaA,CAAG,GAC5B,KAAK,2BAA2BA,GAAK,KAAK,WAAW;AAAA,EACzD;AAAA;AAAA;AAAA;AAAA,EAIA,SAASA,GAAK;AACV,WAAO,KAAK,OAAO,IAAIA,CAAG;AAAA,EAC9B;AAAA,EACA,SAASA,GAAKwC,GAAc;AACxB,QAAI,KAAK,MAAM,UAAU,KAAK,MAAM,OAAOxC,CAAG;AAC1C,aAAO,KAAK,MAAM,OAAOA,CAAG;AAEhC,QAAIC,IAAQ,KAAK,OAAO,IAAID,CAAG;AAC/B,WAAIC,MAAU,UAAauC,MAAiB,WACxCvC,IAAQwC,EAAYD,MAAiB,OAAO,SAAYA,GAAc,EAAE,OAAO,MAAM,GACrF,KAAK,SAASxC,GAAKC,CAAK,IAErBA;AAAA,EACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,UAAUD,GAAK0C,GAAQ;AACnB,QAAIzC,IAAQ,KAAK,aAAaD,CAAG,MAAM,UAAa,CAAC,KAAK,UACpD,KAAK,aAAaA,CAAG,IACrB,KAAK,uBAAuB,KAAK,OAAOA,CAAG,KACzC,KAAK,sBAAsB,KAAK,SAASA,GAAK,KAAK,OAAO;AAClE,WAA2BC,KAAU,SAC7B,OAAOA,KAAU,aAChB0C,EAAkB1C,CAAK,KAAK2C,EAAkB3C,CAAK,KAEpDA,IAAQ,WAAWA,CAAK,IAEnB,CAAC4C,EAAc5C,CAAK,KAAK6C,EAAQ,KAAKJ,CAAM,MACjDzC,IAAQ8C,EAAkB/C,GAAK0C,CAAM,IAEzC,KAAK,cAAc1C,GAAKE,EAAcD,CAAK,IAAIA,EAAM,IAAG,IAAKA,CAAK,IAE/DC,EAAcD,CAAK,IAAIA,EAAM,IAAG,IAAKA;AAAA,EAChD;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,cAAcD,GAAKC,GAAO;AACtB,SAAK,WAAWD,CAAG,IAAIC;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,cAAcD,GAAK;AACf,UAAM,EAAE,SAAAgD,MAAY,KAAK;AACzB,QAAIC;AACJ,QAAI,OAAOD,KAAY,YAAY,OAAOA,KAAY,UAAU;AAC5D,YAAME,IAAUC,EAAwB,KAAK,OAAOH,GAAS,KAAK,iBAAiB,MAAM;AACzF,MAAIE,MACAD,IAAmBC,EAAQlD,CAAG;AAAA,IAEtC;AAIA,QAAIgD,KAAWC,MAAqB;AAChC,aAAOA;AAMX,UAAMP,IAAS,KAAK,uBAAuB,KAAK,OAAO1C,CAAG;AAC1D,WAAI0C,MAAW,UAAa,CAACxC,EAAcwC,CAAM,IACtCA,IAKJ,KAAK,cAAc1C,CAAG,MAAM,UAC/BiD,MAAqB,SACnB,SACA,KAAK,WAAWjD,CAAG;AAAA,EAC7B;AAAA,EACA,GAAGoD,GAAWC,GAAU;AACpB,WAAK,KAAK,OAAOD,CAAS,MACtB,KAAK,OAAOA,CAAS,IAAI,IAAIE,EAAmB,IAE7C,KAAK,OAAOF,CAAS,EAAE,IAAIC,CAAQ;AAAA,EAC9C;AAAA,EACA,OAAOD,MAAcG,GAAM;AACvB,IAAI,KAAK,OAAOH,CAAS,KACrB,KAAK,OAAOA,CAAS,EAAE,OAAO,GAAGG,CAAI;AAAA,EAE7C;AAAA,EACA,0BAA0B;AACtB,IAAAC,EAAU,OAAO,KAAK,MAAM;AAAA,EAChC;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es31.js

@@ -1,47 +1,58 @@
-import { forwardRef as m } from "react";
-import u from "./visualization.es144.js";
-import { jsx as c } from "react/jsx-runtime";
-const x = {
-  position: "absolute",
-  backgroundColor: "white",
-  color: "#666666",
-  padding: "0.3rem 0.5rem",
-  borderRadius: "3px",
-  fontSize: "14px",
-  boxShadow: "0 1px 2px rgba(33,33,33,0.2)",
-  lineHeight: "1em",
-  pointerEvents: "none"
-}, y = /* @__PURE__ */ m((s, r) => {
-  let {
-    className: i,
-    top: o,
-    left: e,
-    offsetLeft: t = 10,
-    offsetTop: l = 10,
-    style: p = x,
-    children: n,
-    unstyled: a = !1,
-    applyPositionStyle: f = !1,
-    ...d
-  } = s;
-  return /* @__PURE__ */ c("div", {
-    ref: r,
-    className: u("visx-tooltip", i),
-    style: {
-      top: o == null || l == null ? o : o + l,
-      left: e == null || t == null ? e : e + t,
-      ...f && {
-        position: "absolute"
-      },
-      ...!a && p
-    },
-    ...d,
-    children: n
-  });
-});
-y.displayName = "Tooltip";
+import { jsx as l, jsxs as $, Fragment as T } from "react/jsx-runtime";
+import { c as _ } from "react/compiler-runtime";
+import { useRef as v } from "react";
+import { getTextHeight as H } from "./visualization.es2.js";
+const G = (g) => {
+  const t = _(33), {
+    label: p,
+    getlollipopRadius: s,
+    height: e,
+    width: n,
+    legendValues: x,
+    spaceForCategory: W,
+    axisCenter: R,
+    loading: u
+  } = g, C = v(null), r = H(p, 12, "Times");
+  let a, c, d, f, i, h, o;
+  if (t[0] !== R || t[1] !== s || t[2] !== e || t[3] !== p || t[4] !== r || t[5] !== x || t[6] !== u || t[7] !== W || t[8] !== n) {
+    let k;
+    t[16] !== s ? (k = (y) => s(y) * 2 + 12, t[16] = s, t[17] = k) : k = t[17];
+    const S = x.map(k), F = S.reduce(I, 0) + 30 * (x.length - 1), j = r + 20 + F, w = u ? 0.3 : 1;
+    t[18] !== w ? (o = {
+      marginBottom: 10,
+      opacity: w
+    }, t[18] = w, t[19] = o) : o = t[19], a = e + 4, c = n + r + 4, d = "legend", f = `translate(${W / 1.2 + R - n / 2}, 0)`;
+    const z = n + r;
+    t[20] !== e || t[21] !== z ? (i = /* @__PURE__ */ l("rect", { height: e, width: z, stroke: "black", fill: "none", transform: "translate(2, 2)" }), t[20] = e, t[21] = z, t[22] = i) : i = t[22], h = u ? /* @__PURE__ */ l("text", { x: (n + r) / 2, y: e / 2, textAnchor: "middle", dominantBaseline: "middle", fontSize: 12, fill: "black", children: "Loading..." }) : /* @__PURE__ */ $(T, { children: [
+      /* @__PURE__ */ l("g", { transform: `translate(${n / 2 - j / 2 + 2}, ${e / 2 + 2})`, children: /* @__PURE__ */ l("text", { ref: C, x: 0, y: 3, textAnchor: "start", fill: "black", fontSize: 12, children: p }) }),
+      /* @__PURE__ */ $("g", { transform: `translate(${n / 2 - j / 2 + r + 10 + 2}, ${e / 2 + 2})`, children: [
+        /* @__PURE__ */ l("line", { x1: 0, y1: -e / 2, x2: 0, y2: e / 2, stroke: "black", strokeWidth: 1 }),
+        /* @__PURE__ */ l("g", { transform: `translate(${10 + r / 2}, 0)`, children: x.map((y, A) => {
+          const B = s(y), L = S.slice(0, A).reduce(V, 0) + A * 30;
+          return /* @__PURE__ */ $("g", { transform: `translate(${L}, 0)`, children: [
+            /* @__PURE__ */ l("circle", { r: B, cx: 0, cy: 0, fill: "black" }),
+            /* @__PURE__ */ l("text", { x: B + 12, y: 3, textAnchor: "start", fill: "black", fontSize: 10, children: y })
+          ] }, `legend${A}`);
+        }) })
+      ] })
+    ] }), t[0] = R, t[1] = s, t[2] = e, t[3] = p, t[4] = r, t[5] = x, t[6] = u, t[7] = W, t[8] = n, t[9] = a, t[10] = c, t[11] = d, t[12] = f, t[13] = i, t[14] = h, t[15] = o;
+  } else
+    a = t[9], c = t[10], d = t[11], f = t[12], i = t[13], h = t[14], o = t[15];
+  let m;
+  t[23] !== a || t[24] !== c || t[25] !== d || t[26] !== f || t[27] !== i || t[28] !== h ? (m = /* @__PURE__ */ $("svg", { height: a, width: c, id: d, transform: f, children: [
+    i,
+    h
+  ] }), t[23] = a, t[24] = c, t[25] = d, t[26] = f, t[27] = i, t[28] = h, t[29] = m) : m = t[29];
+  let b;
+  return t[30] !== o || t[31] !== m ? (b = /* @__PURE__ */ l("div", { style: o, children: m }), t[30] = o, t[31] = m, t[32] = b) : b = t[32], b;
+};
+function I(g, t) {
+  return g + t;
+}
+function V(g, t) {
+  return g + t;
+}
 export {
-  y as default,
-  x as defaultStyles
+  G as default
 };
 //# sourceMappingURL=visualization.es31.js.map

package/dist/visualization.es31.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es31.js","sources":["../../../node_modules/.pnpm/@visx+tooltip@4.0.0_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@19.2.14__1992a6888b9348459183e160bdb98c40/node_modules/@visx/tooltip/esm/tooltips/Tooltip.js"],"sourcesContent":["import { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const defaultStyles = {\n  position: 'absolute',\n  backgroundColor: 'white',\n  color: '#666666',\n  padding: '0.3rem 0.5rem',\n  borderRadius: '3px',\n  fontSize: '14px',\n  boxShadow: '0 1px 2px rgba(33,33,33,0.2)',\n  lineHeight: '1em',\n  pointerEvents: 'none'\n};\nconst Tooltip = /*#__PURE__*/forwardRef((_ref, ref) => {\n  let {\n    className,\n    top,\n    left,\n    offsetLeft = 10,\n    offsetTop = 10,\n    style = defaultStyles,\n    children,\n    unstyled = false,\n    applyPositionStyle = false,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"div\", {\n    ref: ref,\n    className: cx('visx-tooltip', className),\n    style: {\n      top: top == null || offsetTop == null ? top : top + offsetTop,\n      left: left == null || offsetLeft == null ? left : left + offsetLeft,\n      ...(applyPositionStyle && {\n        position: 'absolute'\n      }),\n      ...(!unstyled && style)\n    },\n    ...restProps,\n    children: children\n  });\n});\nTooltip.displayName = 'Tooltip';\nexport default Tooltip;"],"names":["defaultStyles","Tooltip","forwardRef","_ref","ref","className","top","left","offsetLeft","offsetTop","style","children","unstyled","applyPositionStyle","restProps","_jsx","cx"],"mappings":";;;AAGY,MAACA,IAAgB;AAAA,EAC3B,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AACjB,GACMC,IAAuB,gBAAAC,EAAW,CAACC,GAAMC,MAAQ;AACrD,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQV;AAAA,IACR,UAAAW;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,oBAAAC,IAAqB;AAAA,IACrB,GAAGC;AAAA,EACP,IAAMX;AACJ,SAAoBY,gBAAAA,EAAK,OAAO;AAAA,IAC9B,KAAKX;AAAA,IACL,WAAWY,EAAG,gBAAgBX,CAAS;AAAA,IACvC,OAAO;AAAA,MACL,KAAKC,KAAO,QAAQG,KAAa,OAAOH,IAAMA,IAAMG;AAAA,MACpD,MAAMF,KAAQ,QAAQC,KAAc,OAAOD,IAAOA,IAAOC;AAAA,MACzD,GAAIK,KAAsB;AAAA,QACxB,UAAU;AAAA,MAClB;AAAA,MACM,GAAI,CAACD,KAAYF;AAAA,IACvB;AAAA,IACI,GAAGI;AAAA,IACH,UAAUH;AAAA,EACd,CAAG;AACH,CAAC;AACDV,EAAQ,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es31.js","sources":["../src/components/BarPlot/legend.tsx"],"sourcesContent":["import React, { useRef } from \"react\";\nimport { LollipopLegendProps } from \"./types\";\nimport { getTextHeight } from \"./barplot\";\n\nconst Legend: React.FC<LollipopLegendProps> = ({\n    label,\n    getlollipopRadius,\n    height,\n    width,\n    legendValues,\n    spaceForCategory,\n    axisCenter,\n    loading\n}) => {\n    const gap = 30;\n    const labelRef = useRef<SVGTextElement>(null);\n\n    const labelWidth = getTextHeight(label, 12, \"Times\")\n\n    const itemWidths = legendValues.map(v => getlollipopRadius(v) * 2 + 12);\n    const totalItemsWidth =\n        itemWidths.reduce((sum, w) => sum + w, 0) + gap * (legendValues.length - 1);\n\n    const dividerGap = 10;\n\n    const totalWidth = labelWidth + dividerGap * 2 + totalItemsWidth;\n\n    return (\n        <div style={{ marginBottom: 10, opacity: loading ? 0.3 : 1 }}>\n            <svg height={height + 4} width={width + labelWidth + 4} id=\"legend\" transform={`translate(${spaceForCategory / 1.2 + axisCenter - width / 2}, 0)`}>\n                <rect height={height} width={width + labelWidth} stroke=\"black\" fill=\"none\" transform={`translate(2, 2)`} />\n                {loading ? (\n                    <text\n                        x={(width + labelWidth) / 2}\n                        y={height / 2}\n                        textAnchor=\"middle\"\n                        dominantBaseline=\"middle\"\n                        fontSize={12}\n                        fill=\"black\"\n                    >\n                        Loading...\n                    </text>\n                ) : (\n                    <>\n                        <g transform={`translate(${(width / 2 - totalWidth / 2) + 2}, ${(height / 2) + 2})`}>\n                            <text\n                                ref={labelRef}\n                                x={0}\n                                y={3}\n                                textAnchor=\"start\"\n                                fill=\"black\"\n                                fontSize={12}\n                            >\n                                {label}\n                            </text>\n                        </g>\n                        <g transform={`translate(${(width / 2 - totalWidth / 2 + labelWidth + dividerGap) + 2}, ${(height / 2) + 2})`}>\n                            <line\n                                x1={0}\n                                y1={-height / 2}\n                                x2={0}\n                                y2={height / 2}\n                                stroke=\"black\"\n                                strokeWidth={1}\n                            />\n                            <g transform={`translate(${dividerGap + labelWidth / 2}, 0)`}>\n                                {legendValues.map((value, idx) => {\n                                    const circleR = getlollipopRadius(value);\n                                    const offsetX =\n                                        itemWidths.slice(0, idx).reduce((sum, w) => sum + w, 0) +\n                                        idx * gap;\n\n                                    return (\n                                        <g key={`legend${idx}`} transform={`translate(${offsetX}, 0)`}>\n                                            <circle r={circleR} cx={0} cy={0} fill=\"black\" />\n                                            <text\n                                                x={circleR + 12}\n                                                y={3}\n                                                textAnchor=\"start\"\n                                                fill=\"black\"\n                                                fontSize={10}\n                                            >\n                                                {value}\n                                            </text>\n                                        </g>\n                                    );\n                                })}\n                            </g>\n                        </g>\n                    </>\n                )}\n\n            </svg>\n        </div>\n    );\n};\n\nexport default Legend;\n"],"names":["Legend","t0","$","_c","label","getlollipopRadius","height","width","legendValues","spaceForCategory","axisCenter","loading","labelRef","useRef","labelWidth","getTextHeight","t1","t2","t3","t4","t5","t6","t7","t8","v","itemWidths","map","totalItemsWidth","reduce","_temp","length","totalWidth","t9","marginBottom","opacity","t10","jsx","jsxs","Fragment","value","idx","circleR","offsetX","slice","_temp2","sum","w","sum_0","w_0"],"mappings":"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"}

package/dist/visualization.es310.js

@@ -1,24 +1,63 @@
-import { isGenerator as f } from "./visualization.es361.js";
-import { isAnimatable as l } from "./visualization.es548.js";
-import { warning as g } from "./visualization.es323.js";
-function s(t) {
-  const i = t[0];
-  if (t.length === 1)
-    return !0;
-  for (let n = 0; n < t.length; n++)
-    if (t[n] !== i)
-      return !0;
+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.es183.js";
+import { LazyContext as L } from "./visualization.es306.js";
+import { MotionConfigContext as V } from "./visualization.es184.js";
+import { MotionContext as j } from "./visualization.es170.js";
+import { useCreateMotionContext as w } from "./visualization.es570.js";
+import { useRender as N } from "./visualization.es571.js";
+import { isSVGComponent as P } from "./visualization.es312.js";
+import { useHTMLVisualState as C } from "./visualization.es572.js";
+import { useSVGVisualState as b } from "./visualization.es573.js";
+import { getInitializedFeatureDefinitions as h } from "./visualization.es308.js";
+import { loadFeatures as z } from "./visualization.es307.js";
+import { motionComponentSymbol as G } from "./visualization.es513.js";
+import { useMotionRef as D } from "./visualization.es574.js";
+import { useVisualElement as R } from "./visualization.es575.js";
+import { warning as I, invariant as k } from "./visualization.es340.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 h(t, i, n, u) {
-  const r = t[0];
-  if (r === null)
-    return !1;
-  if (i === "display" || i === "visibility")
-    return !0;
-  const o = t[t.length - 1], a = l(r, i), e = l(o, i);
-  return g(a === e, `You are trying to animate ${i} from "${r}" to "${o}". "${a ? o : r}" is not an animatable value.`, "value-not-animatable"), !a || !e ? !1 : s(t) || (n === "spring" || f(n)) && u;
+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");
+  }
+}
+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 {
-  h as canAnimate
+  it as createMotionComponent
 };
 //# sourceMappingURL=visualization.es310.js.map