@yewdiel21/motion-kit 0.17.0 → 0.19.0

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 (181) hide show
  1. package/README.md +240 -199
  2. package/dist/auto/index.d.ts +19 -3
  3. package/dist/auto/index.js +35 -3
  4. package/dist/auto/index.js.map +1 -1
  5. package/dist/{chunk-QFBOHPWZ.js → chunk-CQP66AZK.js} +2 -2
  6. package/dist/{chunk-QP4QJOEN.js → chunk-H4STLMCM.js} +2 -2
  7. package/dist/{chunk-BZLMCHUD.js → chunk-KDIJX6G4.js} +3 -3
  8. package/dist/{chunk-DOOMULVV.js → chunk-OLT3CWDJ.js} +4 -2
  9. package/dist/chunk-OLT3CWDJ.js.map +1 -0
  10. package/dist/{chunk-VJFPTLAK.js → chunk-PEDYJ2TV.js} +8 -22
  11. package/dist/chunk-PEDYJ2TV.js.map +1 -0
  12. package/dist/{chunk-7IQTMF7Y.js → chunk-Y4GIBTRG.js} +5130 -2153
  13. package/dist/chunk-Y4GIBTRG.js.map +1 -0
  14. package/dist/css/components/badge-button.css +16 -0
  15. package/dist/css/components/bento-grid.css +13 -0
  16. package/dist/css/components/code-block.css +267 -0
  17. package/dist/css/components/command-search.css +274 -2
  18. package/dist/css/components/dialog.css +264 -0
  19. package/dist/css/components/drilldown-menu.css +11 -7
  20. package/dist/css/components/equalizer-slider.css +26 -0
  21. package/dist/css/components/handwriting-text.css +15 -0
  22. package/dist/css/components/heatmap-chart.css +267 -1
  23. package/dist/css/components/magnetize-button.css +18 -0
  24. package/dist/css/components/morphing-page-dots.css +13 -0
  25. package/dist/css/components/not-found.css +22 -0
  26. package/dist/css/components/notification-stack.css +42 -0
  27. package/dist/css/components/particle-button.css +14 -0
  28. package/dist/css/components/radio-group.css +29 -0
  29. package/dist/css/components/rating-scale.css +23 -0
  30. package/dist/css/components/scroll-area.css +261 -0
  31. package/dist/css/components/scroll-preview-dock.css +18 -0
  32. package/dist/css/components/select.css +300 -4
  33. package/dist/css/components/signature-pad.css +130 -103
  34. package/dist/css/components/stepper.css +36 -0
  35. package/dist/css/components/sticky-header.css +10 -0
  36. package/dist/css/components/temperature-slider.css +29 -0
  37. package/dist/css/components/voice-message-bubble.css +62 -45
  38. package/dist/css/components/waveform-player.css +49 -34
  39. package/dist/css/components/wheel-picker.css +16 -15
  40. package/dist/css/tokens.css +4 -0
  41. package/dist/elements/index.d.ts +217 -4
  42. package/dist/elements/index.js +614 -9
  43. package/dist/elements/index.js.map +1 -1
  44. package/dist/{engine-Bn6hC87X.d.ts → engine-D6XV-WNt.d.ts} +390 -1
  45. package/dist/gl/index.js +2 -2
  46. package/dist/index.css +886 -177
  47. package/dist/index.d.ts +23 -23
  48. package/dist/index.js +37 -5
  49. package/dist/index.js.map +1 -1
  50. package/dist/react/index.d.ts +126 -7
  51. package/dist/react/index.js +722 -7
  52. package/dist/react/index.js.map +1 -1
  53. package/dist/{reduced-YS6TZjpa.d.ts → reduced-4croIXl-.d.ts} +1 -1
  54. package/dist/{store-CZ6vdtIE.d.ts → store-CAHWkurn.d.ts} +1 -1
  55. package/package.json +110 -110
  56. package/registry.json +1357 -1160
  57. package/src/auto/auto-init.ts +341 -308
  58. package/src/components/badge-button/README.md +28 -0
  59. package/src/components/badge-button/badge-button.css +15 -0
  60. package/src/components/badge-button/element.ts +16 -0
  61. package/src/components/badge-button/engine.ts +85 -0
  62. package/src/components/badge-button/react.tsx +31 -0
  63. package/src/components/bento-grid/README.md +26 -0
  64. package/src/components/bento-grid/bento-grid.css +12 -0
  65. package/src/components/bento-grid/element.ts +22 -0
  66. package/src/components/bento-grid/engine.ts +153 -0
  67. package/src/components/bento-grid/react.tsx +25 -0
  68. package/src/components/code-block/README.md +1 -1
  69. package/src/components/code-block/code-block.css +5 -0
  70. package/src/components/code-block/engine.ts +5 -0
  71. package/src/components/command-search/README.md +1 -1
  72. package/src/components/command-search/command-search.css +12 -2
  73. package/src/components/command-search/engine.ts +6 -0
  74. package/src/components/dialog/README.md +104 -103
  75. package/src/components/dialog/dialog.css +2 -0
  76. package/src/components/dialog/engine.ts +465 -449
  77. package/src/components/drilldown-menu/drilldown-menu.css +11 -7
  78. package/src/components/drilldown-menu/engine.ts +44 -4
  79. package/src/components/equalizer-slider/README.md +43 -0
  80. package/src/components/equalizer-slider/element.ts +41 -0
  81. package/src/components/equalizer-slider/engine.ts +32 -0
  82. package/src/components/equalizer-slider/equalizer-slider.css +26 -0
  83. package/src/components/equalizer-slider/react.tsx +60 -0
  84. package/src/components/equalizer-slider/shared.ts +161 -0
  85. package/src/components/handwriting-text/README.md +29 -0
  86. package/src/components/handwriting-text/element.ts +14 -0
  87. package/src/components/handwriting-text/engine.ts +108 -0
  88. package/src/components/handwriting-text/glyphs.ts +71 -0
  89. package/src/components/handwriting-text/handwriting-text.css +14 -0
  90. package/src/components/handwriting-text/react.tsx +23 -0
  91. package/src/components/heatmap-chart/README.md +48 -48
  92. package/src/components/heatmap-chart/engine.ts +6 -1
  93. package/src/components/heatmap-chart/heatmap-chart.css +5 -1
  94. package/src/components/icons.ts +1 -0
  95. package/src/components/magnetize-button/README.md +26 -0
  96. package/src/components/magnetize-button/element.ts +13 -0
  97. package/src/components/magnetize-button/engine.ts +84 -0
  98. package/src/components/magnetize-button/magnetize-button.css +17 -0
  99. package/src/components/magnetize-button/react.tsx +22 -0
  100. package/src/components/morphing-page-dots/README.md +28 -0
  101. package/src/components/morphing-page-dots/element.ts +16 -0
  102. package/src/components/morphing-page-dots/engine.ts +89 -0
  103. package/src/components/morphing-page-dots/morphing-page-dots.css +12 -0
  104. package/src/components/morphing-page-dots/react.tsx +32 -0
  105. package/src/components/not-found/README.md +26 -0
  106. package/src/components/not-found/element.ts +15 -0
  107. package/src/components/not-found/engine.ts +57 -0
  108. package/src/components/not-found/not-found.css +21 -0
  109. package/src/components/not-found/react.tsx +23 -0
  110. package/src/components/notification-stack/README.md +24 -0
  111. package/src/components/notification-stack/element.ts +26 -0
  112. package/src/components/notification-stack/engine.ts +329 -0
  113. package/src/components/notification-stack/notification-stack.css +41 -0
  114. package/src/components/notification-stack/react.tsx +28 -0
  115. package/src/components/particle-button/README.md +26 -0
  116. package/src/components/particle-button/element.ts +13 -0
  117. package/src/components/particle-button/engine.ts +52 -0
  118. package/src/components/particle-button/particle-button.css +13 -0
  119. package/src/components/particle-button/react.tsx +22 -0
  120. package/src/components/radio-group/README.md +43 -0
  121. package/src/components/radio-group/element.ts +41 -0
  122. package/src/components/radio-group/engine.ts +11 -0
  123. package/src/components/radio-group/radio-group.css +28 -0
  124. package/src/components/radio-group/react.tsx +60 -0
  125. package/src/components/radio-group/shared.ts +118 -0
  126. package/src/components/rating-scale/README.md +43 -0
  127. package/src/components/rating-scale/element.ts +41 -0
  128. package/src/components/rating-scale/engine.ts +63 -0
  129. package/src/components/rating-scale/rating-scale.css +22 -0
  130. package/src/components/rating-scale/react.tsx +60 -0
  131. package/src/components/scroll-area/README.md +89 -0
  132. package/src/components/scroll-area/element.ts +35 -0
  133. package/src/components/scroll-area/engine.ts +528 -0
  134. package/src/components/scroll-area/react.tsx +67 -0
  135. package/src/components/scroll-area/scroll-area.css +260 -0
  136. package/src/components/scroll-preview-dock/README.md +24 -0
  137. package/src/components/scroll-preview-dock/element.ts +20 -0
  138. package/src/components/scroll-preview-dock/engine.ts +228 -0
  139. package/src/components/scroll-preview-dock/react.tsx +26 -0
  140. package/src/components/scroll-preview-dock/scroll-preview-dock.css +17 -0
  141. package/src/components/select/README.md +23 -9
  142. package/src/components/select/engine.ts +16 -4
  143. package/src/components/select/select.css +38 -4
  144. package/src/components/signature-pad/engine.ts +550 -437
  145. package/src/components/signature-pad/signature-pad.css +130 -103
  146. package/src/components/stepper/README.md +46 -0
  147. package/src/components/stepper/element.ts +42 -0
  148. package/src/components/stepper/engine.ts +103 -0
  149. package/src/components/stepper/react.tsx +60 -0
  150. package/src/components/stepper/stepper.css +35 -0
  151. package/src/components/sticky-header/README.md +30 -0
  152. package/src/components/sticky-header/element.ts +19 -0
  153. package/src/components/sticky-header/engine.ts +95 -0
  154. package/src/components/sticky-header/react.tsx +25 -0
  155. package/src/components/sticky-header/sticky-header.css +9 -0
  156. package/src/components/temperature-slider/README.md +42 -0
  157. package/src/components/temperature-slider/element.ts +53 -0
  158. package/src/components/temperature-slider/engine.ts +44 -0
  159. package/src/components/temperature-slider/react.tsx +66 -0
  160. package/src/components/temperature-slider/temperature-slider.css +29 -0
  161. package/src/components/voice-message-bubble/engine.ts +11 -0
  162. package/src/components/voice-message-bubble/voice-message-bubble.css +14 -12
  163. package/src/components/waveform-player/README.md +1 -1
  164. package/src/components/waveform-player/engine.ts +344 -261
  165. package/src/components/waveform-player/waveform-player.css +50 -35
  166. package/src/components/wheel-picker/README.md +3 -1
  167. package/src/components/wheel-picker/element.ts +12 -5
  168. package/src/components/wheel-picker/engine.ts +37 -8
  169. package/src/components/wheel-picker/wheel-picker.css +17 -16
  170. package/src/core/timing.ts +2 -0
  171. package/src/css/tokens.css +4 -0
  172. package/src/elements/index.ts +321 -273
  173. package/src/index.ts +312 -295
  174. package/src/motion/morph.ts +5 -2
  175. package/src/react/index.ts +17 -0
  176. package/dist/chunk-7IQTMF7Y.js.map +0 -1
  177. package/dist/chunk-DOOMULVV.js.map +0 -1
  178. package/dist/chunk-VJFPTLAK.js.map +0 -1
  179. /package/dist/{chunk-QFBOHPWZ.js.map → chunk-CQP66AZK.js.map} +0 -0
  180. /package/dist/{chunk-QP4QJOEN.js.map → chunk-H4STLMCM.js.map} +0 -0
  181. /package/dist/{chunk-BZLMCHUD.js.map → chunk-KDIJX6G4.js.map} +0 -0
