@burdenoff/microfe-mybodyshield 2026.1028.1 → 2026.1101.2

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

@@ -1 +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            // Defer to MotionValue.on(\"change\") auto-stop so React 19 remounts\n            // can resubscribe before the animation is cancelled (#3315).\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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"}
+{"version":3,"file":"VisualElement.js","names":["propEventHandlers","featureDefinitions","setFeatureDefinitions","definitions","getFeatureDefinitions","VisualElement","KeyframeResolver","now","time","frame","visualState","latestValues","props","renderState","parent","presenceContext","reducedMotionConfig","skipAnimations","options","blockInitialAnimation","isControllingVariants","isVariantNode","initialMotionValues","key","value","isMotionValue","instance","visualElementStore","hasReducedMotionListener","initPrefersReducedMotion","prefersReducedMotion","warnOnce","cancelFrame","remove","feature","child","acceleratedValues","animation","NativeAnimation","secondsToMilliseconds","duration","cleanup","factory","valueIsTransform","transformProps","removeOnChange","latestValue","removeSyncCheck","other","featureDefinition","FeatureConstructor","isEnabled","createBox","i","listener","updateMotionValuesFromProps","name","closestVariantNode","existingValue","unsubscribe","defaultValue","motionValue","isNumericalString","isZeroValueString","findValueType","complex","target","getAnimatableNone","valueFromInitial","initial","variant","resolveVariantFromProps","eventName","SubscriptionManager","callback","args"],"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            // Defer to MotionValue.on(\"change\") auto-stop so React 19 remounts\n            // can resubscribe before the animation is cancelled (#3315).\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"],"ignoreList":[0],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAMA,IAAoB;CACtB;CACA;CACA;CACA;CACA;CACA;CACA;AACJ,GAIIC,IAAqB,CAAC;AAK1B,SAASC,EAAsB,GAAa;CACxC,IAAqBC;AACzB;AAIA,SAASC,IAAwB;CAC7B,OAAOH;AACX;AAKA,IAAMI,IAAN,MAAoB;CAQhB,4BAA4B,GAAQ,GAAY,GAAgB;EAC5D,OAAO,CAAC;CACZ;CACA,YAAY,EAAE,WAAQ,UAAO,oBAAiB,wBAAqB,mBAAgB,0BAAuB,kBAAgB,IAAU,CAAC,GAAG;EAyEpI,AApEA,KAAK,UAAU,MAIf,KAAK,2BAAW,IAAI,IAAI,GAIxB,KAAK,gBAAgB,IACrB,KAAK,wBAAwB,IAQ7B,KAAK,qBAAqB,MAK1B,KAAK,uBAAuB,IAM5B,KAAK,yBAAS,IAAI,IAAI,GACtB,KAAK,mBAAmBC,GAIxB,KAAK,WAAW,CAAC,GAKjB,KAAK,qCAAqB,IAAI,IAAI,GAMlC,KAAK,mBAAmB,CAAC,GAKzB,KAAK,iBAAiB,IAItB,KAAK,SAAS,CAAC,GAMf,KAAK,yBAAyB,CAAC,GAC/B,KAAK,qBAAqB,KAAK,OAAO,UAAU,KAAK,YAAY,GACjE,KAAK,eAAe;GAChB,AAAK,KAAK,YAEV,KAAK,aAAa,GAClB,KAAK,eAAe,KAAK,SAAS,KAAK,aAAa,KAAK,MAAM,OAAO,KAAK,UAAU;EACzF,GACA,KAAK,oBAAoB,GACzB,KAAK,uBAAuB;GACxB,IAAMC,IAAMC,EAAK,IAAI;GACrB,AAAI,KAAK,oBAAoBD,MACzB,KAAK,oBAAoBA,GACzBE,EAAM,OAAO,KAAK,QAAQ,IAAO,EAAI;EAE7C;EACA,IAAM,EAAE,iBAAc,mBAAgBC;EAkBtC,AAjBA,KAAK,eAAeC,GACpB,KAAK,aAAa,EAAE,GAAGA,EAAa,GACpC,KAAK,gBAAgBC,EAAM,UAAU,EAAE,GAAGD,EAAa,IAAI,CAAC,GAC5D,KAAK,cAAcE,GACnB,KAAK,SAASC,GACd,KAAK,QAAQF,GACb,KAAK,kBAAkBG,GACvB,KAAK,QAAQD,IAASA,EAAO,QAAQ,IAAI,GACzC,KAAK,sBAAsBE,GAC3B,KAAK,uBAAuBC,GAC5B,KAAK,UAAUC,GACf,KAAK,wBAAwB,EAAQC,GACrC,KAAK,wBAAwBC,EAAsBR,CAAK,GACxD,KAAK,gBAAgBS,EAAcT,CAAK,GACpC,KAAK,kBACL,KAAK,kCAAkB,IAAI,IAAI,IAEnC,KAAK,yBAAyB,GAAQE,KAAUA,EAAO;EAWvD,IAAM,EAAE,eAAY,GAAGQ,MAAwB,KAAK,4BAA4BV,GAAO,CAAC,GAAG,IAAI;EAC/F,KAAK,IAAMW,KAAOD,GAAqB;GACnC,IAAME,IAAQF,EAAoBC;GAClC,AAAIZ,EAAaY,OAAS,KAAA,KAAaE,EAAcD,CAAK,KACtDA,EAAM,IAAIb,EAAaY,EAAI;EAEnC;CACJ;CACA,MAAM,GAAU;EAMZ,IAAI,KAAK,gBACL,KAAK,IAAMA,KAAO,KAAK,eAEnB,AADA,KAAK,OAAO,IAAIA,CAAG,CAAC,EAAE,KAAK,KAAK,cAAcA,EAAI,GAClD,KAAK,aAAaA,KAAO,KAAK,cAAcA;EAsCpD,AAnCA,KAAK,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,SAAS,GAAO,MAAQ,KAAK,kBAAkBH,GAAKC,CAAK,CAAC,GAMlE,KAAK,wBAAwB,UAC7B,KAAK,qBAAqB,KAErB,KAAK,wBAAwB,WAClC,KAAK,qBAAqB,MAGrBI,EAAyB,WAC1BC,EAAyB,GAE7B,KAAK,qBAAqBC,EAAqB,UAEnD,QAAA,IAAA,aAA6B,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;CAC1B;CACA,UAAU;EAON,AANA,KAAK,cAAc,KAAK,WAAW,QAAQ,GAC3CC,EAAY,KAAK,YAAY,GAC7BA,EAAY,KAAK,MAAM,GACvB,KAAK,mBAAmB,SAAS,MAAWC,EAAO,CAAC,GACpD,KAAK,mBAAmB,MAAM,GAC9B,KAAK,yBAAyB,KAAK,sBAAsB,GACzD,KAAK,QAAQ,YAAY,IAAI;EAC7B,KAAK,IAAMV,KAAO,KAAK,QACnB,KAAK,OAAOA,EAAI,CAAC,MAAM;EAE3B,KAAK,IAAMA,KAAO,KAAK,UAAU;GAC7B,IAAMW,IAAU,KAAK,SAASX;GAC9B,AAAIW,MACAA,EAAQ,QAAQ,GAChB,EAAQ,YAAY;EAE5B;EACA,KAAK,UAAU;CACnB;CACA,SAAS,GAAO;EAGZ,AAFA,KAAK,SAAS,IAAIC,CAAK,GACvB,AAA0B,KAAK,qCAAmB,IAAI,IAAI,GAC1D,KAAK,iBAAiB,IAAIA,CAAK;CACnC;CACA,YAAY,GAAO;EAEf,AADA,KAAK,SAAS,OAAOA,CAAK,GAC1B,KAAK,oBAAoB,KAAK,iBAAiB,OAAOA,CAAK;CAC/D;CACA,kBAAkB,GAAK,GAAO;EAI1B,IAHI,KAAK,mBAAmB,IAAIZ,CAAG,KAC/B,KAAK,mBAAmB,IAAIA,CAAG,CAAC,CAAC,GAEjCC,EAAM,cACNY,EAAkB,IAAIb,CAAG,KACzB,KAAK,mBAAmB,aAAa;GACrC,IAAM,EAAE,YAAS,cAAW,UAAO,SAAM,gBAAaC,EAAM,YACtDa,IAAY,IAAIC,EAAgB;IAClC,SAAS,KAAK;IACd,MAAMf;IACN;IACA;IACA;IACA,UAAUgB,EAAsBC,CAAQ;GAC5C,CAAC,GACKC,IAAUC,EAAQL,CAAS;GACjC,KAAK,mBAAmB,IAAId,SAAW;IAEnC,AADAkB,EAAQ,GACRJ,EAAU,OAAO;GACrB,CAAC;GACD;EACJ;EACA,IAAMM,IAAmBC,EAAe,IAAIrB,CAAG;EAC/C,AAAIoB,KAAoB,KAAK,mBACzB,KAAK,gBAAgB;EAEzB,IAAME,IAAiBrB,EAAM,GAAG,WAAW,MAAgB;GAMvD,AALA,KAAK,aAAaD,KAAOuB,GACzB,KAAK,MAAM,YAAYrC,EAAM,UAAU,KAAK,YAAY,GACpDkC,KAAoB,KAAK,eACzB,KAAK,WAAW,mBAAmB,KAEvC,KAAK,eAAe;EACxB,CAAC,GACGI;EAKJ,AAJI,OAAO,SAAW,OAClB,OAAO,0BACP,IAAkB,OAAO,sBAAsB,MAAMxB,GAAKC,CAAK,IAEnE,KAAK,mBAAmB,IAAID,SAAW;GAEnC,AADAsB,EAAe,GACXE,KACAA,EAAgB;EAGxB,CAAC;CACL;CACA,iBAAiB,GAAO;EASpB,OALI,CAAC,KAAK,WACN,CAAC,KAAK,4BACN,KAAK,SAASC,EAAM,OACb,IAEJ,KAAK,yBAAyB,KAAK,SAASA,EAAM,OAAO;CACpE;CACA,iBAAiB;EACb,IAAIzB,IAAM;EACV,KAAKA,KAAOtB,GAAoB;GAC5B,IAAMgD,IAAoBhD,EAAmBsB;GAC7C,IAAI,CAAC0B,GACD;GACJ,IAAM,EAAE,cAAW,SAASC,MAAuBD;GAYnD,IARI,CAAC,KAAK,SAAS1B,MACf2B,KACAC,EAAU,KAAK,KAAK,MACpB,KAAK,SAAS5B,KAAO,IAAI2B,EAAmB,IAAI,IAKhD,KAAK,SAAS3B,IAAM;IACpB,IAAMW,IAAU,KAAK,SAASX;IAC9B,AAAIW,EAAQ,YACRA,EAAQ,OAAO,KAGfA,EAAQ,MAAM,GACd,EAAQ,YAAY;GAE5B;EACJ;CACJ;CACA,eAAe;EACX,KAAK,MAAM,KAAK,aAAa,KAAK,cAAc,KAAK,KAAK;CAC9D;CAMA,qBAAqB;EACjB,OAAO,KAAK,UACN,KAAK,2BAA2B,KAAK,SAAS,KAAK,KAAK,IACxDkB,EAAU;CACpB;CACA,eAAe,GAAK;EAChB,OAAO,KAAK,aAAa7B;CAC7B;CACA,eAAe,GAAK,GAAO;EACvB,KAAK,aAAaA,KAAOC;CAC7B;CAKA,OAAO,GAAO,GAAiB;EAO3B,CANIZ,EAAM,qBAAqB,KAAK,MAAM,sBACtC,KAAK,eAAe,GAExB,KAAK,YAAY,KAAK,OACtB,KAAK,QAAQA,GACb,KAAK,sBAAsB,KAAK,iBAChC,KAAK,kBAAkBG;EAIvB,KAAK,IAAIsC,IAAI,GAAGA,IAAIrD,EAAkB,QAAQ,KAAK;GAC/C,IAAMuB,IAAMvB,EAAkBqD;GAC9B,AAAI,KAAK,uBAAuB9B,OAC5B,KAAK,uBAAuBA,EAAI,CAAC,GACjC,OAAO,KAAK,uBAAuBA;GAGvC,IAAM+B,IAAW1C,EADK,OAAOW;GAE7B,AAAI+B,MACA,KAAK,uBAAuB/B,KAAO,KAAK,GAAGA,GAAK+B,CAAQ;EAEhE;EAEA,AADA,KAAK,mBAAmBC,EAA4B,MAAM,KAAK,4BAA4B3C,GAAO,KAAK,aAAa,CAAC,GAAG,IAAI,GAAG,KAAK,gBAAgB,GAChJ,KAAK,0BACL,KAAK,uBAAuB;CAEpC;CACA,WAAW;EACP,OAAO,KAAK;CAChB;CAIA,WAAW,GAAM;EACb,OAAO,KAAK,MAAM,WAAW,KAAK,MAAM,SAAS4C,KAAQ,KAAA;CAC7D;CAIA,uBAAuB;EACnB,OAAO,KAAK,MAAM;CACtB;CACA,wBAAwB;EACpB,OAAO,KAAK,MAAM;CACtB;CACA,wBAAwB;EACpB,OAAO,KAAK,gBACN,OACA,KAAK,SACD,KAAK,OAAO,sBAAsB,IAClC,KAAA;CACd;CAIA,gBAAgB,GAAO;EACnB,IAAMC,IAAqB,KAAK,sBAAsB;EACtD,IAAIA,GAGA,OAFAA,EAAmB,mBACfA,EAAmB,gBAAgB,IAAItB,CAAK,SACnCsB,EAAmB,gBAAgB,OAAOtB,CAAK;CAEpE;CAIA,SAAS,GAAK,GAAO;EAEjB,IAAMuB,IAAgB,KAAK,OAAO,IAAInC,CAAG;EACzC,AAAIC,MAAUkC,MACNA,KACA,KAAK,YAAYnC,CAAG,GACxB,KAAK,kBAAkBA,GAAKC,CAAK,GACjC,KAAK,OAAO,IAAID,GAAKC,CAAK,GAC1B,KAAK,aAAaD,KAAOC,EAAM,IAAI;CAE3C;CAIA,YAAY,GAAK;EACb,KAAK,OAAO,OAAOD,CAAG;EACtB,IAAMoC,IAAc,KAAK,mBAAmB,IAAIpC,CAAG;EAMnD,AALIoC,MACAA,EAAY,GACZ,KAAK,mBAAmB,OAAOpC,CAAG,IAEtC,OAAO,KAAK,aAAaA,IACzB,KAAK,2BAA2BA,GAAK,KAAK,WAAW;CACzD;CAIA,SAAS,GAAK;EACV,OAAO,KAAK,OAAO,IAAIA,CAAG;CAC9B;CACA,SAAS,GAAK,GAAc;EACxB,IAAI,KAAK,MAAM,UAAU,KAAK,MAAM,OAAOA,IACvC,OAAO,KAAK,MAAM,OAAOA;EAE7B,IAAIC,IAAQ,KAAK,OAAO,IAAID,CAAG;EAK/B,OAJIC,MAAU,KAAA,KAAaoC,MAAiB,KAAA,MACxC,IAAQC,EAAYD,MAAiB,OAAO,KAAA,IAAYA,GAAc,EAAE,OAAO,KAAK,CAAC,GACrF,KAAK,SAASrC,GAAKC,CAAK,IAErBA;CACX;CAMA,UAAU,GAAK,GAAQ;EACnB,IAAIA,IAAQ,KAAK,aAAaD,OAAS,KAAA,KAAa,CAAC,KAAK,UACpD,KAAK,aAAaA,KAClB,KAAK,uBAAuB,KAAK,OAAOA,CAAG,KACzC,KAAK,sBAAsB,KAAK,SAASA,GAAK,KAAK,OAAO;EAYlE,OAXIC,KAAiC,SAC7B,OAAOA,KAAU,aAChBsC,EAAkBtC,CAAK,KAAKuC,EAAkBvC,CAAK,KAEpD,IAAQ,WAAWA,CAAK,IAEnB,CAACwC,EAAcxC,CAAK,KAAKyC,EAAQ,KAAKC,CAAM,MACjD,IAAQC,EAAkB5C,GAAK2C,CAAM,IAEzC,KAAK,cAAc3C,GAAKE,EAAcD,CAAK,IAAIA,EAAM,IAAI,IAAIA,CAAK,IAE/DC,EAAcD,CAAK,IAAIA,EAAM,IAAI,IAAIA;CAChD;CAKA,cAAc,GAAK,GAAO;EACtB,KAAK,WAAWD,KAAOC;CAC3B;CAKA,cAAc,GAAK;EACf,IAAM,EAAE,eAAY,KAAK,OACrB4C;EACJ,IAAI,OAAOC,KAAY,YAAY,OAAOA,KAAY,UAAU;GAC5D,IAAMC,IAAUC,EAAwB,KAAK,OAAOF,GAAS,KAAK,iBAAiB,MAAM;GACzF,AAAIC,MACA,IAAmBA,EAAQ/C;EAEnC;EAIA,IAAI8C,KAAWD,MAAqB,KAAA,GAChC,OAAOA;EAMX,IAAMF,IAAS,KAAK,uBAAuB,KAAK,OAAO3C,CAAG;EAO1D,OANI2C,MAAW,KAAA,KAAa,CAACzC,EAAcyC,CAAM,IACtCA,IAKJ,KAAK,cAAc3C,OAAS,KAAA,KAC/B6C,MAAqB,KAAA,IACnB,KAAA,IACA,KAAK,WAAW7C;CAC1B;CACA,GAAG,GAAW,GAAU;EAIpB,OAHK,KAAK,OAAOiD,OACb,KAAK,OAAOA,KAAa,IAAIC,EAAoB,IAE9C,KAAK,OAAOD,EAAU,CAAC,IAAIE,CAAQ;CAC9C;CACA,OAAO,GAAW,GAAGC,GAAM;EACvB,AAAI,KAAK,OAAOH,MACZ,KAAK,OAAOA,EAAU,CAAC,OAAO,GAAGG,CAAI;CAE7C;CACA,0BAA0B;EACtB,EAAU,OAAO,KAAK,MAAM;CAChC;AACJ"}

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

