motion-v 0.3.0 → 0.4.0

package/dist/es/index.mjs

@@ -1,104 +1,121 @@
-import { default as e } from "./components/Motion.vue.mjs";
-import { default as m } from "./components/AnimatePresence.vue.mjs";
-import { components as a, utilities as f } from "./constants/index.mjs";
-import { MotionValue as i, motionValue as x, motionValue as s } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/index.mjs";
-import { animate as u, createScopedAnimate as l } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animate/index.mjs";
-import { animateMini as d } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs";
-import { scroll as V } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/index.mjs";
-import { scrollInfo as O } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/track.mjs";
-import { inView as y } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/viewport/index.mjs";
-import { anticipate as k } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/anticipate.mjs";
-import { backIn as A, backInOut as T, backOut as v } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/back.mjs";
-import { circIn as E, circInOut as F, circOut as z } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/circ.mjs";
-import { easeIn as C, easeInOut as P, easeOut as h } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/ease.mjs";
-import { cubicBezier as q } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/cubic-bezier.mjs";
-import { steps as H } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/steps.mjs";
-import { mirrorEasing as K } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/modifiers/mirror.mjs";
-import { reverseEasing as N } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/modifiers/reverse.mjs";
-import { spring as R } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/generators/spring/index.mjs";
-import { inertia as W } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/generators/inertia.mjs";
-import { keyframes as Y } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/generators/keyframes.mjs";
-import { stagger as _ } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/utils/stagger.mjs";
-import { transform as rr } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/transform.mjs";
-import { clamp as er } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/clamp.mjs";
-import { delayInSeconds as mr } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/delay.mjs";
-import { distance as ar, distance2D as fr } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/distance.mjs";
-import { invariant as ir, warning as xr } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/errors.mjs";
-import { interpolate as cr } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/interpolate.mjs";
-import { mix as lr } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/mix/index.mjs";
-import { pipe as dr } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/pipe.mjs";
-import { progress as Vr } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/progress.mjs";
-import { wrap as Or } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/wrap.mjs";
-import { cancelSync as yr, sync as br } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/frameloop/index-legacy.mjs";
-import { cancelFrame as wr, frame as Ar, frameData as Tr, frameSteps as vr } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/frameloop/frame.mjs";
-import { useTransform as Er } from "./value/use-transform.mjs";
-import { useTime as zr } from "./value/use-time.mjs";
-import { useMotionTemplate as Cr } from "./value/use-motion-template.mjs";
-import { useSpring as hr } from "./value/use-spring.mjs";
-import { useScroll as qr } from "./value/use-scroll.mjs";
-import { useAnimate as Hr } from "./animation/use-animate.mjs";
-import { createContext as Kr } from "./utils/createContext.mjs";
-import { isMotionValue as Nr } from "./utils/motion-value.mjs";
-import { useInView as Rr } from "./utils/use-in-view.mjs";
-import { useAnimationFrame as Wr } from "./utils/use-animation-frame.mjs";
+import { default as default2 } from "./components/Motion.vue.mjs";
+import { default as default3 } from "./components/AnimatePresence.vue.mjs";
+import { default as default4 } from "./components/LayoutGroup.vue.mjs";
+import { injectLayoutGroup, injectMotion, provideLayoutGroup, provideMotion, shouldInheritGroup, shouldInheritId } from "./components/context.mjs";
+import { components, utilities } from "./constants/index.mjs";
+import { MotionValue, motionValue, motionValue as motionValue2 } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/index.mjs";
+import { animate, createScopedAnimate } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animate/index.mjs";
+import { animateMini } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs";
+import { scroll } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/index.mjs";
+import { scrollInfo } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/track.mjs";
+import { inView } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/viewport/index.mjs";
+import { anticipate } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/anticipate.mjs";
+import { backIn, backInOut, backOut } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/back.mjs";
+import { circIn, circInOut, circOut } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/circ.mjs";
+import { easeIn, easeInOut, easeOut } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/ease.mjs";
+import { cubicBezier } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/cubic-bezier.mjs";
+import { steps } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/steps.mjs";
+import { mirrorEasing } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/modifiers/mirror.mjs";
+import { reverseEasing } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/easing/modifiers/reverse.mjs";
+import { spring } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/generators/spring/index.mjs";
+import { inertia } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/generators/inertia.mjs";
+import { keyframes } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/generators/keyframes.mjs";
+import { stagger } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/utils/stagger.mjs";
+import { transform } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/transform.mjs";
+import { clamp } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/clamp.mjs";
+import { delayInSeconds } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/delay.mjs";
+import { distance, distance2D } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/distance.mjs";
+import { invariant, warning } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/errors.mjs";
+import { interpolate } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/interpolate.mjs";
+import { mix } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/mix/index.mjs";
+import { pipe } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/pipe.mjs";
+import { progress } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/progress.mjs";
+import { wrap } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/wrap.mjs";
+import { cancelSync, sync } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/frameloop/index-legacy.mjs";
+import { cancelFrame, frame, frameData, frameSteps } from "./node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/frameloop/frame.mjs";
+import { useComputed } from "./value/use-computed.mjs";
+import { useCombineMotionValues } from "./value/use-combine-values.mjs";
+import { useTransform } from "./value/use-transform.mjs";
+import { useTime } from "./value/use-time.mjs";
+import { useMotionTemplate } from "./value/use-motion-template.mjs";
+import { useMotionValueEvent } from "./value/use-motion-value-event.mjs";
+import { useSpring } from "./value/use-spring.mjs";
+import { useScroll } from "./value/use-scroll.mjs";
+import { useVelocity } from "./value/use-velocity.mjs";
+import { useAnimate } from "./animation/use-animate.mjs";
+import { createContext } from "./utils/createContext.mjs";
+import { isMotionValue } from "./utils/motion-value.mjs";
+import { useInView } from "./utils/use-in-view.mjs";
+import { useAnimationFrame } from "./utils/use-animation-frame.mjs";
 export {
-  m as AnimatePresence,
-  e as Motion,
-  i as MotionValue,
-  u as animate,
-  d as animateMini,
-  k as anticipate,
-  A as backIn,
-  T as backInOut,
-  v as backOut,
-  wr as cancelFrame,
-  yr as cancelSync,
-  E as circIn,
-  F as circInOut,
-  z as circOut,
-  er as clamp,
-  a as components,
-  Kr as createContext,
-  l as createScopedAnimate,
-  q as cubicBezier,
-  mr as delay,
-  ar as distance,
-  fr as distance2D,
-  C as easeIn,
-  P as easeInOut,
-  h as easeOut,
-  Ar as frame,
-  Tr as frameData,
-  vr as frameSteps,
-  y as inView,
-  W as inertia,
-  cr as interpolate,
-  ir as invariant,
-  Nr as isMotionValue,
-  Y as keyframes,
-  K as mirrorEasing,
-  lr as mix,
-  x as motionValue,
-  dr as pipe,
-  Vr as progress,
-  N as reverseEasing,
-  V as scroll,
-  O as scrollInfo,
-  R as spring,
-  _ as stagger,
-  H as steps,
-  br as sync,
-  rr as transform,
-  Hr as useAnimate,
-  Wr as useAnimationFrame,
-  Rr as useInView,
-  Cr as useMotionTemplate,
-  s as useMotionValue,
-  qr as useScroll,
-  hr as useSpring,
-  zr as useTime,
-  Er as useTransform,
-  f as utilities,
-  xr as warning,
-  Or as wrap
+  default3 as AnimatePresence,
+  default4 as LayoutGroup,
+  default2 as Motion,
+  MotionValue,
+  animate,
+  animateMini,
+  anticipate,
+  backIn,
+  backInOut,
+  backOut,
+  cancelFrame,
+  cancelSync,
+  circIn,
+  circInOut,
+  circOut,
+  clamp,
+  components,
+  createContext,
+  createScopedAnimate,
+  cubicBezier,
+  delayInSeconds as delay,
+  distance,
+  distance2D,
+  easeIn,
+  easeInOut,
+  easeOut,
+  frame,
+  frameData,
+  frameSteps,
+  inView,
+  inertia,
+  injectLayoutGroup,
+  injectMotion,
+  interpolate,
+  invariant,
+  isMotionValue,
+  keyframes,
+  mirrorEasing,
+  mix,
+  motionValue,
+  pipe,
+  progress,
+  provideLayoutGroup,
+  provideMotion,
+  reverseEasing,
+  scroll,
+  scrollInfo,
+  shouldInheritGroup,
+  shouldInheritId,
+  spring,
+  stagger,
+  steps,
+  sync,
+  transform,
+  useAnimate,
+  useAnimationFrame,
+  useCombineMotionValues,
+  useComputed,
+  useInView,
+  useMotionTemplate,
+  motionValue2 as useMotionValue,
+  useMotionValueEvent,
+  useScroll,
+  useSpring,
+  useTime,
+  useTransform,
+  useVelocity,
+  utilities,
+  warning,
+  wrap
 };

