@burdenoff/microfe-brainyrich 2026.705.1 → 2026.706.2

package/dist/node_modules/motion-dom/dist/es/render/VisualElement.js

@@ -0,0 +1,206 @@
+import { isNumericalString as e } from "../../../../motion-utils/dist/es/is-numerical-string.js";
+import { isZeroValueString as t } from "../../../../motion-utils/dist/es/is-zero-value-string.js";
+import { SubscriptionManager as n } from "../../../../motion-utils/dist/es/subscription-manager.js";
+import { secondsToMilliseconds as r } from "../../../../motion-utils/dist/es/time-conversion.js";
+import { warnOnce as i } from "../../../../motion-utils/dist/es/warn-once.js";
+import { cancelFrame as a, frame as o } from "../frameloop/frame.js";
+import { time as s } from "../frameloop/sync-time.js";
+import { complex as c } from "../value/types/complex/index.js";
+import { transformProps as l } from "./utils/keys-transform.js";
+import { KeyframeResolver as u } from "../animation/keyframes/KeyframesResolver.js";
+import { NativeAnimation as d } from "../animation/NativeAnimation.js";
+import { acceleratedValues as f } from "../animation/waapi/utils/accelerated-values.js";
+import { resolveVariantFromProps as p } from "./utils/resolve-variants.js";
+import { motionValue as m } from "../value/index.js";
+import { isMotionValue as h } from "../value/utils/is-motion-value.js";
+import { getAnimatableNone as g } from "../value/types/utils/animatable-none.js";
+import { microtask as _ } from "../frameloop/microtask.js";
+import { findValueType as v } from "../value/types/utils/find.js";
+import { createBox as y } from "../projection/geometry/models.js";
+import { visualElementStore as b } from "./store.js";
+import { isControllingVariants as x, isVariantNode as S } from "./utils/is-controlling-variants.js";
+import { updateMotionValuesFromProps as C } from "./utils/motion-values.js";
+import { hasReducedMotionListener as w, prefersReducedMotion as T } from "./utils/reduced-motion/state.js";
+import { initPrefersReducedMotion as E } from "./utils/reduced-motion/index.js";
+//#region node_modules/motion-dom/dist/es/render/VisualElement.mjs
+var D = [
+	"AnimationStart",
+	"AnimationComplete",
+	"Update",
+	"BeforeLayoutMeasure",
+	"LayoutMeasure",
+	"LayoutAnimationStart",
+	"LayoutAnimationComplete"
+], O = {};
+function k(e) {
+	O = e;
+}
+function A() {
+	return O;
+}
+var j = class {
+	scrapeMotionValuesFromProps(e, t, n) {
+		return {};
+	}
+	constructor({ parent: e, props: t, presenceContext: n, reducedMotionConfig: r, skipAnimations: i, blockInitialAnimation: a, visualState: c }, l = {}) {
+		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 = u, 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 = () => {
+			let e = s.now();
+			this.renderScheduledAt < e && (this.renderScheduledAt = e, o.render(this.render, !1, !0));
+		};
+		let { latestValues: d, renderState: f } = c;
+		this.latestValues = d, this.baseTarget = { ...d }, this.initialValues = t.initial ? { ...d } : {}, this.renderState = f, this.parent = e, this.props = t, this.presenceContext = n, this.depth = e ? e.depth + 1 : 0, this.reducedMotionConfig = r, this.skipAnimationsConfig = i, this.options = l, this.blockInitialAnimation = !!a, this.isControllingVariants = x(t), this.isVariantNode = S(t), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(e && e.current);
+		let { willChange: p, ...m } = this.scrapeMotionValuesFromProps(t, {}, this);
+		for (let e in m) {
+			let t = m[e];
+			d[e] !== void 0 && h(t) && t.set(d[e]);
+		}
+	}
+	mount(e) {
+		if (this.hasBeenMounted) for (let e in this.initialValues) this.values.get(e)?.jump(this.initialValues[e]), this.latestValues[e] = this.initialValues[e];
+		this.current = e, b.set(e, this), this.projection && !this.projection.instance && this.projection.mount(e), this.parent && this.isVariantNode && !this.isControllingVariants && (this.removeFromVariantTree = this.parent.addVariantChild(this)), this.values.forEach((e, t) => this.bindToMotionValue(t, e)), this.reducedMotionConfig === "never" ? this.shouldReduceMotion = !1 : this.reducedMotionConfig === "always" ? this.shouldReduceMotion = !0 : (w.current || E(), this.shouldReduceMotion = T.current), process.env.NODE_ENV !== "production" && i(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(), a(this.notifyUpdate), a(this.render), this.valueSubscriptions.forEach((e) => e()), this.valueSubscriptions.clear(), this.removeFromVariantTree && this.removeFromVariantTree(), this.parent?.removeChild(this);
+		for (let e in this.events) this.events[e].clear();
+		for (let e in this.features) {
+			let t = this.features[e];
+			t && (t.unmount(), t.isMounted = !1);
+		}
+		this.current = null;
+	}
+	addChild(e) {
+		this.children.add(e), this.enteringChildren ??= /* @__PURE__ */ new Set(), this.enteringChildren.add(e);
+	}
+	removeChild(e) {
+		this.children.delete(e), this.enteringChildren && this.enteringChildren.delete(e);
+	}
+	bindToMotionValue(e, t) {
+		if (this.valueSubscriptions.has(e) && this.valueSubscriptions.get(e)(), t.accelerate && f.has(e) && this.current instanceof HTMLElement) {
+			let { factory: n, keyframes: i, times: a, ease: o, duration: s } = t.accelerate, c = new d({
+				element: this.current,
+				name: e,
+				keyframes: i,
+				times: a,
+				ease: o,
+				duration: r(s)
+			}), l = n(c);
+			this.valueSubscriptions.set(e, () => {
+				l(), c.cancel();
+			});
+			return;
+		}
+		let n = l.has(e);
+		n && this.onBindTransform && this.onBindTransform();
+		let i = t.on("change", (t) => {
+			this.latestValues[e] = t, this.props.onUpdate && o.preRender(this.notifyUpdate), n && this.projection && (this.projection.isTransformDirty = !0), this.scheduleRender();
+		}), a;
+		typeof window < "u" && window.MotionCheckAppearSync && (a = window.MotionCheckAppearSync(this, e, t)), this.valueSubscriptions.set(e, () => {
+			i(), a && a(), t.owner && t.stop();
+		});
+	}
+	sortNodePosition(e) {
+		return !this.current || !this.sortInstanceNodePosition || this.type !== e.type ? 0 : this.sortInstanceNodePosition(this.current, e.current);
+	}
+	updateFeatures() {
+		let e = "animation";
+		for (e in O) {
+			let t = O[e];
+			if (!t) continue;
+			let { isEnabled: n, Feature: r } = t;
+			if (!this.features[e] && r && n(this.props) && (this.features[e] = new r(this)), this.features[e]) {
+				let t = this.features[e];
+				t.isMounted ? t.update() : (t.mount(), t.isMounted = !0);
+			}
+		}
+	}
+	triggerBuild() {
+		this.build(this.renderState, this.latestValues, this.props);
+	}
+	measureViewportBox() {
+		return this.current ? this.measureInstanceViewportBox(this.current, this.props) : y();
+	}
+	getStaticValue(e) {
+		return this.latestValues[e];
+	}
+	setStaticValue(e, t) {
+		this.latestValues[e] = t;
+	}
+	update(e, t) {
+		(e.transformTemplate || this.props.transformTemplate) && this.scheduleRender(), this.prevProps = this.props, this.props = e, this.prevPresenceContext = this.presenceContext, this.presenceContext = t;
+		for (let t = 0; t < D.length; t++) {
+			let n = D[t];
+			this.propEventSubscriptions[n] && (this.propEventSubscriptions[n](), delete this.propEventSubscriptions[n]);
+			let r = e["on" + n];
+			r && (this.propEventSubscriptions[n] = this.on(n, r));
+		}
+		this.prevMotionValues = C(this, this.scrapeMotionValuesFromProps(e, this.prevProps || {}, this), this.prevMotionValues), this.handleChildMotionValue && this.handleChildMotionValue();
+	}
+	getProps() {
+		return this.props;
+	}
+	getVariant(e) {
+		return this.props.variants ? this.props.variants[e] : void 0;
+	}
+	getDefaultTransition() {
+		return this.props.transition;
+	}
+	getTransformPagePoint() {
+		return this.props.transformPagePoint;
+	}
+	getClosestVariantNode() {
+		return this.isVariantNode ? this : this.parent ? this.parent.getClosestVariantNode() : void 0;
+	}
+	addVariantChild(e) {
+		let t = this.getClosestVariantNode();
+		if (t) return t.variantChildren && t.variantChildren.add(e), () => t.variantChildren.delete(e);
+	}
+	addValue(e, t) {
+		let n = this.values.get(e);
+		t !== n && (n && this.removeValue(e), this.bindToMotionValue(e, t), this.values.set(e, t), this.latestValues[e] = t.get());
+	}
+	removeValue(e) {
+		this.values.delete(e);
+		let t = this.valueSubscriptions.get(e);
+		t && (t(), this.valueSubscriptions.delete(e)), delete this.latestValues[e], this.removeValueFromRenderState(e, this.renderState);
+	}
+	hasValue(e) {
+		return this.values.has(e);
+	}
+	getValue(e, t) {
+		if (this.props.values && this.props.values[e]) return this.props.values[e];
+		let n = this.values.get(e);
+		return n === void 0 && t !== void 0 && (n = m(t === null ? void 0 : t, { owner: this }), this.addValue(e, n)), n;
+	}
+	readValue(n, r) {
+		let i = this.latestValues[n] !== void 0 || !this.current ? this.latestValues[n] : this.getBaseTargetFromProps(this.props, n) ?? this.readValueFromInstance(this.current, n, this.options);
+		return i != null && (typeof i == "string" && (e(i) || t(i)) ? i = parseFloat(i) : !v(i) && c.test(r) && (i = g(n, r)), this.setBaseTarget(n, h(i) ? i.get() : i)), h(i) ? i.get() : i;
+	}
+	setBaseTarget(e, t) {
+		this.baseTarget[e] = t;
+	}
+	getBaseTarget(e) {
+		let { initial: t } = this.props, n;
+		if (typeof t == "string" || typeof t == "object") {
+			let r = p(this.props, t, this.presenceContext?.custom);
+			r && (n = r[e]);
+		}
+		if (t && n !== void 0) return n;
+		let r = this.getBaseTargetFromProps(this.props, e);
+		return r !== void 0 && !h(r) ? r : this.initialValues[e] !== void 0 && n === void 0 ? void 0 : this.baseTarget[e];
+	}
+	on(e, t) {
+		return this.events[e] || (this.events[e] = new n()), this.events[e].add(t);
+	}
+	notify(e, ...t) {
+		this.events[e] && this.events[e].notify(...t);
+	}
+	scheduleRenderMicrotask() {
+		_.render(this.render);
+	}
+};
+//#endregion
+export { j as VisualElement, A as getFeatureDefinitions, k as setFeatureDefinitions };
+
+//# sourceMappingURL=VisualElement.js.map

package/dist/node_modules/motion-dom/dist/es/render/VisualElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisualElement.js","names":[],"sources":["../../../../../../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"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/node_modules/motion-dom/dist/es/render/dom/DOMVisualElement.js

@@ -0,0 +1,30 @@
+import { isMotionValue as e } from "../../value/utils/is-motion-value.js";
+import { DOMKeyframesResolver as t } from "../../animation/keyframes/DOMKeyframesResolver.js";
+import { VisualElement as n } from "../VisualElement.js";
+//#region node_modules/motion-dom/dist/es/render/dom/DOMVisualElement.mjs
+var r = class extends n {
+	constructor() {
+		super(...arguments), this.KeyframeResolver = t;
+	}
+	sortInstanceNodePosition(e, t) {
+		return e.compareDocumentPosition(t) & 2 ? 1 : -1;
+	}
+	getBaseTargetFromProps(e, t) {
+		let n = e.style;
+		return n ? n[t] : void 0;
+	}
+	removeValueFromRenderState(e, { vars: t, style: n }) {
+		delete t[e], delete n[e];
+	}
+	handleChildMotionValue() {
+		this.childSubscription && (this.childSubscription(), delete this.childSubscription);
+		let { children: t } = this.props;
+		e(t) && (this.childSubscription = t.on("change", (e) => {
+			this.current && (this.current.textContent = `${e}`);
+		}));
+	}
+};
+//#endregion
+export { r as DOMVisualElement };
+
+//# sourceMappingURL=DOMVisualElement.js.map

package/dist/node_modules/motion-dom/dist/es/render/dom/DOMVisualElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DOMVisualElement.js","names":[],"sources":["../../../../../../../node_modules/motion-dom/dist/es/render/dom/DOMVisualElement.mjs"],"sourcesContent":["import { isMotionValue } from '../../value/utils/is-motion-value.mjs';\nimport { DOMKeyframesResolver } from '../../animation/keyframes/DOMKeyframesResolver.mjs';\nimport { VisualElement } from '../VisualElement.mjs';\n\nclass DOMVisualElement extends VisualElement {\n    constructor() {\n        super(...arguments);\n        this.KeyframeResolver = DOMKeyframesResolver;\n    }\n    sortInstanceNodePosition(a, b) {\n        /**\n         * compareDocumentPosition returns a bitmask, by using the bitwise &\n         * we're returning true if 2 in that bitmask is set to true. 2 is set\n         * to true if b preceeds a.\n         */\n        return a.compareDocumentPosition(b) & 2 ? 1 : -1;\n    }\n    getBaseTargetFromProps(props, key) {\n        const style = props.style;\n        return style ? style[key] : undefined;\n    }\n    removeValueFromRenderState(key, { vars, style }) {\n        delete vars[key];\n        delete style[key];\n    }\n    handleChildMotionValue() {\n        if (this.childSubscription) {\n            this.childSubscription();\n            delete this.childSubscription;\n        }\n        const { children } = this.props;\n        if (isMotionValue(children)) {\n            this.childSubscription = children.on(\"change\", (latest) => {\n                if (this.current) {\n                    this.current.textContent = `${latest}`;\n                }\n            });\n        }\n    }\n}\n\nexport { DOMVisualElement };\n//# sourceMappingURL=DOMVisualElement.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;;AAIA,IAAM,IAAN,cAA+B,EAAc;CACzC,cAAc;AAEV,EADA,MAAM,GAAG,UAAU,EACnB,KAAK,mBAAmB;;CAE5B,yBAAyB,GAAG,GAAG;AAM3B,SAAO,EAAE,wBAAwB,EAAE,GAAG,IAAI,IAAI;;CAElD,uBAAuB,GAAO,GAAK;EAC/B,IAAM,IAAQ,EAAM;AACpB,SAAO,IAAQ,EAAM,KAAO,KAAA;;CAEhC,2BAA2B,GAAK,EAAE,SAAM,YAAS;AAE7C,EADA,OAAO,EAAK,IACZ,OAAO,EAAM;;CAEjB,yBAAyB;AACrB,EAAI,KAAK,sBACL,KAAK,mBAAmB,EACxB,OAAO,KAAK;EAEhB,IAAM,EAAE,gBAAa,KAAK;AAC1B,EAAI,EAAc,EAAS,KACvB,KAAK,oBAAoB,EAAS,GAAG,WAAW,MAAW;AACvD,GAAI,KAAK,YACL,KAAK,QAAQ,cAAc,GAAG;IAEpC"}

package/dist/node_modules/motion-dom/dist/es/render/dom/is-css-var.js

@@ -0,0 +1,6 @@
+//#region node_modules/motion-dom/dist/es/render/dom/is-css-var.mjs
+var e = (e) => e.startsWith("--");
+//#endregion
+export { e as isCSSVar };
+
+//# sourceMappingURL=is-css-var.js.map

package/dist/node_modules/motion-dom/dist/es/render/dom/is-css-var.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-css-var.js","names":[],"sources":["../../../../../../../node_modules/motion-dom/dist/es/render/dom/is-css-var.mjs"],"sourcesContent":["const isCSSVar = (name) => name.startsWith(\"--\");\n\nexport { isCSSVar };\n//# sourceMappingURL=is-css-var.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";AAAA,IAAM,KAAY,MAAS,EAAK,WAAW,KAAK"}

package/dist/node_modules/motion-dom/dist/es/render/dom/parse-transform.js

@@ -0,0 +1,58 @@
+//#region node_modules/motion-dom/dist/es/render/dom/parse-transform.mjs
+var e = (e) => e * 180 / Math.PI, t = (t) => r(e(Math.atan2(t[1], t[0]))), n = {
+	x: 4,
+	y: 5,
+	translateX: 4,
+	translateY: 5,
+	scaleX: 0,
+	scaleY: 3,
+	scale: (e) => (Math.abs(e[0]) + Math.abs(e[3])) / 2,
+	rotate: t,
+	rotateZ: t,
+	skewX: (t) => e(Math.atan(t[1])),
+	skewY: (t) => e(Math.atan(t[2])),
+	skew: (e) => (Math.abs(e[1]) + Math.abs(e[2])) / 2
+}, r = (e) => (e %= 360, e < 0 && (e += 360), e), i = t, a = (e) => Math.sqrt(e[0] * e[0] + e[1] * e[1]), o = (e) => Math.sqrt(e[4] * e[4] + e[5] * e[5]), s = {
+	x: 12,
+	y: 13,
+	z: 14,
+	translateX: 12,
+	translateY: 13,
+	translateZ: 14,
+	scaleX: a,
+	scaleY: o,
+	scale: (e) => (a(e) + o(e)) / 2,
+	rotateX: (t) => r(e(Math.atan2(t[6], t[5]))),
+	rotateY: (t) => r(e(Math.atan2(-t[2], t[0]))),
+	rotateZ: i,
+	rotate: i,
+	skewX: (t) => e(Math.atan(t[4])),
+	skewY: (t) => e(Math.atan(t[1])),
+	skew: (e) => (Math.abs(e[1]) + Math.abs(e[4])) / 2
+};
+function c(e) {
+	return +!!e.includes("scale");
+}
+function l(e, t) {
+	if (!e || e === "none") return c(t);
+	let r = e.match(/^matrix3d\(([-\d.e\s,]+)\)$/u), i, a;
+	if (r) i = s, a = r;
+	else {
+		let t = e.match(/^matrix\(([-\d.e\s,]+)\)$/u);
+		i = n, a = t;
+	}
+	if (!a) return c(t);
+	let o = i[t], l = a[1].split(",").map(d);
+	return typeof o == "function" ? o(l) : l[o];
+}
+var u = (e, t) => {
+	let { transform: n = "none" } = getComputedStyle(e);
+	return l(n, t);
+};
+function d(e) {
+	return parseFloat(e.trim());
+}
+//#endregion
+export { c as defaultTransformValue, l as parseValueFromTransform, u as readTransformValue };
+
+//# sourceMappingURL=parse-transform.js.map

package/dist/node_modules/motion-dom/dist/es/render/dom/parse-transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-transform.js","names":[],"sources":["../../../../../../../node_modules/motion-dom/dist/es/render/dom/parse-transform.mjs"],"sourcesContent":["const radToDeg = (rad) => (rad * 180) / Math.PI;\nconst rotate = (v) => {\n    const angle = radToDeg(Math.atan2(v[1], v[0]));\n    return rebaseAngle(angle);\n};\nconst matrix2dParsers = {\n    x: 4,\n    y: 5,\n    translateX: 4,\n    translateY: 5,\n    scaleX: 0,\n    scaleY: 3,\n    scale: (v) => (Math.abs(v[0]) + Math.abs(v[3])) / 2,\n    rotate,\n    rotateZ: rotate,\n    skewX: (v) => radToDeg(Math.atan(v[1])),\n    skewY: (v) => radToDeg(Math.atan(v[2])),\n    skew: (v) => (Math.abs(v[1]) + Math.abs(v[2])) / 2,\n};\nconst rebaseAngle = (angle) => {\n    angle = angle % 360;\n    if (angle < 0)\n        angle += 360;\n    return angle;\n};\nconst rotateZ = rotate;\nconst scaleX = (v) => Math.sqrt(v[0] * v[0] + v[1] * v[1]);\nconst scaleY = (v) => Math.sqrt(v[4] * v[4] + v[5] * v[5]);\nconst matrix3dParsers = {\n    x: 12,\n    y: 13,\n    z: 14,\n    translateX: 12,\n    translateY: 13,\n    translateZ: 14,\n    scaleX,\n    scaleY,\n    scale: (v) => (scaleX(v) + scaleY(v)) / 2,\n    rotateX: (v) => rebaseAngle(radToDeg(Math.atan2(v[6], v[5]))),\n    rotateY: (v) => rebaseAngle(radToDeg(Math.atan2(-v[2], v[0]))),\n    rotateZ,\n    rotate: rotateZ,\n    skewX: (v) => radToDeg(Math.atan(v[4])),\n    skewY: (v) => radToDeg(Math.atan(v[1])),\n    skew: (v) => (Math.abs(v[1]) + Math.abs(v[4])) / 2,\n};\nfunction defaultTransformValue(name) {\n    return name.includes(\"scale\") ? 1 : 0;\n}\nfunction parseValueFromTransform(transform, name) {\n    if (!transform || transform === \"none\") {\n        return defaultTransformValue(name);\n    }\n    const matrix3dMatch = transform.match(/^matrix3d\\(([-\\d.e\\s,]+)\\)$/u);\n    let parsers;\n    let match;\n    if (matrix3dMatch) {\n        parsers = matrix3dParsers;\n        match = matrix3dMatch;\n    }\n    else {\n        const matrix2dMatch = transform.match(/^matrix\\(([-\\d.e\\s,]+)\\)$/u);\n        parsers = matrix2dParsers;\n        match = matrix2dMatch;\n    }\n    if (!match) {\n        return defaultTransformValue(name);\n    }\n    const valueParser = parsers[name];\n    const values = match[1].split(\",\").map(convertTransformToNumber);\n    return typeof valueParser === \"function\"\n        ? valueParser(values)\n        : values[valueParser];\n}\nconst readTransformValue = (instance, name) => {\n    const { transform = \"none\" } = getComputedStyle(instance);\n    return parseValueFromTransform(transform, name);\n};\nfunction convertTransformToNumber(value) {\n    return parseFloat(value.trim());\n}\n\nexport { defaultTransformValue, parseValueFromTransform, readTransformValue };\n//# sourceMappingURL=parse-transform.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";AAAA,IAAM,KAAY,MAAS,IAAM,MAAO,KAAK,IACvC,KAAU,MAEL,EADO,EAAS,KAAK,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,CACrB,EAEvB,IAAkB;CACpB,GAAG;CACH,GAAG;CACH,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,QAAQ,OAAO,KAAK,IAAI,EAAE,GAAG,GAAG,KAAK,IAAI,EAAE,GAAG,IAAI;CAClD;CACA,SAAS;CACT,QAAQ,MAAM,EAAS,KAAK,KAAK,EAAE,GAAG,CAAC;CACvC,QAAQ,MAAM,EAAS,KAAK,KAAK,EAAE,GAAG,CAAC;CACvC,OAAO,OAAO,KAAK,IAAI,EAAE,GAAG,GAAG,KAAK,IAAI,EAAE,GAAG,IAAI;CACpD,EACK,KAAe,OACjB,KAAgB,KACZ,IAAQ,MACR,KAAS,MACN,IAEL,IAAU,GACV,KAAU,MAAM,KAAK,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EACpD,KAAU,MAAM,KAAK,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EACpD,IAAkB;CACpB,GAAG;CACH,GAAG;CACH,GAAG;CACH,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ;CACA;CACA,QAAQ,OAAO,EAAO,EAAE,GAAG,EAAO,EAAE,IAAI;CACxC,UAAU,MAAM,EAAY,EAAS,KAAK,MAAM,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;CAC7D,UAAU,MAAM,EAAY,EAAS,KAAK,MAAM,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;CAC9D;CACA,QAAQ;CACR,QAAQ,MAAM,EAAS,KAAK,KAAK,EAAE,GAAG,CAAC;CACvC,QAAQ,MAAM,EAAS,KAAK,KAAK,EAAE,GAAG,CAAC;CACvC,OAAO,OAAO,KAAK,IAAI,EAAE,GAAG,GAAG,KAAK,IAAI,EAAE,GAAG,IAAI;CACpD;AACD,SAAS,EAAsB,GAAM;AACjC,QAAO,KAAK,SAAS,QAAQ;;AAEjC,SAAS,EAAwB,GAAW,GAAM;AAC9C,KAAI,CAAC,KAAa,MAAc,OAC5B,QAAO,EAAsB,EAAK;CAEtC,IAAM,IAAgB,EAAU,MAAM,+BAA+B,EACjE,GACA;AACJ,KAAI,EAEA,CADA,IAAU,GACV,IAAQ;MAEP;EACD,IAAM,IAAgB,EAAU,MAAM,6BAA6B;AAEnE,EADA,IAAU,GACV,IAAQ;;AAEZ,KAAI,CAAC,EACD,QAAO,EAAsB,EAAK;CAEtC,IAAM,IAAc,EAAQ,IACtB,IAAS,EAAM,GAAG,MAAM,IAAI,CAAC,IAAI,EAAyB;AAChE,QAAO,OAAO,KAAgB,aACxB,EAAY,EAAO,GACnB,EAAO;;AAEjB,IAAM,KAAsB,GAAU,MAAS;CAC3C,IAAM,EAAE,eAAY,WAAW,iBAAiB,EAAS;AACzD,QAAO,EAAwB,GAAW,EAAK;;AAEnD,SAAS,EAAyB,GAAO;AACrC,QAAO,WAAW,EAAM,MAAM,CAAC"}

package/dist/node_modules/motion-dom/dist/es/render/dom/style-set.js

@@ -0,0 +1,9 @@
+import { isCSSVar as e } from "./is-css-var.js";
+//#region node_modules/motion-dom/dist/es/render/dom/style-set.mjs
+function t(t, n, r) {
+	e(n) ? t.style.setProperty(n, r) : t.style[n] = r;
+}
+//#endregion
+export { t as setStyle };
+
+//# sourceMappingURL=style-set.js.map

package/dist/node_modules/motion-dom/dist/es/render/dom/style-set.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-set.js","names":[],"sources":["../../../../../../../node_modules/motion-dom/dist/es/render/dom/style-set.mjs"],"sourcesContent":["import { isCSSVar } from './is-css-var.mjs';\n\nfunction setStyle(element, name, value) {\n    isCSSVar(name)\n        ? element.style.setProperty(name, value)\n        : (element.style[name] = value);\n}\n\nexport { setStyle };\n//# sourceMappingURL=style-set.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;AAEA,SAAS,EAAS,GAAS,GAAM,GAAO;AACpC,GAAS,EAAK,GACR,EAAQ,MAAM,YAAY,GAAM,EAAM,GACrC,EAAQ,MAAM,KAAQ"}

package/dist/node_modules/motion-dom/dist/es/render/dom/utils/camel-to-dash.js

@@ -0,0 +1,8 @@
+//#region node_modules/motion-dom/dist/es/render/dom/utils/camel-to-dash.mjs
+function e(e) {
+	return e.replace(/([A-Z])/g, (e) => `-${e.toLowerCase()}`);
+}
+//#endregion
+export { e as camelToDash };
+
+//# sourceMappingURL=camel-to-dash.js.map

package/dist/node_modules/motion-dom/dist/es/render/dom/utils/camel-to-dash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"camel-to-dash.js","names":[],"sources":["../../../../../../../../node_modules/motion-dom/dist/es/render/dom/utils/camel-to-dash.mjs"],"sourcesContent":["function camelToDash(str) {\n    return str.replace(/([A-Z])/g, (match) => `-${match.toLowerCase()}`);\n}\n\nexport { camelToDash };\n//# sourceMappingURL=camel-to-dash.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";AAAA,SAAS,EAAY,GAAK;AACtB,QAAO,EAAI,QAAQ,aAAa,MAAU,IAAI,EAAM,aAAa,GAAG"}

package/dist/node_modules/motion-dom/dist/es/render/html/HTMLVisualElement.js

@@ -0,0 +1,37 @@
+import { isCSSVariableName as e } from "../../animation/utils/is-css-variable.js";
+import { defaultTransformValue as t, readTransformValue as n } from "../dom/parse-transform.js";
+import { transformProps as r } from "../utils/keys-transform.js";
+import { DOMVisualElement as i } from "../dom/DOMVisualElement.js";
+import { measureViewportBox as a } from "../../projection/utils/measure.js";
+import { buildHTMLStyles as o } from "./utils/build-styles.js";
+import { renderHTML as s } from "./utils/render.js";
+import { scrapeMotionValuesFromProps as c } from "./utils/scrape-motion-values.js";
+//#region node_modules/motion-dom/dist/es/render/html/HTMLVisualElement.mjs
+function l(e) {
+	return window.getComputedStyle(e);
+}
+var u = class extends i {
+	constructor() {
+		super(...arguments), this.type = "html", this.renderInstance = s;
+	}
+	readValueFromInstance(i, a) {
+		if (r.has(a)) return this.projection?.isProjecting ? t(a) : n(i, a);
+		{
+			let t = l(i), n = (e(a) ? t.getPropertyValue(a) : t[a]) || 0;
+			return typeof n == "string" ? n.trim() : n;
+		}
+	}
+	measureInstanceViewportBox(e, { transformPagePoint: t }) {
+		return a(e, t);
+	}
+	build(e, t, n) {
+		o(e, t, n.transformTemplate);
+	}
+	scrapeMotionValuesFromProps(e, t, n) {
+		return c(e, t, n);
+	}
+};
+//#endregion
+export { u as HTMLVisualElement };
+
+//# sourceMappingURL=HTMLVisualElement.js.map

package/dist/node_modules/motion-dom/dist/es/render/html/HTMLVisualElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTMLVisualElement.js","names":[],"sources":["../../../../../../../node_modules/motion-dom/dist/es/render/html/HTMLVisualElement.mjs"],"sourcesContent":["import { isCSSVariableName } from '../../animation/utils/is-css-variable.mjs';\nimport { transformProps } from '../utils/keys-transform.mjs';\nimport { defaultTransformValue, readTransformValue } from '../dom/parse-transform.mjs';\nimport { measureViewportBox } from '../../projection/utils/measure.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { buildHTMLStyles } from './utils/build-styles.mjs';\nimport { renderHTML } from './utils/render.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\n\nfunction getComputedStyle(element) {\n    return window.getComputedStyle(element);\n}\nclass HTMLVisualElement extends DOMVisualElement {\n    constructor() {\n        super(...arguments);\n        this.type = \"html\";\n        this.renderInstance = renderHTML;\n    }\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            return this.projection?.isProjecting\n                ? defaultTransformValue(key)\n                : readTransformValue(instance, key);\n        }\n        else {\n            const computedStyle = getComputedStyle(instance);\n            const value = (isCSSVariableName(key)\n                ? computedStyle.getPropertyValue(key)\n                : computedStyle[key]) || 0;\n            return typeof value === \"string\" ? value.trim() : value;\n        }\n    }\n    measureInstanceViewportBox(instance, { transformPagePoint }) {\n        return measureViewportBox(instance, transformPagePoint);\n    }\n    build(renderState, latestValues, props) {\n        buildHTMLStyles(renderState, latestValues, props.transformTemplate);\n    }\n    scrapeMotionValuesFromProps(props, prevProps, visualElement) {\n        return scrapeMotionValuesFromProps(props, prevProps, visualElement);\n    }\n}\n\nexport { HTMLVisualElement, getComputedStyle };\n//# sourceMappingURL=HTMLVisualElement.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;AASA,SAAS,EAAiB,GAAS;AAC/B,QAAO,OAAO,iBAAiB,EAAQ;;AAE3C,IAAM,IAAN,cAAgC,EAAiB;CAC7C,cAAc;AAGV,EAFA,MAAM,GAAG,UAAU,EACnB,KAAK,OAAO,QACZ,KAAK,iBAAiB;;CAE1B,sBAAsB,GAAU,GAAK;AACjC,MAAI,EAAe,IAAI,EAAI,CACvB,QAAO,KAAK,YAAY,eAClB,EAAsB,EAAI,GAC1B,EAAmB,GAAU,EAAI;EAEtC;GACD,IAAM,IAAgB,EAAiB,EAAS,EAC1C,KAAS,EAAkB,EAAI,GAC/B,EAAc,iBAAiB,EAAI,GACnC,EAAc,OAAS;AAC7B,UAAO,OAAO,KAAU,WAAW,EAAM,MAAM,GAAG;;;CAG1D,2BAA2B,GAAU,EAAE,yBAAsB;AACzD,SAAO,EAAmB,GAAU,EAAmB;;CAE3D,MAAM,GAAa,GAAc,GAAO;AACpC,IAAgB,GAAa,GAAc,EAAM,kBAAkB;;CAEvE,4BAA4B,GAAO,GAAW,GAAe;AACzD,SAAO,EAA4B,GAAO,GAAW,EAAc"}

package/dist/node_modules/motion-dom/dist/es/render/html/utils/build-styles.js

@@ -0,0 +1,30 @@
+import { isCSSVariableName as e } from "../../../animation/utils/is-css-variable.js";
+import { transformProps as t } from "../../utils/keys-transform.js";
+import { numberValueTypes as n } from "../../../value/types/maps/number.js";
+import { getValueAsType as r } from "../../../value/types/utils/get-as-type.js";
+import { buildTransform as i } from "./build-transform.js";
+//#region node_modules/motion-dom/dist/es/render/html/utils/build-styles.mjs
+function a(a, o, s) {
+	let { style: c, vars: l, transformOrigin: u } = a, d = !1, f = !1;
+	for (let i in o) {
+		let a = o[i];
+		if (t.has(i)) {
+			d = !0;
+			continue;
+		} else if (e(i)) {
+			l[i] = a;
+			continue;
+		} else {
+			let e = r(a, n[i]);
+			i.startsWith("origin") ? (f = !0, u[i] = e) : c[i] = e;
+		}
+	}
+	if (o.transform || (d || s ? c.transform = i(o, a.transform, s) : c.transform &&= "none"), f) {
+		let { originX: e = "50%", originY: t = "50%", originZ: n = 0 } = u;
+		c.transformOrigin = `${e} ${t} ${n}`;
+	}
+}
+//#endregion
+export { a as buildHTMLStyles };
+
+//# sourceMappingURL=build-styles.js.map

package/dist/node_modules/motion-dom/dist/es/render/html/utils/build-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-styles.js","names":[],"sources":["../../../../../../../../node_modules/motion-dom/dist/es/render/html/utils/build-styles.mjs"],"sourcesContent":["import { getValueAsType } from '../../../value/types/utils/get-as-type.mjs';\nimport { numberValueTypes } from '../../../value/types/maps/number.mjs';\nimport { transformProps } from '../../utils/keys-transform.mjs';\nimport { isCSSVariableName } from '../../../animation/utils/is-css-variable.mjs';\nimport { buildTransform } from './build-transform.mjs';\n\nfunction buildHTMLStyles(state, latestValues, transformTemplate) {\n    const { style, vars, transformOrigin } = state;\n    // Track whether we encounter any transform or transformOrigin values.\n    let hasTransform = false;\n    let hasTransformOrigin = false;\n    /**\n     * Loop over all our latest animated values and decide whether to handle them\n     * as a style or CSS variable.\n     *\n     * Transforms and transform origins are kept separately for further processing.\n     */\n    for (const key in latestValues) {\n        const value = latestValues[key];\n        if (transformProps.has(key)) {\n            // If this is a transform, flag to enable further transform processing\n            hasTransform = true;\n            continue;\n        }\n        else if (isCSSVariableName(key)) {\n            vars[key] = value;\n            continue;\n        }\n        else {\n            // Convert the value to its default value type, ie 0 -> \"0px\"\n            const valueAsType = getValueAsType(value, numberValueTypes[key]);\n            if (key.startsWith(\"origin\")) {\n                // If this is a transform origin, flag and enable further transform-origin processing\n                hasTransformOrigin = true;\n                transformOrigin[key] =\n                    valueAsType;\n            }\n            else {\n                style[key] = valueAsType;\n            }\n        }\n    }\n    if (!latestValues.transform) {\n        if (hasTransform || transformTemplate) {\n            style.transform = buildTransform(latestValues, state.transform, transformTemplate);\n        }\n        else if (style.transform) {\n            /**\n             * If we have previously created a transform but currently don't have any,\n             * reset transform style to none.\n             */\n            style.transform = \"none\";\n        }\n    }\n    /**\n     * Build a transformOrigin style. Uses the same defaults as the browser for\n     * undefined origins.\n     */\n    if (hasTransformOrigin) {\n        const { originX = \"50%\", originY = \"50%\", originZ = 0, } = transformOrigin;\n        style.transformOrigin = `${originX} ${originY} ${originZ}`;\n    }\n}\n\nexport { buildHTMLStyles };\n//# sourceMappingURL=build-styles.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;;;;AAMA,SAAS,EAAgB,GAAO,GAAc,GAAmB;CAC7D,IAAM,EAAE,UAAO,SAAM,uBAAoB,GAErC,IAAe,IACf,IAAqB;AAOzB,MAAK,IAAM,KAAO,GAAc;EAC5B,IAAM,IAAQ,EAAa;AAC3B,MAAI,EAAe,IAAI,EAAI,EAAE;AAEzB,OAAe;AACf;aAEK,EAAkB,EAAI,EAAE;AAC7B,KAAK,KAAO;AACZ;SAEC;GAED,IAAM,IAAc,EAAe,GAAO,EAAiB,GAAK;AAChE,GAAI,EAAI,WAAW,SAAS,IAExB,IAAqB,IACrB,EAAgB,KACZ,KAGJ,EAAM,KAAO;;;AAoBzB,KAhBK,EAAa,cACV,KAAgB,IAChB,EAAM,YAAY,EAAe,GAAc,EAAM,WAAW,EAAkB,GAOlF,EAAM,cAAY,SAOtB,GAAoB;EACpB,IAAM,EAAE,aAAU,OAAO,aAAU,OAAO,aAAU,MAAO;AAC3D,IAAM,kBAAkB,GAAG,EAAQ,GAAG,EAAQ,GAAG"}

package/dist/node_modules/motion-dom/dist/es/render/html/utils/build-transform.js

@@ -0,0 +1,37 @@
+import { transformPropOrder as e } from "../../utils/keys-transform.js";
+import { numberValueTypes as t } from "../../../value/types/maps/number.js";
+import { getValueAsType as n } from "../../../value/types/utils/get-as-type.js";
+//#region node_modules/motion-dom/dist/es/render/html/utils/build-transform.mjs
+var r = {
+	x: "translateX",
+	y: "translateY",
+	z: "translateZ",
+	transformPerspective: "perspective"
+}, i = e.length;
+function a(a, o, s) {
+	let c = "", l = !0;
+	for (let u = 0; u < i; u++) {
+		let i = e[u], d = a[i];
+		if (d === void 0) continue;
+		let f = !0;
+		if (typeof d == "number") f = d === +!!i.startsWith("scale");
+		else {
+			let e = parseFloat(d);
+			f = i.startsWith("scale") ? e === 1 : e === 0;
+		}
+		if (!f || s) {
+			let e = n(d, t[i]);
+			if (!f) {
+				l = !1;
+				let t = r[i] || i;
+				c += `${t}(${e}) `;
+			}
+			s && (o[i] = e);
+		}
+	}
+	return c = c.trim(), s ? c = s(o, l ? "" : c) : l && (c = "none"), c;
+}
+//#endregion
+export { a as buildTransform };
+
+//# sourceMappingURL=build-transform.js.map

package/dist/node_modules/motion-dom/dist/es/render/html/utils/build-transform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-transform.js","names":[],"sources":["../../../../../../../../node_modules/motion-dom/dist/es/render/html/utils/build-transform.mjs"],"sourcesContent":["import { getValueAsType } from '../../../value/types/utils/get-as-type.mjs';\nimport { numberValueTypes } from '../../../value/types/maps/number.mjs';\nimport { transformPropOrder } from '../../utils/keys-transform.mjs';\n\nconst translateAlias = {\n    x: \"translateX\",\n    y: \"translateY\",\n    z: \"translateZ\",\n    transformPerspective: \"perspective\",\n};\nconst numTransforms = transformPropOrder.length;\n/**\n * Build a CSS transform style from individual x/y/scale etc properties.\n *\n * This outputs with a default order of transforms/scales/rotations, this can be customised by\n * providing a transformTemplate function.\n */\nfunction buildTransform(latestValues, transform, transformTemplate) {\n    // The transform string we're going to build into.\n    let transformString = \"\";\n    let transformIsDefault = true;\n    /**\n     * Loop over all possible transforms in order, adding the ones that\n     * are present to the transform string.\n     */\n    for (let i = 0; i < numTransforms; i++) {\n        const key = transformPropOrder[i];\n        const value = latestValues[key];\n        if (value === undefined)\n            continue;\n        let valueIsDefault = true;\n        if (typeof value === \"number\") {\n            valueIsDefault = value === (key.startsWith(\"scale\") ? 1 : 0);\n        }\n        else {\n            const parsed = parseFloat(value);\n            valueIsDefault = key.startsWith(\"scale\") ? parsed === 1 : parsed === 0;\n        }\n        if (!valueIsDefault || transformTemplate) {\n            const valueAsType = getValueAsType(value, numberValueTypes[key]);\n            if (!valueIsDefault) {\n                transformIsDefault = false;\n                const transformName = translateAlias[key] || key;\n                transformString += `${transformName}(${valueAsType}) `;\n            }\n            if (transformTemplate) {\n                transform[key] = valueAsType;\n            }\n        }\n    }\n    transformString = transformString.trim();\n    // If we have a custom `transform` template, pass our transform values and\n    // generated transformString to that before returning\n    if (transformTemplate) {\n        transformString = transformTemplate(transform, transformIsDefault ? \"\" : transformString);\n    }\n    else if (transformIsDefault) {\n        transformString = \"none\";\n    }\n    return transformString;\n}\n\nexport { buildTransform };\n//# sourceMappingURL=build-transform.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;;AAIA,IAAM,IAAiB;CACnB,GAAG;CACH,GAAG;CACH,GAAG;CACH,sBAAsB;CACzB,EACK,IAAgB,EAAmB;AAOzC,SAAS,EAAe,GAAc,GAAW,GAAmB;CAEhE,IAAI,IAAkB,IAClB,IAAqB;AAKzB,MAAK,IAAI,IAAI,GAAG,IAAI,GAAe,KAAK;EACpC,IAAM,IAAM,EAAmB,IACzB,IAAQ,EAAa;AAC3B,MAAI,MAAU,KAAA,EACV;EACJ,IAAI,IAAiB;AACrB,MAAI,OAAO,KAAU,SACjB,KAAiB,MAAW,KAAI,WAAW,QAAQ;OAElD;GACD,IAAM,IAAS,WAAW,EAAM;AAChC,OAAiB,EAAI,WAAW,QAAQ,GAAG,MAAW,IAAI,MAAW;;AAEzE,MAAI,CAAC,KAAkB,GAAmB;GACtC,IAAM,IAAc,EAAe,GAAO,EAAiB,GAAK;AAChE,OAAI,CAAC,GAAgB;AACjB,QAAqB;IACrB,IAAM,IAAgB,EAAe,MAAQ;AAC7C,SAAmB,GAAG,EAAc,GAAG,EAAY;;AAEvD,GAAI,MACA,EAAU,KAAO;;;AAa7B,QATA,IAAkB,EAAgB,MAAM,EAGpC,IACA,IAAkB,EAAkB,GAAW,IAAqB,KAAK,EAAgB,GAEpF,MACL,IAAkB,SAEf"}

package/dist/node_modules/motion-dom/dist/es/render/html/utils/render.js

@@ -0,0 +1,10 @@
+//#region node_modules/motion-dom/dist/es/render/html/utils/render.mjs
+function e(e, { style: t, vars: n }, r, i) {
+	let a = e.style, o;
+	for (o in t) a[o] = t[o];
+	for (o in i?.applyProjectionStyles(a, r), n) a.setProperty(o, n[o]);
+}
+//#endregion
+export { e as renderHTML };
+
+//# sourceMappingURL=render.js.map

package/dist/node_modules/motion-dom/dist/es/render/html/utils/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","names":[],"sources":["../../../../../../../../node_modules/motion-dom/dist/es/render/html/utils/render.mjs"],"sourcesContent":["function renderHTML(element, { style, vars }, styleProp, projection) {\n    const elementStyle = element.style;\n    let key;\n    for (key in style) {\n        // CSSStyleDeclaration has [index: number]: string; in the types, so we use that as key type.\n        elementStyle[key] = style[key];\n    }\n    // Write projection styles directly to element style\n    projection?.applyProjectionStyles(elementStyle, styleProp);\n    for (key in vars) {\n        // Loop over any CSS variables and assign those.\n        // They can only be assigned using `setProperty`.\n        elementStyle.setProperty(key, vars[key]);\n    }\n}\n\nexport { renderHTML };\n//# sourceMappingURL=render.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";AAAA,SAAS,EAAW,GAAS,EAAE,UAAO,WAAQ,GAAW,GAAY;CACjE,IAAM,IAAe,EAAQ,OACzB;AACJ,MAAK,KAAO,EAER,GAAa,KAAO,EAAM;AAI9B,MAAK,KADL,GAAY,sBAAsB,GAAc,EAAU,EAC9C,EAGR,GAAa,YAAY,GAAK,EAAK,GAAK"}

package/dist/node_modules/motion-dom/dist/es/render/html/utils/scrape-motion-values.js

@@ -0,0 +1,13 @@
+import { isMotionValue as e } from "../../../value/utils/is-motion-value.js";
+import { isForcedMotionValue as t } from "../../utils/is-forced-motion-value.js";
+//#region node_modules/motion-dom/dist/es/render/html/utils/scrape-motion-values.mjs
+function n(n, r, i) {
+	let a = n.style, o = r?.style, s = {};
+	if (!a) return s;
+	for (let r in a) (e(a[r]) || o && e(o[r]) || t(r, n) || i?.getValue(r)?.liveStyle !== void 0) && (s[r] = a[r]);
+	return s;
+}
+//#endregion
+export { n as scrapeMotionValuesFromProps };
+
+//# sourceMappingURL=scrape-motion-values.js.map

package/dist/node_modules/motion-dom/dist/es/render/html/utils/scrape-motion-values.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrape-motion-values.js","names":[],"sources":["../../../../../../../../node_modules/motion-dom/dist/es/render/html/utils/scrape-motion-values.mjs"],"sourcesContent":["import { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\nimport { isForcedMotionValue } from '../../utils/is-forced-motion-value.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps, visualElement) {\n    const style = props.style;\n    const prevStyle = prevProps?.style;\n    const newValues = {};\n    if (!style)\n        return newValues;\n    for (const key in style) {\n        if (isMotionValue(style[key]) ||\n            (prevStyle && isMotionValue(prevStyle[key])) ||\n            isForcedMotionValue(key, props) ||\n            visualElement?.getValue(key)?.liveStyle !== undefined) {\n            newValues[key] = style[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n//# sourceMappingURL=scrape-motion-values.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;AAGA,SAAS,EAA4B,GAAO,GAAW,GAAe;CAClE,IAAM,IAAQ,EAAM,OACd,IAAY,GAAW,OACvB,IAAY,EAAE;AACpB,KAAI,CAAC,EACD,QAAO;AACX,MAAK,IAAM,KAAO,EACd,EAAI,EAAc,EAAM,GAAK,IACxB,KAAa,EAAc,EAAU,GAAK,IAC3C,EAAoB,GAAK,EAAM,IAC/B,GAAe,SAAS,EAAI,EAAE,cAAc,KAAA,OAC5C,EAAU,KAAO,EAAM;AAG/B,QAAO"}

package/dist/node_modules/motion-dom/dist/es/render/store.js

@@ -0,0 +1,6 @@
+//#region node_modules/motion-dom/dist/es/render/store.mjs
+var e = /* @__PURE__ */ new WeakMap();
+//#endregion
+export { e as visualElementStore };
+
+//# sourceMappingURL=store.js.map

package/dist/node_modules/motion-dom/dist/es/render/store.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.js","names":[],"sources":["../../../../../../node_modules/motion-dom/dist/es/render/store.mjs"],"sourcesContent":["const visualElementStore = new WeakMap();\n\nexport { visualElementStore };\n//# sourceMappingURL=store.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";AAAA,IAAM,oBAAqB,IAAI,SAAS"}