motion-v 0.3.0 → 0.3.1-beta.1

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

@@ -1,210 +0,0 @@
-import { SubscriptionManager as c } from "../utils/subscription-manager.mjs";
-import { velocityPerSecond as u } from "../utils/velocity-per-second.mjs";
-import { warnOnce as p } from "../utils/warn-once.mjs";
-import { time as n } from "../frameloop/sync-time.mjs";
-import { frame as f } from "../frameloop/frame.mjs";
-const r = 30, d = (s) => !isNaN(parseFloat(s)), a = {
-  current: void 0
-};
-class l {
-  /**
-   * @param init - The initiating value
-   * @param config - Optional configuration options
-   *
-   * -  `transformer`: A function to transform incoming values with.
-   *
-   * @internal
-   */
-  constructor(t, e = {}) {
-    this.version = "11.11.11", this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (i, h = !0) => {
-      const o = n.now();
-      this.updatedAt !== o && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(i), this.current !== this.prev && this.events.change && this.events.change.notify(this.current), h && this.events.renderRequest && this.events.renderRequest.notify(this.current);
-    }, this.hasAnimated = !1, this.setCurrent(t), this.owner = e.owner;
-  }
-  setCurrent(t) {
-    this.current = t, this.updatedAt = n.now(), this.canTrackVelocity === null && t !== void 0 && (this.canTrackVelocity = d(this.current));
-  }
-  setPrevFrameValue(t = this.current) {
-    this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt;
-  }
-  /**
-   * Adds a function that will be notified when the `MotionValue` is updated.
-   *
-   * It returns a function that, when called, will cancel the subscription.
-   *
-   * When calling `onChange` inside a React component, it should be wrapped with the
-   * `useEffect` hook. As it returns an unsubscribe function, this should be returned
-   * from the `useEffect` function to ensure you don't add duplicate subscribers..
-   *
-   * ```jsx
-   * export const MyComponent = () => {
-   *   const x = useMotionValue(0)
-   *   const y = useMotionValue(0)
-   *   const opacity = useMotionValue(1)
-   *
-   *   useEffect(() => {
-   *     function updateOpacity() {
-   *       const maxXY = Math.max(x.get(), y.get())
-   *       const newOpacity = transform(maxXY, [0, 100], [1, 0])
-   *       opacity.set(newOpacity)
-   *     }
-   *
-   *     const unsubscribeX = x.on("change", updateOpacity)
-   *     const unsubscribeY = y.on("change", updateOpacity)
-   *
-   *     return () => {
-   *       unsubscribeX()
-   *       unsubscribeY()
-   *     }
-   *   }, [])
-   *
-   *   return <motion.div style={{ x }} />
-   * }
-   * ```
-   *
-   * @param subscriber - A function that receives the latest value.
-   * @returns A function that, when called, will cancel this subscription.
-   *
-   * @deprecated
-   */
-  onChange(t) {
-    return process.env.NODE_ENV !== "production" && p(!1, 'value.onChange(callback) is deprecated. Switch to value.on("change", callback).'), this.on("change", t);
-  }
-  on(t, e) {
-    this.events[t] || (this.events[t] = new c());
-    const i = this.events[t].add(e);
-    return t === "change" ? () => {
-      i(), f.read(() => {
-        this.events.change.getSize() || this.stop();
-      });
-    } : i;
-  }
-  clearListeners() {
-    for (const t in this.events)
-      this.events[t].clear();
-  }
-  /**
-   * Attaches a passive effect to the `MotionValue`.
-   *
-   * @internal
-   */
-  attach(t, e) {
-    this.passiveEffect = t, this.stopPassiveEffect = e;
-  }
-  /**
-   * Sets the state of the `MotionValue`.
-   *
-   * @remarks
-   *
-   * ```jsx
-   * const x = useMotionValue(0)
-   * x.set(10)
-   * ```
-   *
-   * @param latest - Latest value to set.
-   * @param render - Whether to notify render subscribers. Defaults to `true`
-   *
-   * @public
-   */
-  set(t, e = !0) {
-    !e || !this.passiveEffect ? this.updateAndNotify(t, e) : this.passiveEffect(t, this.updateAndNotify);
-  }
-  setWithVelocity(t, e, i) {
-    this.set(e), this.prev = void 0, this.prevFrameValue = t, this.prevUpdatedAt = this.updatedAt - i;
-  }
-  /**
-   * Set the state of the `MotionValue`, stopping any active animations,
-   * effects, and resets velocity to `0`.
-   */
-  jump(t, e = !0) {
-    this.updateAndNotify(t), this.prev = t, this.prevUpdatedAt = this.prevFrameValue = void 0, e && this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
-  }
-  /**
-   * Returns the latest state of `MotionValue`
-   *
-   * @returns - The latest state of `MotionValue`
-   *
-   * @public
-   */
-  get() {
-    return a.current && a.current.push(this), this.current;
-  }
-  /**
-   * @public
-   */
-  getPrevious() {
-    return this.prev;
-  }
-  /**
-   * Returns the latest velocity of `MotionValue`
-   *
-   * @returns - The latest velocity of `MotionValue`. Returns `0` if the state is non-numerical.
-   *
-   * @public
-   */
-  getVelocity() {
-    const t = n.now();
-    if (!this.canTrackVelocity || this.prevFrameValue === void 0 || t - this.updatedAt > r)
-      return 0;
-    const e = Math.min(this.updatedAt - this.prevUpdatedAt, r);
-    return u(parseFloat(this.current) - parseFloat(this.prevFrameValue), e);
-  }
-  /**
-   * Registers a new animation to control this `MotionValue`. Only one
-   * animation can drive a `MotionValue` at one time.
-   *
-   * ```jsx
-   * value.start()
-   * ```
-   *
-   * @param animation - A function that starts the provided animation
-   *
-   * @internal
-   */
-  start(t) {
-    return this.stop(), new Promise((e) => {
-      this.hasAnimated = !0, this.animation = t(e), this.events.animationStart && this.events.animationStart.notify();
-    }).then(() => {
-      this.events.animationComplete && this.events.animationComplete.notify(), this.clearAnimation();
-    });
-  }
-  /**
-   * Stop the currently active animation.
-   *
-   * @public
-   */
-  stop() {
-    this.animation && (this.animation.stop(), this.events.animationCancel && this.events.animationCancel.notify()), this.clearAnimation();
-  }
-  /**
-   * Returns `true` if this value is currently animating.
-   *
-   * @public
-   */
-  isAnimating() {
-    return !!this.animation;
-  }
-  clearAnimation() {
-    delete this.animation;
-  }
-  /**
-   * Destroy and clean up subscribers to this `MotionValue`.
-   *
-   * The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
-   * handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
-   * created a `MotionValue` via the `motionValue` function.
-   *
-   * @public
-   */
-  destroy() {
-    this.clearListeners(), this.stop(), this.stopPassiveEffect && this.stopPassiveEffect();
-  }
-}
-function g(s, t) {
-  return new l(s, t);
-}
-export {
-  l as MotionValue,
-  a as collectMotionValues,
-  g as motionValue
-};

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

