motion-v 0.3.0 → 0.4.0

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/DOMVisualElement.mjs

@@ -1,19 +1,21 @@
-import { VisualElement as o } from "../VisualElement.mjs";
-import { DOMKeyframesResolver as s } from "./DOMKeyframesResolver.mjs";
-class l extends o {
+import { VisualElement } from "../VisualElement.mjs";
+import { DOMKeyframesResolver } from "./DOMKeyframesResolver.mjs";
+class DOMVisualElement extends VisualElement {
   constructor() {
-    super(...arguments), this.KeyframeResolver = s;
+    super(...arguments);
+    this.KeyframeResolver = DOMKeyframesResolver;
   }
-  sortInstanceNodePosition(e, t) {
-    return e.compareDocumentPosition(t) & 2 ? 1 : -1;
+  sortInstanceNodePosition(a, b) {
+    return a.compareDocumentPosition(b) & 2 ? 1 : -1;
   }
-  getBaseTargetFromProps(e, t) {
-    return e.style ? e.style[t] : void 0;
+  getBaseTargetFromProps(props, key) {
+    return props.style ? props.style[key] : void 0;
   }
-  removeValueFromRenderState(e, { vars: t, style: r }) {
-    delete t[e], delete r[e];
+  removeValueFromRenderState(key, { vars, style }) {
+    delete vars[key];
+    delete style[key];
   }
 }
 export {
-  l as DOMVisualElement
+  DOMVisualElement
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/resize/handle-element.mjs

@@ -1,46 +1,62 @@
-import { resolveElements as l } from "../utils/resolve-element.mjs";
-const s = /* @__PURE__ */ new WeakMap();
-let o;
-function f(e, t) {
-  if (t) {
-    const { inlineSize: r, blockSize: i } = t[0];
-    return { width: r, height: i };
-  } else return e instanceof SVGElement && "getBBox" in e ? e.getBBox() : {
-    width: e.offsetWidth,
-    height: e.offsetHeight
-  };
+import { resolveElements } from "../utils/resolve-element.mjs";
+const resizeHandlers = /* @__PURE__ */ new WeakMap();
+let observer;
+function getElementSize(target, borderBoxSize) {
+  if (borderBoxSize) {
+    const { inlineSize, blockSize } = borderBoxSize[0];
+    return { width: inlineSize, height: blockSize };
+  } else if (target instanceof SVGElement && "getBBox" in target) {
+    return target.getBBox();
+  } else {
+    return {
+      width: target.offsetWidth,
+      height: target.offsetHeight
+    };
+  }
 }
-function d({ target: e, contentRect: t, borderBoxSize: r }) {
-  var i;
-  (i = s.get(e)) === null || i === void 0 || i.forEach((n) => {
-    n({
-      target: e,
-      contentSize: t,
+function notifyTarget({ target, contentRect, borderBoxSize }) {
+  var _a;
+  (_a = resizeHandlers.get(target)) === null || _a === void 0 ? void 0 : _a.forEach((handler) => {
+    handler({
+      target,
+      contentSize: contentRect,
       get size() {
-        return f(e, r);
+        return getElementSize(target, borderBoxSize);
       }
     });
   });
 }
-function u(e) {
-  e.forEach(d);
+function notifyAll(entries) {
+  entries.forEach(notifyTarget);
 }
-function v() {
-  typeof ResizeObserver > "u" || (o = new ResizeObserver(u));
+function createResizeObserver() {
+  if (typeof ResizeObserver === "undefined")
+    return;
+  observer = new ResizeObserver(notifyAll);
 }
-function h(e, t) {
-  o || v();
-  const r = l(e);
-  return r.forEach((i) => {
-    let n = s.get(i);
-    n || (n = /* @__PURE__ */ new Set(), s.set(i, n)), n.add(t), o == null || o.observe(i);
-  }), () => {
-    r.forEach((i) => {
-      const n = s.get(i);
-      n == null || n.delete(t), n != null && n.size || o == null || o.unobserve(i);
+function resizeElement(target, handler) {
+  if (!observer)
+    createResizeObserver();
+  const elements = resolveElements(target);
+  elements.forEach((element) => {
+    let elementHandlers = resizeHandlers.get(element);
+    if (!elementHandlers) {
+      elementHandlers = /* @__PURE__ */ new Set();
+      resizeHandlers.set(element, elementHandlers);
+    }
+    elementHandlers.add(handler);
+    observer === null || observer === void 0 ? void 0 : observer.observe(element);
+  });
+  return () => {
+    elements.forEach((element) => {
+      const elementHandlers = resizeHandlers.get(element);
+      elementHandlers === null || elementHandlers === void 0 ? void 0 : elementHandlers.delete(handler);
+      if (!(elementHandlers === null || elementHandlers === void 0 ? void 0 : elementHandlers.size)) {
+        observer === null || observer === void 0 ? void 0 : observer.unobserve(element);
+      }
     });
   };
 }
 export {
-  h as resizeElement
+  resizeElement
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/resize/handle-window.mjs

@@ -1,23 +1,31 @@
-const i = /* @__PURE__ */ new Set();
-let n;
-function o() {
-  n = () => {
-    const e = {
+const windowCallbacks = /* @__PURE__ */ new Set();
+let windowResizeHandler;
+function createWindowResizeHandler() {
+  windowResizeHandler = () => {
+    const size = {
       width: window.innerWidth,
       height: window.innerHeight
-    }, t = {
+    };
+    const info = {
       target: window,
-      size: e,
-      contentSize: e
+      size,
+      contentSize: size
     };
-    i.forEach((d) => d(t));
-  }, window.addEventListener("resize", n);
+    windowCallbacks.forEach((callback) => callback(info));
+  };
+  window.addEventListener("resize", windowResizeHandler);
 }
-function w(e) {
-  return i.add(e), n || o(), () => {
-    i.delete(e), !i.size && n && (n = void 0);
+function resizeWindow(callback) {
+  windowCallbacks.add(callback);
+  if (!windowResizeHandler)
+    createWindowResizeHandler();
+  return () => {
+    windowCallbacks.delete(callback);
+    if (!windowCallbacks.size && windowResizeHandler) {
+      windowResizeHandler = void 0;
+    }
   };
 }
 export {
-  w as resizeWindow
+  resizeWindow
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/resize/index.mjs

@@ -1,8 +1,8 @@
-import { resizeElement as o } from "./handle-element.mjs";
-import { resizeWindow as i } from "./handle-window.mjs";
-function f(e, r) {
-  return typeof e == "function" ? i(e) : o(e, r);
+import { resizeElement } from "./handle-element.mjs";
+import { resizeWindow } from "./handle-window.mjs";
+function resize(a, b) {
+  return typeof a === "function" ? resizeWindow(a) : resizeElement(a, b);
 }
 export {
-  f as resize
+  resize
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/index.mjs

@@ -1,46 +1,63 @@
-import { scrollInfo as c } from "./track.mjs";
-import { observeTimeline as f } from "./observe.mjs";
-import { supportsScrollTimeline as o } from "./supports.mjs";
-function g({ source: e, container: r, axis: t = "y" }) {
-  e && (r = e);
-  const u = { value: 0 }, n = c((m) => {
-    u.value = m[t].progress * 100;
-  }, { container: r, axis: t });
-  return { currentTime: u, cancel: n };
+import { scrollInfo } from "./track.mjs";
+import { observeTimeline } from "./observe.mjs";
+import { supportsScrollTimeline } from "./supports.mjs";
+function scrollTimelineFallback({ source, container, axis = "y" }) {
+  if (source)
+    container = source;
+  const currentTime = { value: 0 };
+  const cancel = scrollInfo((info) => {
+    currentTime.value = info[axis].progress * 100;
+  }, { container, axis });
+  return { currentTime, cancel };
 }
-const l = /* @__PURE__ */ new Map();
-function s({ source: e, container: r = document.documentElement, axis: t = "y" } = {}) {
-  e && (r = e), l.has(r) || l.set(r, {});
-  const u = l.get(r);
-  return u[t] || (u[t] = o() ? new ScrollTimeline({ source: r, axis: t }) : g({ source: r, axis: t })), u[t];
+const timelineCache = /* @__PURE__ */ new Map();
+function getTimeline({ source, container = document.documentElement, axis = "y" } = {}) {
+  if (source)
+    container = source;
+  if (!timelineCache.has(container)) {
+    timelineCache.set(container, {});
+  }
+  const elementCache = timelineCache.get(container);
+  if (!elementCache[axis]) {
+    elementCache[axis] = supportsScrollTimeline() ? new ScrollTimeline({ source: container, axis }) : scrollTimelineFallback({ source: container, axis });
+  }
+  return elementCache[axis];
 }
-function T(e) {
-  return e.length === 2;
+function isOnScrollWithInfo(onScroll) {
+  return onScroll.length === 2;
 }
-function i(e) {
-  return e && (e.target || e.offset);
+function needsElementTracking(options) {
+  return options && (options.target || options.offset);
 }
-function h(e, r) {
-  return T(e) || i(r) ? c((t) => {
-    e(t[r.axis].progress, t);
-  }, r) : f(e, s(r));
+function scrollFunction(onScroll, options) {
+  if (isOnScrollWithInfo(onScroll) || needsElementTracking(options)) {
+    return scrollInfo((info) => {
+      onScroll(info[options.axis].progress, info);
+    }, options);
+  } else {
+    return observeTimeline(onScroll, getTimeline(options));
+  }
 }
-function p(e, r) {
-  if (i(r))
-    return e.pause(), c((t) => {
-      e.time = e.duration * t[r.axis].progress;
-    }, r);
-  {
-    const t = s(r);
-    return e.attachTimeline(t, (u) => (u.pause(), f((n) => {
-      u.time = u.duration * n;
-    }, t)));
+function scrollAnimation(animation, options) {
+  if (needsElementTracking(options)) {
+    animation.pause();
+    return scrollInfo((info) => {
+      animation.time = animation.duration * info[options.axis].progress;
+    }, options);
+  } else {
+    const timeline = getTimeline(options);
+    return animation.attachTimeline(timeline, (valueAnimation) => {
+      valueAnimation.pause();
+      return observeTimeline((progress) => {
+        valueAnimation.time = valueAnimation.duration * progress;
+      }, timeline);
+    });
   }
 }
-function k(e, { axis: r = "y", ...t } = {}) {
-  const u = { axis: r, ...t };
-  return typeof e == "function" ? h(e, u) : p(e, u);
+function scroll(onScroll, { axis = "y", ...options } = {}) {
+  const optionsWithDefaults = { axis, ...options };
+  return typeof onScroll === "function" ? scrollFunction(onScroll, optionsWithDefaults) : scrollAnimation(onScroll, optionsWithDefaults);
 }
 export {
-  k as scroll
+  scroll
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/info.mjs

@@ -1,6 +1,7 @@
-import { progress as h } from "../../../utils/progress.mjs";
-import { velocityPerSecond as a } from "../../../utils/velocity-per-second.mjs";
-const u = 50, c = () => ({
+import { progress } from "../../../utils/progress.mjs";
+import { velocityPerSecond } from "../../../utils/velocity-per-second.mjs";
+const maxElapsed = 50;
+const createAxisInfo = () => ({
   current: 0,
   offset: [],
   progress: 0,
@@ -9,11 +10,13 @@ const u = 50, c = () => ({
   targetLength: 0,
   containerLength: 0,
   velocity: 0
-}), d = () => ({
+});
+const createScrollInfo = () => ({
   time: 0,
-  x: c(),
-  y: c()
-}), x = {
+  x: createAxisInfo(),
+  y: createAxisInfo()
+});
+const keys = {
   x: {
     length: "Width",
     position: "Left"
@@ -23,16 +26,26 @@ const u = 50, c = () => ({
     position: "Top"
   }
 };
-function l(o, e, r, i) {
-  const t = r[e], { length: s, position: f } = x[e], g = t.current, p = r.time;
-  t.current = o[`scroll${f}`], t.scrollLength = o[`scroll${s}`] - o[`client${s}`], t.offset.length = 0, t.offset[0] = 0, t.offset[1] = t.scrollLength, t.progress = h(0, t.scrollLength, t.current);
-  const n = i - p;
-  t.velocity = n > u ? 0 : a(t.current - g, n);
+function updateAxisInfo(element, axisName, info, time) {
+  const axis = info[axisName];
+  const { length, position } = keys[axisName];
+  const prev = axis.current;
+  const prevTime = info.time;
+  axis.current = element[`scroll${position}`];
+  axis.scrollLength = element[`scroll${length}`] - element[`client${length}`];
+  axis.offset.length = 0;
+  axis.offset[0] = 0;
+  axis.offset[1] = axis.scrollLength;
+  axis.progress = progress(0, axis.scrollLength, axis.current);
+  const elapsed = time - prevTime;
+  axis.velocity = elapsed > maxElapsed ? 0 : velocityPerSecond(axis.current - prev, elapsed);
 }
-function v(o, e, r) {
-  l(o, "x", e, r), l(o, "y", e, r), e.time = r;
+function updateScrollInfo(element, info, time) {
+  updateAxisInfo(element, "x", info, time);
+  updateAxisInfo(element, "y", info, time);
+  info.time = time;
 }
 export {
-  d as createScrollInfo,
-  v as updateScrollInfo
+  createScrollInfo,
+  updateScrollInfo
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/observe.mjs

@@ -1,12 +1,18 @@
-import { frame as s, cancelFrame as a } from "../../../frameloop/frame.mjs";
-function u(o, c) {
-  let r;
-  const n = () => {
-    const { currentTime: t } = c, e = (t === null ? 0 : t.value) / 100;
-    r !== e && o(e), r = e;
+import { frame, cancelFrame } from "../../../frameloop/frame.mjs";
+function observeTimeline(update, timeline) {
+  let prevProgress;
+  const onFrame = () => {
+    const { currentTime } = timeline;
+    const percentage = currentTime === null ? 0 : currentTime.value;
+    const progress = percentage / 100;
+    if (prevProgress !== progress) {
+      update(progress);
+    }
+    prevProgress = progress;
   };
-  return s.update(n, !0), () => a(n);
+  frame.update(onFrame, true);
+  return () => cancelFrame(onFrame);
 }
 export {
-  u as observeTimeline
+  observeTimeline
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/offsets/edge.mjs

@@ -1,17 +1,33 @@
-const e = {
+const namedEdges = {
   start: 0,
   center: 0.5,
   end: 1
 };
-function o(t, s, l = 0) {
-  let n = 0;
-  if (t in e && (t = e[t]), typeof t == "string") {
-    const i = parseFloat(t);
-    t.endsWith("px") ? n = i : t.endsWith("%") ? t = i / 100 : t.endsWith("vw") ? n = i / 100 * document.documentElement.clientWidth : t.endsWith("vh") ? n = i / 100 * document.documentElement.clientHeight : t = i;
+function resolveEdge(edge, length, inset = 0) {
+  let delta = 0;
+  if (edge in namedEdges) {
+    edge = namedEdges[edge];
   }
-  return typeof t == "number" && (n = s * t), l + n;
+  if (typeof edge === "string") {
+    const asNumber = parseFloat(edge);
+    if (edge.endsWith("px")) {
+      delta = asNumber;
+    } else if (edge.endsWith("%")) {
+      edge = asNumber / 100;
+    } else if (edge.endsWith("vw")) {
+      delta = asNumber / 100 * document.documentElement.clientWidth;
+    } else if (edge.endsWith("vh")) {
+      delta = asNumber / 100 * document.documentElement.clientHeight;
+    } else {
+      edge = asNumber;
+    }
+  }
+  if (typeof edge === "number") {
+    delta = length * edge;
+  }
+  return inset + delta;
 }
 export {
-  e as namedEdges,
-  o as resolveEdge
+  namedEdges,
+  resolveEdge
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/offsets/index.mjs

@@ -1,26 +1,38 @@
-import { calcInset as d } from "./inset.mjs";
-import { ScrollOffset as a } from "./presets.mjs";
-import { resolveOffset as u } from "./offset.mjs";
-import { interpolate as O } from "../../../../utils/interpolate.mjs";
-import { defaultOffset as x } from "../../../../utils/offsets/default.mjs";
-const w = { x: 0, y: 0 };
-function B(t) {
-  return "getBBox" in t && t.tagName !== "svg" ? t.getBBox() : { width: t.clientWidth, height: t.clientHeight };
+import { calcInset } from "./inset.mjs";
+import { ScrollOffset } from "./presets.mjs";
+import { resolveOffset } from "./offset.mjs";
+import { interpolate } from "../../../../utils/interpolate.mjs";
+import { defaultOffset } from "../../../../utils/offsets/default.mjs";
+const point = { x: 0, y: 0 };
+function getTargetSize(target) {
+  return "getBBox" in target && target.tagName !== "svg" ? target.getBBox() : { width: target.clientWidth, height: target.clientHeight };
 }
-function W(t, s, r) {
-  const { offset: l = a.All } = r, { target: o = t, axis: e = "y" } = r, h = e === "y" ? "height" : "width", c = o !== t ? d(o, t) : w, n = o === t ? { width: t.scrollWidth, height: t.scrollHeight } : B(o), p = {
-    width: t.clientWidth,
-    height: t.clientHeight
+function resolveOffsets(container, info, options) {
+  const { offset: offsetDefinition = ScrollOffset.All } = options;
+  const { target = container, axis = "y" } = options;
+  const lengthLabel = axis === "y" ? "height" : "width";
+  const inset = target !== container ? calcInset(target, container) : point;
+  const targetSize = target === container ? { width: container.scrollWidth, height: container.scrollHeight } : getTargetSize(target);
+  const containerSize = {
+    width: container.clientWidth,
+    height: container.clientHeight
   };
-  s[e].offset.length = 0;
-  let i = !s[e].interpolate;
-  const m = l.length;
-  for (let f = 0; f < m; f++) {
-    const g = u(l[f], p[h], n[h], c[e]);
-    !i && g !== s[e].interpolatorOffsets[f] && (i = !0), s[e].offset[f] = g;
+  info[axis].offset.length = 0;
+  let hasChanged = !info[axis].interpolate;
+  const numOffsets = offsetDefinition.length;
+  for (let i = 0; i < numOffsets; i++) {
+    const offset = resolveOffset(offsetDefinition[i], containerSize[lengthLabel], targetSize[lengthLabel], inset[axis]);
+    if (!hasChanged && offset !== info[axis].interpolatorOffsets[i]) {
+      hasChanged = true;
+    }
+    info[axis].offset[i] = offset;
   }
-  i && (s[e].interpolate = O(s[e].offset, x(l)), s[e].interpolatorOffsets = [...s[e].offset]), s[e].progress = s[e].interpolate(s[e].current);
+  if (hasChanged) {
+    info[axis].interpolate = interpolate(info[axis].offset, defaultOffset(offsetDefinition));
+    info[axis].interpolatorOffsets = [...info[axis].offset];
+  }
+  info[axis].progress = info[axis].interpolate(info[axis].current);
 }
 export {
-  W as resolveOffsets
+  resolveOffsets
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/offsets/inset.mjs

@@ -1,25 +1,36 @@
-function a(i, f) {
-  const t = { x: 0, y: 0 };
-  let e = i;
-  for (; e && e !== f; )
-    if (e instanceof HTMLElement)
-      t.x += e.offsetLeft, t.y += e.offsetTop, e = e.offsetParent;
-    else if (e.tagName === "svg") {
-      const n = e.getBoundingClientRect();
-      e = e.parentElement;
-      const o = e.getBoundingClientRect();
-      t.x += n.left - o.left, t.y += n.top - o.top;
-    } else if (e instanceof SVGGraphicsElement) {
-      const { x: n, y: o } = e.getBBox();
-      t.x += n, t.y += o;
-      let s = null, l = e.parentNode;
-      for (; !s; )
-        l.tagName === "svg" && (s = l), l = e.parentNode;
-      e = s;
-    } else
+function calcInset(element, container) {
+  const inset = { x: 0, y: 0 };
+  let current = element;
+  while (current && current !== container) {
+    if (current instanceof HTMLElement) {
+      inset.x += current.offsetLeft;
+      inset.y += current.offsetTop;
+      current = current.offsetParent;
+    } else if (current.tagName === "svg") {
+      const svgBoundingBox = current.getBoundingClientRect();
+      current = current.parentElement;
+      const parentBoundingBox = current.getBoundingClientRect();
+      inset.x += svgBoundingBox.left - parentBoundingBox.left;
+      inset.y += svgBoundingBox.top - parentBoundingBox.top;
+    } else if (current instanceof SVGGraphicsElement) {
+      const { x, y } = current.getBBox();
+      inset.x += x;
+      inset.y += y;
+      let svg = null;
+      let parent = current.parentNode;
+      while (!svg) {
+        if (parent.tagName === "svg") {
+          svg = parent;
+        }
+        parent = current.parentNode;
+      }
+      current = svg;
+    } else {
       break;
-  return t;
+    }
+  }
+  return inset;
 }
 export {
-  a as calcInset
+  calcInset
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/offsets/offset.mjs

@@ -1,9 +1,23 @@
-import { resolveEdge as t, namedEdges as m } from "./edge.mjs";
-const p = [0, 0];
-function c(i, l, a, d) {
-  let r = Array.isArray(i) ? i : p, e = 0, n = 0;
-  return typeof i == "number" ? r = [i, i] : typeof i == "string" && (i = i.trim(), i.includes(" ") ? r = i.split(" ") : r = [i, m[i] ? i : "0"]), e = t(r[0], a, d), n = t(r[1], l), e - n;
+import { resolveEdge, namedEdges } from "./edge.mjs";
+const defaultOffset = [0, 0];
+function resolveOffset(offset, containerLength, targetLength, targetInset) {
+  let offsetDefinition = Array.isArray(offset) ? offset : defaultOffset;
+  let targetPoint = 0;
+  let containerPoint = 0;
+  if (typeof offset === "number") {
+    offsetDefinition = [offset, offset];
+  } else if (typeof offset === "string") {
+    offset = offset.trim();
+    if (offset.includes(" ")) {
+      offsetDefinition = offset.split(" ");
+    } else {
+      offsetDefinition = [offset, namedEdges[offset] ? offset : `0`];
+    }
+  }
+  targetPoint = resolveEdge(offsetDefinition[0], targetLength, targetInset);
+  containerPoint = resolveEdge(offsetDefinition[1], containerLength);
+  return targetPoint - containerPoint;
 }
 export {
-  c as resolveOffset
+  resolveOffset
 };

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/scroll/offsets/presets.mjs

@@ -1,4 +1,4 @@
-const t = {
+const ScrollOffset = {
   Enter: [
     [0, 1],
     [1, 1]
@@ -17,5 +17,5 @@ const t = {
   ]
 };
 export {
-  t as ScrollOffset
+  ScrollOffset
 };