motion-v 0.3.1-beta.1 → 0.4.0

package/dist/es/animation/use-animate.mjs

@@ -1,5 +1,5 @@
 import { ref, onUnmounted } from "vue";
-import { createScopedAnimate } from "../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animate/index.mjs";
+import { createScopedAnimate } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animate/index.mjs";
 function useAnimate() {
   const dom = ref(null);
   const domProxy = new Proxy(dom, {

package/dist/es/components/LayoutGroup.vue.mjs

@@ -0,0 +1,39 @@
+import { defineComponent, watch, renderSlot } from "vue";
+import { injectLayoutGroup, provideLayoutGroup, shouldInheritId, shouldInheritGroup } from "./context.mjs";
+import { nodeGroup } from "./group.mjs";
+import { useForceUpdate } from "./use-force-update.mjs";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LayoutGroup",
+  props: {
+    id: {},
+    inherit: { type: [Boolean, String] }
+  },
+  setup(__props) {
+    const props = __props;
+    const layoutGroup = injectLayoutGroup(null);
+    const [forceRender, key] = useForceUpdate();
+    function generateId() {
+      const upstreamId = layoutGroup == null ? void 0 : layoutGroup.id;
+      return shouldInheritId(props.inherit) && upstreamId ? props.id ? `${upstreamId}-${props.id}` : upstreamId : props.id;
+    }
+    function generateGroup() {
+      return shouldInheritGroup(props.inherit) ? (layoutGroup == null ? void 0 : layoutGroup.group) || nodeGroup() : nodeGroup();
+    }
+    const memoizedContext = {
+      id: generateId(),
+      group: generateGroup(),
+      forceRender,
+      key
+    };
+    watch(key, () => {
+      memoizedContext.id = generateId();
+    });
+    provideLayoutGroup(memoizedContext);
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/LayoutGroup.vue2.mjs

@@ -0,0 +1,4 @@
+import _sfc_main from "./LayoutGroup.vue.mjs";
+export {
+  _sfc_main as default
+};

package/dist/es/components/Motion.vue.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, mergeDefaults, ref, useAttrs, getCurrentInstance, onMounted, onUnmounted, onUpdated, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot } from "vue";
-import { injectMotion, provideMotion } from "./context.mjs";
-import { createStyles, convertSvgStyleToAttributes } from "../state/style.mjs";
+import { injectMotion, injectLayoutGroup, provideMotion } from "./context.mjs";
+import { convertSvgStyleToAttributes, createStyles } from "../state/style.mjs";
 import { Primitive } from "./Primitive.mjs";
 import { MotionState } from "../state/motion-state.mjs";
 import { isSVGElement } from "../state/utils.mjs";
@@ -34,20 +34,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onPressStart: { type: Function },
     onPressEnd: { type: Function },
     onViewEnter: { type: Function },
-    onViewLeave: { type: Function }
+    onViewLeave: { type: Function },
+    layout: { type: Boolean },
+    layoutId: {},
+    layoutScroll: { type: Boolean },
+    layoutRoot: { type: Boolean },
+    "data-framer-portal-id": {}
   }, {
     as: "div",
     asChild: false,
     initial: void 0,
     animate: void 0,
     hover: void 0,
-    inView: void 0
+    inView: void 0,
+    layout: false,
+    layoutId: void 0,
+    layoutScroll: false,
+    layoutRoot: false
   }),
   setup(__props) {
     const props = __props;
     const { initial: presenceInitial, safeUnmount } = injectAnimatePresence({ initial: ref(void 0), safeUnmount: () => true });
     const parentState = injectMotion(null);
     const attrs = useAttrs();
+    const layoutGroup = injectLayoutGroup({});
     const state = new MotionState(
       {
         ...attrs,
@@ -61,8 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       state.mount(instance == null ? void 0 : instance.vnode.el);
       state.update({
         ...attrs,
-        ...props,
-        style: { ...createStyles(state.getTarget()), ...props.style }
+        ...props
       });
     });
     onUnmounted(() => {
@@ -91,23 +100,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           Object.assign(attrsProps, attributes);
           Object.assign(styleProps, style, props.style);
         } else {
-          Object.assign(styleProps, props.style, state.getTarget());
+          Object.assign(styleProps, state.getTarget(), props.style);
         }
       }
       styleProps = createStyles(styleProps);
-      attrsProps.style = createStyles(styleProps);
+      attrsProps.style = styleProps;
       return attrsProps;
     }
     return (_ctx, _cache) => {
+      var _a, _b;
       return openBlock(), createBlock(unref(Primitive), mergeProps({
         as: _ctx.as,
         "as-child": _ctx.asChild
-      }, getProps()), {
+      }, getProps(), {
+        "data-layout-group-key": (_b = (_a = unref(layoutGroup)) == null ? void 0 : _a.key) == null ? void 0 : _b.value
+      }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
-      }, 16, ["as", "as-child"]);
+      }, 16, ["as", "as-child", "data-layout-group-key"]);
     };
   }
 });