@@ -1,4 +1,4 @@
1
- import { c4 as MenuOptions, c3 as MenuInstance, bi as DialogOptions, bg as DialogInstance, cD as RevealSpeed } from './engine-Bn6hC87X.js';
1
+ import { cu as MenuOptions, ct as MenuInstance, bC as DialogOptions, bA as DialogInstance, dg as RevealSpeed } from './engine-D6XV-WNt.js';
2
2
  import { I as Instance } from './types-BkS_raL8.js';
3
3
  import { SplitText } from 'gsap/SplitText';
4
4
 
@@ -1,6 +1,6 @@
1
1
  import { I as Instance } from './types-BkS_raL8.js';
2
2
  import { Flip } from 'gsap/Flip';
3
- import { a8 as RevealHandle, a9 as DateInput } from './engine-Bn6hC87X.js';
3
+ import { ao as RevealHandle, ap as DateInput } from './engine-D6XV-WNt.js';
4
4
 
5
5
  interface ThemePickerOptions {
6
6
  /** Theme ids to show, in order. Default: visible presets, or all with showHidden. */
package/package.json CHANGED
@@ -1,110 +1,110 @@
1
- {
2
- "name": "@yewdiel21/motion-kit",
3
- "version": "0.17.0",
4
- "description": "Motion toolkit for vanilla, Astro and React: GSAP recipes, accessible components, 19 themes, CSS controls and optional WebGL effects.",
5
- "type": "module",
6
- "license": "UNLICENSED",
7
- "homepage": "https://motion-kit-playground.vercel.app",
8
- "bugs": {
9
- "url": "https://github.com/YewdielMartinez/motion-kit/issues"
10
- },
11
- "keywords": ["animation", "gsap", "react", "astro", "webgl", "motion", "ui"],
12
- "repository": {
13
- "type": "git",
14
- "url": "git+https://github.com/YewdielMartinez/motion-kit.git",
15
- "directory": "packages/motion-kit"
16
- },
17
- "sideEffects": [
18
- "**/*.css"
19
- ],
20
- "exports": {
21
- ".": {
22
- "types": "./dist/index.d.ts",
23
- "import": "./dist/index.js"
24
- },
25
- "./react": {
26
- "types": "./dist/react/index.d.ts",
27
- "import": "./dist/react/index.js"
28
- },
29
- "./auto": {
30
- "types": "./dist/auto/index.d.ts",
31
- "import": "./dist/auto/index.js"
32
- },
33
- "./elements": {
34
- "types": "./dist/elements/index.d.ts",
35
- "import": "./dist/elements/index.js"
36
- },
37
- "./theme": {
38
- "types": "./dist/theme/index.d.ts",
39
- "import": "./dist/theme/index.js"
40
- },
41
- "./theme/generate": {
42
- "types": "./dist/theme/generate.d.ts",
43
- "import": "./dist/theme/generate.js"
44
- },
45
- "./gl": {
46
- "types": "./dist/gl/index.d.ts",
47
- "import": "./dist/gl/index.js"
48
- },
49
- "./css": {
50
- "types": "./css.d.ts",
51
- "default": "./dist/index.css"
52
- },
53
- "./css/*": {
54
- "types": "./css.d.ts",
55
- "default": "./dist/css/*.css"
56
- },
57
- "./package.json": "./package.json",
58
- "./registry.json": "./registry.json"
59
- },
60
- "bin": {
61
- "motion-kit": "bin/motion-kit.mjs"
62
- },
63
- "files": [
64
- "dist",
65
- "src",
66
- "registry.json",
67
- "bin",
68
- "skills",
69
- "NOTICE",
70
- "css.d.ts"
71
- ],
72
- "scripts": {
73
- "build": "tsup && node scripts/build-css.mjs",
74
- "prepack": "pnpm run build",
75
- "test": "vitest run",
76
- "typecheck": "tsc --noEmit"
77
- },
78
- "peerDependencies": {
79
- "gsap": ">=3.13.0",
80
- "react": ">=18",
81
- "@material/material-color-utilities": "^0.3.0"
82
- },
83
- "peerDependenciesMeta": {
84
- "react": {
85
- "optional": true
86
- },
87
- "@material/material-color-utilities": {
88
- "optional": true
89
- }
90
- },
91
- "publishConfig": {
92
- "registry": "https://registry.npmjs.org/",
93
- "access": "public"
94
- },
95
- "devDependencies": {
96
- "@material/material-color-utilities": "^0.3.0",
97
- "@testing-library/dom": "^10.4.2",
98
- "@testing-library/react": "^16.3.3",
99
- "@types/node": "^24.19.2",
100
- "@types/react": "19.2.14",
101
- "@types/react-dom": "19.2.3",
102
- "gsap": "3.14.2",
103
- "jsdom": "^30.1.3",
104
- "react": "19.2.4",
105
- "react-dom": "19.2.4",
106
- "tsup": "^8.5.1",
107
- "typescript": "5.9.3",
108
- "vitest": "4.1.11"
109
- }
110
- }
1
+ {
2
+ "name": "@yewdiel21/motion-kit",
3
+ "version": "0.19.0",
4
+ "description": "Motion toolkit for vanilla, Astro and React: GSAP recipes, accessible components, 19 themes, CSS controls and optional WebGL effects.",
5
+ "type": "module",
6
+ "license": "UNLICENSED",
7
+ "homepage": "https://motion-kit-playground.vercel.app",
8
+ "bugs": {
9
+ "url": "https://github.com/YewdielMartinez/motion-kit/issues"
10
+ },
11
+ "keywords": ["animation", "gsap", "react", "astro", "webgl", "motion", "ui"],
12
+ "repository": {
13
+ "type": "git",
14
+ "url": "git+https://github.com/YewdielMartinez/motion-kit.git",
15
+ "directory": "packages/motion-kit"
16
+ },
17
+ "sideEffects": [
18
+ "**/*.css"
19
+ ],
20
+ "exports": {
21
+ ".": {
22
+ "types": "./dist/index.d.ts",
23
+ "import": "./dist/index.js"
24
+ },
25
+ "./react": {
26
+ "types": "./dist/react/index.d.ts",
27
+ "import": "./dist/react/index.js"
28
+ },
29
+ "./auto": {
30
+ "types": "./dist/auto/index.d.ts",
31
+ "import": "./dist/auto/index.js"
32
+ },
33
+ "./elements": {
34
+ "types": "./dist/elements/index.d.ts",
35
+ "import": "./dist/elements/index.js"
36
+ },
37
+ "./theme": {
38
+ "types": "./dist/theme/index.d.ts",
39
+ "import": "./dist/theme/index.js"
40
+ },
41
+ "./theme/generate": {
42
+ "types": "./dist/theme/generate.d.ts",
43
+ "import": "./dist/theme/generate.js"
44
+ },
45
+ "./gl": {
46
+ "types": "./dist/gl/index.d.ts",
47
+ "import": "./dist/gl/index.js"
48
+ },
49
+ "./css": {
50
+ "types": "./css.d.ts",
51
+ "default": "./dist/index.css"
52
+ },
53
+ "./css/*": {
54
+ "types": "./css.d.ts",
55
+ "default": "./dist/css/*.css"
56
+ },
57
+ "./package.json": "./package.json",
58
+ "./registry.json": "./registry.json"
59
+ },
60
+ "bin": {
61
+ "motion-kit": "bin/motion-kit.mjs"
62
+ },
63
+ "files": [
64
+ "dist",
65
+ "src",
66
+ "registry.json",
67
+ "bin",
68
+ "skills",
69
+ "NOTICE",
70
+ "css.d.ts"
71
+ ],
72
+ "scripts": {
73
+ "build": "tsup && node scripts/build-css.mjs",
74
+ "prepack": "pnpm run build",
75
+ "test": "vitest run",
76
+ "typecheck": "tsc --noEmit"
77
+ },
78
+ "peerDependencies": {
79
+ "gsap": ">=3.13.0",
80
+ "react": ">=18",
81
+ "@material/material-color-utilities": "^0.3.0"
82
+ },
83
+ "peerDependenciesMeta": {
84
+ "react": {
85
+ "optional": true
86
+ },
87
+ "@material/material-color-utilities": {
88
+ "optional": true
89
+ }
90
+ },
91
+ "publishConfig": {
92
+ "registry": "https://registry.npmjs.org/",
93
+ "access": "public"
94
+ },
95
+ "devDependencies": {
96
+ "@material/material-color-utilities": "^0.3.0",
97
+ "@testing-library/dom": "^10.4.2",
98
+ "@testing-library/react": "^16.3.3",
99
+ "@types/node": "^24.19.2",
100
+ "@types/react": "19.2.14",
101
+ "@types/react-dom": "19.2.3",
102
+ "gsap": "3.14.2",
103
+ "jsdom": "^30.1.3",
104
+ "react": "19.2.4",
105
+ "react-dom": "19.2.4",
106
+ "tsup": "^8.5.1",
107
+ "typescript": "5.9.3",
108
+ "vitest": "4.1.11"
109
+ }
110
+ }