motion-v 0.3.1-beta.1 → 0.4.0

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/node/state.mjs

@@ -0,0 +1,15 @@
+const globalProjectionState = {
+  /**
+   * Global flag as to whether the tree has animated since the last time
+   * we resized the window
+   */
+  hasAnimatedSinceResize: true,
+  /**
+   * We set this to true once, on the first update. Any nodes added to the tree beyond that
+   * update will be given a `data-projection-id` attribute.
+   */
+  hasEverUpdated: false
+};
+export {
+  globalProjectionState
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/shared/stack.mjs

@@ -0,0 +1,94 @@
+import { addUniqueItem, removeItem } from "../../utils/array.mjs";
+class NodeStack {
+  constructor() {
+    this.members = [];
+  }
+  add(node) {
+    addUniqueItem(this.members, node);
+    node.scheduleRender();
+  }
+  remove(node) {
+    removeItem(this.members, node);
+    if (node === this.prevLead) {
+      this.prevLead = void 0;
+    }
+    if (node === this.lead) {
+      const prevLead = this.members[this.members.length - 1];
+      if (prevLead) {
+        this.promote(prevLead);
+      }
+    }
+  }
+  relegate(node) {
+    const indexOfNode = this.members.findIndex((member) => node === member);
+    if (indexOfNode === 0)
+      return false;
+    let prevLead;
+    for (let i = indexOfNode; i >= 0; i--) {
+      const member = this.members[i];
+      if (member.isPresent !== false) {
+        prevLead = member;
+        break;
+      }
+    }
+    if (prevLead) {
+      this.promote(prevLead);
+      return true;
+    } else {
+      return false;
+    }
+  }
+  promote(node, preserveFollowOpacity) {
+    const prevLead = this.lead;
+    if (node === prevLead)
+      return;
+    this.prevLead = prevLead;
+    this.lead = node;
+    node.show();
+    if (prevLead) {
+      prevLead.instance && prevLead.scheduleRender();
+      node.scheduleRender();
+      node.resumeFrom = prevLead;
+      if (preserveFollowOpacity) {
+        node.resumeFrom.preserveOpacity = true;
+      }
+      if (prevLead.snapshot) {
+        node.snapshot = prevLead.snapshot;
+        node.snapshot.latestValues = prevLead.animationValues || prevLead.latestValues;
+      }
+      if (node.root && node.root.isUpdating) {
+        node.isLayoutDirty = true;
+      }
+      const { crossfade } = node.options;
+      if (crossfade === false) {
+        prevLead.hide();
+      }
+    }
+  }
+  exitAnimationComplete() {
+    this.members.forEach((node) => {
+      const { options, resumingFrom } = node;
+      options.onExitComplete && options.onExitComplete();
+      if (resumingFrom) {
+        resumingFrom.options.onExitComplete && resumingFrom.options.onExitComplete();
+      }
+    });
+  }
+  scheduleRender() {
+    this.members.forEach((node) => {
+      node.instance && node.scheduleRender(false);
+    });
+  }
+  /**
+   * Clear any leads that have been removed this render to prevent them from being
+   * used in future animations and to prevent memory leaks
+   */
+  removeLeadSnapshot() {
+    if (this.lead && this.lead.snapshot) {
+      this.lead.snapshot = void 0;
+    }
+  }
+}
+export {
+  NodeStack
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/styles/scale-border-radius.mjs

@@ -0,0 +1,26 @@
+import { px } from "../../value/types/numbers/units.mjs";
+function pixelsToPercent(pixels, axis) {
+  if (axis.max === axis.min)
+    return 0;
+  return pixels / (axis.max - axis.min) * 100;
+}
+const correctBorderRadius = {
+  correct: (latest, node) => {
+    if (!node.target)
+      return latest;
+    if (typeof latest === "string") {
+      if (px.test(latest)) {
+        latest = parseFloat(latest);
+      } else {
+        return latest;
+      }
+    }
+    const x = pixelsToPercent(latest, node.target.x);
+    const y = pixelsToPercent(latest, node.target.y);
+    return `${x}% ${y}%`;
+  }
+};
+export {
+  correctBorderRadius,
+  pixelsToPercent
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/styles/scale-box-shadow.mjs

@@ -0,0 +1,25 @@
+import { mixNumber } from "../../utils/mix/number.mjs";
+import { complex } from "../../value/types/complex/index.mjs";
+const correctBoxShadow = {
+  correct: (latest, { treeScale, projectionDelta }) => {
+    const original = latest;
+    const shadow = complex.parse(latest);
+    if (shadow.length > 5)
+      return original;
+    const template = complex.createTransformer(latest);
+    const offset = typeof shadow[0] !== "number" ? 1 : 0;
+    const xScale = projectionDelta.x.scale * treeScale.x;
+    const yScale = projectionDelta.y.scale * treeScale.y;
+    shadow[0 + offset] /= xScale;
+    shadow[1 + offset] /= yScale;
+    const averageScale = mixNumber(xScale, yScale, 0.5);
+    if (typeof shadow[2 + offset] === "number")
+      shadow[2 + offset] /= averageScale;
+    if (typeof shadow[3 + offset] === "number")
+      shadow[3 + offset] /= averageScale;
+    return template(shadow);
+  }
+};
+export {
+  correctBoxShadow
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/styles/scale-correction.mjs

@@ -0,0 +1,8 @@
+const scaleCorrectors = {};
+function addScaleCorrector(correctors) {
+  Object.assign(scaleCorrectors, correctors);
+}
+export {
+  addScaleCorrector,
+  scaleCorrectors
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/styles/transform.mjs

@@ -0,0 +1,36 @@
+function buildProjectionTransform(delta, treeScale, latestTransform) {
+  let transform = "";
+  const xTranslate = delta.x.translate / treeScale.x;
+  const yTranslate = delta.y.translate / treeScale.y;
+  const zTranslate = (latestTransform === null || latestTransform === void 0 ? void 0 : latestTransform.z) || 0;
+  if (xTranslate || yTranslate || zTranslate) {
+    transform = `translate3d(${xTranslate}px, ${yTranslate}px, ${zTranslate}px) `;
+  }
+  if (treeScale.x !== 1 || treeScale.y !== 1) {
+    transform += `scale(${1 / treeScale.x}, ${1 / treeScale.y}) `;
+  }
+  if (latestTransform) {
+    const { transformPerspective, rotate, rotateX, rotateY, skewX, skewY } = latestTransform;
+    if (transformPerspective)
+      transform = `perspective(${transformPerspective}px) ${transform}`;
+    if (rotate)
+      transform += `rotate(${rotate}deg) `;
+    if (rotateX)
+      transform += `rotateX(${rotateX}deg) `;
+    if (rotateY)
+      transform += `rotateY(${rotateY}deg) `;
+    if (skewX)
+      transform += `skewX(${skewX}deg) `;
+    if (skewY)
+      transform += `skewY(${skewY}deg) `;
+  }
+  const elementScaleX = delta.x.scale * treeScale.x;
+  const elementScaleY = delta.y.scale * treeScale.y;
+  if (elementScaleX !== 1 || elementScaleY !== 1) {
+    transform += `scale(${elementScaleX}, ${elementScaleY})`;
+  }
+  return transform || "none";
+}
+export {
+  buildProjectionTransform
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/utils/each-axis.mjs

@@ -0,0 +1,6 @@
+function eachAxis(callback) {
+  return [callback("x"), callback("y")];
+}
+export {
+  eachAxis
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/projection/utils/has-transform.mjs

@@ -0,0 +1,20 @@
+function isIdentityScale(scale) {
+  return scale === void 0 || scale === 1;
+}
+function hasScale({ scale, scaleX, scaleY }) {
+  return !isIdentityScale(scale) || !isIdentityScale(scaleX) || !isIdentityScale(scaleY);
+}
+function hasTransform(values) {
+  return hasScale(values) || has2DTranslate(values) || values.z || values.rotate || values.rotateX || values.rotateY || values.skewX || values.skewY;
+}
+function has2DTranslate(values) {
+  return is2DTranslate(values.x) || is2DTranslate(values.y);
+}
+function is2DTranslate(value) {
+  return value && value !== "0%";
+}
+export {
+  has2DTranslate,
+  hasScale,
+  hasTransform
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/utils/compare-by-depth.mjs

@@ -0,0 +1,4 @@
+const compareByDepth = (a, b) => a.depth - b.depth;
+export {
+  compareByDepth
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/utils/flat-tree.mjs

@@ -0,0 +1,24 @@
+import { addUniqueItem, removeItem } from "../../utils/array.mjs";
+import { compareByDepth } from "./compare-by-depth.mjs";
+class FlatTree {
+  constructor() {
+    this.children = [];
+    this.isDirty = false;
+  }
+  add(child) {
+    addUniqueItem(this.children, child);
+    this.isDirty = true;
+  }
+  remove(child) {
+    removeItem(this.children, child);
+    this.isDirty = true;
+  }
+  forEach(callback) {
+    this.isDirty && this.children.sort(compareByDepth);
+    this.isDirty = false;
+    this.children.forEach(callback);
+  }
+}
+export {
+  FlatTree
+};

package/dist/es/{external/.pnpm/framer-motion@11.11.11/external → node_modules/.pnpm/framer-motion@11.11.11/node_modules}/framer-motion/dist/es/utils/resolve-value.mjs

@@ -1,7 +1,11 @@
 import { isKeyframesTarget } from "../animation/utils/is-keyframes-target.mjs";
+const isCustomValue = (v) => {
+  return Boolean(v && typeof v === "object" && v.mix && v.toValue);
+};
 const resolveFinalValueInKeyframes = (v) => {
   return isKeyframesTarget(v) ? v[v.length - 1] || 0 : v;
 };
 export {
+  isCustomValue,
   resolveFinalValueInKeyframes
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/utils/resolve-motion-value.mjs

@@ -0,0 +1,9 @@
+import { isCustomValue } from "../../utils/resolve-value.mjs";
+import { isMotionValue } from "./is-motion-value.mjs";
+function resolveMotionValue(value) {
+  const unwrappedValue = isMotionValue(value) ? value.get() : value;
+  return isCustomValue(unwrappedValue) ? unwrappedValue.toValue() : unwrappedValue;
+}
+export {
+  resolveMotionValue
+};

package/dist/es/state/create-visual-element.mjs

@@ -0,0 +1,9 @@
+import { isSVGElement } from "./utils.mjs";
+import { HTMLVisualElement } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/html/HTMLVisualElement.mjs";
+import { SVGVisualElement } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/svg/SVGVisualElement.mjs";
+function createVisualElement(Component, options) {
+  return isSVGElement(Component) ? new SVGVisualElement(options) : new HTMLVisualElement(options);
+}
+export {
+  createVisualElement
+};

package/dist/es/state/motion-state.mjs

@@ -1,14 +1,14 @@
-import { invariant } from "../external/.pnpm/hey-listen@1.0.8/external/hey-listen/dist/hey-listen.es.mjs";
-import { visualElementStore } from "../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/store.mjs";
-import { createDOMVisualElement } from "../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/utils/create-visual-element.mjs";
-import { isDef } from "@vueuse/core";
+import { invariant } from "../node_modules/.pnpm/hey-listen@1.0.8/node_modules/hey-listen/dist/hey-listen.es.mjs";
+import { visualElementStore } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/store.mjs";
 import { resolveVariant, getOptions, hasChanged, noop } from "./utils.mjs";
 import { FeatureManager } from "../features/feature-manager.mjs";
 import { style } from "./style.mjs";
 import { transformResetValue } from "./transform.mjs";
 import { scheduleAnimation, unscheduleAnimation } from "./schedule.mjs";
 import { motionEvent } from "./event.mjs";
-import { animate } from "../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animate/index.mjs";
+import { createVisualElement } from "./create-visual-element.mjs";
+import { animate } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animate/index.mjs";
+import { isDef } from "../node_modules/.pnpm/@vueuse_shared@12.0.0_typescript@5.5.4/node_modules/@vueuse/shared/index.mjs";
 const STATE_TYPES = ["initial", "animate", "inView", "hover", "press", "exit", "drag"];
 const mountedStates = /* @__PURE__ */ new WeakMap();
 class MotionState {
@@ -22,6 +22,23 @@ class MotionState {
     this.options = options;
     this.parent = parent;
     this.depth = (parent == null ? void 0 : parent.depth) + 1 || 0;
+    this.visualElement = createVisualElement(this.options.as, {
+      presenceContext: null,
+      parent: parent == null ? void 0 : parent.visualElement,
+      props: {
+        ...this.options
+      },
+      visualState: {
+        renderState: {
+          transform: {},
+          transformOrigin: {},
+          style: {},
+          vars: {},
+          attrs: {}
+        },
+        latestValues: {}
+      }
+    });
     const initialVariantSource = options.initial === false ? "animate" : "initial";
     this.featureManager = new FeatureManager(this);
     this.initTarget(initialVariantSource);
@@ -54,18 +71,17 @@ class MotionState {
     this.element = element;
     mountedStates.set(element, this);
     if (!visualElementStore.get(element)) {
-      createDOMVisualElement(element);
+      this.visualElement.mount(element);
+      visualElementStore.set(element, this.visualElement);
     }
-    const visualElement = visualElementStore.get(element);
-    this.visualElement = visualElement;
-    visualElement.update(this.options, (_a = this.parent) == null ? void 0 : _a.context);
+    this.visualElement.update(this.options, (_a = this.parent) == null ? void 0 : _a.context);
     if (typeof this.initial === "object") {
       for (const key in this.initial) {
-        visualElement.setStaticValue(key, this.initial[key]);
+        this.visualElement.setStaticValue(key, this.initial[key]);
       }
     } else if (typeof this.initial === "string" && this.options.variants) {
       for (const key in this.options.variants[this.initial]) {
-        visualElement.setStaticValue(key, this.options.variants[this.initial][key]);
+        this.visualElement.setStaticValue(key, this.options.variants[this.initial][key]);
       }
     }
     this.featureManager.mount();
@@ -162,9 +178,6 @@ class MotionState {
   getOptions() {
     return this.options;
   }
-  getElement() {
-    return this.element;
-  }
   getTarget() {
     return this.target;
   }

package/dist/es/state/style.mjs

@@ -1,5 +1,5 @@
-import { isNumber, isCssVar } from "./utils.mjs";
-import { isTransform, transformAlias, transformDefinitions, buildTransformTemplate } from "./transform.mjs";
+import { isCssVar, isNumber } from "./utils.mjs";
+import { transformDefinitions, isTransform, transformAlias, buildTransformTemplate } from "./transform.mjs";
 import { isMotionValue } from "../utils/motion-value.mjs";
 const style = {
   get: (element, name) => {

package/dist/es/state/transform.mjs

@@ -1,4 +1,3 @@
-import "@vueuse/core";
 import { noopReturn } from "./utils.mjs";
 const rotation = {
   syntax: "<angle>",

package/dist/es/utils/use-animation-frame.mjs

@@ -1,5 +1,5 @@
 import { onBeforeUpdate, onUnmounted } from "vue";
-import { frame, cancelFrame } from "../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { frame, cancelFrame } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/frameloop/frame.mjs";
 function useAnimationFrame(callback) {
   let initialTimestamp = 0;
   const provideTimeSinceStart = ({ timestamp, delta }) => {

package/dist/es/utils/use-in-view.mjs

@@ -1,5 +1,5 @@
 import { ref, watch, isRef, unref } from "vue";
-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";
 function useInView(domRef, options) {
   const isInView = ref(false);
   watch([domRef, () => isRef(options) ? options.value : options], (_v1, _v2) => {

package/dist/es/value/use-combine-values.mjs

@@ -1,6 +1,6 @@
 import { onUnmounted } from "vue";
-import { motionValue } from "../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/index.mjs";
-import { cancelFrame, frame } from "../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { motionValue } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/index.mjs";
+import { cancelFrame, frame } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/frameloop/frame.mjs";
 function useCombineMotionValues(combineValues) {
   const value = motionValue(combineValues());
   const updateValue = () => value.set(combineValues());

package/dist/es/value/use-computed.mjs

@@ -1,5 +1,5 @@
 import { useCombineMotionValues } from "./use-combine-values.mjs";
-import { collectMotionValues } from "../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/index.mjs";
+import { collectMotionValues } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/index.mjs";
 import { onBeforeUpdate } from "vue";
 function useComputed(computed) {
   collectMotionValues.current = [];

package/dist/es/value/use-motion-value-event.mjs

@@ -0,0 +1,11 @@
+import { onUnmounted } from "vue";
+function useMotionValueEvent(value, event, callback) {
+  const unlisten = value.on(event, callback);
+  onUnmounted(() => {
+    unlisten();
+  });
+  return unlisten;
+}
+export {
+  useMotionValueEvent
+};

package/dist/es/value/use-scroll.mjs

@@ -1,7 +1,7 @@
 import { onMounted, onUnmounted, watch } from "vue";
-import { warning } from "../external/.pnpm/hey-listen@1.0.8/external/hey-listen/dist/hey-listen.es.mjs";
-import { motionValue } from "../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/index.mjs";
-import { scroll } from "../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/scroll/index.mjs";
+import { warning } from "../node_modules/.pnpm/hey-listen@1.0.8/node_modules/hey-listen/dist/hey-listen.es.mjs";
+import { motionValue } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/index.mjs";
+import { scroll } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/index.mjs";
 function refWarning(name, ref) {
   warning(
     Boolean(!ref || ref.value),

package/dist/es/value/use-spring.mjs

@@ -1,7 +1,7 @@
 import { watch, onBeforeUnmount } from "vue";
-import { animateValue } from "../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs";
-import { motionValue } from "../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/index.mjs";
-import { frame, frameData } from "../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/frameloop/frame.mjs";
+import { animateValue } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animators/MainThreadAnimation.mjs";
+import { motionValue } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/index.mjs";
+import { frame, frameData } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/frameloop/frame.mjs";
 import { isMotionValue } from "../utils/motion-value.mjs";
 function toNumber(v) {
   if (typeof v === "number")

package/dist/es/value/use-time.mjs

@@ -1,5 +1,5 @@
 import { useAnimationFrame } from "../utils/use-animation-frame.mjs";
-import { motionValue } from "../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/value/index.mjs";
+import { motionValue } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/index.mjs";
 function useTime() {
   const time = motionValue(0);
   useAnimationFrame((t) => time.set(t));

package/dist/es/value/use-transform.mjs

@@ -1,6 +1,6 @@
 import { useComputed } from "./use-computed.mjs";
 import { useCombineMotionValues } from "./use-combine-values.mjs";
-import { transform } from "../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/utils/transform.mjs";
+import { transform } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/utils/transform.mjs";
 function useTransform(input, inputRangeOrTransformer, outputRange, options) {
   if (typeof input === "function") {
     return useComputed(input);

package/dist/es/value/use-velocity.mjs

@@ -0,0 +1,20 @@
+import { useMotionValueEvent } from "./use-motion-value-event.mjs";
+import { motionValue } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/index.mjs";
+import { frame } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/frameloop/frame.mjs";
+function useVelocity(value) {
+  const velocity = motionValue(value.getVelocity());
+  const updateVelocity = () => {
+    const latest = value.getVelocity();
+    velocity.set(latest);
+    if (latest) {
+      frame.update(updateVelocity);
+    }
+  };
+  useMotionValueEvent(value, "change", () => {
+    frame.update(updateVelocity, false, true);
+  });
+  return velocity;
+}
+export {
+  useVelocity
+};

package/dist/src/components/LayoutGroup.d.ts

@@ -0,0 +1,30 @@
+import { InheritOption } from './context';
+export interface LayoutGroupProps {
+    id?: string;
+    inherit?: InheritOption;
+}
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToOption<LayoutGroupProps>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<LayoutGroupProps>>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/context.d.ts

@@ -1,2 +1,19 @@
 import { MotionState } from '../state/motion-state';
+import { IProjectionNode } from 'framer-motion';
+import { Ref } from 'vue';
 export declare const injectMotion: <T extends MotionState = MotionState>(fallback?: T) => T extends null ? MotionState : MotionState, provideMotion: (contextValue: MotionState) => MotionState;
+export interface NodeGroup {
+    add: (node: IProjectionNode) => void;
+    remove: (node: IProjectionNode) => void;
+    dirty: VoidFunction;
+}
+export interface LayoutGroupState {
+    id?: string;
+    group?: NodeGroup;
+    forceRender?: VoidFunction;
+    key?: Ref<number>;
+}
+export declare const injectLayoutGroup: <T extends LayoutGroupState = LayoutGroupState>(fallback?: T) => T extends null ? LayoutGroupState : LayoutGroupState, provideLayoutGroup: (contextValue: LayoutGroupState) => LayoutGroupState;
+export type InheritOption = boolean | 'id';
+export declare function shouldInheritGroup(inherit: InheritOption): inherit is true;
+export declare function shouldInheritId(inherit: InheritOption): boolean;

package/dist/src/components/group.d.ts

@@ -0,0 +1,7 @@
+import { IProjectionNode } from 'framer-motion';
+export interface NodeGroup {
+    add: (node: IProjectionNode) => void;
+    remove: (node: IProjectionNode) => void;
+    dirty: VoidFunction;
+}
+export declare function nodeGroup(): NodeGroup;

package/dist/src/components/use-force-update.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue';
+export declare function useForceUpdate(): [() => void, Ref<number>];

package/dist/src/features/index.d.ts

@@ -2,4 +2,5 @@ export * from './feature';
 export * from './events';
 export * from './gestures';
 export * from './svg';
+export * from './layout/layout';
 export * from './feature-manager';

package/dist/src/features/layout/config.d.ts

@@ -0,0 +1,8 @@
+export declare const defaultScaleCorrector: {
+    borderRadius: any;
+    borderTopLeftRadius: any;
+    borderTopRightRadius: any;
+    borderBottomLeftRadius: any;
+    borderBottomRightRadius: any;
+    boxShadow: any;
+};

package/dist/src/features/layout/layout.d.ts

@@ -0,0 +1,10 @@
+import { Feature } from '../feature';
+import { MotionState } from '../../state/motion-state';
+import { LayoutGroupState } from '../../components/context';
+export declare class LayoutFeature extends Feature {
+    layoutGroup: LayoutGroupState;
+    constructor(state: MotionState);
+    update(): void;
+    mount(): void;
+    unmount(): void;
+}

package/dist/src/features/layout/types.d.ts

@@ -0,0 +1,7 @@
+export interface LayoutOptions {
+    'layout'?: boolean;
+    'layoutId'?: string;
+    'layoutScroll'?: boolean;
+    'layoutRoot'?: boolean;
+    'data-framer-portal-id'?: string;
+}

package/dist/src/features/layout/utils.d.ts

@@ -0,0 +1,4 @@
+import { IProjectionNode, VisualElement } from 'framer-motion';
+export declare function getClosestProjectingNode(visualElement?: VisualElement<unknown, unknown, {
+    allowProjection?: boolean;
+}>): IProjectionNode | undefined;

package/dist/src/index.d.ts

@@ -2,6 +2,8 @@ export * from 'framer-motion/dom';
 export { motionValue as useMotionValue } from 'framer-motion/dom';
 export { default as Motion, type MotionProps } from './components/Motion';
 export { default as AnimatePresence, type AnimatePresenceProps } from './components/AnimatePresence';
+export { default as LayoutGroup, type LayoutGroupProps } from './components/LayoutGroup';
+export * from './components/context';
 export * from './value';
 export * from './constants';
 export type { Variant, Options } from './types';

package/dist/src/state/create-visual-element.d.ts

@@ -0,0 +1 @@
+export declare function createVisualElement(Component: string, options: any): any;