package/dist/es/components/context.mjs

@@ -1,6 +1,17 @@
 import { createContext } from "../utils/createContext.mjs";
 const [injectMotion, provideMotion] = createContext("Motion");
+const [injectLayoutGroup, provideLayoutGroup] = createContext("LayoutGroup");
+function shouldInheritGroup(inherit) {
+  return inherit === true;
+}
+function shouldInheritId(inherit) {
+  return shouldInheritGroup(inherit === true) || inherit === "id";
+}
 export {
+  injectLayoutGroup,
   injectMotion,
-  provideMotion
+  provideLayoutGroup,
+  provideMotion,
+  shouldInheritGroup,
+  shouldInheritId
 };

package/dist/es/components/group.mjs

@@ -0,0 +1,30 @@
+function notify(node) {
+  return !node.isLayoutDirty && node.willUpdate(false);
+}
+function nodeGroup() {
+  const nodes = /* @__PURE__ */ new Set();
+  const subscriptions = /* @__PURE__ */ new WeakMap();
+  const dirtyAll = () => nodes.forEach(notify);
+  return {
+    add: (node) => {
+      nodes.add(node);
+      subscriptions.set(
+        node,
+        node.addEventListener("willUpdate", dirtyAll)
+      );
+    },
+    remove: (node) => {
+      nodes.delete(node);
+      const unsubscribe = subscriptions.get(node);
+      if (unsubscribe) {
+        unsubscribe();
+        subscriptions.delete(node);
+      }
+      dirtyAll();
+    },
+    dirty: dirtyAll
+  };
+}
+export {
+  nodeGroup
+};

package/dist/es/components/use-force-update.mjs

@@ -0,0 +1,11 @@
+import { ref } from "vue";
+function useForceUpdate() {
+  const key = ref(0);
+  function forceUpdate() {
+    key.value++;
+  }
+  return [forceUpdate, key];
+}
+export {
+  useForceUpdate
+};

package/dist/es/constants/index.mjs

