motion-v 1.0.0-beta.1 → 1.0.0-beta.3

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-dom@12.9.0/external/motion-dom}/dist/es/utils/mix/complex.mjs

@@ -1,12 +1,12 @@
-import { mixNumber as mixNumber$1 } from "./number.mjs";
-import { mixColor } from "./color.mjs";
-import { pipe } from "../pipe.mjs";
-import { warning } from "../../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
+import { isCSSVariableToken } from "../../animation/utils/is-css-variable.mjs";
 import { color } from "../../value/types/color/index.mjs";
 import { complex, analyseComplexValue } from "../../value/types/complex/index.mjs";
-import { isCSSVariableToken } from "../../render/dom/utils/is-css-variable.mjs";
-import { invisibleValues, mixVisibility } from "./visibility.mjs";
+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.8.3/external/motion-utils/dist/es/pipe.mjs";
+import { warning } from "../../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/errors.mjs";
 function mixNumber(a, b) {
   return (p) => mixNumber$1(a, b, p);
 }
@@ -49,13 +49,12 @@ function mixObject(a, b) {
   };
 }
 function matchOrder(origin, target) {
-  var _a;
   const orderedOrigin = [];
   const pointers = { color: 0, var: 0, number: 0 };
   for (let i = 0; i < target.values.length; i++) {
     const type = target.types[i];
     const originIndex = origin.indexes[type][pointers[type]];
-    const originValue = (_a = origin.values[originIndex]) !== null && _a !== void 0 ? _a : 0;
+    const originValue = origin.values[originIndex] ?? 0;
     orderedOrigin[i] = originValue;
     pointers[type]++;
   }

package/dist/es/external/.pnpm/{motion-dom@12.5.0 → motion-dom@12.9.0}/external/motion-dom/dist/es/utils/resolve-elements.mjs

@@ -1,5 +1,4 @@
 function resolveElements(elementOrSelector, scope, selectorCache) {
-  var _a;
   if (elementOrSelector instanceof EventTarget) {
     return [elementOrSelector];
   } else if (typeof elementOrSelector === "string") {
@@ -7,7 +6,7 @@ function resolveElements(elementOrSelector, scope, selectorCache) {
     if (scope) {
       root = scope.current;
     }
-    const elements = (_a = selectorCache === null || selectorCache === void 0 ? void 0 : selectorCache[elementOrSelector]) !== null && _a !== void 0 ? _a : root.querySelectorAll(elementOrSelector);
+    const elements = (selectorCache == null ? void 0 : selectorCache[elementOrSelector]) ?? root.querySelectorAll(elementOrSelector);
     return elements ? Array.from(elements) : [];
   }
   return Array.from(elementOrSelector);

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/utils/supports/flags.mjs

@@ -0,0 +1,4 @@
+const supportsFlags = {};
+export {
+  supportsFlags
+};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/utils/supports/memo.mjs

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

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

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

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-dom@12.9.0/external/motion-dom}/dist/es/utils/transform.mjs

@@ -1,8 +1,4 @@
 import { interpolate } from "./interpolate.mjs";
-const isCustomValueType = (v) => {
-  return v && typeof v === "object" && v.mix;
-};
-const getMixer = (v) => isCustomValueType(v) ? v.mix : void 0;
 function transform(...args) {
   const useImmediate = !Array.isArray(args[0]);
   const argOffset = useImmediate ? 0 : -1;
@@ -10,10 +6,7 @@ function transform(...args) {
   const inputRange = args[1 + argOffset];
   const outputRange = args[2 + argOffset];
   const options = args[3 + argOffset];
-  const interpolator = interpolate(inputRange, outputRange, {
-    mixer: getMixer(outputRange[0]),
-    ...options
-  });
+  const interpolator = interpolate(inputRange, outputRange, options);
   return useImmediate ? interpolator(inputValue) : interpolator;
 }
 export {

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

@@ -1,9 +1,8 @@
-import "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/errors.mjs";
-import { SubscriptionManager } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/subscription-manager.mjs";
-import { velocityPerSecond } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/velocity-per-second.mjs";
-import { warnOnce } from "../../../../../../motion-utils@12.5.0/external/motion-utils/dist/es/warn-once.mjs";
-import { frame } from "../frameloop/frame.mjs";
 import { time } from "../frameloop/sync-time.mjs";
+import { frame } from "../frameloop/frame.mjs";
+import { warnOnce } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/warn-once.mjs";
+import { SubscriptionManager } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/subscription-manager.mjs";
+import { velocityPerSecond } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/velocity-per-second.mjs";
 const MAX_VELOCITY_DELTA = 30;
 const isFloat = (value) => {
   return !isNaN(parseFloat(value));
@@ -19,21 +18,22 @@ class MotionValue {
    * -  `transformer`: A function to transform incoming values with.
    */
   constructor(init, options = {}) {
-    this.version = "12.5.0";
+    this.version = "12.9.0";
     this.canTrackVelocity = null;
     this.events = {};
     this.updateAndNotify = (v, render = true) => {
+      var _a, _b;
       const currentTime = time.now();
       if (this.updatedAt !== currentTime) {
         this.setPrevFrameValue();
       }
       this.prev = this.current;
       this.setCurrent(v);
-      if (this.current !== this.prev && this.events.change) {
-        this.events.change.notify(this.current);
+      if (this.current !== this.prev) {
+        (_a = this.events.change) == null ? void 0 : _a.notify(this.current);
       }
-      if (render && this.events.renderRequest) {
-        this.events.renderRequest.notify(this.current);
+      if (render) {
+        (_b = this.events.renderRequest) == null ? void 0 : _b.notify(this.current);
       }
     };
     this.hasAnimated = false;
@@ -260,6 +260,8 @@ class MotionValue {
    * @public
    */
   destroy() {
+    var _a;
+    (_a = this.events.destroy) == null ? void 0 : _a.notify();
     this.clearListeners();
     this.stop();
     if (this.stopPassiveEffect) {

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/value/map-value.mjs

@@ -0,0 +1,9 @@
+import { transform } from "../utils/transform.mjs";
+import { transformValue } from "./transform-value.mjs";
+function mapValue(inputValue, inputRange, outputRange, options) {
+  const map = transform(inputRange, outputRange, options);
+  return transformValue(() => map(inputValue.get()));
+}
+export {
+  mapValue
+};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/value/subscribe-value.mjs

@@ -0,0 +1,13 @@
+import { cancelFrame, frame } from "../frameloop/frame.mjs";
+function subscribeValue(inputValues, outputValue, getLatest) {
+  const update = () => outputValue.set(getLatest());
+  const scheduleUpdate = () => frame.preRender(update, false, true);
+  const subscriptions = inputValues.map((v) => v.on("change", scheduleUpdate));
+  outputValue.on("destroy", () => {
+    subscriptions.forEach((unsubscribe) => unsubscribe());
+    cancelFrame(update);
+  });
+}
+export {
+  subscribeValue
+};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/value/transform-value.mjs

@@ -0,0 +1,14 @@
+import { collectMotionValues, motionValue } from "./index.mjs";
+import { subscribeValue } from "./subscribe-value.mjs";
+function transformValue(transform) {
+  const collectedValues = [];
+  collectMotionValues.current = collectedValues;
+  const initialValue = transform();
+  collectMotionValues.current = void 0;
+  const value = motionValue(initialValue);
+  subscribeValue(collectedValues, value, transform);
+  return value;
+}
+export {
+  transformValue
+};

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-dom@12.9.0/external/motion-dom}/dist/es/value/types/color/rgba.mjs

@@ -1,7 +1,7 @@
-import { clamp } from "../../../utils/clamp.mjs";
 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.8.3/external/motion-utils/dist/es/clamp.mjs";
 const clampRgbUnit = (v) => clamp(0, 255, v);
 const rgbUnit = {
   ...number,

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-dom@12.9.0/external/motion-dom}/dist/es/value/types/complex/index.mjs

@@ -4,7 +4,7 @@ import { floatRegex } from "../utils/float-regex.mjs";
 import { sanitize } from "../utils/sanitize.mjs";
 function test(v) {
   var _a, _b;
-  return isNaN(v) && typeof v === "string" && (((_a = v.match(floatRegex)) === null || _a === void 0 ? void 0 : _a.length) || 0) + (((_b = v.match(colorRegex)) === null || _b === void 0 ? void 0 : _b.length) || 0) > 0;
+  return isNaN(v) && typeof v === "string" && (((_a = v.match(floatRegex)) == null ? void 0 : _a.length) || 0) + (((_b = v.match(colorRegex)) == null ? void 0 : _b.length) || 0) > 0;
 }
 const NUMBER_TOKEN = "number";
 const COLOR_TOKEN = "color";

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/value-types → motion-dom@12.9.0/external/motion-dom/dist/es/value/types}/dimensions.mjs

@@ -1,7 +1,7 @@
-import { number } from "../../../value/types/numbers/index.mjs";
-import { px, percent, degrees, vw, vh } from "../../../value/types/numbers/units.mjs";
+import { auto } from "./auto.mjs";
+import { number } from "./numbers/index.mjs";
+import { px, percent, degrees, vw, vh } from "./numbers/units.mjs";
 import { testValueType } from "./test.mjs";
-import { auto } from "./type-auto.mjs";
 const dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto];
 const findDimensionValueType = (v) => dimensionValueTypes.find(testValueType(v));
 export {

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/value-types/type-int.mjs → motion-dom@12.9.0/external/motion-dom/dist/es/value/types/int.mjs}

@@ -1,4 +1,4 @@
-import { number } from "../../../value/types/numbers/index.mjs";
+import { number } from "./numbers/index.mjs";
 const int = {
   ...number,
   transform: Math.round

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/value-types → motion-dom@12.9.0/external/motion-dom/dist/es/value/types/maps}/defaults.mjs

@@ -1,5 +1,5 @@
-import { color } from "../../../value/types/color/index.mjs";
-import { filter } from "../../../value/types/complex/filter.mjs";
+import { color } from "../color/index.mjs";
+import { filter } from "../complex/filter.mjs";
 import { numberValueTypes } from "./number.mjs";
 const defaultValueTypes = {
   ...numberValueTypes,

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/value-types/number-browser.mjs → motion-dom@12.9.0/external/motion-dom/dist/es/value/types/maps/number.mjs}

@@ -1,5 +1,8 @@
-import { px } from "../../../value/types/numbers/units.mjs";
-const browserNumberValueTypes = {
+import { int } from "../int.mjs";
+import { alpha } from "../numbers/index.mjs";
+import { px } from "../numbers/units.mjs";
+import { transformValueTypes } from "./transform.mjs";
+const numberValueTypes = {
   // Border props
   borderWidth: px,
   borderTopWidth: px,
@@ -34,8 +37,14 @@ const browserNumberValueTypes = {
   marginLeft: px,
   // Misc
   backgroundPositionX: px,
-  backgroundPositionY: px
+  backgroundPositionY: px,
+  ...transformValueTypes,
+  zIndex: int,
+  // SVG
+  fillOpacity: alpha,
+  strokeOpacity: alpha,
+  numOctaves: int
 };
 export {
-  browserNumberValueTypes
+  numberValueTypes
 };

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/value-types → motion-dom@12.9.0/external/motion-dom/dist/es/value/types/maps}/transform.mjs

@@ -1,5 +1,5 @@
-import { scale, alpha } from "../../../value/types/numbers/index.mjs";
-import { degrees, px, progressPercentage } from "../../../value/types/numbers/units.mjs";
+import { scale, alpha } from "../numbers/index.mjs";
+import { degrees, px, progressPercentage } from "../numbers/units.mjs";
 const transformValueTypes = {
   rotate: degrees,
   rotateX: degrees,

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-dom@12.9.0/external/motion-dom}/dist/es/value/types/numbers/index.mjs

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

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion → motion-dom@12.9.0/external/motion-dom}/dist/es/value/types/numbers/units.mjs

@@ -1,4 +1,4 @@
-const createUnitType = (unit) => ({
+const createUnitType = /* @__NO_SIDE_EFFECTS__ */ (unit) => ({
   test: (v) => typeof v === "string" && v.endsWith(unit) && v.split(" ").length === 1,
   parse: parseFloat,
   transform: (v) => `${v}${unit}`
@@ -8,11 +8,11 @@ const percent = /* @__PURE__ */ createUnitType("%");
 const px = /* @__PURE__ */ createUnitType("px");
 const vh = /* @__PURE__ */ createUnitType("vh");
 const vw = /* @__PURE__ */ createUnitType("vw");
-const progressPercentage = {
+const progressPercentage = /* @__PURE__ */ (() => ({
   ...percent,
   parse: (v) => percent.parse(v) / 100,
   transform: (v) => percent.transform(v * 100)
-};
+}))();
 export {
   degrees,
   percent,

package/dist/es/external/.pnpm/{framer-motion@12.5.0/external/framer-motion/dist/es/render/dom/value-types → motion-dom@12.9.0/external/motion-dom/dist/es/value/types/utils}/animatable-none.mjs

@@ -1,6 +1,6 @@
-import { complex } from "../../../value/types/complex/index.mjs";
-import { filter } from "../../../value/types/complex/filter.mjs";
-import { getDefaultValueType } from "./defaults.mjs";
+import { complex } from "../complex/index.mjs";
+import { filter } from "../complex/filter.mjs";
+import { getDefaultValueType } from "../maps/defaults.mjs";
 function getAnimatableNone(key, value) {
   let defaultValueType = getDefaultValueType(key);
   if (defaultValueType !== filter)

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/value/types/utils/find.mjs

@@ -0,0 +1,9 @@
+import { color } from "../color/index.mjs";
+import { complex } from "../complex/index.mjs";
+import { dimensionValueTypes } from "../dimensions.mjs";
+import { testValueType } from "../test.mjs";
+const valueTypes = [...dimensionValueTypes, color, complex];
+const findValueType = (v) => valueTypes.find(testValueType(v));
+export {
+  findValueType
+};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/view/index.mjs

@@ -0,0 +1,65 @@
+import { addToQueue } from "./queue.mjs";
+import { noop } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/noop.mjs";
+class ViewTransitionBuilder {
+  constructor(update, options = {}) {
+    this.currentTarget = "root";
+    this.targets = /* @__PURE__ */ new Map();
+    this.notifyReady = noop;
+    this.readyPromise = new Promise((resolve) => {
+      this.notifyReady = resolve;
+    });
+    this.update = update;
+    this.options = {
+      interrupt: "wait",
+      ...options
+    };
+    addToQueue(this);
+  }
+  get(selector) {
+    this.currentTarget = selector;
+    return this;
+  }
+  layout(keyframes, options) {
+    this.updateTarget("layout", keyframes, options);
+    return this;
+  }
+  new(keyframes, options) {
+    this.updateTarget("new", keyframes, options);
+    return this;
+  }
+  old(keyframes, options) {
+    this.updateTarget("old", keyframes, options);
+    return this;
+  }
+  enter(keyframes, options) {
+    this.updateTarget("enter", keyframes, options);
+    return this;
+  }
+  exit(keyframes, options) {
+    this.updateTarget("exit", keyframes, options);
+    return this;
+  }
+  crossfade(options) {
+    this.updateTarget("enter", { opacity: 1 }, options);
+    this.updateTarget("exit", { opacity: 0 }, options);
+    return this;
+  }
+  updateTarget(target, keyframes, options = {}) {
+    const { currentTarget, targets } = this;
+    if (!targets.has(currentTarget)) {
+      targets.set(currentTarget, {});
+    }
+    const targetData = targets.get(currentTarget);
+    targetData[target] = { keyframes, options };
+  }
+  then(resolve, reject) {
+    return this.readyPromise.then(resolve, reject);
+  }
+}
+function animateView(update, defaultOptions = {}) {
+  return new ViewTransitionBuilder(update, defaultOptions);
+}
+export {
+  ViewTransitionBuilder,
+  animateView
+};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/view/queue.mjs

@@ -0,0 +1,45 @@
+import { microtask } from "../frameloop/microtask.mjs";
+import { startViewAnimation } from "./start.mjs";
+import { removeItem } from "../../../../../../motion-utils@12.8.3/external/motion-utils/dist/es/array.mjs";
+let builders = [];
+let current = null;
+function next() {
+  current = null;
+  const [nextBuilder] = builders;
+  if (nextBuilder)
+    start(nextBuilder);
+}
+function start(builder) {
+  removeItem(builders, builder);
+  current = builder;
+  startViewAnimation(builder).then((animation) => {
+    builder.notifyReady(animation);
+    animation.finished.finally(next);
+  });
+}
+function processQueue() {
+  var _a;
+  for (let i = builders.length - 1; i >= 0; i--) {
+    const builder = builders[i];
+    const { interrupt } = builder.options;
+    if (interrupt === "immediate") {
+      const batchedUpdates = builders.slice(0, i + 1).map((b) => b.update);
+      const remaining = builders.slice(i + 1);
+      builder.update = () => {
+        batchedUpdates.forEach((update) => update());
+      };
+      builders = [builder, ...remaining];
+      break;
+    }
+  }
+  if (!current || ((_a = builders[0]) == null ? void 0 : _a.options.interrupt) === "immediate") {
+    next();
+  }
+}
+function addToQueue(builder) {
+  builders.push(builder);
+  microtask.render(processQueue);
+}
+export {
+  addToQueue
+};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/view/start.mjs

@@ -0,0 +1,115 @@
+import { GroupAnimation } from "../animation/GroupAnimation.mjs";
+import { NativeAnimation } from "../animation/NativeAnimation.mjs";
+import { NativeAnimationWrapper } from "../animation/NativeAnimationWrapper.mjs";
+import { getValueTransition } from "../animation/utils/get-value-transition.mjs";
+import { mapEasingToNativeEasing } from "../animation/waapi/easing/map-easing.mjs";
+import { applyGeneratorOptions } from "../animation/waapi/utils/apply-generator.mjs";
+import { chooseLayerType } from "./utils/choose-layer-type.mjs";
+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.8.3/external/motion-utils/dist/es/time-conversion.mjs";
+const definitionNames = ["layout", "enter", "exit", "new", "old"];
+function startViewAnimation(builder) {
+  const { update, targets, options: defaultOptions } = builder;
+  if (!document.startViewTransition) {
+    return new Promise(async (resolve) => {
+      await update();
+      resolve(new GroupAnimation([]));
+    });
+  }
+  if (!hasTarget("root", targets)) {
+    css.set(":root", {
+      "view-transition-name": "none"
+    });
+  }
+  css.set("::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*)", { "animation-timing-function": "linear !important" });
+  css.commit();
+  const transition = document.startViewTransition(async () => {
+    await update();
+  });
+  transition.finished.finally(() => {
+    css.remove();
+  });
+  return new Promise((resolve) => {
+    transition.ready.then(() => {
+      const generatedViewAnimations = getViewAnimations();
+      const animations = [];
+      targets.forEach((definition, target) => {
+        for (const key of definitionNames) {
+          if (!definition[key])
+            continue;
+          const { keyframes, options } = definition[key];
+          for (let [valueName, valueKeyframes] of Object.entries(keyframes)) {
+            if (!valueKeyframes)
+              continue;
+            const valueOptions = {
+              ...getValueTransition(defaultOptions, valueName),
+              ...getValueTransition(options, valueName)
+            };
+            const type = chooseLayerType(key);
+            if (valueName === "opacity" && !Array.isArray(valueKeyframes)) {
+              const initialValue = type === "new" ? 0 : 1;
+              valueKeyframes = [initialValue, valueKeyframes];
+            }
+            if (typeof valueOptions.delay === "function") {
+              valueOptions.delay = valueOptions.delay(0, 1);
+            }
+            valueOptions.duration && (valueOptions.duration = secondsToMilliseconds(valueOptions.duration));
+            valueOptions.delay && (valueOptions.delay = secondsToMilliseconds(valueOptions.delay));
+            const animation = new NativeAnimation({
+              ...valueOptions,
+              element: document.documentElement,
+              name: valueName,
+              pseudoElement: `::view-transition-${type}(${target})`,
+              keyframes: valueKeyframes
+            });
+            animations.push(animation);
+          }
+        }
+      });
+      for (const animation of generatedViewAnimations) {
+        if (animation.playState === "finished")
+          continue;
+        const { effect } = animation;
+        if (!effect || !(effect instanceof KeyframeEffect))
+          continue;
+        const { pseudoElement } = effect;
+        if (!pseudoElement)
+          continue;
+        const name = getLayerName(pseudoElement);
+        if (!name)
+          continue;
+        const targetDefinition = targets.get(name.layer);
+        if (!targetDefinition) {
+          const transitionName = name.type === "group" ? "layout" : "";
+          let animationTransition = {
+            ...getValueTransition(defaultOptions, transitionName)
+          };
+          animationTransition.duration && (animationTransition.duration = secondsToMilliseconds(animationTransition.duration));
+          animationTransition = applyGeneratorOptions(animationTransition);
+          const easing = mapEasingToNativeEasing(animationTransition.ease, animationTransition.duration);
+          effect.updateTiming({
+            delay: secondsToMilliseconds(animationTransition.delay ?? 0),
+            duration: animationTransition.duration,
+            easing
+          });
+          animations.push(new NativeAnimationWrapper(animation));
+        } else if (hasOpacity(targetDefinition, "enter") && hasOpacity(targetDefinition, "exit") && effect.getKeyframes().some((keyframe) => keyframe.mixBlendMode)) {
+          animations.push(new NativeAnimationWrapper(animation));
+        } else {
+          animation.cancel();
+        }
+      }
+      resolve(new GroupAnimation(animations));
+    });
+  });
+}
+function hasOpacity(target, key) {
+  var _a;
+  return (_a = target == null ? void 0 : target[key]) == null ? void 0 : _a.keyframes.opacity;
+}
+export {
+  startViewAnimation
+};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/view/utils/choose-layer-type.mjs

@@ -0,0 +1,12 @@
+function chooseLayerType(valueName) {
+  if (valueName === "layout")
+    return "group";
+  if (valueName === "enter" || valueName === "new")
+    return "new";
+  if (valueName === "exit" || valueName === "old")
+    return "old";
+  return "group";
+}
+export {
+  chooseLayerType
+};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/view/utils/css.mjs

@@ -0,0 +1,35 @@
+let pendingRules = {};
+let style = null;
+const css = {
+  set: (selector, values) => {
+    pendingRules[selector] = values;
+  },
+  commit: () => {
+    if (!style) {
+      style = document.createElement("style");
+      style.id = "motion-view";
+    }
+    let cssText = "";
+    for (const selector in pendingRules) {
+      const rule = pendingRules[selector];
+      cssText += `${selector} {
+`;
+      for (const [property, value] of Object.entries(rule)) {
+        cssText += `  ${property}: ${value};
+`;
+      }
+      cssText += "}\n";
+    }
+    style.textContent = cssText;
+    document.head.appendChild(style);
+    pendingRules = {};
+  },
+  remove: () => {
+    if (style && style.parentElement) {
+      style.parentElement.removeChild(style);
+    }
+  }
+};
+export {
+  css
+};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/view/utils/get-layer-name.mjs

@@ -0,0 +1,9 @@
+function getLayerName(pseudoElement) {
+  const match = pseudoElement.match(/::view-transition-(old|new|group|image-pair)\((.*?)\)/);
+  if (!match)
+    return null;
+  return { layer: match[2], type: match[1] };
+}
+export {
+  getLayerName
+};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/view/utils/get-view-animations.mjs

@@ -0,0 +1,13 @@
+function filterViewAnimations(animation) {
+  var _a;
+  const { effect } = animation;
+  if (!effect)
+    return false;
+  return effect.target === document.documentElement && ((_a = effect.pseudoElement) == null ? void 0 : _a.startsWith("::view-transition"));
+}
+function getViewAnimations() {
+  return document.getAnimations().filter(filterViewAnimations);
+}
+export {
+  getViewAnimations
+};

package/dist/es/external/.pnpm/motion-dom@12.9.0/external/motion-dom/dist/es/view/utils/has-target.mjs

@@ -0,0 +1,6 @@
+function hasTarget(target, targets) {
+  return targets.has(target) && Object.keys(targets.get(target)).length > 0;
+}
+export {
+  hasTarget
+};