motion-v 1.1.0-alpha.1 → 1.1.1

package/dist/es/external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/utils/is-html-element.mjs

@@ -0,0 +1,7 @@
+import { isObject } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/is-object.mjs";
+function isHTMLElement(element) {
+  return isObject(element) && "offsetHeight" in element;
+}
+export {
+  isHTMLElement
+};

package/dist/es/external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/utils/is-svg-element.mjs

@@ -0,0 +1,7 @@
+import { isObject } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/is-object.mjs";
+function isSVGElement(element) {
+  return isObject(element) && "ownerSVGElement" in element;
+}
+export {
+  isSVGElement
+};

package/dist/es/external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/utils/is-svg-svg-element.mjs

@@ -0,0 +1,7 @@
+import { isSVGElement } from "./is-svg-element.mjs";
+function isSVGSVGElement(element) {
+  return isSVGElement(element) && element.tagName === "svg";
+}
+export {
+  isSVGSVGElement
+};

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/utils/mix/color.mjs

@@ -4,7 +4,7 @@ import { hslaToRgba } from "../../value/types/color/hsla-to-rgba.mjs";
 import { rgba } from "../../value/types/color/rgba.mjs";
 import { mixImmediate } from "./immediate.mjs";
 import { mixNumber } from "./number.mjs";
