motion-plus-vue 0.0.1

package/dist/es/components/Cursor/hooks/use-cursor-in-view.mjs

@@ -0,0 +1,41 @@
+import { noop as u } from "motion-v";
+import { ref as d, watch as f } from "vue";
+let i = null;
+function m() {
+  const e = /* @__PURE__ */ new Set();
+  function n() {
+    e.forEach((t) => t.show());
+  }
+  function r() {
+    e.forEach((t) => t.hide());
+  }
+  function s() {
+    document.body.addEventListener("mouseenter", n), document.body.addEventListener("mouseleave", r);
+  }
+  function o() {
+    document.body.removeEventListener("mouseenter", n), document.body.removeEventListener("mouseleave", r);
+  }
+  return {
+    on: (t) => typeof window > "u" ? u : (e.size || s(), e.add(t), () => {
+      e.delete(t), e.size === 0 && o();
+    })
+  };
+}
+function c() {
+  return i || (i = m()), i;
+}
+function l(e) {
+  const n = d(!0);
+  return f(n, (r, s, o) => {
+    const t = c().on({
+      show: () => {
+        n.value || (e(), n.value = !0);
+      },
+      hide: () => n.value = !1
+    });
+    o(t);
+  }, { immediate: !0 }), n;
+}
+export {
+  l as useCursorIsInView
+};

package/dist/es/components/Cursor/hooks/use-cursor-state/find-target.mjs

@@ -0,0 +1,18 @@
+function e(t) {
+  return t.closest("[data-cursor]");
+}
+function r(t) {
+  return t.closest('a, button, input[type="button"]:not(:disabled)');
+}
+function u(t) {
+  return window.getComputedStyle(t).userSelect === "none" ? null : t.closest(
+    "p, textarea:not(:disabled), input[type='text']:not(:disabled), h1, h2, h3, h4, h5, h6"
+  );
+}
+function o(t) {
+  let n = e(t);
+  return n ? [n.dataset.cursor, n] : (n = r(t), n ? ["pointer", n] : (n = u(t), n ? ["text", n] : ["default", null]));
+}
+export {
+  o as findTarget
+};

package/dist/es/components/Cursor/hooks/use-cursor-state/index.mjs

@@ -0,0 +1,67 @@
+import { onlyMouse as g, onlyLeftClicks as m } from "../utils/only-mouse-events.mjs";
+import { findTarget as z } from "./find-target.mjs";
+import { ref as L, watch as h } from "vue";
+let a = null, e = {
+  type: "default",
+  isPressed: !1,
+  fontSize: null,
+  targetBoundingBox: null
+};
+function P() {
+  if (typeof window > "u")
+    return {
+      onChange: () => () => {
+      }
+    };
+  const t = /* @__PURE__ */ new Set();
+  function s(n) {
+    e = { ...e, ...n }, t.forEach((o) => o(e));
+  }
+  const f = m(() => {
+    e.isPressed || s({ isPressed: !0 });
+  }), d = m(() => {
+    e.isPressed && s({ isPressed: !1 });
+  }), u = g(({ target: n }) => {
+    if (!n)
+      return;
+    const [o, p] = z(n);
+    let i = !1;
+    const r = {};
+    o !== e.type && (r.type = o, i = !0);
+    const w = o === "pointer" && p ? p.getBoundingClientRect() : null;
+    if (w !== e.targetBoundingBox && (r.targetBoundingBox = w, i = !0), o === "text") {
+      const { fontSize: c } = window.getComputedStyle(
+        n
+      ), v = c ? parseInt(c) : null;
+      v !== e.fontSize && (r.fontSize = v, i = !0);
+    } else
+      e.fontSize && (r.fontSize = null, i = !0);
+    i && s(r);
+  });
+  function l() {
+    typeof window > "u" || (window.addEventListener("pointerover", u), window.addEventListener("pointerdown", f), window.addEventListener("pointerup", d));
+  }
+  function S() {
+    window.removeEventListener("pointerover", u), window.removeEventListener("pointerdown", f), window.removeEventListener("pointerup", d);
+  }
+  return {
+    onChange: (n) => (t.size || l(), t.add(n), () => {
+      t.delete(n), t.size || S();
+    })
+  };
+}
+function y() {
+  return a || (a = P()), a;
+}
+function x() {
+  const t = L({ ...e });
+  return h(t, (s, f, d) => {
+    const u = y().onChange((l) => {
+      t.value = l;
+    });
+    d(u);
+  }, { immediate: !0, flush: "post" }), t;
+}
+export {
+  x as useCursorState
+};

package/dist/es/components/Cursor/hooks/use-has-pointer-moved.mjs

@@ -0,0 +1,22 @@
+import { ref as a, watch as p } from "vue";
+import { pipe as s } from "motion-v";
+function c({
+  x: o,
+  y: r
+}, i) {
+  const e = a(o.prev !== void 0 || r.prev !== void 0);
+  return p(e, () => {
+    if (e.value)
+      return;
+    const t = () => {
+      e.value = !0, i(), n();
+    }, n = s(
+      o.on("change", t),
+      r.on("change", t)
+    );
+    return () => n();
+  }, { immediate: !0 }), e;
+}
+export {
+  c as useHasPointerMoved
+};

package/dist/es/components/Cursor/hooks/use-mixed.mjs