package/dist/es/node_modules/.pnpm/@vueuse_shared@12.0.0_typescript@5.5.4/node_modules/@vueuse/shared/index.mjs

@@ -0,0 +1,6 @@
+import "vue";
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+const isDef = (val) => typeof val !== "undefined";
+export {
+  isDef
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/GroupPlaybackControls.mjs

@@ -1,52 +1,62 @@
-import { supportsScrollTimeline as n } from "../render/dom/scroll/supports.mjs";
-class o {
-  constructor(t) {
-    this.stop = () => this.runAll("stop"), this.animations = t.filter(Boolean);
+import { supportsScrollTimeline } from "../render/dom/scroll/supports.mjs";
+class GroupPlaybackControls {
+  constructor(animations) {
+    this.stop = () => this.runAll("stop");
+    this.animations = animations.filter(Boolean);
   }
-  then(t, e) {
-    return Promise.all(this.animations).then(t).catch(e);
+  then(onResolve, onReject) {
+    return Promise.all(this.animations).then(onResolve).catch(onReject);
   }
   /**
    * TODO: Filter out cancelled or stopped animations before returning
    */
-  getAll(t) {
-    return this.animations[0][t];
-  }
-  setAll(t, e) {
-    for (let s = 0; s < this.animations.length; s++)
-      this.animations[s][t] = e;
-  }
-  attachTimeline(t, e) {
-    const s = this.animations.map((i) => n() && i.attachTimeline ? i.attachTimeline(t) : e(i));
+  getAll(propName) {
+    return this.animations[0][propName];
+  }
+  setAll(propName, newValue) {
+    for (let i = 0; i < this.animations.length; i++) {
+      this.animations[i][propName] = newValue;
+    }
+  }
+  attachTimeline(timeline, fallback) {
+    const subscriptions = this.animations.map((animation) => {
+      if (supportsScrollTimeline() && animation.attachTimeline) {
+        return animation.attachTimeline(timeline);
+      } else {
+        return fallback(animation);
+      }
+    });
     return () => {
-      s.forEach((i, l) => {
-        i && i(), this.animations[l].stop();
+      subscriptions.forEach((cancel, i) => {
+        cancel && cancel();
+        this.animations[i].stop();
       });
     };
   }
   get time() {
     return this.getAll("time");
   }
-  set time(t) {
-    this.setAll("time", t);
+  set time(time) {
+    this.setAll("time", time);
   }
   get speed() {
     return this.getAll("speed");
   }
-  set speed(t) {
-    this.setAll("speed", t);
+  set speed(speed) {
+    this.setAll("speed", speed);
   }
   get startTime() {
     return this.getAll("startTime");
   }
   get duration() {
-    let t = 0;
-    for (let e = 0; e < this.animations.length; e++)
-      t = Math.max(t, this.animations[e].duration);
-    return t;
+    let max = 0;
+    for (let i = 0; i < this.animations.length; i++) {
+      max = Math.max(max, this.animations[i].duration);
+    }
+    return max;
   }
-  runAll(t) {
-    this.animations.forEach((e) => e[t]());
+  runAll(methodName) {
+    this.animations.forEach((controls) => controls[methodName]());
   }
   play() {
     this.runAll("play");
@@ -62,5 +72,5 @@ class o {
   }
 }
 export {
-  o as GroupPlaybackControls
+  GroupPlaybackControls
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animate/index.mjs

@@ -1,20 +1,27 @@
-import { GroupPlaybackControls as e } from "../GroupPlaybackControls.mjs";
-import { animateSequence as f } from "./sequence.mjs";
-import { animateSubject as u } from "./subject.mjs";
-function A(n) {
-  return Array.isArray(n) && Array.isArray(n[0]);
+import { GroupPlaybackControls } from "../GroupPlaybackControls.mjs";
+import { animateSequence } from "./sequence.mjs";
+import { animateSubject } from "./subject.mjs";
+function isSequence(value) {
+  return Array.isArray(value) && Array.isArray(value[0]);
 }
-function c(n) {
-  function o(i, r, m) {
-    let t = [];
-    A(i) ? t = f(i, r, n) : t = u(i, r, m, n);
-    const a = new e(t);
-    return n && n.animations.push(a), a;
+function createScopedAnimate(scope) {
+  function scopedAnimate(subjectOrSequence, optionsOrKeyframes, options) {
+    let animations = [];
+    if (isSequence(subjectOrSequence)) {
+      animations = animateSequence(subjectOrSequence, optionsOrKeyframes, scope);
+    } else {
+      animations = animateSubject(subjectOrSequence, optionsOrKeyframes, options, scope);
+    }
+    const animation = new GroupPlaybackControls(animations);
+    if (scope) {
+      scope.animations.push(animation);
+    }
+    return animation;
   }
-  return o;
+  return scopedAnimate;
 }
-const l = c();
+const animate = createScopedAnimate();
 export {
-  l as animate,
-  c as createScopedAnimate
+  animate,
+  createScopedAnimate
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animate/resolve-subjects.mjs

@@ -1,8 +1,16 @@
-import { resolveElements as f } from "../../render/dom/utils/resolve-element.mjs";
-import { isDOMKeyframes as n } from "../utils/is-dom-keyframes.mjs";
-function s(r, e, o, i) {
-  return typeof r == "string" && n(e) ? f(r, o, i) : r instanceof NodeList ? Array.from(r) : Array.isArray(r) ? r : [r];
+import { resolveElements } from "../../render/dom/utils/resolve-element.mjs";
+import { isDOMKeyframes } from "../utils/is-dom-keyframes.mjs";
+function resolveSubjects(subject, keyframes, scope, selectorCache) {
+  if (typeof subject === "string" && isDOMKeyframes(keyframes)) {
+    return resolveElements(subject, scope, selectorCache);
+  } else if (subject instanceof NodeList) {
+    return Array.from(subject);
+  } else if (Array.isArray(subject)) {
+    return subject;
+  } else {
+    return [subject];
+  }
 }
 export {
-  s as resolveSubjects
+  resolveSubjects
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animate/sequence.mjs

@@ -1,12 +1,14 @@
-import { spring as r } from "../generators/spring/index.mjs";
-import { createAnimationsFromSequence as c } from "../sequence/create.mjs";
-import { animateSubject as s } from "./subject.mjs";
-function h(i, o, t) {
-  const n = [];
-  return c(i, o, t, { spring: r }).forEach(({ keyframes: e, transition: a }, m) => {
-    n.push(...s(m, e, a));
-  }), n;
+import { spring } from "../generators/spring/index.mjs";
+import { createAnimationsFromSequence } from "../sequence/create.mjs";
+import { animateSubject } from "./subject.mjs";
+function animateSequence(sequence, options, scope) {
+  const animations = [];
+  const animationDefinitions = createAnimationsFromSequence(sequence, options, scope, { spring });
+  animationDefinitions.forEach(({ keyframes, transition }, subject) => {
+    animations.push(...animateSubject(subject, keyframes, transition));
+  });
+  return animations;
 }
 export {
-  h as animateSequence
+  animateSequence
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animate/single-value.mjs

@@ -1,10 +1,11 @@
-import { animateMotionValue as m } from "../interfaces/motion-value.mjs";
-import { motionValue as a } from "../../value/index.mjs";
-import { isMotionValue as r } from "../../value/utils/is-motion-value.mjs";
-function f(o, i, n) {
-  const t = r(o) ? o : a(o);
-  return t.start(m("", t, i, n)), t.animation;
+import { animateMotionValue } from "../interfaces/motion-value.mjs";
+import { motionValue } from "../../value/index.mjs";
+import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
+function animateSingleValue(value, keyframes, options) {
+  const motionValue$1 = isMotionValue(value) ? value : motionValue(value);
+  motionValue$1.start(animateMotionValue("", motionValue$1, keyframes, options));
+  return motionValue$1.animation;
 }
 export {
-  f as animateSingleValue
+  animateSingleValue
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animate/subject.mjs

@@ -1,30 +1,38 @@
-import { visualElementStore as u } from "../../render/store.mjs";
-import { invariant as d } from "../../utils/errors.mjs";
-import { isMotionValue as S } from "../../value/utils/is-motion-value.mjs";
-import { animateTarget as g } from "../interfaces/visual-element-target.mjs";
-import { createDOMVisualElement as v, createObjectVisualElement as E } from "../utils/create-visual-element.mjs";
-import { isDOMKeyframes as s } from "../utils/is-dom-keyframes.mjs";
-import { resolveSubjects as V } from "./resolve-subjects.mjs";
-import { animateSingleValue as h } from "./single-value.mjs";
-function b(e, t) {
-  return S(e) || typeof e == "number" || typeof e == "string" && !s(t);
+import { visualElementStore } from "../../render/store.mjs";
+import { invariant } from "../../utils/errors.mjs";
+import { isMotionValue } from "../../value/utils/is-motion-value.mjs";
+import { animateTarget } from "../interfaces/visual-element-target.mjs";
+import { createDOMVisualElement, createObjectVisualElement } from "../utils/create-visual-element.mjs";
+import { isDOMKeyframes } from "../utils/is-dom-keyframes.mjs";
+import { resolveSubjects } from "./resolve-subjects.mjs";
+import { animateSingleValue } from "./single-value.mjs";
+function isSingleValue(subject, keyframes) {
+  return isMotionValue(subject) || typeof subject === "number" || typeof subject === "string" && !isDOMKeyframes(keyframes);
 }
-function N(e, t, n, c) {
-  const a = [];
-  if (b(e, t))
-    a.push(h(e, s(t) && t.default || t, n && (n.default || n)));
-  else {
-    const m = V(e, t, c), r = m.length;
-    d(!!r, "No valid elements provided.");
-    for (let o = 0; o < r; o++) {
-      const l = m[o], f = l instanceof Element ? v : E;
-      u.has(l) || f(l);
-      const p = u.get(l), i = { ...n };
-      "delay" in i && typeof i.delay == "function" && (i.delay = i.delay(o, r)), a.push(...g(p, { ...t, transition: i }, {}));
+function animateSubject(subject, keyframes, options, scope) {
+  const animations = [];
+  if (isSingleValue(subject, keyframes)) {
+    animations.push(animateSingleValue(subject, isDOMKeyframes(keyframes) ? keyframes.default || keyframes : keyframes, options ? options.default || options : options));
+  } else {
+    const subjects = resolveSubjects(subject, keyframes, scope);
+    const numSubjects = subjects.length;
+    invariant(Boolean(numSubjects), "No valid elements provided.");
+    for (let i = 0; i < numSubjects; i++) {
+      const thisSubject = subjects[i];
+      const createVisualElement = thisSubject instanceof Element ? createDOMVisualElement : createObjectVisualElement;
+      if (!visualElementStore.has(thisSubject)) {
+        createVisualElement(thisSubject);
+      }
+      const visualElement = visualElementStore.get(thisSubject);
+      const transition = { ...options };
+      if ("delay" in transition && typeof transition.delay === "function") {
+        transition.delay = transition.delay(i, numSubjects);
+      }
+      animations.push(...animateTarget(visualElement, { ...keyframes, transition }, {}));
     }
   }
-  return a;
+  return animations;
 }
 export {
-  N as animateSubject
+  animateSubject
 };