@humanspeak/svelte-motion 0.3.4 → 0.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/components/PresenceChild.svelte +124 -0
  2. package/dist/components/PresenceChild.svelte.d.ts +8 -0
  3. package/dist/html/_MotionContainer.svelte +15 -7
  4. package/dist/index.d.ts +4 -1
  5. package/dist/index.js +3 -1
  6. package/dist/utils/drag.js +155 -48
  7. package/dist/utils/dragMath.d.ts +18 -0
  8. package/dist/utils/dragMath.js +21 -0
  9. package/dist/utils/inertia.js +4 -3
  10. package/dist/utils/presence.d.ts +38 -11
  11. package/dist/utils/presence.js +80 -54
  12. package/dist/utils/usePresence.d.ts +71 -0
  13. package/dist/utils/usePresence.js +74 -0
  14. package/dist/vite.js +176 -7
  15. package/package.json +58 -45
package/package.json CHANGED
@@ -1,29 +1,52 @@
1
1
  {
2
2
  "name": "@humanspeak/svelte-motion",
3
- "version": "0.3.4",
4
- "description": "A Framer Motion-compatible animation library for Svelte 5 that provides smooth, hardware-accelerated animations. Features include spring physics, custom easing, and fluid transitions. Built on top of the motion library, it offers a simple API for creating complex animations with minimal code. Perfect for interactive UIs, micro-interactions, and engaging user experiences.",
3
+ "version": "0.3.6",
4
+ "description": "Framer Motion for Svelte 5. Declarative motion.<tag> components with AnimatePresence exit animations, gestures (hover, tap, drag, focus, in-view), variants, FLIP layout animations, shared-layout transitions, spring physics, and scroll-linked motion values. The drop-in Framer Motion alternative for Svelte and SvelteKit.",
5
5
  "keywords": [
6
6
  "svelte",
7
+ "svelte-5",
8
+ "svelte5",
9
+ "sveltekit",
10
+ "svelte-motion",
11
+ "motion-svelte",
12
+ "svelte-animation",
13
+ "svelte-animations",
14
+ "svelte-animation-library",
7
15
  "animation",
16
+ "animations",
8
17
  "motion",
9
- "transitions",
10
- "spring-physics",
11
- "ui-animation",
12
- "svelte5",
13
- "hardware-accelerated",
14
- "micro-interactions",
15
- "performance",
16
18
  "framer-motion",
17
19
  "framer-motion-svelte",
20
+ "framer-motion-for-svelte",
21
+ "framer-motion-alternative",
22
+ "transitions",
18
23
  "gestures",
19
- "exit-animation",
20
- "animate-presence",
21
- "layout-animation",
22
24
  "drag",
25
+ "drag-and-drop",
26
+ "hover",
27
+ "tap",
28
+ "while-in-view",
23
29
  "variants",
24
- "sveltekit",
30
+ "animate-presence",
31
+ "exit-animation",
32
+ "layout-animation",
33
+ "shared-layout",
34
+ "flip-animation",
35
+ "spring",
36
+ "spring-physics",
37
+ "scroll-animation",
38
+ "scroll-linked",
39
+ "use-spring",
40
+ "use-scroll",
41
+ "use-animate",
42
+ "use-transform",
43
+ "use-in-view",
44
+ "use-presence",
45
+ "motion-values",
46
+ "ssr",
25
47
  "typescript",
26
- "svelte-animation"
48
+ "ui-animation",
49
+ "micro-interactions"
27
50
  ],
28
51
  "homepage": "https://motion.svelte.page",
29
52
  "bugs": {
@@ -71,59 +94,60 @@
71
94
  }
72
95
  },
73
96
  "dependencies": {
97
+ "acorn": "^8.16.0",
74
98
  "motion": "^12.38.0",
75
99
  "motion-dom": "^12.38.0"
76
100
  },