@@ -1,7 +1,7 @@
 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
+// node_modules/motion-dom/dist/es/render/dom/DOMVisualElement.mjs
 var r = class extends n {
 	constructor() {
 		super(...arguments), this.KeyframeResolver = t;
@@ -24,7 +24,6 @@ var r = class extends n {
 		}));
 	}
 };
-//#endregion
 export { r as DOMVisualElement };
 
 //# sourceMappingURL=DOMVisualElement.js.map

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

@@ -1 +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"}
+{"version":3,"file":"DOMVisualElement.js","names":["DOMVisualElement","VisualElement","DOMKeyframesResolver","a","b","style","props","key","vars","isMotionValue","children","latest"],"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"],"ignoreList":[0],"mappings":";;;;AAIA,IAAMA,IAAN,cAA+BC,EAAc;CACzC,cAAc;EAEV,AADA,MAAM,GAAG,SAAS,GAClB,KAAK,mBAAmBC;CAC5B;CACA,yBAAyB,GAAG,GAAG;EAM3B,OAAOC,EAAE,wBAAwBC,CAAC,IAAI,IAAI,IAAI;CAClD;CACA,uBAAuB,GAAO,GAAK;EAC/B,IAAMC,IAAQC,EAAM;EACpB,OAAOD,IAAQA,EAAME,KAAO,KAAA;CAChC;CACA,2BAA2B,GAAK,EAAE,SAAM,YAAS;EAE7C,AADA,OAAOC,EAAKD,IACZ,OAAOF,EAAME;CACjB;CACA,yBAAyB;EACrB,AAAI,KAAK,sBACL,KAAK,kBAAkB,GACvB,OAAO,KAAK;EAEhB,IAAM,EAAE,gBAAa,KAAK;EAC1B,AAAIE,EAAcC,CAAQ,MACtB,KAAK,oBAAoBA,EAAS,GAAG,WAAW,MAAW;GACvD,AAAI,KAAK,YACL,KAAK,QAAQ,cAAc,GAAGC;EAEtC,CAAC;CAET;AACJ"}

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