-import { warning } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/errors.mjs";
+import { warning } from "../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/errors.mjs";
 const mixLinearColor = (from, to, v) => {
   const fromExpo = from * from;
   const expo = v * (to * to - fromExpo) + fromExpo;

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/utils/mix/complex.mjs

@@ -5,8 +5,8 @@ import { mixColor } from "./color.mjs";
 import { mixImmediate } from "./immediate.mjs";
 import { mixNumber as mixNumber$1 } from "./number.mjs";
 import { invisibleValues, mixVisibility } from "./visibility.mjs";
-import { pipe } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/pipe.mjs";
-import { warning } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/errors.mjs";
+import { pipe } from "../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/pipe.mjs";
+import { warning } from "../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/errors.mjs";
 function mixNumber(a, b) {
   return (p) => mixNumber$1(a, b, p);
 }

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/utils/supports/memo.mjs

@@ -1,5 +1,5 @@
 import { supportsFlags } from "./flags.mjs";
-import { memo } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/memo.mjs";
+import { memo } from "../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/memo.mjs";
 function memoSupports(callback, supportsFlag) {
   const memoized = memo(callback);
   return () => supportsFlags[supportsFlag] ?? memoized();

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/utils/supports/scroll-timeline.mjs

@@ -1,4 +1,4 @@
-import { memo } from "../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/memo.mjs";
+import { memo } from "../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/memo.mjs";
 const supportsScrollTimeline = /* @__PURE__ */ memo(() => window.ScrollTimeline !== void 0);
 export {
   supportsScrollTimeline

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/value/index.mjs

@@ -1,8 +1,8 @@
 import { time } from "../frameloop/sync-time.mjs";
 import { frame } from "../frameloop/frame.mjs";
-import { warnOnce } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/warn-once.mjs";
-import { SubscriptionManager } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/subscription-manager.mjs";
-import { velocityPerSecond } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/velocity-per-second.mjs";
+import { warnOnce } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/warn-once.mjs";
+import { SubscriptionManager } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/subscription-manager.mjs";
+import { velocityPerSecond } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/velocity-per-second.mjs";
 const MAX_VELOCITY_DELTA = 30;
 const isFloat = (value) => {
   return !isNaN(parseFloat(value));
@@ -18,7 +18,6 @@ class MotionValue {
    * -  `transformer`: A function to transform incoming values with.
    */
   constructor(init, options = {}) {
-    this.version = "__VERSION__";
     this.canTrackVelocity = null;
     this.events = {};
     this.updateAndNotify = (v, render = true) => {

package/dist/es/external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/value/spring-value.mjs

@@ -0,0 +1,57 @@
+import { motionValue } from "./index.mjs";
+import { JSAnimation } from "../animation/JSAnimation.mjs";
+import { isMotionValue } from "./utils/is-motion-value.mjs";
+import { frame } from "../frameloop/frame.mjs";
+function springValue(source, options) {
+  const initialValue = isMotionValue(source) ? source.get() : source;
+  const value = motionValue(initialValue);
+  attachSpring(value, source, options);
+  return value;
+}
+function attachSpring(value, source, options) {
+  const initialValue = value.get();
+  let activeAnimation = null;
+  let latestValue = initialValue;
+  let latestSetter;
+  const unit = typeof initialValue === "string" ? initialValue.replace(/[\d.-]/g, "") : void 0;
+  const stopAnimation = () => {
+    if (activeAnimation) {
+      activeAnimation.stop();
+      activeAnimation = null;
+    }
+  };
+  const startAnimation = () => {
+    stopAnimation();
+    activeAnimation = new JSAnimation({
+      keyframes: [asNumber(value.get()), asNumber(latestValue)],
+      velocity: value.getVelocity(),
+      type: "spring",
+      restDelta: 1e-3,
+      restSpeed: 0.01,
+      ...options,
+      onUpdate: latestSetter
+    });
+  };
+  value.attach((v, set) => {
+    latestValue = v;
+    latestSetter = (latest) => set(parseValue(latest, unit));
+    frame.postRender(startAnimation);
+    return value.get();
+  }, stopAnimation);
+  let unsubscribe = void 0;
+  if (isMotionValue(source)) {
+    unsubscribe = source.on("change", (v) => value.set(parseValue(v, unit)));
+    value.on("destroy", unsubscribe);
+  }
+  return unsubscribe;
+}
+function parseValue(v, unit) {
+  return unit ? v + unit : v;
+}
+function asNumber(v) {
+  return typeof v === "number" ? v : parseFloat(v);
+}
+export {
+  attachSpring,
+  springValue
+};

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/value/types/color/rgba.mjs

@@ -1,7 +1,7 @@
 import { number, alpha } from "../numbers/index.mjs";
 import { sanitize } from "../utils/sanitize.mjs";
 import { isColorString, splitColor } from "./utils.mjs";
-import { clamp } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/clamp.mjs";
+import { clamp } from "../../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/clamp.mjs";
 const clampRgbUnit = (v) => clamp(0, 255, v);
 const rgbUnit = {
   ...number,

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/value/types/numbers/index.mjs

@@ -1,4 +1,4 @@
-import { clamp } from "../../../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/clamp.mjs";
+import { clamp } from "../../../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/clamp.mjs";
 const number = {
   test: (v) => typeof v === "number",
   parse: parseFloat,

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/view/index.mjs

@@ -1,5 +1,5 @@
 import { addToQueue } from "./queue.mjs";
-import { noop } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/noop.mjs";
+import { noop } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/noop.mjs";
 class ViewTransitionBuilder {
   constructor(update, options = {}) {
     this.currentTarget = "root";

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/view/queue.mjs

@@ -1,6 +1,6 @@
 import { microtask } from "../frameloop/microtask.mjs";
 import { startViewAnimation } from "./start.mjs";
-import { removeItem } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/array.mjs";
+import { removeItem } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/array.mjs";
 let builders = [];
 let current = null;
 function next() {

package/dist/es/external/.pnpm/{motion-dom@12.10.5 → motion-dom@12.12.1}/external/motion-dom/dist/es/view/start.mjs

@@ -9,7 +9,7 @@ import { css } from "./utils/css.mjs";
 import { getLayerName } from "./utils/get-layer-name.mjs";
 import { getViewAnimations } from "./utils/get-view-animations.mjs";
 import { hasTarget } from "./utils/has-target.mjs";
-import { secondsToMilliseconds } from "../../../../../../motion-utils@12.9.4/external/motion-utils/dist/es/time-conversion.mjs";
+import { secondsToMilliseconds } from "../../../../../../motion-utils@12.12.1/external/motion-utils/dist/es/time-conversion.mjs";
 const definitionNames = ["layout", "enter", "exit", "new", "old"];
 function startViewAnimation(builder) {
   const { update, targets, options: defaultOptions } = builder;

package/dist/es/external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/is-object.mjs

@@ -0,0 +1,6 @@
+function isObject(value) {
+  return typeof value === "object" && value !== null;
+}
+export {
+  isObject
+};

package/dist/es/features/animation/animation.mjs

@@ -1,15 +1,15 @@
 import { isAnimationControls } from "../../animation/utils.mjs";
 import { Feature } from "../feature.mjs";
 import { mountedStates } from "../../state/motion-state.mjs";
-import { visualElementStore } from "../../external/.pnpm/framer-motion@12.10.5/external/framer-motion/dist/es/render/store.mjs";
+import { visualElementStore } from "../../external/.pnpm/framer-motion@12.12.1/external/framer-motion/dist/es/render/store.mjs";
 import { motionEvent } from "../../state/event.mjs";
 import { style } from "../../state/style.mjs";
 import { transformResetValue } from "../../state/transform.mjs";
 import { hasChanged, resolveVariant } from "../../state/utils.mjs";
 import { isDef } from "@vueuse/core";
 import { createVisualElement } from "../../state/create-visual-element.mjs";
-import { animate } from "../../external/.pnpm/framer-motion@12.10.5/external/framer-motion/dist/es/animation/animate/index.mjs";
-import { noop } from "../../external/.pnpm/motion-utils@12.9.4/external/motion-utils/dist/es/noop.mjs";
+import { animate } from "../../external/.pnpm/framer-motion@12.12.1/external/framer-motion/dist/es/animation/animate/index.mjs";
+import { noop } from "../../external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/noop.mjs";
 const STATE_TYPES = ["initial", "animate", "whileInView", "whileHover", "whilePress", "whileDrag", "whileFocus", "exit"];
 class AnimationFeature extends Feature {
   constructor(state) {

package/dist/es/features/gestures/drag/VisualElementDragControls.mjs

@@ -12,12 +12,12 @@ import { percent } from "../../../value/types/numbers/units.mjs";
 import { addValueToWillChange } from "../../../value/use-will-change/add-will-change.mjs";
 import { measurePageBox } from "../../../projection/utils/measure.mjs";
 import { convertBoxToBoundingBox, convertBoundingBoxToBox } from "../../../projection/conversion.mjs";
-import { animateMotionValue } from "../../../external/.pnpm/framer-motion@12.10.5/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs";
+import { animateMotionValue } from "../../../external/.pnpm/framer-motion@12.12.1/external/framer-motion/dist/es/animation/interfaces/motion-value.mjs";
 import { mixNumber } from "../../../utils/mix/number.mjs";
 import { invariant } from "hey-listen";
 import { isPresent } from "../../../state/utils/is-present.mjs";
 import { getContextWindow } from "../../../utils/get-context-window.mjs";
-import { frame } from "../../../external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { frame } from "../../../external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/frameloop/frame.mjs";
 const elementDragControls = /* @__PURE__ */ new WeakMap();
 class VisualElementDragControls {
   constructor(visualElement) {

package/dist/es/features/gestures/drag/index.mjs

@@ -1,6 +1,6 @@
 import { Feature } from "../../feature.mjs";
 import { VisualElementDragControls } from "./VisualElementDragControls.mjs";
-import { noop } from "../../../external/.pnpm/motion-utils@12.9.4/external/motion-utils/dist/es/noop.mjs";
+import { noop } from "../../../external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/noop.mjs";
 class DragGesture extends Feature {
   constructor(state) {
     super(state);

package/dist/es/features/gestures/focus/index.mjs

@@ -1,6 +1,6 @@
 import { addDomEvent } from "../../../events/add-dom-event.mjs";
 import { Feature } from "../../feature.mjs";
-import { pipe } from "../../../external/.pnpm/motion-utils@12.9.4/external/motion-utils/dist/es/pipe.mjs";
+import { pipe } from "../../../external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/pipe.mjs";
 class FocusGesture extends Feature {
   constructor() {
     super(...arguments);

package/dist/es/features/gestures/hover/index.mjs

@@ -1,7 +1,7 @@
 import { Feature } from "../../feature.mjs";
-import { hover } from "../../../external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/gestures/hover.mjs";
+import { hover } from "../../../external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/gestures/hover.mjs";
 import { extractEventInfo } from "../press/index.mjs";
-import { frame } from "../../../external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { frame } from "../../../external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/frameloop/frame.mjs";
 function handleHoverEvent(state, event, lifecycle) {
   const props = state.options;
   if (props.whileHover) {

package/dist/es/features/gestures/in-view/index.mjs

@@ -1,6 +1,6 @@
 import { Feature } from "../../feature.mjs";
-import { inView } from "../../../external/.pnpm/framer-motion@12.10.5/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
-import { frame } from "../../../external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { inView } from "../../../external/.pnpm/framer-motion@12.12.1/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
+import { frame } from "../../../external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/frameloop/frame.mjs";
 function handleHoverEvent(state, entry, lifecycle) {
   const props = state.options;
   if (props.whileInView) {

package/dist/es/features/gestures/pan/PanSession.mjs

@@ -1,9 +1,9 @@
 import { addPointerEvent } from "../../../events/add-pointer-event.mjs";
 import { extractEventInfo } from "../../../events/event-info.mjs";
-import { distance2D } from "../../../external/.pnpm/framer-motion@12.10.5/external/framer-motion/dist/es/utils/distance.mjs";
-import { pipe } from "../../../external/.pnpm/motion-utils@12.9.4/external/motion-utils/dist/es/pipe.mjs";
-import { secondsToMilliseconds, millisecondsToSeconds } from "../../../external/.pnpm/motion-utils@12.9.4/external/motion-utils/dist/es/time-conversion.mjs";
-import { frame, cancelFrame, frameData } from "../../../external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { distance2D } from "../../../external/.pnpm/framer-motion@12.12.1/external/framer-motion/dist/es/utils/distance.mjs";
+import { pipe } from "../../../external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/pipe.mjs";
+import { secondsToMilliseconds, millisecondsToSeconds } from "../../../external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/time-conversion.mjs";
+import { frame, cancelFrame, frameData } from "../../../external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/frameloop/frame.mjs";
 import { isPrimaryPointer } from "../../../events/utils/is-primary-pointer.mjs";
 class PanSession {
   constructor(event, handlers, { transformPagePoint, contextWindow, dragSnapToOrigin = false } = {}) {

package/dist/es/features/gestures/pan/index.mjs

@@ -1,9 +1,9 @@
 import { PanSession } from "./PanSession.mjs";
 import { addPointerEvent } from "../../../events/add-pointer-event.mjs";
 import { Feature } from "../../feature.mjs";
-import { noop } from "../../../external/.pnpm/motion-utils@12.9.4/external/motion-utils/dist/es/noop.mjs";
+import { noop } from "../../../external/.pnpm/motion-utils@12.12.1/external/motion-utils/dist/es/noop.mjs";
 import { getContextWindow } from "../../../utils/get-context-window.mjs";
-import { frame } from "../../../external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { frame } from "../../../external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/frameloop/frame.mjs";
 function asyncHandler(handler) {
   return (event, info) => {
     if (handler) {

package/dist/es/features/gestures/press/index.mjs

@@ -1,6 +1,6 @@
 import { Feature } from "../../feature.mjs";
-import { press } from "../../../external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/gestures/press/index.mjs";
-import { frame } from "../../../external/.pnpm/motion-dom@12.10.5/external/motion-dom/dist/es/frameloop/frame.mjs";
+import { press } from "../../../external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/gestures/press/index.mjs";
+import { frame } from "../../../external/.pnpm/motion-dom@12.12.1/external/motion-dom/dist/es/frameloop/frame.mjs";
 function extractEventInfo(event) {
   return {
     point: {

package/dist/es/features/layout/config.mjs

@@ -1,5 +1,5 @@
-import { correctBorderRadius } from "../../external/.pnpm/framer-motion@12.10.5/external/framer-motion/dist/es/projection/styles/scale-border-radius.mjs";
-import { correctBoxShadow } from "../../external/.pnpm/framer-motion@12.10.5/external/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs";
+import { correctBorderRadius } from "../../external/.pnpm/framer-motion@12.12.1/external/framer-motion/dist/es/projection/styles/scale-border-radius.mjs";
+import { correctBoxShadow } from "../../external/.pnpm/framer-motion@12.12.1/external/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs";
 const defaultScaleCorrector = {
   borderRadius: {
     ...correctBorderRadius,

package/dist/es/features/layout/layout.mjs

@@ -1,7 +1,7 @@
 import { Feature } from "../feature.mjs";
-import { addScaleCorrector } from "../../external/.pnpm/framer-motion@12.10.5/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
+import { addScaleCorrector } from "../../external/.pnpm/framer-motion@12.12.1/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
 import { defaultScaleCorrector } from "./config.mjs";
-import { globalProjectionState } from "../../external/.pnpm/framer-motion@12.10.5/external/framer-motion/dist/es/projection/node/state.mjs";
+import { globalProjectionState } from "../../external/.pnpm/framer-motion@12.12.1/external/framer-motion/dist/es/projection/node/state.mjs";
 class LayoutFeature extends Feature {
   constructor(state) {
     super(state);
@@ -15,8 +15,9 @@ class LayoutFeature extends Feature {
   }
   didUpdate() {
     var _a, _b;
-    if (this.state.options.layout || this.state.options.layoutId || this.state.options.drag)
+    if (this.state.options.layout || this.state.options.layoutId || this.state.options.drag) {
       (_b = (_a = this.state.visualElement.projection) == null ? void 0 : _a.root) == null ? void 0 : _b.didUpdate();
+    }
   }
   mount() {
     var _a;
@@ -48,7 +49,7 @@ class LayoutFeature extends Feature {
     const layoutGroup = this.state.options.layoutGroup;
     const projection = this.state.visualElement.projection;
     if (projection) {
-      if (layoutGroup == null ? void 0 : layoutGroup.group) {
+      if ((layoutGroup == null ? void 0 : layoutGroup.group) && (this.state.options.layout || this.state.options.layoutId)) {
         layoutGroup.group.remove(projection);
       }
       this.didUpdate();

package/dist/es/features/layout/projection.mjs

@@ -1,7 +1,7 @@
 import { Feature } from "../feature.mjs";
-import { HTMLProjectionNode } from "../../external/.pnpm/framer-motion@12.10.5/external/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs";
+import { HTMLProjectionNode } from "../../external/.pnpm/framer-motion@12.12.1/external/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs";
 import { getClosestProjectingNode } from "./utils.mjs";
-import { addScaleCorrector } from "../../external/.pnpm/framer-motion@12.10.5/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
+import { addScaleCorrector } from "../../external/.pnpm/framer-motion@12.12.1/external/framer-motion/dist/es/projection/styles/scale-correction.mjs";
 import { defaultScaleCorrector } from "./config.mjs";
 import { isHTMLElement } from "../gestures/drag/utils/is.mjs";
 import { doneCallbacks } from "../../components/presence.mjs";