@@ -1,19 +0,0 @@
-import { rgba as i } from "./rgba.mjs";
-import { isColorString as g } from "./utils.mjs";
-function a(r) {
-  let t = "", e = "", n = "", s = "";
-  return r.length > 5 ? (t = r.substring(1, 3), e = r.substring(3, 5), n = r.substring(5, 7), s = r.substring(7, 9)) : (t = r.substring(1, 2), e = r.substring(2, 3), n = r.substring(3, 4), s = r.substring(4, 5), t += t, e += e, n += n, s += s), {
-    red: parseInt(t, 16),
-    green: parseInt(e, 16),
-    blue: parseInt(n, 16),
-    alpha: s ? parseInt(s, 16) / 255 : 1
-  };
-}
-const u = {
-  test: /* @__PURE__ */ g("#"),
-  parse: a,
-  transform: i.transform
-};
-export {
-  u as hex
-};

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

@@ -1,12 +0,0 @@
-import { alpha as n } from "../numbers/index.mjs";
-import { percent as t } from "../numbers/units.mjs";
-import { sanitize as r } from "../utils/sanitize.mjs";
-import { isColorString as i, splitColor as e } from "./utils.mjs";
-const u = {
-  test: /* @__PURE__ */ i("hsl", "hue"),
-  parse: /* @__PURE__ */ e("hue", "saturation", "lightness"),
-  transform: ({ hue: o, saturation: s, lightness: a, alpha: m = 1 }) => "hsla(" + Math.round(o) + ", " + t.transform(r(s)) + ", " + t.transform(r(a)) + ", " + r(n.transform(m)) + ")"
-};
-export {
-  u as hsla
-};

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

@@ -1,11 +0,0 @@
-import { hex as s } from "./hex.mjs";
-import { hsla as t } from "./hsla.mjs";
-import { rgba as e } from "./rgba.mjs";
-const p = {
-  test: (r) => e.test(r) || s.test(r) || t.test(r),
-  parse: (r) => e.test(r) ? e.parse(r) : t.test(r) ? t.parse(r) : s.parse(r),
-  transform: (r) => typeof r == "string" ? r : r.hasOwnProperty("red") ? e.transform(r) : t.transform(r)
-};
-export {
-  p as color
-};

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

@@ -1,16 +0,0 @@
-import { clamp as n } from "../../../utils/clamp.mjs";
-import { number as s, alpha as i } from "../numbers/index.mjs";
-import { sanitize as p } from "../utils/sanitize.mjs";
-import { isColorString as e, splitColor as f } from "./utils.mjs";
-const l = (r) => n(0, 255, r), o = {
-  ...s,
-  transform: (r) => Math.round(l(r))
-}, h = {
-  test: /* @__PURE__ */ e("rgb", "red"),
-  parse: /* @__PURE__ */ f("red", "green", "blue"),
-  transform: ({ red: r, green: t, blue: a, alpha: m = 1 }) => "rgba(" + o.transform(r) + ", " + o.transform(t) + ", " + o.transform(a) + ", " + p(i.transform(m)) + ")"
-};
-export {
-  o as rgbUnit,
-  h as rgba
-};

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