@@ -1,6 +1,5 @@
-//#region node_modules/motion-dom/dist/es/render/dom/is-css-var.mjs
+// 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

@@ -1 +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"}
+{"version":3,"file":"is-css-var.js","names":["isCSSVar","name"],"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"],"ignoreList":[0],"mappings":";AAAA,IAAMA,KAAY,MAASC,EAAK,WAAW,IAAI"}

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

@@ -1,4 +1,4 @@
-//#region node_modules/motion-dom/dist/es/render/dom/parse-transform.mjs
+// 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,
@@ -52,7 +52,6 @@ var u = (e, 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

@@ -1 +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"}
+{"version":3,"file":"parse-transform.js","names":["radToDeg","rad","rotate","rebaseAngle","v","matrix2dParsers","angle","rotateZ","scaleX","scaleY","matrix3dParsers","defaultTransformValue","parseValueFromTransform","transform","name","matrix3dMatch","parsers","match","matrix2dMatch","valueParser","values","convertTransformToNumber","readTransformValue","instance","value"],"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"],"ignoreList":[0],"mappings":";AAAA,IAAMA,KAAY,MAASC,IAAM,MAAO,KAAK,IACvCC,KAAU,MAELC,EADOH,EAAS,KAAK,MAAMI,EAAE,IAAIA,EAAE,EAAE,CACzB,CAAK,GAEtBC,IAAkB;CACpB,GAAG;CACH,GAAG;CACH,YAAY;CACZ,YAAY;CACZ,QAAQ;CACR,QAAQ;CACR,QAAQ,OAAO,KAAK,IAAID,EAAE,EAAE,IAAI,KAAK,IAAIA,EAAE,EAAE,KAAK;CAClD;CACA,SAASF;CACT,QAAQ,MAAMF,EAAS,KAAK,KAAKI,EAAE,EAAE,CAAC;CACtC,QAAQ,MAAMJ,EAAS,KAAK,KAAKI,EAAE,EAAE,CAAC;CACtC,OAAO,OAAO,KAAK,IAAIA,EAAE,EAAE,IAAI,KAAK,IAAIA,EAAE,EAAE,KAAK;AACrD,GACMD,KAAe,OACjB,KAAgB,KACZG,IAAQ,MACR,KAAS,MACNA,IAELC,IAAUL,GACVM,KAAU,MAAM,KAAK,KAAKJ,EAAE,KAAKA,EAAE,KAAKA,EAAE,KAAKA,EAAE,EAAE,GACnDK,KAAU,MAAM,KAAK,KAAKL,EAAE,KAAKA,EAAE,KAAKA,EAAE,KAAKA,EAAE,EAAE,GACnDM,IAAkB;CACpB,GAAG;CACH,GAAG;CACH,GAAG;CACH,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ;CACA;CACA,QAAQ,OAAOF,EAAOJ,CAAC,IAAIK,EAAOL,CAAC,KAAK;CACxC,UAAU,MAAMD,EAAYH,EAAS,KAAK,MAAMI,EAAE,IAAIA,EAAE,EAAE,CAAC,CAAC;CAC5D,UAAU,MAAMD,EAAYH,EAAS,KAAK,MAAM,CAACI,EAAE,IAAIA,EAAE,EAAE,CAAC,CAAC;CAC7D;CACA,QAAQG;CACR,QAAQ,MAAMP,EAAS,KAAK,KAAKI,EAAE,EAAE,CAAC;CACtC,QAAQ,MAAMJ,EAAS,KAAK,KAAKI,EAAE,EAAE,CAAC;CACtC,OAAO,OAAO,KAAK,IAAIA,EAAE,EAAE,IAAI,KAAK,IAAIA,EAAE,EAAE,KAAK;AACrD;AACA,SAASO,EAAsB,GAAM;CACjC,OAAO,KAAK,SAAS,OAAO;AAChC;AACA,SAASC,EAAwB,GAAW,GAAM;CAC9C,IAAI,CAACC,KAAaA,MAAc,QAC5B,OAAOF,EAAsBG,CAAI;CAErC,IAAMC,IAAgBF,EAAU,MAAM,8BAA8B,GAChEG,GACAC;CACJ,IAAIF,GAEA,AADA,IAAUL,GACV,IAAQK;MAEP;EACD,IAAMG,IAAgBL,EAAU,MAAM,4BAA4B;EAElE,AADA,IAAUR,GACV,IAAQa;CACZ;CACA,IAAI,CAACD,GACD,OAAON,EAAsBG,CAAI;CAErC,IAAMK,IAAcH,EAAQF,IACtBM,IAASH,EAAM,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,IAAII,CAAwB;CAC/D,OAAO,OAAOF,KAAgB,aACxBA,EAAYC,CAAM,IAClBA,EAAOD;AACjB;AACA,IAAMG,KAAsB,GAAU,MAAS;CAC3C,IAAM,EAAE,eAAY,WAAW,iBAAiBC,CAAQ;CACxD,OAAOX,EAAwBC,GAAWC,CAAI;AAClD;AACA,SAASO,EAAyB,GAAO;CACrC,OAAO,WAAWG,EAAM,KAAK,CAAC;AAClC"}

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