@@ -0,0 +1,7 @@
+import { useTransform as o, mix as i } from "motion-v";
+function n(e, r, t) {
+  return o(() => i(e.get(), r.get(), t.get()));
+}
+export {
+  n as useMixed
+};

package/dist/es/components/Cursor/hooks/use-offset.mjs

@@ -0,0 +1,10 @@
+import { useTransform as u } from "motion-v";
+function x(e, r) {
+  return {
+    x: u(() => e.x.get() + r.value.x),
+    y: u(() => e.y.get() + r.value.y)
+  };
+}
+export {
+  x as useOffset
+};

package/dist/es/components/Cursor/hooks/use-pointer-position.mjs

@@ -0,0 +1,22 @@
+import { onlyMouse as u } from "./utils/only-mouse-events.mjs";
+import { motionValue as r, frame as p } from "motion-v";
+let t, e;
+function d() {
+  t = r(0), e = r(0);
+  let i = 0, n = 0;
+  function f() {
+    t.set(i), e.set(n);
+  }
+  typeof window < "u" && window.addEventListener(
+    "pointermove",
+    u((o) => {
+      i = o.clientX, n = o.clientY, p.update(f);
+    })
+  );
+}
+function a() {
+  return t || d(), { x: t, y: e };
+}
+export {
+  a as usePointerPosition
+};

package/dist/es/components/Cursor/hooks/use-snap-to-target.mjs

@@ -0,0 +1,20 @@
+import { useMixed as i } from "./use-mixed.mjs";
+import { useMotionValue as e, animate as d } from "motion-v";
+import { watch as m } from "vue";
+function v(n, r, t) {
+  const o = e(0), u = e(0), a = e(0), g = i(n.x, u, o), B = i(n.y, a, o);
+  return m([r, () => t.value.targetBoundingBox], () => {
+    if (!r.value)
+      return;
+    t.value.targetBoundingBox && (u.set(
+      t.value.targetBoundingBox.left + t.value.targetBoundingBox.width / 2
+    ), a.set(
+      t.value.targetBoundingBox.top + t.value.targetBoundingBox.height / 2
+    ));
+    const x = d(o, t.value.targetBoundingBox ? 0.9 : 0);
+    return () => x.stop();
+  }, { immediate: !0 }), { x: g, y: B };
+}
+export {
+  v as useSnapToTarget
+};

package/dist/es/components/Cursor/hooks/utils/only-mouse-events.mjs

@@ -0,0 +1,14 @@
+function t(n) {
+  return (o) => {
+    o.pointerType === "mouse" && n(o);
+  };
+}
+function u(n) {
+  return t((o) => {
+    o.button === 0 && n(o);
+  });
+}
+export {
+  u as onlyLeftClicks,
+  t as onlyMouse
+};

package/dist/es/components/Cursor/index.mjs

@@ -0,0 +1,5 @@
+import o from "./Cursor.vue.mjs";
+const m = o;
+export {
+  m as Cursor
+};

package/dist/es/components/Cursor/use-cursor-styles.mjs

@@ -0,0 +1,27 @@
+import { noop as r } from "motion-v";
+import { watch as c } from "vue";
+function m() {
+  const o = document.createElement("style");
+  return o.textContent = `
+      * {
+          cursor: none !important;
+      }
+          
+      [data-motion-cursor="pointer"] {
+          background-color: #333;
+      }
+    `, document.head.appendChild(o), () => {
+    document.head.removeChild(o);
+  };
+}
+function s(o) {
+  c(o, (t, u, e) => {
+    const n = t ? m() : r;
+    e(() => {
+      n(0);
+    });
+  });
+}
+export {
+  s as useCursorStyles
+};

package/dist/es/index.mjs

@@ -0,0 +1,6 @@
+import { AnimateNumber as e } from "./components/AnimateNumber/index.mjs";
+import { Cursor as t } from "./components/Cursor/index.mjs";
+export {
+  e as AnimateNumber,
+  t as Cursor
+};

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components/AnimateNumber/index';
+export * from './components/Cursor/index';

package/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "motion-plus-vue",
+  "version": "0.0.1",
+  "description": "Motion Plus Vue",
+  "author": "",
+  "license": "ISC",
+  "keywords": [
+    "ui",
+    "vue"
+  ],
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/es/index.mjs",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/es/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "./LICENSE",
+    "./dist"
+  ],
+  "typings": "./dist/index.d.ts",
+  "peerDependencies": {
+    "motion-v": ">=0.11.0-beta.5",
+    "vue": ">=3.0.0"
+  },
+  "devDependencies": {
+    "motion-v": "0.11.0-beta.5",
+    "vue": "^3.5.13"
+  },
+  "size-limit": [
+    {
+      "path": "dist/es/components/AnimateNumber/index.mjs",
+      "limit": "3.5 kb",
+      "ignore": [
+        "vue",
+        "motion-v"
+      ]
+    },
+    {
+      "path": "dist/es/components/Cursor/index.mjs",
+      "limit": "2.5 kb",
+      "ignore": [
+        "vue",
+        "motion-v"
+      ]
+    }
+  ],
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "npm run clean && vite build",
+    "dev": "vite build --watch",
+    "test": "vitest",
+    "bumpp": "bumpp package.json",
+    "pub:release": "pnpm publish --access public",
+    "size": "size-limit"
+  }
+}