@@ -1,7 +1,8 @@
 const components = {
   motion: [
     "Motion",
-    "MotionPresence"
+    "MotionPresence",
+    "LayoutGroup"
   ]
 };
 const utilities = {
@@ -11,7 +12,12 @@ const utilities = {
     "useMotionTemplate",
     "useSpring",
     "useScroll",
-    "useMotionValue"
+    "useMotionValue",
+    "useVelocity",
+    "useAnimate",
+    "useInView",
+    "useAnimationFrame",
+    "useMotionValueEvent"
   ]
 };
 export {

package/dist/es/features/events.mjs

@@ -5,7 +5,7 @@ class EventFeature extends Feature {
     this.handlers = {};
   }
   mount() {
-    const element = this.state.getElement();
+    const element = this.state.element;
     if (!element)
       return;
     this.handlers.motionstart = (event) => {
@@ -53,7 +53,7 @@ class EventFeature extends Feature {
     });
   }
   unmount() {
-    const element = this.state.getElement();
+    const element = this.state.element;
     if (!element)
       return;
     Object.entries(this.handlers).forEach(([event, handler]) => {

package/dist/es/features/feature-manager.mjs

@@ -1,5 +1,6 @@
 import { EventFeature } from "./events.mjs";
 import { SVGFeature } from "./svg.mjs";
+import { LayoutFeature } from "./layout/layout.mjs";
 import { HoverGesture } from "./gestures/hover.mjs";
 import { PressGesture } from "./gestures/press.mjs";
 import { InViewGesture } from "./gestures/in-view.mjs";
@@ -11,7 +12,8 @@ class FeatureManager {
       new PressGesture(state),
       new InViewGesture(state),
       new SVGFeature(state),
-      new EventFeature(state)
+      new EventFeature(state),
+      new LayoutFeature(state)
     ];
   }
   mount() {

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

@@ -15,7 +15,7 @@ class HoverGesture extends BaseGesture {
   constructor(state) {
     super(state);
     this.subscribeEvents = () => {
-      const element = this.state.getElement();
+      const element = this.state.element;
       const onEnter = mouseEvent(element, "hoverstart", () => {
         this.state.setActive("hover", true);
       });

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

@@ -1,5 +1,5 @@
 import { dispatchPointerEvent } from "../../utils/events.mjs";
-import { inView } from "../../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
+import { inView } from "../../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/viewport/index.mjs";
 import { BaseGesture } from "./base.mjs";
 class InViewGesture extends BaseGesture {
   isActive() {
@@ -9,7 +9,7 @@ class InViewGesture extends BaseGesture {
     super(state);
     this.subscribeEvents = () => {
       var _a;
-      const element = this.state.getElement();
+      const element = this.state.element;
       const { once, ...viewOptions } = ((_a = this.state.getOptions()) == null ? void 0 : _a.inViewOptions) || {};
       return inView(element, (enterEntry) => {
         this.state.setActive("inView", true);

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

@@ -7,7 +7,7 @@ class PressGesture extends BaseGesture {
   constructor(state) {
     super(state);
     this.subscribeEvents = () => {
-      const element = this.state.getElement();
+      const element = this.state.element;
       const onPointerUp = (event) => {
         this.state.setActive("press", false);
         dispatchPointerEvent(element, "pressend", event);

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

@@ -0,0 +1,21 @@
+import { correctBorderRadius } from "../../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/styles/scale-border-radius.mjs";
+import { correctBoxShadow } from "../../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs";
+const defaultScaleCorrector = {
+  borderRadius: {
+    ...correctBorderRadius,
+    applyTo: [
+      "borderTopLeftRadius",
+      "borderTopRightRadius",
+      "borderBottomLeftRadius",
+      "borderBottomRightRadius"
+    ]
+  },
+  borderTopLeftRadius: correctBorderRadius,
+  borderTopRightRadius: correctBorderRadius,
+  borderBottomLeftRadius: correctBorderRadius,
+  borderBottomRightRadius: correctBorderRadius,
+  boxShadow: correctBoxShadow
+};
+export {
+  defaultScaleCorrector
+};

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

@@ -0,0 +1,74 @@
+import { Feature } from "../feature.mjs";
+import { HTMLProjectionNode } from "../../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/node/HTMLProjectionNode.mjs";
+import { getClosestProjectingNode } from "./utils.mjs";
+import { onBeforeMount, onBeforeUpdate, onUpdated, onBeforeUnmount } from "vue";
+import { addScaleCorrector } from "../../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/styles/scale-correction.mjs";
+import { defaultScaleCorrector } from "./config.mjs";
+import { globalProjectionState } from "../../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/node/state.mjs";
+import { injectLayoutGroup } from "../../components/context.mjs";
+class LayoutFeature extends Feature {
+  constructor(state) {
+    super(state);
+    const options = this.state.getOptions();
+    const visualElement = this.state.visualElement;
+    if (options.layout || options.layoutId) {
+      addScaleCorrector(defaultScaleCorrector);
+      this.layoutGroup = injectLayoutGroup({});
+      onBeforeMount(() => {
+        visualElement.projection = new HTMLProjectionNode(
+          visualElement.latestValues,
+          options["data-framer-portal-id"] ? void 0 : getClosestProjectingNode(visualElement.parent)
+        );
+        visualElement.projection.setOptions({
+          layout: options.layout,
+          layoutId: options.layoutId,
+          // TODO: drag
+          alwaysMeasureLayout: false,
+          visualElement,
+          animationType: typeof options.layout === "string" ? options.layout : "both",
+          // initialPromotionConfig
+          layoutRoot: options.layoutRoot,
+          layoutScroll: options.layoutScroll
+        });
+      });
+      onBeforeUpdate(() => {
+        var _a;
+        (_a = visualElement.projection) == null ? void 0 : _a.willUpdate();
+      });
+      onUpdated(() => {
+        var _a;
+        (_a = visualElement.projection) == null ? void 0 : _a.root.didUpdate();
+      });
+      onBeforeUnmount(() => {
+        var _a;
+        if (visualElement.projection) {
+          visualElement.projection.unmount();
+          if ((_a = this.layoutGroup) == null ? void 0 : _a.group)
+            this.layoutGroup.group.remove(visualElement.projection);
+        }
+      });
+    }
+  }
+  update() {
+    var _a;
+    (_a = this.state.visualElement.projection) == null ? void 0 : _a.setOptions(this.state.getOptions());
+  }
+  mount() {
+    var _a, _b;
+    const options = this.state.getOptions();
+    if (options.layout || options.layoutId) {
+      const projection = this.state.visualElement.projection;
+      if (projection) {
+        (_b = (_a = this.layoutGroup) == null ? void 0 : _a.group) == null ? void 0 : _b.add(projection);
+      }
+      globalProjectionState.hasEverUpdated = true;
+      projection == null ? void 0 : projection.mount(this.state.element);
+      projection == null ? void 0 : projection.root.didUpdate();
+    }
+  }
+  unmount() {
+  }
+}
+export {
+  LayoutFeature
+};

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

@@ -0,0 +1,8 @@
+function getClosestProjectingNode(visualElement) {
+  if (!visualElement)
+    return void 0;
+  return visualElement.options.allowProjection !== false ? visualElement.projection : getClosestProjectingNode(visualElement.parent);
+}
+export {
+  getClosestProjectingNode
+};

package/dist/es/features/svg.mjs

@@ -1,11 +1,11 @@
 import { Feature } from "./feature.mjs";
-import { frame } from "../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { frame } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/frameloop/frame.mjs";
 function isSVGElement(element) {
   return element instanceof SVGElement && element.tagName !== "svg";
 }
 class SVGFeature extends Feature {
   mount() {
-    const instance = this.state.getElement();
+    const instance = this.state.element;
     if (!isSVGElement(instance)) {
       return;
     }

package/dist/es/index.mjs

@@ -1,41 +1,47 @@
 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 "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/index.mjs";
-import { animate, createScopedAnimate } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animate/index.mjs";
-import { animateMini } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/waapi/animate-style.mjs";
-import { scroll } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
-import { scrollInfo } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/scroll/track.mjs";
-import { inView } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
-import { anticipate } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/anticipate.mjs";
-import { backIn, backInOut, backOut } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/back.mjs";
-import { circIn, circInOut, circOut } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/circ.mjs";
-import { easeIn, easeInOut, easeOut } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/ease.mjs";
-import { cubicBezier } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/cubic-bezier.mjs";
-import { steps } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/steps.mjs";
-import { mirrorEasing } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/modifiers/mirror.mjs";
-import { reverseEasing } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/easing/modifiers/reverse.mjs";
-import { spring } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/generators/spring/index.mjs";
-import { inertia } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/generators/inertia.mjs";
-import { keyframes } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/generators/keyframes.mjs";
-import { stagger } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/utils/stagger.mjs";
-import { transform } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/transform.mjs";
-import { clamp } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/clamp.mjs";
-import { delayInSeconds } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/delay.mjs";
-import { distance, distance2D } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/distance.mjs";
-import { invariant, warning } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/errors.mjs";
-import { interpolate } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/interpolate.mjs";
-import { mix } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/mix/index.mjs";
-import { pipe } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/pipe.mjs";
-import { progress } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/progress.mjs";
-import { wrap } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/wrap.mjs";
-import { cancelSync, sync } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/frameloop/index-legacy.mjs";
-import { cancelFrame, frame, frameData, frameSteps } from "./external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/frameloop/frame.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";
@@ -43,6 +49,7 @@ import { useInView } from "./utils/use-in-view.mjs";
 import { useAnimationFrame } from "./utils/use-animation-frame.mjs";
 export {
   default3 as AnimatePresence,
+  default4 as LayoutGroup,
   default2 as Motion,
   MotionValue,
   animate,
@@ -72,6 +79,8 @@ export {
   frameSteps,
   inView,
   inertia,
+  injectLayoutGroup,
+  injectMotion,
   interpolate,
   invariant,
   isMotionValue,
@@ -81,9 +90,13 @@ export {
   motionValue,
   pipe,
   progress,
+  provideLayoutGroup,
+  provideMotion,
   reverseEasing,
   scroll,
   scrollInfo,
+  shouldInheritGroup,
+  shouldInheritId,
   spring,
   stagger,
   steps,
@@ -91,13 +104,17 @@ export {
   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/events/add-dom-event.mjs

@@ -0,0 +1,7 @@
+function addDomEvent(target, eventName, handler, options = { passive: true }) {
+  target.addEventListener(eventName, handler, options);
+  return () => target.removeEventListener(eventName, handler);
+}
+export {
+  addDomEvent
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/frameloop/microtask.mjs

@@ -0,0 +1,6 @@
+import { createRenderBatcher } from "./batcher.mjs";
+const { schedule: microtask, cancel: cancelMicrotask } = createRenderBatcher(queueMicrotask, false);
+export {
+  cancelMicrotask,
+  microtask
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/animation/mix-values.mjs

@@ -0,0 +1,60 @@
+import { circOut } from "../../easing/circ.mjs";
+import { progress } from "../../utils/progress.mjs";
+import { mixNumber } from "../../utils/mix/number.mjs";
+import { noop } from "../../utils/noop.mjs";
+import { percent, px } from "../../value/types/numbers/units.mjs";
+const borders = ["TopLeft", "TopRight", "BottomLeft", "BottomRight"];
+const numBorders = borders.length;
+const asNumber = (value) => typeof value === "string" ? parseFloat(value) : value;
+const isPx = (value) => typeof value === "number" || px.test(value);
+function mixValues(target, follow, lead, progress2, shouldCrossfadeOpacity, isOnlyMember) {
+  if (shouldCrossfadeOpacity) {
+    target.opacity = mixNumber(
+      0,
+      // TODO Reinstate this if only child
+      lead.opacity !== void 0 ? lead.opacity : 1,
+      easeCrossfadeIn(progress2)
+    );
+    target.opacityExit = mixNumber(follow.opacity !== void 0 ? follow.opacity : 1, 0, easeCrossfadeOut(progress2));
+  } else if (isOnlyMember) {
+    target.opacity = mixNumber(follow.opacity !== void 0 ? follow.opacity : 1, lead.opacity !== void 0 ? lead.opacity : 1, progress2);
+  }
+  for (let i = 0; i < numBorders; i++) {
+    const borderLabel = `border${borders[i]}Radius`;
+    let followRadius = getRadius(follow, borderLabel);
+    let leadRadius = getRadius(lead, borderLabel);
+    if (followRadius === void 0 && leadRadius === void 0)
+      continue;
+    followRadius || (followRadius = 0);
+    leadRadius || (leadRadius = 0);
+    const canMix = followRadius === 0 || leadRadius === 0 || isPx(followRadius) === isPx(leadRadius);
+    if (canMix) {
+      target[borderLabel] = Math.max(mixNumber(asNumber(followRadius), asNumber(leadRadius), progress2), 0);
+      if (percent.test(leadRadius) || percent.test(followRadius)) {
+        target[borderLabel] += "%";
+      }
+    } else {
+      target[borderLabel] = leadRadius;
+    }
+  }
+  if (follow.rotate || lead.rotate) {
+    target.rotate = mixNumber(follow.rotate || 0, lead.rotate || 0, progress2);
+  }
+}
+function getRadius(values, radiusName) {
+  return values[radiusName] !== void 0 ? values[radiusName] : values.borderRadius;
+}
+const easeCrossfadeIn = /* @__PURE__ */ compress(0, 0.5, circOut);
+const easeCrossfadeOut = /* @__PURE__ */ compress(0.5, 0.95, noop);
+function compress(min, max, easing) {
+  return (p) => {
+    if (p < min)
+      return 0;
+    if (p > max)
+      return 1;
+    return easing(progress(min, max, p));
+  };
+}
+export {
+  mixValues
+};