@@ -1,9 +1,8 @@
 import { isCSSVar as e } from "./is-css-var.js";
-//#region node_modules/motion-dom/dist/es/render/dom/style-set.mjs
+// 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

@@ -1 +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"}
+{"version":3,"file":"style-set.js","names":["setStyle","name","element","value"],"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"],"ignoreList":[0],"mappings":";;AAEA,SAASA,EAAS,GAAS,GAAM,GAAO;CACpC,EAASC,CAAI,IACPC,EAAQ,MAAM,YAAYD,GAAME,CAAK,IACpC,EAAQ,MAAMF,KAAQE;AACjC"}

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

@@ -1,8 +1,7 @@
-//#region node_modules/motion-dom/dist/es/render/dom/utils/camel-to-dash.mjs
+// 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

@@ -1 +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"}
+{"version":3,"file":"camel-to-dash.js","names":["camelToDash","str","match"],"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"],"ignoreList":[0],"mappings":";AAAA,SAASA,EAAY,GAAK;CACtB,OAAOC,EAAI,QAAQ,aAAa,MAAU,IAAIC,EAAM,YAAY,GAAG;AACvE"}

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

@@ -1,28 +1,28 @@
 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 { transformProps as t } from "../utils/keys-transform.js";
+import { defaultTransformValue as n, readTransformValue as r } from "../dom/parse-transform.js";
+import { measureViewportBox as i } from "../../projection/utils/measure.js";
+import { DOMVisualElement as a } from "../dom/DOMVisualElement.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
+// node_modules/motion-dom/dist/es/render/html/HTMLVisualElement.mjs
 function l(e) {
 	return window.getComputedStyle(e);
 }