77
101
  "devDependencies": {
78
102
  "@changesets/cli": "^2.31.0",
79
- "@eslint/compat": "^2.0.5",
103
+ "@eslint/compat": "^2.1.0",
80
104
  "@eslint/js": "^10.0.1",
81
- "@playwright/test": "^1.59.1",
105
+ "@playwright/test": "^1.60.0",
82
106
  "@sveltejs/adapter-auto": "^7.0.1",
83
- "@sveltejs/kit": "^2.58.0",
107
+ "@sveltejs/kit": "^2.59.1",
84
108
  "@sveltejs/package": "^2.5.7",
85
- "@sveltejs/vite-plugin-svelte": "^7.0.0",
109
+ "@sveltejs/vite-plugin-svelte": "^7.1.2",
86
110
  "@tailwindcss/aspect-ratio": "^0.4.2",
87
111
  "@tailwindcss/container-queries": "^0.1.1",
88
112
  "@tailwindcss/forms": "^0.5.11",
89
113
  "@tailwindcss/typography": "^0.5.19",
90
- "@tailwindcss/vite": "^4.2.4",
114
+ "@tailwindcss/vite": "^4.3.0",
91
115
  "@testing-library/jest-dom": "^6.9.1",
92
116
  "@testing-library/svelte": "^5.3.1",
93
- "@types/node": "^25.6.0",
94
- "@vitest/coverage-v8": "^4.1.5",
95
- "eslint": "^10.2.1",
117
+ "@types/node": "^25.7.0",
118
+ "@vitest/coverage-v8": "^4.1.6",
119
+ "eslint": "^10.3.0",
96
120
  "eslint-config-prettier": "10.1.8",
97
121
  "eslint-plugin-import": "2.32.0",
98
122
  "eslint-plugin-svelte": "3.17.1",
99
123
  "eslint-plugin-unused-imports": "4.4.1",
100
124
  "esm-env": "^1.2.2",
101
- "globals": "^17.5.0",
125
+ "globals": "^17.6.0",
102
126
  "html-tags": "^5.1.0",
103
127
  "html-void-elements": "^3.0.0",
104
128
  "husky": "^9.1.7",
105
- "jsdom": "^29.0.2",
129
+ "jsdom": "^29.1.1",
106
130
  "mprocs": "^0.9.2",
107
131
  "prettier": "^3.8.3",
108
132
  "prettier-plugin-organize-imports": "^4.3.0",
109
133
  "prettier-plugin-sort-json": "^4.2.0",
110
- "prettier-plugin-svelte": "^3.5.1",
111
- "prettier-plugin-tailwindcss": "^0.7.3",
112
- "publint": "^0.3.18",
134
+ "prettier-plugin-svelte": "^3.5.2",
135
+ "prettier-plugin-tailwindcss": "^0.8.0",
136
+ "publint": "^0.3.21",
113
137
  "runed": "0.37.1",
114
138
  "svelte": "^5.55.5",
115
- "svelte-check": "^4.4.6",
139
+ "svelte-check": "^4.4.8",
116
140
  "svg-tags": "^1.0.0",
117
- "tailwind-merge": "^3.5.0",
141
+ "tailwind-merge": "^3.6.0",
118
142
  "tailwind-variants": "^3.2.2",
119
- "tailwindcss": "^4.2.4",
143
+ "tailwindcss": "^4.3.0",
120
144
  "tailwindcss-animate": "^1.0.7",
121
- "tsx": "^4.21.0",
145
+ "tsx": "^4.22.0",
122
146
  "typescript": "^6.0.3",
123
- "typescript-eslint": "^8.59.0",
124
- "vite": "^8.0.10",
147
+ "typescript-eslint": "^8.59.3",
148
+ "vite": "^8.0.13",
125
149
  "vite-tsconfig-paths": "^6.1.1",
126
- "vitest": "^4.1.5"
150
+ "vitest": "^4.1.6"
127
151
  },
128
152
  "peerDependencies": {
129
153
  "svelte": "^5.0.0"
@@ -134,17 +158,6 @@
134
158
  "publishConfig": {
135
159
  "access": "public"
136
160
  },
137
- "tags": [
138
- "svelte",
139
- "animation",
140
- "motion",
141
- "transitions",
142
- "spring-physics",
143
- "performance",
144
- "ui-animation",
145
- "micro-interactions",
146
- "svelte5"
147
- ],
148
161
  "scripts": {
149
162
  "build": "vite build && npm run package",
150
163
  "cf-typegen": "pnpm --filter docs cf-typegen",