motion-v 0.2.6 → 0.3.0

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/numbers/units.mjs

@@ -0,0 +1,17 @@
+const s = (e) => ({
+  test: (t) => typeof t == "string" && t.endsWith(e) && t.split(" ").length === 1,
+  parse: parseFloat,
+  transform: (t) => `${t}${e}`
+}), n = /* @__PURE__ */ s("deg"), r = /* @__PURE__ */ s("%"), o = /* @__PURE__ */ s("px"), p = /* @__PURE__ */ s("vh"), a = /* @__PURE__ */ s("vw"), c = {
+  ...r,
+  parse: (e) => r.parse(e) / 100,
+  transform: (e) => r.transform(e * 100)
+};
+export {
+  n as degrees,
+  r as percent,
+  c as progressPercentage,
+  o as px,
+  p as vh,
+  a as vw
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/utils/color-regex.mjs

@@ -0,0 +1,4 @@
+const d = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+export {
+  d as colorRegex
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/utils/float-regex.mjs

@@ -0,0 +1,4 @@
+const d = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+export {
+  d as floatRegex
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/utils/is-nullish.mjs

@@ -0,0 +1,6 @@
+function n(l) {
+  return l == null;
+}
+export {
+  n as isNullish
+};

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

@@ -0,0 +1,4 @@
+const n = (t) => Math.round(t * 1e5) / 1e5;
+export {
+  n as sanitize
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/utils/single-color-regex.mjs

@@ -0,0 +1,4 @@
+const d = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu;
+export {
+  d as singleColorRegex
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/use-will-change/add-will-change.mjs

@@ -0,0 +1,9 @@
+import { isWillChangeMotionValue as i } from "./is.mjs";
+function o(e, a) {
+  const l = e.getValue("willChange");
+  if (i(l))
+    return l.add(a);
+}
+export {
+  o as addValueToWillChange
+};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/use-will-change/is.mjs

@@ -0,0 +1,7 @@
+import { isMotionValue as i } from "../utils/is-motion-value.mjs";
+function t(o) {
+  return !!(i(o) && o.add);
+}
+export {
+  t as isWillChangeMotionValue
+};

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

@@ -0,0 +1,4 @@
+const t = (o) => !!(o && o.getVelocity);
+export {
+  t as isMotionValue
+};

package/dist/es/node_modules/.pnpm/hey-listen@1.0.8/node_modules/hey-listen/dist/hey-listen.es.mjs

@@ -0,0 +1,13 @@
+var i = function() {
+}, r = function() {
+};
+process.env.NODE_ENV !== "production" && (i = function(n, o) {
+  !n && typeof console < "u" && console.warn(o);
+}, r = function(n, o) {
+  if (!n)
+    throw new Error(o);
+});
+export {
+  r as invariant,
+  i as warning
+};

package/dist/es/state/event.mjs

@@ -0,0 +1,6 @@
+function o(t, n, e) {
+  return new CustomEvent(t, { detail: { target: n, isExit: e } });
+}
+export {
+  o as motionEvent
+};

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

@@ -0,0 +1,134 @@
+import { invariant as d } from "../node_modules/.pnpm/hey-listen@1.0.8/node_modules/hey-listen/dist/hey-listen.es.mjs";
+import { visualElementStore as r } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/store.mjs";
+import { createDOMVisualElement as x } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/utils/create-visual-element.mjs";
+import { resolveVariant as l, getOptions as E, hasChanged as T, noop as S } from "./utils.mjs";
+import { FeatureManager as M } from "../features/feature-manager.mjs";
+import { style as b } from "./style.mjs";
+import { transformResetValue as w } from "./transform.mjs";
+import { scheduleAnimation as c, unscheduleAnimation as O } from "./schedule.mjs";
+import { motionEvent as u } from "./event.mjs";
+import { animate as V } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/animation/animate/index.mjs";
+import { isDef as p } from "../node_modules/.pnpm/@vueuse_shared@11.1.0_vue@3.4.38_typescript@5.5.4_/node_modules/@vueuse/shared/index.mjs";
+const A = ["initial", "animate", "inView", "hover", "press", "exit", "drag"], g = /* @__PURE__ */ new WeakMap();
+class q {
+  constructor(t, e) {
+    this.element = null, this.activeStates = {
+      initial: !0,
+      animate: !0
+    }, this._context = null, this.options = t, this.parent = e, this.depth = (e == null ? void 0 : e.depth) + 1 || 0;
+    const n = t.initial === !1 ? "animate" : "initial";
+    this.featureManager = new M(this), this.initTarget(n);
+  }
+  get context() {
+    if (!this._context) {
+      const t = {
+        get: (e, n) => {
+          var s;
+          return typeof this.options[n] == "string" ? this.options[n] : (s = this.parent) == null ? void 0 : s.context[n];
+        }
+      };
+      this._context = new Proxy({}, t);
+    }
+    return this._context;
+  }
+  initTarget(t) {
+    this.baseTarget = l(this.options[t] || this.context[t], this.options.variants) || {}, this.target = { ...this.baseTarget };
+  }
+  get initial() {
+    return p(this.options.initial) ? this.options.initial : this.context.initial;
+  }
+  mount(t) {
+    var n;
+    d(
+      !!t,
+      "Animation state must be mounted with valid Element"
+    ), this.element = t, g.set(t, this), r.get(t) || x(t);
+    const e = r.get(t);
+    if (this.visualElement = e, e.update(this.options, (n = this.parent) == null ? void 0 : n.context), typeof this.initial == "object")
+      for (const s in this.initial)
+        e.setStaticValue(s, this.initial[s]);
+    else if (typeof this.initial == "string" && this.options.variants)
+      for (const s in this.options.variants[this.initial])
+        e.setStaticValue(s, this.options.variants[this.initial][s]);
+    this.featureManager.mount();
+  }
+  unmount() {
+    var t;
+    g.delete(this.element), O(this), (t = r.get(this.element)) == null || t.unmount(), this.featureManager.unmount();
+  }
+  update(t) {
+    var e;
+    this.options = t, this.visualElement.update(this.options, (e = this.parent) == null ? void 0 : e.context), this.featureManager.update(), c(this);
+  }
+  setActive(t, e) {
+    this.element && (this.activeStates[t] = e, c(this));
+  }
+  *animateUpdates() {
+    const t = this.target;
+    this.target = {};
+    const e = {};
+    for (const i of A) {
+      if (!this.activeStates[i])
+        continue;
+      const o = l(
+        p(this.options[i]) ? this.options[i] : this.context[i],
+        this.options.variants,
+        this.options.custom
+      );
+      if (!o)
+        continue;
+      const v = { ...t, ...o };
+      for (const a in v)
+        a !== "transition" && (this.target[a] = o[a], e[a] = E(
+          o.transition ?? this.options.transition ?? {},
+          a
+        ));
+    }
+    const n = /* @__PURE__ */ new Set([
+      ...Object.keys(this.target),
+      ...Object.keys(t)
+    ]), s = [];
+    n.forEach((i) => {
+      var o;
+      this.target[i] === void 0 && (this.target[i] = this.baseTarget[i]), T(t[i], this.target[i]) && ((o = this.baseTarget)[i] ?? (o[i] = b.get(this.element, i)), s.push(
+        () => V(
+          this.element,
+          {
+            [i]: this.target[i] === "none" ? w[i] : this.target[i]
+          },
+          e[i] || {}
+        )
+      ));
+    }), yield;
+    const h = s.map((i) => i()).filter(Boolean);
+    if (!h.length)
+      return;
+    const m = this.target;
+    this.element.dispatchEvent(u("motionstart", m));
+    const f = this.activeStates.exit;
+    Promise.all(h).then(() => {
+      this.element.dispatchEvent(u("motioncomplete", {
+        ...m
+      }, f));
+    }).catch(S);
+  }
+  isMounted() {
+    return !!this.element;
+  }
+  getDepth() {
+    return this.depth;
+  }
+  getOptions() {
+    return this.options;
+  }
+  getElement() {
+    return this.element;
+  }
+  getTarget() {
+    return this.target;
+  }
+}
+export {
+  q as MotionState,
+  g as mountedStates
+};

package/dist/es/state/schedule.mjs

@@ -0,0 +1,22 @@
+import { addUniqueItem as i, removeItem as r } from "./utils.mjs";
+let t;
+const n = (e) => e.next(), a = (e) => e.animateUpdates();
+function c() {
+  if (!t)
+    return;
+  const e = t.sort(m).map(a);
+  e.forEach(n), e.forEach(n), t = void 0;
+}
+function u(e) {
+  t ? i(t, e) : (t = [e], requestAnimationFrame(c));
+}
+function d(e) {
+  t && r(t, e);
+}
+function m(e, o) {
+  return e.getDepth() - o.getDepth();
+}
+export {
+  u as scheduleAnimation,
+  d as unscheduleAnimation
+};

package/dist/es/state/style.mjs

@@ -0,0 +1,93 @@
+import { isNumber as p, isCssVar as a } from "./utils.mjs";
+import { isTransform as g, transformAlias as l, transformDefinitions as c, buildTransformTemplate as m } from "./transform.mjs";
+import { isMotionValue as y } from "../utils/motion-value.mjs";
+const S = {
+  get: (r, t) => {
+    let e = a(t) ? r.style.getPropertyValue(t) : getComputedStyle(r)[t];
+    if (!e && e !== "0") {
+      const i = c.get(t);
+      i && (e = i.initialValue);
+    }
+    return e;
+  },
+  set: (r, t, e) => {
+    a(t) ? r.style.setProperty(t, e) : r.style[t] = e;
+  }
+};
+function T(r) {
+  var i;
+  const t = {}, e = [];
+  for (let s in r) {
+    let o = r[s];
+    o = y(o) ? o.get() : o, g(s) && s in l && (s = l[s]);
+    let u = Array.isArray(o) ? o[0] : o;
+    const n = c.get(s);
+    n ? (u = p(o) ? (i = n.toDefaultUnit) == null ? void 0 : i.call(n, o) : o, e.push([s, u])) : t[s] = u;
+  }
+  return e.length && (t.transform = m(e)), t;
+}
+const f = {
+  fill: !0,
+  stroke: !0,
+  strokeWidth: !0,
+  opacity: !0,
+  fillOpacity: !0,
+  strokeOpacity: !0,
+  strokeLinecap: !0,
+  strokeLinejoin: !0,
+  strokeDasharray: !0,
+  strokeDashoffset: !0,
+  cx: !0,
+  cy: !0,
+  r: !0,
+  d: !0,
+  x: !0,
+  y: !0,
+  x1: !0,
+  y1: !0,
+  x2: !0,
+  y2: !0,
+  points: !0,
+  pathLength: !0,
+  transform: !0,
+  viewBox: !0,
+  width: !0,
+  height: !0,
+  preserveAspectRatio: !0,
+  clipPath: !0,
+  filter: !0,
+  mask: !0,
+  stopColor: !0,
+  stopOpacity: !0,
+  gradientTransform: !0,
+  gradientUnits: !0,
+  spreadMethod: !0,
+  markerEnd: !0,
+  markerMid: !0,
+  markerStart: !0,
+  textAnchor: !0,
+  dominantBaseline: !0,
+  fontFamily: !0,
+  fontSize: !0,
+  fontWeight: !0,
+  letterSpacing: !0,
+  vectorEffect: !0
+};
+function v(r) {
+  const t = {}, e = {};
+  for (const i in r)
+    if (i in f) {
+      const s = f[i], o = typeof s == "string" ? s : i, u = r[i];
+      t[o] = y(u) ? u.get() : u;
+    } else
+      e[i] = r[i];
+  return {
+    attributes: t,
+    style: e
+  };
+}
+export {
+  v as convertSvgStyleToAttributes,
+  T as createStyles,
+  S as style
+};

package/dist/es/state/transform.mjs

@@ -0,0 +1,59 @@
+import { noopReturn as s } from "./utils.mjs";
+const a = {
+  syntax: "<angle>",
+  initialValue: "0deg",
+  toDefaultUnit: (t) => `${t}deg`
+}, o = {
+  translate: {
+    syntax: "<length-percentage>",
+    initialValue: "0px",
+    toDefaultUnit: (t) => `${t}px`
+  },
+  rotate: a,
+  scale: {
+    syntax: "<number>",
+    initialValue: 1,
+    toDefaultUnit: s
+  },
+  skew: a
+}, l = ["translate", "scale", "rotate", "skew"], i = ["", "X", "Y", "Z"], c = /* @__PURE__ */ new Map(), r = ["transformPerspective", "x", "y", "z", "translateX", "translateY", "translateZ", "scale", "scaleX", "scaleY", "rotate", "rotateX", "rotateY", "rotateZ", "skew", "skewX", "skewY"];
+l.forEach((t) => {
+  i.forEach((e) => {
+    r.push(t + e), c.set(
+      t + e,
+      o[t]
+    );
+  });
+});
+const f = new Set(r), x = (t) => f.has(t), d = {
+  x: "translateX",
+  y: "translateY",
+  z: "translateZ"
+};
+function u([t], [e]) {
+  return r.indexOf(t) - r.indexOf(e);
+}
+function m(t, [e, n]) {
+  return `${t} ${e}(${n})`;
+}
+function w(t) {
+  return t.sort(u).reduce(m, "").trim();
+}
+const k = {
+  translate: [0, 0],
+  rotate: 0,
+  scale: 1,
+  skew: 0,
+  x: 0,
+  y: 0,
+  z: 0
+};
+export {
+  i as axes,
+  w as buildTransformTemplate,
+  u as compareTransformOrder,
+  x as isTransform,
+  d as transformAlias,
+  c as transformDefinitions,
+  k as transformResetValue
+};

package/dist/es/state/utils.mjs

@@ -0,0 +1,113 @@
+function s(e, t, r) {
+  if (typeof e == "object")
+    return e;
+  if (e && t) {
+    const n = t[e];
+    return typeof n == "function" ? n(r) : n;
+  }
+}
+function u(e, t) {
+  return typeof e != typeof t ? !0 : Array.isArray(e) && Array.isArray(t) ? !f(e, t) : e !== t;
+}
+function f(e, t) {
+  const r = t.length;
+  if (r !== e.length)
+    return !1;
+  for (let n = 0; n < r; n++)
+    if (t[n] !== e[n])
+      return !1;
+  return !0;
+}
+function l(e, t) {
+  !e.includes(t) && e.push(t);
+}
+function a(e, t) {
+  const r = e.indexOf(t);
+  r !== -1 && e.splice(r, 1);
+}
+function c(e, t) {
+  return e[t] ? { ...e, ...e[t] } : { ...e };
+}
+function p(e) {
+  return e == null ? void 0 : e.startsWith("--");
+}
+function g() {
+}
+const h = (e) => e;
+function m(e) {
+  return typeof e == "number";
+}
+const i = [
+  "animate",
+  "circle",
+  "defs",
+  "desc",
+  "ellipse",
+  "g",
+  "image",
+  "line",
+  "filter",
+  "marker",
+  "mask",
+  "metadata",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "rect",
+  "stop",
+  "svg",
+  "switch",
+  "symbol",
+  "text",
+  "tspan",
+  "use",
+  "view",
+  "clipPath",
+  "feBlend",
+  "feColorMatrix",
+  "feComponentTransfer",
+  "feComposite",
+  "feConvolveMatrix",
+  "feDiffuseLighting",
+  "feDisplacementMap",
+  "feDistantLight",
+  "feDropShadow",
+  "feFlood",
+  "feFuncA",
+  "feFuncB",
+  "feFuncG",
+  "feFuncR",
+  "feGaussianBlur",
+  "feImage",
+  "feMerge",
+  "feMergeNode",
+  "feMorphology",
+  "feOffset",
+  "fePointLight",
+  "feSpecularLighting",
+  "feSpotLight",
+  "feTile",
+  "feTurbulence",
+  "foreignObject",
+  "linearGradient",
+  "radialGradient",
+  "textPath"
+], o = new Set(i);
+function d(e) {
+  return o.has(e);
+}
+export {
+  l as addUniqueItem,
+  c as getOptions,
+  u as hasChanged,
+  p as isCssVar,
+  m as isNumber,
+  d as isSVGElement,
+  g as noop,
+  h as noopReturn,
+  a as removeItem,
+  s as resolveVariant,
+  f as shallowCompare,
+  i as svgElements
+};

package/dist/es/utils/createContext.mjs

@@ -0,0 +1,17 @@
+import { inject as c, provide as s } from "vue";
+function x(t, r) {
+  const e = typeof t == "string" && !r ? `${t}Context` : r, i = Symbol(e);
+  return [(n) => {
+    const o = c(i, n);
+    if (o || o === null)
+      return o;
+    throw new Error(
+      `Injection \`${i.toString()}\` not found. Component must be used within ${Array.isArray(t) ? `one of the following components: ${t.join(
+        ", "
+      )}` : `\`${t}\``}`
+    );
+  }, (n) => (s(i, n), n)];
+}
+export {
+  x as createContext
+};

package/dist/es/utils/events.mjs

@@ -0,0 +1,8 @@
+function i(t, n, e) {
+  t.dispatchEvent(
+    new CustomEvent(n, { detail: { originalEvent: e } })
+  );
+}
+export {
+  i as dispatchPointerEvent
+};

package/dist/es/utils/motion-value.mjs

@@ -0,0 +1,6 @@
+function t(o) {
+  return !!(o && o.getVelocity);
+}
+export {
+  t as isMotionValue
+};

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

@@ -0,0 +1,14 @@
+import { onBeforeUpdate as m, onUnmounted as c } from "vue";
+import { frame as r, cancelFrame as p } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/frameloop/frame.mjs";
+function d(i) {
+  let e = 0;
+  const t = ({ timestamp: o, delta: a }) => {
+    e || (e = o), i(o - e, a);
+  }, n = () => p(t);
+  m(() => {
+    n(), r.update(t, !0);
+  }), c(() => n()), r.update(t, !0);
+}
+export {
+  d as useAnimationFrame
+};

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

@@ -0,0 +1,19 @@
+import { ref as i, watch as l, isRef as v, unref as c } from "vue";
+import { inView as f } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/render/dom/viewport/index.mjs";
+function V(n, e) {
+  const r = i(!1);
+  return l([n, () => v(e) ? e.value : e], (s, o) => {
+    const t = c(e) || {}, { once: u } = t;
+    if (!n.value || u && r.value)
+      return;
+    const a = () => (r.value = !0, u ? void 0 : () => {
+      r.value = !1;
+    });
+    return f(n.value, a, t);
+  }, {
+    immediate: !0
+  }), r;
+}
+export {
+  V as useInView
+};

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

@@ -0,0 +1,22 @@
+import { onUnmounted as m } from "vue";
+import { motionValue as i } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/index.mjs";
+import { cancelFrame as p, frame as f } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/frameloop/frame.mjs";
+function h(o) {
+  const t = i(o()), n = () => t.set(o()), u = () => f.preRender(n, !1, !0);
+  let r;
+  const c = (e) => {
+    r = e.map((a) => a.on("change", u));
+  }, s = () => {
+    r.forEach((e) => e()), p(n);
+  };
+  return m(() => {
+    s();
+  }), {
+    subscribe: c,
+    unsubscribe: s,
+    value: t
+  };
+}
+export {
+  h as useCombineMotionValues
+};

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

@@ -0,0 +1,13 @@
+import { useCombineMotionValues as n } from "./use-combine-values.mjs";
+import { collectMotionValues as r } from "../node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/index.mjs";
+import { onBeforeUpdate as c } from "vue";
+function b(e) {
+  r.current = [];
+  const { value: t, subscribe: o, unsubscribe: u } = n(e);
+  return o(r.current), r.current = void 0, c(() => {
+    u(), r.current = [], e(), o(r.current), r.current = void 0;
+  }), t;
+}
+export {
+  b as useComputed
+};

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

@@ -0,0 +1,19 @@
+import { useCombineMotionValues as c } from "./use-combine-values.mjs";
+import { isMotionValue as i } from "../utils/motion-value.mjs";
+function p(n, ...u) {
+  const r = n.length;
+  function l() {
+    let e = "";
+    for (let t = 0; t < r; t++) {
+      e += n[t];
+      const o = u[t];
+      o && (e += i(o) ? o.get() : o);
+    }
+    return e;
+  }
+  const { value: s, subscribe: m } = c(l);
+  return m(u.filter(i)), s;
+}
+export {
+  p as useMotionTemplate
+};