-var u = class extends i {
+var u = class extends a {
 	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);
+		if (t.has(a)) return this.projection?.isProjecting ? n(a) : r(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);
+		return i(e, t);
 	}
 	build(e, t, n) {
 		o(e, t, n.transformTemplate);
@@ -31,7 +31,6 @@ var u = class extends i {
 		return c(e, t, n);
 	}
 };
-//#endregion
-export { u as HTMLVisualElement };
+export { u as HTMLVisualElement, l as getComputedStyle };
 
 //# sourceMappingURL=HTMLVisualElement.js.map

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

@@ -1 +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"}
+{"version":3,"file":"HTMLVisualElement.js","names":["getComputedStyle","element","HTMLVisualElement","DOMVisualElement","renderHTML","transformProps","key","defaultTransformValue","readTransformValue","instance","computedStyle","value","isCSSVariableName","measureViewportBox","transformPagePoint","renderState","latestValues","props","scrapeMotionValuesFromProps","prevProps","visualElement"],"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"],"ignoreList":[0],"mappings":";;;;;;;;;AASA,SAASA,EAAiB,GAAS;CAC/B,OAAO,OAAO,iBAAiBC,CAAO;AAC1C;AACA,IAAMC,IAAN,cAAgCC,EAAiB;CAC7C,cAAc;EAGV,AAFA,MAAM,GAAG,SAAS,GAClB,KAAK,OAAO,QACZ,KAAK,iBAAiBC;CAC1B;CACA,sBAAsB,GAAU,GAAK;EACjC,IAAIC,EAAe,IAAIC,CAAG,GACtB,OAAO,KAAK,YAAY,eAClBC,EAAsBD,CAAG,IACzBE,EAAmBC,GAAUH,CAAG;EAErC;GACD,IAAMI,IAAgBV,EAAiBS,CAAQ,GACzCE,KAASC,EAAkBN,CAAG,IAC9BI,EAAc,iBAAiBJ,CAAG,IAClCI,EAAcJ,OAAS;GAC7B,OAAO,OAAOK,KAAU,WAAWA,EAAM,KAAK,IAAIA;EACtD;CACJ;CACA,2BAA2B,GAAU,EAAE,yBAAsB;EACzD,OAAOE,EAAmBJ,GAAUK,CAAkB;CAC1D;CACA,MAAM,GAAa,GAAc,GAAO;EACpC,EAAgBC,GAAaC,GAAcC,EAAM,iBAAiB;CACtE;CACA,4BAA4B,GAAO,GAAW,GAAe;EACzD,OAAOC,EAA4BD,GAAOE,GAAWC,CAAa;CACtE;AACJ"}

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