@@ -1,18 +0,0 @@
-import { floatRegex as i } from "../utils/float-regex.mjs";
-import { isNullish as n } from "../utils/is-nullish.mjs";
-import { singleColorRegex as f } from "../utils/single-color-regex.mjs";
-const h = (r, o) => (t) => !!(typeof t == "string" && f.test(t) && t.startsWith(r) || o && !n(t) && Object.prototype.hasOwnProperty.call(t, o)), u = (r, o, t) => (e) => {
-  if (typeof e != "string")
-    return e;
-  const [l, s, p, a] = e.match(i);
-  return {
-    [r]: parseFloat(l),
-    [o]: parseFloat(s),
-    [t]: parseFloat(p),
-    alpha: a !== void 0 ? parseFloat(a) : 1
-  };
-};
-export {
-  h as isColorString,
-  u as splitColor
-};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/complex/filter.mjs

@@ -1,24 +0,0 @@
-import { complex as c } from "./index.mjs";
-import { floatRegex as i } from "../utils/float-regex.mjs";
-const s = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function u(t) {
-  const [e, n] = t.slice(0, -1).split("(");
-  if (e === "drop-shadow")
-    return t;
-  const [o] = n.match(i) || [];
-  if (!o)
-    return t;
-  const r = n.replace(o, "");
-  let a = s.has(e) ? 1 : 0;
-  return o !== n && (a *= 100), e + "(" + a + r + ")";
-}
-const l = /\b([a-z-]*)\(.*?\)/gu, p = {
-  ...c,
-  getAnimatableNone: (t) => {
-    const e = t.match(l);
-    return e ? e.map(u).join(" ") : t;
-  }
-};
-export {
-  p as filter
-};

package/dist/es/node_modules/.pnpm/framer-motion@11.11.11/node_modules/framer-motion/dist/es/value/types/complex/index.mjs

@@ -1,49 +0,0 @@
-import { color as u } from "../color/index.mjs";
-import { colorRegex as g } from "../utils/color-regex.mjs";
-import { floatRegex as N } from "../utils/float-regex.mjs";
-import { sanitize as b } from "../utils/sanitize.mjs";
-function x(t) {
-  var e, o;
-  return isNaN(t) && typeof t == "string" && (((e = t.match(N)) === null || e === void 0 ? void 0 : e.length) || 0) + (((o = t.match(g)) === null || o === void 0 ? void 0 : o.length) || 0) > 0;
-}
-const p = "number", m = "color", T = "var", O = "var(", a = "${}", _ = /var\s*\(\s*--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)|#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\)|-?(?:\d+(?:\.\d+)?|\.\d+)/giu;
-function f(t) {
-  const e = t.toString(), o = [], i = {
-    color: [],
-    number: [],
-    var: []
-  }, n = [];
-  let s = 0;
-  const l = e.replace(_, (c) => (u.test(c) ? (i.color.push(s), n.push(m), o.push(u.parse(c))) : c.startsWith(O) ? (i.var.push(s), n.push(T), o.push(c)) : (i.number.push(s), n.push(p), o.push(parseFloat(c))), ++s, a)).split(a);
-  return { values: o, split: l, indexes: i, types: n };
-}
-function h(t) {
-  return f(t).values;
-}
-function d(t) {
-  const { split: e, types: o } = f(t), i = e.length;
-  return (n) => {
-    let s = "";
-    for (let r = 0; r < i; r++)
-      if (s += e[r], n[r] !== void 0) {
-        const l = o[r];
-        l === p ? s += b(n[r]) : l === m ? s += u.transform(n[r]) : s += n[r];
-      }
-    return s;
-  };
-}
-const R = (t) => typeof t == "number" ? 0 : t;
-function y(t) {
-  const e = h(t);
-  return d(t)(e.map(R));
-}
-const A = {
-  test: x,
-  parse: h,
-  createTransformer: d,
-  getAnimatableNone: y
-};
-export {
-  f as analyseComplexValue,
-  A as complex
-};

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

@@ -1,17 +0,0 @@
-import { clamp as a } from "../../../utils/clamp.mjs";
-const r = {
-  test: (t) => typeof t == "number",
-  parse: parseFloat,
-  transform: (t) => t
-}, e = {
-  ...r,
-  transform: (t) => a(0, 1, t)
-}, s = {
-  ...r,
-  default: 1
-};
-export {
-  e as alpha,
-  r as number,
-  s as scale
-};

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

@@ -1,17 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,9 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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/src/components/usePrimitiveElement.d.ts

@@ -1,5 +0,0 @@
-import { ComponentPublicInstance } from 'vue';
-export declare function usePrimitiveElement(): {
-    primitiveElement: import('vue').Ref<ComponentPublicInstance>;
-    currentElement: import('vue').ComputedRef<HTMLElement>;
-};