@@ -1,22 +1,18 @@
-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 { getValueAsType as e } from "../../../value/types/utils/get-as-type.js";
+import { numberValueTypes as t } from "../../../value/types/maps/number.js";
+import { transformProps as n } from "../../utils/keys-transform.js";
+import { isCSSVariableName as r } from "../../../animation/utils/is-css-variable.js";
 import { buildTransform as i } from "./build-transform.js";
-//#region node_modules/motion-dom/dist/es/render/html/utils/build-styles.mjs
+// 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 (n.has(i)) d = !0;
+		else if (r(i)) l[i] = a;
+		else {
+			let n = e(a, t[i]);
+			i.startsWith("origin") ? (f = !0, u[i] = n) : c[i] = n;
 		}
 	}
 	if (o.transform || (d || s ? c.transform = i(o, a.transform, s) : c.transform &&= "none"), f) {
@@ -24,7 +20,6 @@ function a(a, o, s) {
 		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

@@ -1 +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"}
+{"version":3,"file":"build-styles.js","names":["buildHTMLStyles","state","hasTransform","hasTransformOrigin","key","latestValues","value","transformProps","isCSSVariableName","valueAsType","getValueAsType","numberValueTypes","transformTemplate","buildTransform","style","transformOrigin","originX","originY","originZ"],"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"],"ignoreList":[0],"mappings":";;;;;;AAMA,SAASA,EAAgB,GAAO,GAAc,GAAmB;CAC7D,IAAM,EAAE,UAAO,SAAM,uBAAoBC,GAErCC,IAAe,IACfC,IAAqB;CAOzB,KAAK,IAAMC,KAAOC,GAAc;EAC5B,IAAMC,IAAQD,EAAaD;EAC3B,IAAIG,EAAe,IAAIH,CAAG,GAEtB,IAAe;OAGd,IAAII,EAAkBJ,CAAG,GAC1B,EAAKA,KAAOE;OAGX;GAED,IAAMG,IAAcC,EAAeJ,GAAOK,EAAiBP,EAAI;GAC/D,AAAIA,EAAI,WAAW,QAAQ,KAEvB,IAAqB,IACrB,EAAgBA,KACZK,KAGJ,EAAML,KAAOK;EAErB;CACJ;CAiBA,IAhBKJ,EAAa,cACVH,KAAgBU,IAChB,EAAM,YAAYC,EAAeR,GAAcJ,EAAM,WAAWW,CAAiB,IAEhF,AAKDE,EAAM,cAAY,SAOtBX,GAAoB;EACpB,IAAM,EAAE,aAAU,OAAO,aAAU,OAAO,aAAU,MAAOY;EAC3D,EAAM,kBAAkB,GAAGC,EAAQ,GAAGC,EAAQ,GAAGC;CACrD;AACJ"}

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

@@ -1,17 +1,17 @@
-import { transformPropOrder as e } from "../../utils/keys-transform.js";
+import { getValueAsType as e } from "../../../value/types/utils/get-as-type.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
+import { transformPropOrder as n } from "../../utils/keys-transform.js";
+// 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;
+}, i = n.length;
 function a(a, o, s) {
 	let c = "", l = !0;
 	for (let u = 0; u < i; u++) {
-		let i = e[u], d = a[i];
+		let i = n[u], d = a[i];
 		if (d === void 0) continue;
 		let f = !0;
 		if (typeof d == "number") f = d === +!!i.startsWith("scale");
@@ -20,19 +20,18 @@ function a(a, o, s) {
 			f = i.startsWith("scale") ? e === 1 : e === 0;
 		}
 		if (!f || s) {
-			let e = n(d, t[i]);
+			let n = e(d, t[i]);
 			if (!f) {
 				l = !1;
-				let t = r[i] || i;
-				c += `${t}(${e}) `;
+				let e = r[i] || i;
+				c += `${e}(${n}) `;
 			}
-			s && (o[i] = e);
+			s && (o[i] = n);
 		}
 	}
 	let u = a.pathRotation;
-	return u && (l = !1, c += `rotate(${n(u, t.pathRotation)}) `), c = c.trim(), s ? c = s(o, l ? "" : c) : l && (c = "none"), c;
+	return u && (l = !1, c += `rotate(${e(u, t.pathRotation)}) `), 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

@@ -1 +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    // `pathRotation` composes onto `rotate` as a separate additive term so\n    // the user's `rotate` is never clobbered. Deliberately not a slot in\n    // `transformPropOrder`.\n    const pathRotation = latestValues.pathRotation;\n    if (pathRotation) {\n        transformIsDefault = false;\n        transformString += `rotate(${getValueAsType(pathRotation, numberValueTypes.pathRotation)}) `;\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;;;CAO7B,IAAM,IAAe,EAAa;AAclC,QAbI,MACA,IAAqB,IACrB,KAAmB,UAAU,EAAe,GAAc,EAAiB,aAAa,CAAC,MAE7F,IAAkB,EAAgB,MAAM,EAGpC,IACA,IAAkB,EAAkB,GAAW,IAAqB,KAAK,EAAgB,GAEpF,MACL,IAAkB,SAEf"}
+{"version":3,"file":"build-transform.js","names":["translateAlias","numTransforms","transformPropOrder","buildTransform","transformString","transformIsDefault","i","key","value","latestValues","valueIsDefault","parsed","transformTemplate","valueAsType","getValueAsType","numberValueTypes","transformName","pathRotation","transform"],"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    // `pathRotation` composes onto `rotate` as a separate additive term so\n    // the user's `rotate` is never clobbered. Deliberately not a slot in\n    // `transformPropOrder`.\n    const pathRotation = latestValues.pathRotation;\n    if (pathRotation) {\n        transformIsDefault = false;\n        transformString += `rotate(${getValueAsType(pathRotation, numberValueTypes.pathRotation)}) `;\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"],"ignoreList":[0],"mappings":";;;;AAIA,IAAMA,IAAiB;CACnB,GAAG;CACH,GAAG;CACH,GAAG;CACH,sBAAsB;AAC1B,GACMC,IAAgBC,EAAmB;AAOzC,SAASC,EAAe,GAAc,GAAW,GAAmB;CAEhE,IAAIC,IAAkB,IAClBC,IAAqB;CAKzB,KAAK,IAAIC,IAAI,GAAGA,IAAIL,GAAe,KAAK;EACpC,IAAMM,IAAML,EAAmBI,IACzBE,IAAQC,EAAaF;EAC3B,IAAIC,MAAU,KAAA,GACV;EACJ,IAAIE,IAAiB;EACrB,IAAI,OAAOF,KAAU,UACjB,IAAiBA,MAAW,KAAI,WAAW,OAAO;OAEjD;GACD,IAAMG,IAAS,WAAWH,CAAK;GAC/B,IAAiBD,EAAI,WAAW,OAAO,IAAII,MAAW,IAAIA,MAAW;EACzE;EACA,IAAI,CAACD,KAAkBE,GAAmB;GACtC,IAAMC,IAAcC,EAAeN,GAAOO,EAAiBR,EAAI;GAC/D,IAAI,CAACG,GAAgB;IACjB,IAAqB;IACrB,IAAMM,IAAgBhB,EAAeO,MAAQA;IAC7C,KAAmB,GAAGS,EAAc,GAAGH,EAAY;GACvD;GACA,AAAID,MACA,EAAUL,KAAOM;EAEzB;CACJ;CAIA,IAAMI,IAAeR,EAAa;CAclC,OAbIQ,MACA,IAAqB,IACrB,KAAmB,UAAUH,EAAeG,GAAcF,EAAiB,YAAY,EAAE,MAE7F,IAAkBX,EAAgB,KAAK,GAGnCQ,IACA,IAAkBA,EAAkBM,GAAWb,IAAqB,KAAKD,CAAe,IAEnFC,MACL,IAAkB,SAEfD;AACX"}

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

@@ -1,10 +1,9 @@
-//#region node_modules/motion-dom/dist/es/render/html/utils/render.mjs
+// 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

@@ -1 +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"}
+{"version":3,"file":"render.js","names":["renderHTML","elementStyle","element","key","style","projection","styleProp","vars"],"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"],"ignoreList":[0],"mappings":";AAAA,SAASA,EAAW,GAAS,EAAE,UAAO,WAAQ,GAAW,GAAY;CACjE,IAAMC,IAAeC,EAAQ,OACzBC;CACJ,KAAKA,KAAOC,GAER,EAAaD,KAAOC,EAAMD;CAI9B,KAAKA,KADLE,GAAY,sBAAsBJ,GAAcK,CAAS,GAC7CC,GAGR,EAAa,YAAYJ,GAAKI,EAAKJ,EAAI;AAE/C"}

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

@@ -1,13 +1,12 @@
 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
+// 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

@@ -1 +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"}
+{"version":3,"file":"scrape-motion-values.js","names":["scrapeMotionValuesFromProps","style","props","prevStyle","prevProps","newValues","key","isMotionValue","isForcedMotionValue","visualElement"],"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"],"ignoreList":[0],"mappings":";;;AAGA,SAASA,EAA4B,GAAO,GAAW,GAAe;CAClE,IAAMC,IAAQC,EAAM,OACdC,IAAYC,GAAW,OACvBC,IAAY,CAAC;CACnB,IAAI,CAACJ,GACD,OAAOI;CACX,KAAK,IAAMC,KAAOL,GACd,CAAIM,EAAcN,EAAMK,EAAI,KACvBH,KAAaI,EAAcJ,EAAUG,EAAI,KAC1CE,EAAoBF,GAAKJ,CAAK,KAC9BO,GAAe,SAASH,CAAG,CAAC,EAAE,cAAc,KAAA,OAC5C,EAAUA,KAAOL,EAAMK;CAG/B,OAAOD;AACX"}

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

@@ -1,6 +1,5 @@
-//#region node_modules/motion-dom/dist/es/render/store.mjs
+// 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

@@ -1 +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"}
+{"version":3,"file":"store.js","names":["visualElementStore"],"sources":["../../../../../../node_modules/motion-dom/dist/es/render/store.mjs"],"sourcesContent":["const visualElementStore = new WeakMap();\n\nexport { visualElementStore };\n//# sourceMappingURL=store.mjs.map\n"],"ignoreList":[0],"mappings":";AAAA,IAAMA,oBAAqB,IAAI,QAAQ"}