@prestyj/cli 5.27.0 → 5.28.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 (701) hide show
  1. package/README.md +7 -5
  2. package/assets/motion/BRAG-LICENSE +21 -0
  3. package/assets/motion/HYPERFRAMES-LICENSE +190 -0
  4. package/assets/motion/THIRD-PARTY.md +57 -0
  5. package/assets/motion/assets/music/README.md +20 -0
  6. package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-1-by-ende-dot-app.music-cues.json +3846 -0
  7. package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-1-by-ende-dot-app.music-cues.md +35 -0
  8. package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-10-by-ende-dot-app.music-cues.json +1826 -0
  9. package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-10-by-ende-dot-app.music-cues.md +35 -0
  10. package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-11-by-ende-dot-app.music-cues.json +2266 -0
  11. package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-11-by-ende-dot-app.music-cues.md +35 -0
  12. package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-12-by-ende-dot-app.music-cues.json +2806 -0
  13. package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-12-by-ende-dot-app.music-cues.md +35 -0
  14. package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-9-by-ende-dot-app.music-cues.json +2796 -0
  15. package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-9-by-ende-dot-app.music-cues.md +35 -0
  16. package/assets/motion/assets/music/happy-beats-business-moves-vol-1-by-ende-dot-app.mp3 +0 -0
  17. package/assets/motion/assets/music/happy-beats-business-moves-vol-10-by-ende-dot-app.mp3 +0 -0
  18. package/assets/motion/assets/music/happy-beats-business-moves-vol-11-by-ende-dot-app.mp3 +0 -0
  19. package/assets/motion/assets/music/happy-beats-business-moves-vol-12-by-ende-dot-app.mp3 +0 -0
  20. package/assets/motion/assets/music/happy-beats-business-moves-vol-9-by-ende-dot-app.mp3 +0 -0
  21. package/assets/motion/assets/sfx/casino/card-fan-1.ogg +0 -0
  22. package/assets/motion/assets/sfx/casino/card-fan-2.ogg +0 -0
  23. package/assets/motion/assets/sfx/casino/card-place-1.ogg +0 -0
  24. package/assets/motion/assets/sfx/casino/card-place-2.ogg +0 -0
  25. package/assets/motion/assets/sfx/casino/card-place-3.ogg +0 -0
  26. package/assets/motion/assets/sfx/casino/card-place-4.ogg +0 -0
  27. package/assets/motion/assets/sfx/casino/card-shove-1.ogg +0 -0
  28. package/assets/motion/assets/sfx/casino/card-shove-2.ogg +0 -0
  29. package/assets/motion/assets/sfx/casino/card-shove-3.ogg +0 -0
  30. package/assets/motion/assets/sfx/casino/card-shove-4.ogg +0 -0
  31. package/assets/motion/assets/sfx/casino/card-shuffle.ogg +0 -0
  32. package/assets/motion/assets/sfx/casino/card-slide-1.ogg +0 -0
  33. package/assets/motion/assets/sfx/casino/card-slide-2.ogg +0 -0
  34. package/assets/motion/assets/sfx/casino/card-slide-3.ogg +0 -0
  35. package/assets/motion/assets/sfx/casino/card-slide-4.ogg +0 -0
  36. package/assets/motion/assets/sfx/casino/card-slide-5.ogg +0 -0
  37. package/assets/motion/assets/sfx/casino/card-slide-6.ogg +0 -0
  38. package/assets/motion/assets/sfx/casino/card-slide-7.ogg +0 -0
  39. package/assets/motion/assets/sfx/casino/card-slide-8.ogg +0 -0
  40. package/assets/motion/assets/sfx/casino/cards-pack-open-1.ogg +0 -0
  41. package/assets/motion/assets/sfx/casino/cards-pack-open-2.ogg +0 -0
  42. package/assets/motion/assets/sfx/casino/chip-lay-1.ogg +0 -0
  43. package/assets/motion/assets/sfx/casino/chip-lay-2.ogg +0 -0
  44. package/assets/motion/assets/sfx/casino/chip-lay-3.ogg +0 -0
  45. package/assets/motion/assets/sfx/casino/chips-collide-1.ogg +0 -0
  46. package/assets/motion/assets/sfx/casino/chips-collide-2.ogg +0 -0
  47. package/assets/motion/assets/sfx/casino/chips-collide-3.ogg +0 -0
  48. package/assets/motion/assets/sfx/casino/chips-collide-4.ogg +0 -0
  49. package/assets/motion/assets/sfx/casino/chips-handle-1.ogg +0 -0
  50. package/assets/motion/assets/sfx/casino/chips-handle-2.ogg +0 -0
  51. package/assets/motion/assets/sfx/casino/chips-handle-3.ogg +0 -0
  52. package/assets/motion/assets/sfx/casino/chips-handle-4.ogg +0 -0
  53. package/assets/motion/assets/sfx/casino/chips-handle-6.ogg +0 -0
  54. package/assets/motion/assets/sfx/casino/chips-stack-1.ogg +0 -0
  55. package/assets/motion/assets/sfx/casino/chips-stack-2.ogg +0 -0
  56. package/assets/motion/assets/sfx/casino/chips-stack-3.ogg +0 -0
  57. package/assets/motion/assets/sfx/casino/chips-stack-4.ogg +0 -0
  58. package/assets/motion/assets/sfx/casino/chips-stack-5.ogg +0 -0
  59. package/assets/motion/assets/sfx/casino/chips-stack-6.ogg +0 -0
  60. package/assets/motion/assets/sfx/casino/dice-grab-1.ogg +0 -0
  61. package/assets/motion/assets/sfx/casino/dice-grab-2.ogg +0 -0
  62. package/assets/motion/assets/sfx/casino/dice-shake-1.ogg +0 -0
  63. package/assets/motion/assets/sfx/casino/dice-shake-2.ogg +0 -0
  64. package/assets/motion/assets/sfx/casino/dice-shake-3.ogg +0 -0
  65. package/assets/motion/assets/sfx/casino/dice-throw-1.ogg +0 -0
  66. package/assets/motion/assets/sfx/casino/dice-throw-2.ogg +0 -0
  67. package/assets/motion/assets/sfx/casino/dice-throw-3.ogg +0 -0
  68. package/assets/motion/assets/sfx/casino/die-throw-1.ogg +0 -0
  69. package/assets/motion/assets/sfx/casino/die-throw-2.ogg +0 -0
  70. package/assets/motion/assets/sfx/casino/die-throw-3.ogg +0 -0
  71. package/assets/motion/assets/sfx/casino/die-throw-4.ogg +0 -0
  72. package/assets/motion/assets/sfx/impact/footstep_carpet_000.ogg +0 -0
  73. package/assets/motion/assets/sfx/impact/footstep_carpet_003.ogg +0 -0
  74. package/assets/motion/assets/sfx/impact/footstep_carpet_004.ogg +0 -0
  75. package/assets/motion/assets/sfx/impact/footstep_concrete_000.ogg +0 -0
  76. package/assets/motion/assets/sfx/impact/footstep_concrete_001.ogg +0 -0
  77. package/assets/motion/assets/sfx/impact/footstep_concrete_002.ogg +0 -0
  78. package/assets/motion/assets/sfx/impact/footstep_concrete_003.ogg +0 -0
  79. package/assets/motion/assets/sfx/impact/footstep_concrete_004.ogg +0 -0
  80. package/assets/motion/assets/sfx/impact/footstep_grass_000.ogg +0 -0
  81. package/assets/motion/assets/sfx/impact/footstep_grass_001.ogg +0 -0
  82. package/assets/motion/assets/sfx/impact/footstep_grass_002.ogg +0 -0
  83. package/assets/motion/assets/sfx/impact/footstep_grass_003.ogg +0 -0
  84. package/assets/motion/assets/sfx/impact/footstep_grass_004.ogg +0 -0
  85. package/assets/motion/assets/sfx/impact/footstep_snow_000.ogg +0 -0
  86. package/assets/motion/assets/sfx/impact/footstep_snow_001.ogg +0 -0
  87. package/assets/motion/assets/sfx/impact/footstep_snow_002.ogg +0 -0
  88. package/assets/motion/assets/sfx/impact/footstep_snow_003.ogg +0 -0
  89. package/assets/motion/assets/sfx/impact/footstep_snow_004.ogg +0 -0
  90. package/assets/motion/assets/sfx/impact/footstep_wood_000.ogg +0 -0
  91. package/assets/motion/assets/sfx/impact/footstep_wood_001.ogg +0 -0
  92. package/assets/motion/assets/sfx/impact/footstep_wood_002.ogg +0 -0
  93. package/assets/motion/assets/sfx/impact/footstep_wood_003.ogg +0 -0
  94. package/assets/motion/assets/sfx/impact/footstep_wood_004.ogg +0 -0
  95. package/assets/motion/assets/sfx/impact/impactBell_heavy_000.ogg +0 -0
  96. package/assets/motion/assets/sfx/impact/impactBell_heavy_003.ogg +0 -0
  97. package/assets/motion/assets/sfx/impact/impactBell_heavy_004.ogg +0 -0
  98. package/assets/motion/assets/sfx/impact/impactGeneric_light_000.ogg +0 -0
  99. package/assets/motion/assets/sfx/impact/impactGeneric_light_001.ogg +0 -0
  100. package/assets/motion/assets/sfx/impact/impactGeneric_light_002.ogg +0 -0
  101. package/assets/motion/assets/sfx/impact/impactGeneric_light_003.ogg +0 -0
  102. package/assets/motion/assets/sfx/impact/impactGeneric_light_004.ogg +0 -0
  103. package/assets/motion/assets/sfx/impact/impactGlass_heavy_002.ogg +0 -0
  104. package/assets/motion/assets/sfx/impact/impactGlass_light_001.ogg +0 -0
  105. package/assets/motion/assets/sfx/impact/impactGlass_light_002.ogg +0 -0
  106. package/assets/motion/assets/sfx/impact/impactGlass_light_003.ogg +0 -0
  107. package/assets/motion/assets/sfx/impact/impactGlass_medium_000.ogg +0 -0
  108. package/assets/motion/assets/sfx/impact/impactGlass_medium_002.ogg +0 -0
  109. package/assets/motion/assets/sfx/impact/impactGlass_medium_004.ogg +0 -0
  110. package/assets/motion/assets/sfx/impact/impactMetal_heavy_000.ogg +0 -0
  111. package/assets/motion/assets/sfx/impact/impactMetal_heavy_002.ogg +0 -0
  112. package/assets/motion/assets/sfx/impact/impactMetal_heavy_004.ogg +0 -0
  113. package/assets/motion/assets/sfx/impact/impactMetal_light_002.ogg +0 -0
  114. package/assets/motion/assets/sfx/impact/impactMetal_light_003.ogg +0 -0
  115. package/assets/motion/assets/sfx/impact/impactMetal_medium_000.ogg +0 -0
  116. package/assets/motion/assets/sfx/impact/impactMetal_medium_001.ogg +0 -0
  117. package/assets/motion/assets/sfx/impact/impactMetal_medium_002.ogg +0 -0
  118. package/assets/motion/assets/sfx/impact/impactMetal_medium_003.ogg +0 -0
  119. package/assets/motion/assets/sfx/impact/impactMetal_medium_004.ogg +0 -0
  120. package/assets/motion/assets/sfx/impact/impactMining_001.ogg +0 -0
  121. package/assets/motion/assets/sfx/impact/impactPlank_medium_000.ogg +0 -0
  122. package/assets/motion/assets/sfx/impact/impactPlank_medium_001.ogg +0 -0
  123. package/assets/motion/assets/sfx/impact/impactPlank_medium_002.ogg +0 -0
  124. package/assets/motion/assets/sfx/impact/impactPlank_medium_003.ogg +0 -0
  125. package/assets/motion/assets/sfx/impact/impactPlank_medium_004.ogg +0 -0
  126. package/assets/motion/assets/sfx/impact/impactPlate_heavy_000.ogg +0 -0
  127. package/assets/motion/assets/sfx/impact/impactPlate_heavy_001.ogg +0 -0
  128. package/assets/motion/assets/sfx/impact/impactPlate_heavy_002.ogg +0 -0
  129. package/assets/motion/assets/sfx/impact/impactPlate_heavy_003.ogg +0 -0
  130. package/assets/motion/assets/sfx/impact/impactPlate_heavy_004.ogg +0 -0
  131. package/assets/motion/assets/sfx/impact/impactPlate_light_000.ogg +0 -0
  132. package/assets/motion/assets/sfx/impact/impactPlate_light_001.ogg +0 -0
  133. package/assets/motion/assets/sfx/impact/impactPlate_light_002.ogg +0 -0
  134. package/assets/motion/assets/sfx/impact/impactPlate_light_003.ogg +0 -0
  135. package/assets/motion/assets/sfx/impact/impactPlate_light_004.ogg +0 -0
  136. package/assets/motion/assets/sfx/impact/impactPlate_medium_000.ogg +0 -0
  137. package/assets/motion/assets/sfx/impact/impactPlate_medium_001.ogg +0 -0
  138. package/assets/motion/assets/sfx/impact/impactPlate_medium_002.ogg +0 -0
  139. package/assets/motion/assets/sfx/impact/impactPlate_medium_003.ogg +0 -0
  140. package/assets/motion/assets/sfx/impact/impactPlate_medium_004.ogg +0 -0
  141. package/assets/motion/assets/sfx/impact/impactPunch_heavy_000.ogg +0 -0
  142. package/assets/motion/assets/sfx/impact/impactPunch_heavy_001.ogg +0 -0
  143. package/assets/motion/assets/sfx/impact/impactPunch_heavy_002.ogg +0 -0
  144. package/assets/motion/assets/sfx/impact/impactPunch_heavy_003.ogg +0 -0
  145. package/assets/motion/assets/sfx/impact/impactPunch_heavy_004.ogg +0 -0
  146. package/assets/motion/assets/sfx/impact/impactPunch_medium_000.ogg +0 -0
  147. package/assets/motion/assets/sfx/impact/impactPunch_medium_001.ogg +0 -0
  148. package/assets/motion/assets/sfx/impact/impactPunch_medium_002.ogg +0 -0
  149. package/assets/motion/assets/sfx/impact/impactPunch_medium_003.ogg +0 -0
  150. package/assets/motion/assets/sfx/impact/impactPunch_medium_004.ogg +0 -0
  151. package/assets/motion/assets/sfx/impact/impactSoft_heavy_000.ogg +0 -0
  152. package/assets/motion/assets/sfx/impact/impactSoft_heavy_001.ogg +0 -0
  153. package/assets/motion/assets/sfx/impact/impactSoft_heavy_002.ogg +0 -0
  154. package/assets/motion/assets/sfx/impact/impactSoft_heavy_003.ogg +0 -0
  155. package/assets/motion/assets/sfx/impact/impactSoft_heavy_004.ogg +0 -0
  156. package/assets/motion/assets/sfx/impact/impactSoft_medium_000.ogg +0 -0
  157. package/assets/motion/assets/sfx/impact/impactSoft_medium_001.ogg +0 -0
  158. package/assets/motion/assets/sfx/impact/impactSoft_medium_002.ogg +0 -0
  159. package/assets/motion/assets/sfx/impact/impactSoft_medium_003.ogg +0 -0
  160. package/assets/motion/assets/sfx/impact/impactSoft_medium_004.ogg +0 -0
  161. package/assets/motion/assets/sfx/impact/impactTin_medium_000.ogg +0 -0
  162. package/assets/motion/assets/sfx/impact/impactTin_medium_001.ogg +0 -0
  163. package/assets/motion/assets/sfx/impact/impactTin_medium_002.ogg +0 -0
  164. package/assets/motion/assets/sfx/impact/impactTin_medium_003.ogg +0 -0
  165. package/assets/motion/assets/sfx/impact/impactTin_medium_004.ogg +0 -0
  166. package/assets/motion/assets/sfx/impact/impactWood_heavy_000.ogg +0 -0
  167. package/assets/motion/assets/sfx/impact/impactWood_heavy_001.ogg +0 -0
  168. package/assets/motion/assets/sfx/impact/impactWood_heavy_002.ogg +0 -0
  169. package/assets/motion/assets/sfx/impact/impactWood_heavy_003.ogg +0 -0
  170. package/assets/motion/assets/sfx/impact/impactWood_heavy_004.ogg +0 -0
  171. package/assets/motion/assets/sfx/impact/impactWood_light_000.ogg +0 -0
  172. package/assets/motion/assets/sfx/impact/impactWood_light_001.ogg +0 -0
  173. package/assets/motion/assets/sfx/impact/impactWood_light_002.ogg +0 -0
  174. package/assets/motion/assets/sfx/impact/impactWood_light_003.ogg +0 -0
  175. package/assets/motion/assets/sfx/impact/impactWood_light_004.ogg +0 -0
  176. package/assets/motion/assets/sfx/impact/impactWood_medium_000.ogg +0 -0
  177. package/assets/motion/assets/sfx/impact/impactWood_medium_001.ogg +0 -0
  178. package/assets/motion/assets/sfx/impact/impactWood_medium_002.ogg +0 -0
  179. package/assets/motion/assets/sfx/impact/impactWood_medium_003.ogg +0 -0
  180. package/assets/motion/assets/sfx/impact/impactWood_medium_004.ogg +0 -0
  181. package/assets/motion/assets/sfx/interface/bong_001.ogg +0 -0
  182. package/assets/motion/assets/sfx/interface/click_001.ogg +0 -0
  183. package/assets/motion/assets/sfx/interface/click_002.ogg +0 -0
  184. package/assets/motion/assets/sfx/interface/click_003.ogg +0 -0
  185. package/assets/motion/assets/sfx/interface/click_004.ogg +0 -0
  186. package/assets/motion/assets/sfx/interface/click_005.ogg +0 -0
  187. package/assets/motion/assets/sfx/interface/drop_001.ogg +0 -0
  188. package/assets/motion/assets/sfx/interface/drop_002.ogg +0 -0
  189. package/assets/motion/assets/sfx/interface/drop_003.ogg +0 -0
  190. package/assets/motion/assets/sfx/interface/error_005.ogg +0 -0
  191. package/assets/motion/assets/sfx/interface/error_006.ogg +0 -0
  192. package/assets/motion/assets/sfx/interface/glitch_002.ogg +0 -0
  193. package/assets/motion/assets/sfx/interface/glitch_004.ogg +0 -0
  194. package/assets/motion/assets/sfx/interface/select_008.ogg +0 -0
  195. package/assets/motion/assets/sfx/interface/switch_001.ogg +0 -0
  196. package/assets/motion/assets/sfx/interface/switch_002.ogg +0 -0
  197. package/assets/motion/assets/sfx/interface/switch_004.ogg +0 -0
  198. package/assets/motion/assets/sfx/interface/switch_005.ogg +0 -0
  199. package/assets/motion/assets/sfx/interface/switch_006.ogg +0 -0
  200. package/assets/motion/assets/sfx/interface/switch_007.ogg +0 -0
  201. package/assets/motion/assets/sfx/keyboard/keypress-001.wav +0 -0
  202. package/assets/motion/assets/sfx/keyboard/keypress-002.wav +0 -0
  203. package/assets/motion/assets/sfx/keyboard/keypress-003.wav +0 -0
  204. package/assets/motion/assets/sfx/keyboard/keypress-004.wav +0 -0
  205. package/assets/motion/assets/sfx/keyboard/keypress-005.wav +0 -0
  206. package/assets/motion/assets/sfx/keyboard/keypress-006.wav +0 -0
  207. package/assets/motion/assets/sfx/keyboard/keypress-007.wav +0 -0
  208. package/assets/motion/assets/sfx/keyboard/keypress-008.wav +0 -0
  209. package/assets/motion/assets/sfx/keyboard/keypress-009.wav +0 -0
  210. package/assets/motion/assets/sfx/keyboard/keypress-010.wav +0 -0
  211. package/assets/motion/assets/sfx/keyboard/keypress-011.wav +0 -0
  212. package/assets/motion/assets/sfx/keyboard/keypress-012.wav +0 -0
  213. package/assets/motion/assets/sfx/keyboard/keypress-013.wav +0 -0
  214. package/assets/motion/assets/sfx/keyboard/keypress-014.wav +0 -0
  215. package/assets/motion/assets/sfx/keyboard/keypress-015.wav +0 -0
  216. package/assets/motion/assets/sfx/keyboard/keypress-016.wav +0 -0
  217. package/assets/motion/assets/sfx/keyboard/keypress-017.wav +0 -0
  218. package/assets/motion/assets/sfx/keyboard/keypress-018.wav +0 -0
  219. package/assets/motion/assets/sfx/keyboard/keypress-019.wav +0 -0
  220. package/assets/motion/assets/sfx/keyboard/keypress-020.wav +0 -0
  221. package/assets/motion/assets/sfx/keyboard/keypress-021.wav +0 -0
  222. package/assets/motion/assets/sfx/keyboard/keypress-022.wav +0 -0
  223. package/assets/motion/assets/sfx/keyboard/keypress-023.wav +0 -0
  224. package/assets/motion/assets/sfx/keyboard/keypress-024.wav +0 -0
  225. package/assets/motion/assets/sfx/keyboard/keypress-025.wav +0 -0
  226. package/assets/motion/assets/sfx/keyboard/keypress-026.wav +0 -0
  227. package/assets/motion/assets/sfx/keyboard/keypress-027.wav +0 -0
  228. package/assets/motion/assets/sfx/keyboard/keypress-028.wav +0 -0
  229. package/assets/motion/assets/sfx/keyboard/keypress-029.wav +0 -0
  230. package/assets/motion/assets/sfx/keyboard/keypress-030.wav +0 -0
  231. package/assets/motion/assets/sfx/keyboard/keypress-031.wav +0 -0
  232. package/assets/motion/assets/sfx/keyboard/keypress-032.wav +0 -0
  233. package/assets/motion/assets/sfx/sfx-analysis.json +15584 -0
  234. package/assets/motion/assets/sfx/sfx-analysis.md +75 -0
  235. package/assets/motion/assets/sfx/ui/click1.ogg +0 -0
  236. package/assets/motion/assets/sfx/ui/click2.ogg +0 -0
  237. package/assets/motion/assets/sfx/ui/click3.ogg +0 -0
  238. package/assets/motion/assets/sfx/ui/click4.ogg +0 -0
  239. package/assets/motion/assets/sfx/ui/click5.ogg +0 -0
  240. package/assets/motion/assets/sfx/ui/mouseclick1.ogg +0 -0
  241. package/assets/motion/assets/sfx/ui/rollover1.ogg +0 -0
  242. package/assets/motion/assets/sfx/ui/rollover2.ogg +0 -0
  243. package/assets/motion/assets/sfx/ui/rollover4.ogg +0 -0
  244. package/assets/motion/assets/sfx/ui/rollover5.ogg +0 -0
  245. package/assets/motion/assets/sfx/ui/switch1.ogg +0 -0
  246. package/assets/motion/assets/sfx/ui/switch10.ogg +0 -0
  247. package/assets/motion/assets/sfx/ui/switch11.ogg +0 -0
  248. package/assets/motion/assets/sfx/ui/switch12.ogg +0 -0
  249. package/assets/motion/assets/sfx/ui/switch13.ogg +0 -0
  250. package/assets/motion/assets/sfx/ui/switch14.ogg +0 -0
  251. package/assets/motion/assets/sfx/ui/switch15.ogg +0 -0
  252. package/assets/motion/assets/sfx/ui/switch16.ogg +0 -0
  253. package/assets/motion/assets/sfx/ui/switch17.ogg +0 -0
  254. package/assets/motion/assets/sfx/ui/switch18.ogg +0 -0
  255. package/assets/motion/assets/sfx/ui/switch19.ogg +0 -0
  256. package/assets/motion/assets/sfx/ui/switch2.ogg +0 -0
  257. package/assets/motion/assets/sfx/ui/switch20.ogg +0 -0
  258. package/assets/motion/assets/sfx/ui/switch21.ogg +0 -0
  259. package/assets/motion/assets/sfx/ui/switch22.ogg +0 -0
  260. package/assets/motion/assets/sfx/ui/switch23.ogg +0 -0
  261. package/assets/motion/assets/sfx/ui/switch24.ogg +0 -0
  262. package/assets/motion/assets/sfx/ui/switch25.ogg +0 -0
  263. package/assets/motion/assets/sfx/ui/switch26.ogg +0 -0
  264. package/assets/motion/assets/sfx/ui/switch27.ogg +0 -0
  265. package/assets/motion/assets/sfx/ui/switch28.ogg +0 -0
  266. package/assets/motion/assets/sfx/ui/switch29.ogg +0 -0
  267. package/assets/motion/assets/sfx/ui/switch3.ogg +0 -0
  268. package/assets/motion/assets/sfx/ui/switch30.ogg +0 -0
  269. package/assets/motion/assets/sfx/ui/switch31.ogg +0 -0
  270. package/assets/motion/assets/sfx/ui/switch32.ogg +0 -0
  271. package/assets/motion/assets/sfx/ui/switch33.ogg +0 -0
  272. package/assets/motion/assets/sfx/ui/switch34.ogg +0 -0
  273. package/assets/motion/assets/sfx/ui/switch35.ogg +0 -0
  274. package/assets/motion/assets/sfx/ui/switch36.ogg +0 -0
  275. package/assets/motion/assets/sfx/ui/switch37.ogg +0 -0
  276. package/assets/motion/assets/sfx/ui/switch38.ogg +0 -0
  277. package/assets/motion/assets/sfx/ui/switch4.ogg +0 -0
  278. package/assets/motion/assets/sfx/ui/switch5.ogg +0 -0
  279. package/assets/motion/assets/sfx/ui/switch6.ogg +0 -0
  280. package/assets/motion/assets/sfx/ui/switch7.ogg +0 -0
  281. package/assets/motion/assets/sfx/ui/switch8.ogg +0 -0
  282. package/assets/motion/assets/sfx/ui/switch9.ogg +0 -0
  283. package/assets/motion/bin/contact-sheet.mjs +87 -0
  284. package/assets/motion/bin/fonts.mjs +107 -0
  285. package/assets/motion/bin/hyperframes.mjs +122 -0
  286. package/assets/motion/bin/library.mjs +210 -0
  287. package/assets/motion/bin/media-binaries.mjs +49 -0
  288. package/assets/motion/bin/motion-check.mjs +250 -0
  289. package/assets/motion/bin/pdf-extract.mjs +133 -0
  290. package/assets/motion/bin/reveal.mjs +76 -0
  291. package/assets/motion/bin/review-frames.mjs +328 -0
  292. package/assets/motion/bin/score-synth.mjs +486 -0
  293. package/assets/motion/bin/three.mjs +55 -0
  294. package/assets/motion/fonts/anybody/OFL.txt +93 -0
  295. package/assets/motion/fonts/anybody/anybody-normal.woff2 +0 -0
  296. package/assets/motion/fonts/archivo/OFL.txt +93 -0
  297. package/assets/motion/fonts/archivo/archivo-normal.woff2 +0 -0
  298. package/assets/motion/fonts/big-shoulders/OFL.txt +93 -0
  299. package/assets/motion/fonts/big-shoulders/big-shoulders-normal.woff2 +0 -0
  300. package/assets/motion/fonts/bricolage-grotesque/OFL.txt +93 -0
  301. package/assets/motion/fonts/bricolage-grotesque/bricolage-grotesque-normal.woff2 +0 -0
  302. package/assets/motion/fonts/doto/OFL.txt +93 -0
  303. package/assets/motion/fonts/doto/doto-normal.woff2 +0 -0
  304. package/assets/motion/fonts/fonts.json +209 -0
  305. package/assets/motion/fonts/fraunces/OFL.txt +93 -0
  306. package/assets/motion/fonts/fraunces/fraunces-italic.woff2 +0 -0
  307. package/assets/motion/fonts/fraunces/fraunces-normal.woff2 +0 -0
  308. package/assets/motion/fonts/funnel-display/OFL.txt +93 -0
  309. package/assets/motion/fonts/funnel-display/funnel-display-normal.woff2 +0 -0
  310. package/assets/motion/fonts/gloock/OFL.txt +93 -0
  311. package/assets/motion/fonts/gloock/gloock-normal.woff2 +0 -0
  312. package/assets/motion/fonts/host-grotesk/OFL.txt +93 -0
  313. package/assets/motion/fonts/host-grotesk/host-grotesk-normal.woff2 +0 -0
  314. package/assets/motion/fonts/hubot-sans/OFL.txt +93 -0
  315. package/assets/motion/fonts/hubot-sans/hubot-sans-normal.woff2 +0 -0
  316. package/assets/motion/fonts/martian-mono/OFL.txt +93 -0
  317. package/assets/motion/fonts/martian-mono/martian-mono-normal.woff2 +0 -0
  318. package/assets/motion/fonts/mona-sans/OFL.txt +93 -0
  319. package/assets/motion/fonts/mona-sans/mona-sans-normal.woff2 +0 -0
  320. package/assets/motion/fonts/newsreader/OFL.txt +93 -0
  321. package/assets/motion/fonts/newsreader/newsreader-italic.woff2 +0 -0
  322. package/assets/motion/fonts/newsreader/newsreader-normal.woff2 +0 -0
  323. package/assets/motion/fonts/schibsted-grotesk/OFL.txt +93 -0
  324. package/assets/motion/fonts/schibsted-grotesk/schibsted-grotesk-normal.woff2 +0 -0
  325. package/assets/motion/fonts/specimen.jpg +0 -0
  326. package/assets/motion/fonts/young-serif/OFL.txt +93 -0
  327. package/assets/motion/fonts/young-serif/young-serif-normal.woff2 +0 -0
  328. package/assets/motion/library/README.md +104 -0
  329. package/assets/motion/library/library.json +1384 -0
  330. package/assets/motion/library/looks/acid-poster/look.md +82 -0
  331. package/assets/motion/library/looks/acid-poster/meta.json +11 -0
  332. package/assets/motion/library/looks/acid-poster/preview.jpg +0 -0
  333. package/assets/motion/library/looks/acid-poster/sample.html +177 -0
  334. package/assets/motion/library/looks/acid-poster/tokens.css +16 -0
  335. package/assets/motion/library/looks/blueprint/look.md +22 -0
  336. package/assets/motion/library/looks/blueprint/meta.json +11 -0
  337. package/assets/motion/library/looks/blueprint/preview.jpg +0 -0
  338. package/assets/motion/library/looks/blueprint/sample.html +301 -0
  339. package/assets/motion/library/looks/blueprint/tokens.css +16 -0
  340. package/assets/motion/library/looks/dark-studio/look.md +85 -0
  341. package/assets/motion/library/looks/dark-studio/meta.json +11 -0
  342. package/assets/motion/library/looks/dark-studio/preview.jpg +0 -0
  343. package/assets/motion/library/looks/dark-studio/sample.html +324 -0
  344. package/assets/motion/library/looks/dark-studio/tokens.css +16 -0
  345. package/assets/motion/library/looks/data-desk/look.md +19 -0
  346. package/assets/motion/library/looks/data-desk/meta.json +9 -0
  347. package/assets/motion/library/looks/data-desk/preview.jpg +0 -0
  348. package/assets/motion/library/looks/data-desk/sample.html +17 -0
  349. package/assets/motion/library/looks/data-desk/tokens.css +15 -0
  350. package/assets/motion/library/looks/duotone-broadcast/look.md +53 -0
  351. package/assets/motion/library/looks/duotone-broadcast/meta.json +11 -0
  352. package/assets/motion/library/looks/duotone-broadcast/preview.jpg +0 -0
  353. package/assets/motion/library/looks/duotone-broadcast/sample.html +45 -0
  354. package/assets/motion/library/looks/duotone-broadcast/tokens.css +16 -0
  355. package/assets/motion/library/looks/editorial-ink/look.md +80 -0
  356. package/assets/motion/library/looks/editorial-ink/meta.json +11 -0
  357. package/assets/motion/library/looks/editorial-ink/preview.jpg +0 -0
  358. package/assets/motion/library/looks/editorial-ink/sample.html +203 -0
  359. package/assets/motion/library/looks/editorial-ink/tokens.css +16 -0
  360. package/assets/motion/library/looks/mono-luxe/look.md +19 -0
  361. package/assets/motion/library/looks/mono-luxe/meta.json +9 -0
  362. package/assets/motion/library/looks/mono-luxe/preview.jpg +0 -0
  363. package/assets/motion/library/looks/mono-luxe/sample.html +12 -0
  364. package/assets/motion/library/looks/mono-luxe/tokens.css +15 -0
  365. package/assets/motion/library/looks/soft-light-ad/look.md +63 -0
  366. package/assets/motion/library/looks/soft-light-ad/meta.json +39 -0
  367. package/assets/motion/library/looks/soft-light-ad/preview.jpg +0 -0
  368. package/assets/motion/library/looks/soft-light-ad/sample.html +44 -0
  369. package/assets/motion/library/looks/soft-light-ad/tokens.css +17 -0
  370. package/assets/motion/library/looks/sunlit-consumer/look.md +19 -0
  371. package/assets/motion/library/looks/sunlit-consumer/meta.json +9 -0
  372. package/assets/motion/library/looks/sunlit-consumer/preview.jpg +0 -0
  373. package/assets/motion/library/looks/sunlit-consumer/sample.html +12 -0
  374. package/assets/motion/library/looks/sunlit-consumer/tokens.css +15 -0
  375. package/assets/motion/library/looks/swiss-grid/look.md +81 -0
  376. package/assets/motion/library/looks/swiss-grid/meta.json +11 -0
  377. package/assets/motion/library/looks/swiss-grid/preview.jpg +0 -0
  378. package/assets/motion/library/looks/swiss-grid/sample.html +209 -0
  379. package/assets/motion/library/looks/swiss-grid/tokens.css +16 -0
  380. package/assets/motion/library/looks/terminal-phosphor/look.md +77 -0
  381. package/assets/motion/library/looks/terminal-phosphor/meta.json +11 -0
  382. package/assets/motion/library/looks/terminal-phosphor/preview.jpg +0 -0
  383. package/assets/motion/library/looks/terminal-phosphor/sample.html +182 -0
  384. package/assets/motion/library/looks/terminal-phosphor/tokens.css +16 -0
  385. package/assets/motion/library/pieces/animated-beam/LICENSE +21 -0
  386. package/assets/motion/library/pieces/animated-beam/meta.json +16 -0
  387. package/assets/motion/library/pieces/animated-beam/piece.html +273 -0
  388. package/assets/motion/library/pieces/animated-beam/preview.jpg +0 -0
  389. package/assets/motion/library/pieces/animated-list/LICENSE +21 -0
  390. package/assets/motion/library/pieces/animated-list/meta.json +16 -0
  391. package/assets/motion/library/pieces/animated-list/piece.html +189 -0
  392. package/assets/motion/library/pieces/animated-list/preview.jpg +0 -0
  393. package/assets/motion/library/pieces/before-after-split/meta.json +12 -0
  394. package/assets/motion/library/pieces/before-after-split/piece.html +262 -0
  395. package/assets/motion/library/pieces/before-after-split/preview.jpg +0 -0
  396. package/assets/motion/library/pieces/blueprint-grid/meta.json +12 -0
  397. package/assets/motion/library/pieces/blueprint-grid/piece.html +209 -0
  398. package/assets/motion/library/pieces/blueprint-grid/preview.jpg +0 -0
  399. package/assets/motion/library/pieces/broadcast-frame/meta.json +12 -0
  400. package/assets/motion/library/pieces/broadcast-frame/piece.html +100 -0
  401. package/assets/motion/library/pieces/broadcast-frame/preview.jpg +0 -0
  402. package/assets/motion/library/pieces/browser-window/meta.json +12 -0
  403. package/assets/motion/library/pieces/browser-window/piece.html +331 -0
  404. package/assets/motion/library/pieces/browser-window/preview.jpg +0 -0
  405. package/assets/motion/library/pieces/chapter-card/meta.json +6 -0
  406. package/assets/motion/library/pieces/chapter-card/piece.html +12 -0
  407. package/assets/motion/library/pieces/chapter-card/preview.jpg +0 -0
  408. package/assets/motion/library/pieces/chat-thread/meta.json +12 -0
  409. package/assets/motion/library/pieces/chat-thread/piece.html +272 -0
  410. package/assets/motion/library/pieces/chat-thread/preview.jpg +0 -0
  411. package/assets/motion/library/pieces/clay-drop-3d/meta.json +13 -0
  412. package/assets/motion/library/pieces/clay-drop-3d/piece.html +224 -0
  413. package/assets/motion/library/pieces/clay-drop-3d/preview.jpg +0 -0
  414. package/assets/motion/library/pieces/color-flip-field/meta.json +12 -0
  415. package/assets/motion/library/pieces/color-flip-field/piece.html +81 -0
  416. package/assets/motion/library/pieces/color-flip-field/preview.jpg +0 -0
  417. package/assets/motion/library/pieces/color-wipe/meta.json +6 -0
  418. package/assets/motion/library/pieces/color-wipe/piece.html +10 -0
  419. package/assets/motion/library/pieces/color-wipe/preview.jpg +0 -0
  420. package/assets/motion/library/pieces/command-palette/meta.json +12 -0
  421. package/assets/motion/library/pieces/command-palette/piece.html +339 -0
  422. package/assets/motion/library/pieces/command-palette/preview.jpg +0 -0
  423. package/assets/motion/library/pieces/comparison-bars/meta.json +12 -0
  424. package/assets/motion/library/pieces/comparison-bars/piece.html +191 -0
  425. package/assets/motion/library/pieces/comparison-bars/preview.jpg +0 -0
  426. package/assets/motion/library/pieces/counter-number/meta.json +12 -0
  427. package/assets/motion/library/pieces/counter-number/piece.html +131 -0
  428. package/assets/motion/library/pieces/counter-number/preview.jpg +0 -0
  429. package/assets/motion/library/pieces/cursor-click/meta.json +12 -0
  430. package/assets/motion/library/pieces/cursor-click/piece.html +242 -0
  431. package/assets/motion/library/pieces/cursor-click/preview.jpg +0 -0
  432. package/assets/motion/library/pieces/dock-magnify/LICENSE +21 -0
  433. package/assets/motion/library/pieces/dock-magnify/meta.json +16 -0
  434. package/assets/motion/library/pieces/dock-magnify/piece.html +234 -0
  435. package/assets/motion/library/pieces/dock-magnify/preview.jpg +0 -0
  436. package/assets/motion/library/pieces/donut-fill/meta.json +12 -0
  437. package/assets/motion/library/pieces/donut-fill/piece.html +156 -0
  438. package/assets/motion/library/pieces/donut-fill/preview.jpg +0 -0
  439. package/assets/motion/library/pieces/dot-grid-field/meta.json +12 -0
  440. package/assets/motion/library/pieces/dot-grid-field/piece.html +61 -0
  441. package/assets/motion/library/pieces/dot-grid-field/preview.jpg +0 -0
  442. package/assets/motion/library/pieces/ease-curve/meta.json +12 -0
  443. package/assets/motion/library/pieces/ease-curve/piece.html +103 -0
  444. package/assets/motion/library/pieces/ease-curve/preview.jpg +0 -0
  445. package/assets/motion/library/pieces/end-card/meta.json +6 -0
  446. package/assets/motion/library/pieces/end-card/piece.html +11 -0
  447. package/assets/motion/library/pieces/end-card/preview.jpg +0 -0
  448. package/assets/motion/library/pieces/film-grain/meta.json +12 -0
  449. package/assets/motion/library/pieces/film-grain/piece.html +93 -0
  450. package/assets/motion/library/pieces/film-grain/preview.jpg +0 -0
  451. package/assets/motion/library/pieces/flickering-grid/LICENSE +21 -0
  452. package/assets/motion/library/pieces/flickering-grid/meta.json +16 -0
  453. package/assets/motion/library/pieces/flickering-grid/piece.html +112 -0
  454. package/assets/motion/library/pieces/flickering-grid/preview.jpg +0 -0
  455. package/assets/motion/library/pieces/flow-nodes/meta.json +12 -0
  456. package/assets/motion/library/pieces/flow-nodes/piece.html +230 -0
  457. package/assets/motion/library/pieces/flow-nodes/preview.jpg +0 -0
  458. package/assets/motion/library/pieces/highlight-sweep/meta.json +12 -0
  459. package/assets/motion/library/pieces/highlight-sweep/piece.html +132 -0
  460. package/assets/motion/library/pieces/highlight-sweep/preview.jpg +0 -0
  461. package/assets/motion/library/pieces/iris-circle/meta.json +6 -0
  462. package/assets/motion/library/pieces/iris-circle/piece.html +6 -0
  463. package/assets/motion/library/pieces/iris-circle/preview.jpg +0 -0
  464. package/assets/motion/library/pieces/kinetic-letters/meta.json +12 -0
  465. package/assets/motion/library/pieces/kinetic-letters/piece.html +103 -0
  466. package/assets/motion/library/pieces/kinetic-letters/preview.jpg +0 -0
  467. package/assets/motion/library/pieces/light-leak-soft/meta.json +12 -0
  468. package/assets/motion/library/pieces/light-leak-soft/piece.html +102 -0
  469. package/assets/motion/library/pieces/light-leak-soft/preview.jpg +0 -0
  470. package/assets/motion/library/pieces/line-stack-reveal/meta.json +12 -0
  471. package/assets/motion/library/pieces/line-stack-reveal/piece.html +98 -0
  472. package/assets/motion/library/pieces/line-stack-reveal/preview.jpg +0 -0
  473. package/assets/motion/library/pieces/lower-third/meta.json +6 -0
  474. package/assets/motion/library/pieces/lower-third/piece.html +11 -0
  475. package/assets/motion/library/pieces/lower-third/preview.jpg +0 -0
  476. package/assets/motion/library/pieces/marquee-strip/meta.json +12 -0
  477. package/assets/motion/library/pieces/marquee-strip/piece.html +132 -0
  478. package/assets/motion/library/pieces/marquee-strip/preview.jpg +0 -0
  479. package/assets/motion/library/pieces/mesh-gradient/meta.json +12 -0
  480. package/assets/motion/library/pieces/mesh-gradient/piece.html +131 -0
  481. package/assets/motion/library/pieces/mesh-gradient/preview.jpg +0 -0
  482. package/assets/motion/library/pieces/orbiting-circles/LICENSE +21 -0
  483. package/assets/motion/library/pieces/orbiting-circles/meta.json +16 -0
  484. package/assets/motion/library/pieces/orbiting-circles/piece.html +185 -0
  485. package/assets/motion/library/pieces/orbiting-circles/preview.jpg +0 -0
  486. package/assets/motion/library/pieces/phone-frame/meta.json +12 -0
  487. package/assets/motion/library/pieces/phone-frame/piece.html +252 -0
  488. package/assets/motion/library/pieces/phone-frame/preview.jpg +0 -0
  489. package/assets/motion/library/pieces/pricing-toggle/meta.json +6 -0
  490. package/assets/motion/library/pieces/pricing-toggle/piece.html +18 -0
  491. package/assets/motion/library/pieces/pricing-toggle/preview.jpg +0 -0
  492. package/assets/motion/library/pieces/retro-grid/LICENSE +21 -0
  493. package/assets/motion/library/pieces/retro-grid/meta.json +16 -0
  494. package/assets/motion/library/pieces/retro-grid/piece.html +139 -0
  495. package/assets/motion/library/pieces/retro-grid/preview.jpg +0 -0
  496. package/assets/motion/library/pieces/scale-through-word/meta.json +12 -0
  497. package/assets/motion/library/pieces/scale-through-word/piece.html +139 -0
  498. package/assets/motion/library/pieces/scale-through-word/preview.jpg +0 -0
  499. package/assets/motion/library/pieces/serif-quote/meta.json +12 -0
  500. package/assets/motion/library/pieces/serif-quote/piece.html +145 -0
  501. package/assets/motion/library/pieces/serif-quote/preview.jpg +0 -0
  502. package/assets/motion/library/pieces/slam-word/meta.json +12 -0
  503. package/assets/motion/library/pieces/slam-word/piece.html +72 -0
  504. package/assets/motion/library/pieces/slam-word/preview.jpg +0 -0
  505. package/assets/motion/library/pieces/soft-light-field/meta.json +12 -0
  506. package/assets/motion/library/pieces/soft-light-field/piece.html +83 -0
  507. package/assets/motion/library/pieces/soft-light-field/preview.jpg +0 -0
  508. package/assets/motion/library/pieces/sparkline-draw/meta.json +12 -0
  509. package/assets/motion/library/pieces/sparkline-draw/piece.html +204 -0
  510. package/assets/motion/library/pieces/sparkline-draw/preview.jpg +0 -0
  511. package/assets/motion/library/pieces/stack-layers/meta.json +12 -0
  512. package/assets/motion/library/pieces/stack-layers/piece.html +239 -0
  513. package/assets/motion/library/pieces/stack-layers/preview.jpg +0 -0
  514. package/assets/motion/library/pieces/stat-grid/meta.json +12 -0
  515. package/assets/motion/library/pieces/stat-grid/piece.html +200 -0
  516. package/assets/motion/library/pieces/stat-grid/preview.jpg +0 -0
  517. package/assets/motion/library/pieces/studio-backdrop/meta.json +12 -0
  518. package/assets/motion/library/pieces/studio-backdrop/piece.html +83 -0
  519. package/assets/motion/library/pieces/studio-backdrop/preview.jpg +0 -0
  520. package/assets/motion/library/pieces/tile-flip/meta.json +6 -0
  521. package/assets/motion/library/pieces/tile-flip/piece.html +6 -0
  522. package/assets/motion/library/pieces/tile-flip/preview.jpg +0 -0
  523. package/assets/motion/library/pieces/timeline-track/meta.json +12 -0
  524. package/assets/motion/library/pieces/timeline-track/piece.html +227 -0
  525. package/assets/motion/library/pieces/timeline-track/preview.jpg +0 -0
  526. package/assets/motion/library/pieces/toast-stack/meta.json +12 -0
  527. package/assets/motion/library/pieces/toast-stack/piece.html +185 -0
  528. package/assets/motion/library/pieces/toast-stack/preview.jpg +0 -0
  529. package/assets/motion/library/pieces/typewriter-caption/meta.json +12 -0
  530. package/assets/motion/library/pieces/typewriter-caption/piece.html +112 -0
  531. package/assets/motion/library/pieces/typewriter-caption/preview.jpg +0 -0
  532. package/assets/motion/library/pieces/ui-stack-3d/meta.json +12 -0
  533. package/assets/motion/library/pieces/ui-stack-3d/piece.html +236 -0
  534. package/assets/motion/library/pieces/ui-stack-3d/preview.jpg +0 -0
  535. package/assets/motion/library/pieces/vignette/meta.json +12 -0
  536. package/assets/motion/library/pieces/vignette/piece.html +85 -0
  537. package/assets/motion/library/pieces/vignette/preview.jpg +0 -0
  538. package/assets/motion/library/pieces/word-swap/meta.json +12 -0
  539. package/assets/motion/library/pieces/word-swap/piece.html +122 -0
  540. package/assets/motion/library/pieces/word-swap/preview.jpg +0 -0
  541. package/assets/motion/library/sheets/3d.jpg +0 -0
  542. package/assets/motion/library/sheets/background.jpg +0 -0
  543. package/assets/motion/library/sheets/data.jpg +0 -0
  544. package/assets/motion/library/sheets/diagram.jpg +0 -0
  545. package/assets/motion/library/sheets/frame.jpg +0 -0
  546. package/assets/motion/library/sheets/looks.jpg +0 -0
  547. package/assets/motion/library/sheets/texture.jpg +0 -0
  548. package/assets/motion/library/sheets/transition.jpg +0 -0
  549. package/assets/motion/library/sheets/type.jpg +0 -0
  550. package/assets/motion/library/sheets/ui.jpg +0 -0
  551. package/assets/motion/plugin.json +5 -0
  552. package/assets/motion/references/README.md +20 -0
  553. package/assets/motion/references/index.json +25 -0
  554. package/assets/motion/references/runtime/data-attributes.md +78 -0
  555. package/assets/motion/references/runtime/determinism-rules.md +53 -0
  556. package/assets/motion/references/runtime/doctor-browser.md +57 -0
  557. package/assets/motion/references/runtime/gsap-easing-and-stagger.md +199 -0
  558. package/assets/motion/references/runtime/gsap-timeline-and-labels.md +96 -0
  559. package/assets/motion/references/runtime/gsap-transforms-and-perf.md +129 -0
  560. package/assets/motion/references/runtime/gsap.md +105 -0
  561. package/assets/motion/references/runtime/inputs-and-assets.md +52 -0
  562. package/assets/motion/references/runtime/lint-validate-inspect.md +131 -0
  563. package/assets/motion/references/runtime/minimal-composition.md +69 -0
  564. package/assets/motion/references/runtime/preview-render.md +156 -0
  565. package/assets/motion/references/runtime/sub-compositions.md +176 -0
  566. package/assets/motion/references/runtime/tracks-and-clips.md +87 -0
  567. package/assets/motion/references/runtime/variables-and-media.md +107 -0
  568. package/assets/motion/references/signal-study.html +39 -0
  569. package/assets/motion/references/signal-temporal.jpg +0 -0
  570. package/assets/motion/references/type-temporal.jpg +0 -0
  571. package/assets/motion/skills/brand-kit/SKILL.md +70 -0
  572. package/assets/motion/skills/mixkit-split-text-617/SKILL.md +115 -0
  573. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-480.json +1 -0
  574. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-494.json +1 -0
  575. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-5.json +1 -0
  576. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-508.json +1 -0
  577. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6525.json +1 -0
  578. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6539.json +1 -0
  579. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6647.json +1 -0
  580. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6663.json +1 -0
  581. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6677.json +1 -0
  582. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6691.json +1 -0
  583. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6706.json +1 -0
  584. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6722.json +1 -0
  585. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6736.json +1 -0
  586. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6750.json +1 -0
  587. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6764.json +1 -0
  588. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6780.json +1 -0
  589. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6794.json +1 -0
  590. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6810.json +1 -0
  591. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6823.json +1 -0
  592. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6872.json +1 -0
  593. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6936.json +1 -0
  594. package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-76.json +1 -0
  595. package/assets/motion/skills/mixkit-split-text-617/data/manifest.json +495 -0
  596. package/assets/motion/skills/mixkit-split-text-617/references/RECONSTRUCTION.md +201 -0
  597. package/assets/motion/skills/mixkit-split-text-617/references/VERIFICATION.md +107 -0
  598. package/assets/motion/skills/mixkit-split-text-617/tools/inspect_motion.py +130 -0
  599. package/assets/motion/skills/motion/SKILL.md +102 -0
  600. package/assets/motion/skills/source-ingest/SKILL.md +48 -0
  601. package/assets/motion/skills/video-qa/SKILL.md +66 -0
  602. package/assets/motion/vendor/three/LICENSE +21 -0
  603. package/assets/motion/vendor/three/addons/environments/RoomEnvironment.js +182 -0
  604. package/assets/motion/vendor/three/addons/geometries/RoundedBoxGeometry.js +216 -0
  605. package/assets/motion/vendor/three/addons/geometries/TextGeometry.js +84 -0
  606. package/assets/motion/vendor/three/addons/lights/RectAreaLightTexturesLib.js +127 -0
  607. package/assets/motion/vendor/three/addons/lights/RectAreaLightUniformsLib.js +40 -0
  608. package/assets/motion/vendor/three/addons/loaders/FontLoader.js +260 -0
  609. package/assets/motion/vendor/three/addons/loaders/GLTFLoader.js +4892 -0
  610. package/assets/motion/vendor/three/addons/loaders/HDRLoader.js +486 -0
  611. package/assets/motion/vendor/three/addons/loaders/SVGLoader.js +3267 -0
  612. package/assets/motion/vendor/three/addons/math/SimplexNoise.js +470 -0
  613. package/assets/motion/vendor/three/addons/objects/Reflector.js +338 -0
  614. package/assets/motion/vendor/three/addons/postprocessing/BokehPass.js +218 -0
  615. package/assets/motion/vendor/three/addons/postprocessing/EffectComposer.js +363 -0
  616. package/assets/motion/vendor/three/addons/postprocessing/FilmPass.js +113 -0
  617. package/assets/motion/vendor/three/addons/postprocessing/MaskPass.js +195 -0
  618. package/assets/motion/vendor/three/addons/postprocessing/OutputPass.js +139 -0
  619. package/assets/motion/vendor/three/addons/postprocessing/Pass.js +191 -0
  620. package/assets/motion/vendor/three/addons/postprocessing/RenderPass.js +183 -0
  621. package/assets/motion/vendor/three/addons/postprocessing/ShaderPass.js +135 -0
  622. package/assets/motion/vendor/three/addons/postprocessing/UnrealBloomPass.js +494 -0
  623. package/assets/motion/vendor/three/addons/renderers/CSS3DRenderer.js +454 -0
  624. package/assets/motion/vendor/three/addons/shaders/BokehShader.js +151 -0
  625. package/assets/motion/vendor/three/addons/shaders/CopyShader.js +52 -0
  626. package/assets/motion/vendor/three/addons/shaders/FilmShader.js +72 -0
  627. package/assets/motion/vendor/three/addons/shaders/LuminosityHighPassShader.js +68 -0
  628. package/assets/motion/vendor/three/addons/shaders/OutputShader.js +103 -0
  629. package/assets/motion/vendor/three/addons/utils/BufferGeometryUtils.js +1435 -0
  630. package/assets/motion/vendor/three/build/three.core.min.js +6 -0
  631. package/assets/motion/vendor/three/build/three.module.min.js +6 -0
  632. package/assets/motion/vendor/three/three.json +54 -0
  633. package/dist/app-sidecar-sessions.js +5 -0
  634. package/dist/app-sidecar-sessions.js.map +1 -1
  635. package/dist/app-sidecar.js +52 -16
  636. package/dist/app-sidecar.js.map +1 -1
  637. package/dist/cli.js +1 -1
  638. package/dist/cli.js.map +1 -1
  639. package/dist/core/agent-session.d.ts +26 -0
  640. package/dist/core/agent-session.js +116 -6
  641. package/dist/core/agent-session.js.map +1 -1
  642. package/dist/core/auth-providers.js +5 -5
  643. package/dist/core/auth-providers.js.map +1 -1
  644. package/dist/core/completion-review.d.ts +24 -0
  645. package/dist/core/completion-review.js +2 -0
  646. package/dist/core/completion-review.js.map +1 -0
  647. package/dist/core/context-limits.d.ts +6 -0
  648. package/dist/core/context-limits.js +8 -0
  649. package/dist/core/context-limits.js.map +1 -1
  650. package/dist/core/lsp/pool.d.ts +2 -0
  651. package/dist/core/lsp/pool.js +4 -0
  652. package/dist/core/lsp/pool.js.map +1 -1
  653. package/dist/core/network-guard.d.ts +2 -0
  654. package/dist/core/network-guard.js +37 -0
  655. package/dist/core/network-guard.js.map +1 -1
  656. package/dist/core/project-discovery.js +3 -0
  657. package/dist/core/project-discovery.js.map +1 -1
  658. package/dist/core/session-export.d.ts +2 -2
  659. package/dist/core/session-export.js +6 -2
  660. package/dist/core/session-export.js.map +1 -1
  661. package/dist/core/skills.d.ts +15 -0
  662. package/dist/core/skills.js +35 -1
  663. package/dist/core/skills.js.map +1 -1
  664. package/dist/core/verification-evidence.js +7 -2
  665. package/dist/core/verification-evidence.js.map +1 -1
  666. package/dist/motion-agent/motion-agent.d.ts +35 -0
  667. package/dist/motion-agent/motion-agent.js +117 -0
  668. package/dist/motion-agent/motion-agent.js.map +1 -0
  669. package/dist/motion-agent/motion-check-tool.d.ts +21 -0
  670. package/dist/motion-agent/motion-check-tool.js +206 -0
  671. package/dist/motion-agent/motion-check-tool.js.map +1 -0
  672. package/dist/motion-agent/motion-prompt.d.ts +2 -0
  673. package/dist/motion-agent/motion-prompt.js +48 -0
  674. package/dist/motion-agent/motion-prompt.js.map +1 -0
  675. package/dist/motion-agent/motion-review-coverage.d.ts +12 -0
  676. package/dist/motion-agent/motion-review-coverage.js +33 -0
  677. package/dist/motion-agent/motion-review-coverage.js.map +1 -0
  678. package/dist/motion-agent/motion-review-gate.d.ts +48 -0
  679. package/dist/motion-agent/motion-review-gate.js +88 -0
  680. package/dist/motion-agent/motion-review-gate.js.map +1 -0
  681. package/dist/motion-agent/motion-review-session.d.ts +65 -0
  682. package/dist/motion-agent/motion-review-session.js +418 -0
  683. package/dist/motion-agent/motion-review-session.js.map +1 -0
  684. package/dist/motion-agent/motion-review.d.ts +76 -0
  685. package/dist/motion-agent/motion-review.js +225 -0
  686. package/dist/motion-agent/motion-review.js.map +1 -0
  687. package/dist/motion-agent/motion-studio-context.d.ts +44 -0
  688. package/dist/motion-agent/motion-studio-context.js +65 -0
  689. package/dist/motion-agent/motion-studio-context.js.map +1 -0
  690. package/dist/system-prompt.d.ts +3 -0
  691. package/dist/system-prompt.js +5 -1
  692. package/dist/system-prompt.js.map +1 -1
  693. package/dist/tools/bash.js +2 -2
  694. package/dist/tools/bash.js.map +1 -1
  695. package/dist/tools/web-fetch.js +38 -32
  696. package/dist/tools/web-fetch.js.map +1 -1
  697. package/dist/tools/web-search.js +2 -2
  698. package/dist/tools/web-search.js.map +1 -1
  699. package/dist/ui/components/Footer.js +1 -2
  700. package/dist/ui/components/Footer.js.map +1 -1
  701. package/package.json +7 -4
@@ -0,0 +1,131 @@
1
+ <!doctype html>
2
+ <!--
3
+ counter-number: a huge tabular-nums figure counting up to a target
4
+ (expo.out), with an optional prefix/suffix ("$", "%", "×") and a small
5
+ mono label under a hairline that draws across. Transparent background.
6
+ Params: TARGET, DECIMALS, SEPARATOR (thousands, "" for none), COUNT
7
+ (seconds), START; --cn-size (figure size), --cn-x / --cn-y (top-left),
8
+ --cn-w (rule / label width; defaults to the figure width).
9
+ Leave .cn-prefix / .cn-suffix empty to drop them.
10
+ -->
11
+ <html lang="en">
12
+ <head>
13
+ <meta charset="UTF-8" />
14
+ <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
15
+ </head>
16
+ <body>
17
+ <div
18
+ id="counter-number-root"
19
+ data-composition-id="counter-number"
20
+ data-start="0"
21
+ data-duration="3.5"
22
+ data-width="1920"
23
+ data-height="1080"
24
+ >
25
+ <style>
26
+ [data-composition-id="counter-number"] {
27
+ --cn-size: 420px;
28
+ --cn-x: 150px;
29
+ --cn-y: 280px;
30
+ --cn-w: 100%;
31
+ position: absolute;
32
+ inset: 0;
33
+ color: var(--ink, #111);
34
+ }
35
+ [data-composition-id="counter-number"] .cn-block {
36
+ position: absolute;
37
+ left: var(--cn-x);
38
+ top: var(--cn-y);
39
+ min-width: 720px;
40
+ }
41
+ [data-composition-id="counter-number"] .cn-figure {
42
+ display: flex;
43
+ align-items: baseline;
44
+ font-family: var(--display, sans-serif);
45
+ font-weight: var(--display-weight, 800);
46
+ font-stretch: var(--display-stretch, 100%);
47
+ letter-spacing: var(--display-tracking, -0.03em);
48
+ font-size: var(--cn-size);
49
+ line-height: 0.9;
50
+ font-variant-numeric: tabular-nums lining-nums;
51
+ font-feature-settings: "tnum" 1, "lnum" 1;
52
+ white-space: nowrap;
53
+ }
54
+ [data-composition-id="counter-number"] .cn-prefix,
55
+ [data-composition-id="counter-number"] .cn-suffix {
56
+ font-size: 0.46em;
57
+ color: var(--accent, currentColor);
58
+ }
59
+ [data-composition-id="counter-number"] .cn-prefix {
60
+ margin-right: 0.06em;
61
+ }
62
+ [data-composition-id="counter-number"] .cn-suffix {
63
+ margin-left: 0.04em;
64
+ }
65
+ [data-composition-id="counter-number"] .cn-rule {
66
+ width: var(--cn-w);
67
+ height: 3px;
68
+ background: var(--ink, #111);
69
+ margin: 56px 0 26px;
70
+ transform-origin: left center;
71
+ }
72
+ [data-composition-id="counter-number"] .cn-label {
73
+ font-family: var(--mono, monospace);
74
+ font-size: 26px;
75
+ letter-spacing: 0.14em;
76
+ text-transform: uppercase;
77
+ color: var(--muted, rgba(0, 0, 0, 0.6));
78
+ width: var(--cn-w);
79
+ display: flex;
80
+ justify-content: space-between;
81
+ gap: 80px;
82
+ }
83
+ </style>
84
+ <div class="cn-block">
85
+ <div class="cn-figure">
86
+ <!-- edit: prefix (e.g. "$"), leave empty for none -->
87
+ <span class="cn-prefix"></span>
88
+ <span class="cn-value" id="cn-value">0</span>
89
+ <!-- edit: suffix (e.g. "%", "×", "M"), leave empty for none -->
90
+ <span class="cn-suffix">%</span>
91
+ </div>
92
+ <div class="cn-rule" id="cn-rule"></div>
93
+ <!-- edit: label left / right -->
94
+ <div class="cn-label" id="cn-label"><span>Faster renders</span><span>vs. last year</span></div>
95
+ </div>
96
+ </div>
97
+ <script>
98
+ (function () {
99
+ const TARGET = 340;
100
+ const DECIMALS = 0;
101
+ const SEPARATOR = ",";
102
+ const START = 0.25;
103
+ const COUNT = 1.9;
104
+ const value = document.getElementById("cn-value");
105
+ const state = { v: 0 };
106
+ function fmt(v) {
107
+ const [int, dec] = v.toFixed(DECIMALS).split(".");
108
+ const grouped = SEPARATOR ? int.replace(/\B(?=(\d{3})+(?!\d))/g, SEPARATOR) : int;
109
+ return dec ? grouped + "." + dec : grouped;
110
+ }
111
+ function draw() {
112
+ value.textContent = fmt(state.v);
113
+ }
114
+ const tl = gsap.timeline({ paused: true });
115
+ tl.fromTo(
116
+ '[data-composition-id="counter-number"] .cn-figure',
117
+ { opacity: 0, y: 60 },
118
+ { opacity: 1, y: 0, duration: 0.8, ease: "expo.out" },
119
+ START - 0.1,
120
+ );
121
+ tl.fromTo(state, { v: 0 }, { v: TARGET, duration: COUNT, ease: "expo.out", onUpdate: draw }, START);
122
+ tl.fromTo("#cn-rule", { scaleX: 0 }, { scaleX: 1, duration: 1.2, ease: "expo.inOut" }, START + 0.2);
123
+ tl.fromTo("#cn-label span", { opacity: 0, y: 16 }, { opacity: 1, y: 0, duration: 0.6, ease: "expo.out", stagger: 0.1 }, START + 0.8);
124
+ tl.to({}, { duration: Math.max(0, 3.5 - tl.duration()) });
125
+ draw();
126
+ window.__timelines = window.__timelines || {};
127
+ window.__timelines["counter-number"] = tl;
128
+ })();
129
+ </script>
130
+ </body>
131
+ </html>
@@ -0,0 +1,12 @@
1
+ {
2
+ "id": "cursor-click",
3
+ "name": "Cursor click",
4
+ "kind": "ui",
5
+ "description": "An upgrade card with a primary button; a cursor glides in along an eased bezier curve, presses the button (0.96 squash plus an expanding ripple ring) and the button turns into a success state with a drawn check. The 'one click and it's done' beat.",
6
+ "tags": ["cursor", "click", "button", "cta", "success", "ripple", "interaction", "saas"],
7
+ "fonts": [],
8
+ "duration": 4,
9
+ "previewAt": 3.8,
10
+ "license": "original",
11
+ "previewLook": "soft-light-ad"
12
+ }
@@ -0,0 +1,242 @@
1
+ <!doctype html>
2
+ <!--
3
+ cursor-click: a card with a primary button; a cursor glides in along a
4
+ curved (cubic bezier, eased) path, hovers, presses the button (button
5
+ scales to 0.96, a ripple ring expands) and the button morphs into a
6
+ success state with a drawn check. Transparent background.
7
+ Params: --cc-x / --cc-y (card center), START / CTRL1 / CTRL2 (path points,
8
+ relative to the button center), MOVE_AT / MOVE_DUR, CLICK_AT.
9
+ -->
10
+ <html lang="en">
11
+ <head>
12
+ <meta charset="UTF-8" />
13
+ <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
14
+ </head>
15
+ <body>
16
+ <div
17
+ id="cursor-click-root"
18
+ data-composition-id="cursor-click"
19
+ data-start="0"
20
+ data-duration="4"
21
+ data-width="1920"
22
+ data-height="1080"
23
+ >
24
+ <style>
25
+ [data-composition-id="cursor-click"] {
26
+ --cc-x: 960px;
27
+ --cc-y: 540px;
28
+ --cc-w: 900px;
29
+ --cc-r: max(calc(var(--radius, 18px) * 1.4), 22px);
30
+ position: absolute;
31
+ inset: 0;
32
+ color: var(--ink, #111);
33
+ font-family: var(--text, sans-serif);
34
+ }
35
+ [data-composition-id="cursor-click"] .cc-card {
36
+ position: absolute;
37
+ left: calc(var(--cc-x) - var(--cc-w) / 2);
38
+ top: var(--cc-y);
39
+ width: var(--cc-w);
40
+ box-sizing: border-box;
41
+ transform: translateY(-50%);
42
+ padding: 60px 64px 64px;
43
+ border-radius: var(--cc-r);
44
+ background: #fff;
45
+ box-shadow:
46
+ 0 0 0 1px color-mix(in srgb, var(--ink, #111) 7%, transparent),
47
+ 0 1px 2px rgba(0, 0, 0, 0.06),
48
+ 0 12px 32px rgba(0, 0, 0, 0.1),
49
+ 0 40px 90px -24px color-mix(in srgb, var(--ink, #111) 24%, transparent);
50
+ }
51
+ [data-composition-id="cursor-click"] .cc-head {
52
+ display: flex;
53
+ align-items: center;
54
+ gap: 26px;
55
+ }
56
+ [data-composition-id="cursor-click"] .cc-logo {
57
+ width: 84px;
58
+ height: 84px;
59
+ border-radius: 22px;
60
+ background: var(--ink, #111);
61
+ color: #fff;
62
+ display: grid;
63
+ place-items: center;
64
+ }
65
+ [data-composition-id="cursor-click"] .cc-title {
66
+ font-family: var(--display, sans-serif);
67
+ font-weight: var(--display-weight, 600);
68
+ letter-spacing: var(--display-tracking, -0.02em);
69
+ font-size: 44px;
70
+ }
71
+ [data-composition-id="cursor-click"] .cc-sub {
72
+ font-size: 28px;
73
+ color: var(--muted, #888);
74
+ margin-top: 4px;
75
+ }
76
+ [data-composition-id="cursor-click"] .cc-lines {
77
+ margin: 44px 0 48px;
78
+ display: flex;
79
+ flex-direction: column;
80
+ gap: 18px;
81
+ }
82
+ [data-composition-id="cursor-click"] .cc-line {
83
+ display: flex;
84
+ align-items: center;
85
+ gap: 18px;
86
+ font-size: 29px;
87
+ }
88
+ [data-composition-id="cursor-click"] .cc-line svg {
89
+ flex: none;
90
+ color: var(--accent, #2f5bff);
91
+ }
92
+ [data-composition-id="cursor-click"] .cc-btn {
93
+ position: relative;
94
+ height: 104px;
95
+ border-radius: calc(var(--cc-r) * 0.75);
96
+ background: var(--accent, #2f5bff);
97
+ color: #fff;
98
+ font-size: 34px;
99
+ font-weight: 600;
100
+ letter-spacing: -0.005em;
101
+ display: grid;
102
+ place-items: center;
103
+ box-shadow:
104
+ inset 0 1px 0 rgba(255, 255, 255, 0.22),
105
+ 0 1px 2px rgba(0, 0, 0, 0.08),
106
+ 0 10px 24px color-mix(in srgb, var(--accent, #2f5bff) 32%, transparent);
107
+ }
108
+ [data-composition-id="cursor-click"] .cc-btn > span {
109
+ grid-area: 1 / 1;
110
+ display: flex;
111
+ align-items: center;
112
+ gap: 16px;
113
+ }
114
+ [data-composition-id="cursor-click"] .cc-hover {
115
+ position: absolute;
116
+ inset: 0;
117
+ border-radius: inherit;
118
+ background: rgba(255, 255, 255, 0.12);
119
+ opacity: 0;
120
+ }
121
+ [data-composition-id="cursor-click"] .cc-ring {
122
+ position: absolute;
123
+ left: 0;
124
+ top: 0;
125
+ width: 60px;
126
+ height: 60px;
127
+ margin: -30px 0 0 -30px;
128
+ border-radius: 50%;
129
+ border: 5px solid var(--accent, #2f5bff);
130
+ opacity: 0;
131
+ pointer-events: none;
132
+ }
133
+ [data-composition-id="cursor-click"] .cc-cursor {
134
+ position: absolute;
135
+ left: 0;
136
+ top: 0;
137
+ width: 56px;
138
+ height: 56px;
139
+ filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.22));
140
+ transform-origin: 6px 4px;
141
+ }
142
+ </style>
143
+ <div class="cc-card" id="cc-card">
144
+ <div class="cc-head">
145
+ <div class="cc-logo">
146
+ <svg width="44" height="44" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2L4 14h7l-1 8 9-12h-7z" /></svg>
147
+ </div>
148
+ <div>
149
+ <!-- edit: title + subtitle -->
150
+ <div class="cc-title">Upgrade to Pro</div>
151
+ <div class="cc-sub">Everything your team needs to ship faster</div>
152
+ </div>
153
+ </div>
154
+ <div class="cc-lines">
155
+ <!-- edit: feature lines -->
156
+ <div class="cc-line"><svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5" /></svg>Unlimited projects and seats</div>
157
+ <div class="cc-line"><svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5" /></svg>Advanced analytics</div>
158
+ <div class="cc-line"><svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6L9 17l-5-5" /></svg>Priority support</div>
159
+ </div>
160
+ <div class="cc-btn" id="cc-btn">
161
+ <div class="cc-hover" id="cc-hover"></div>
162
+ <!-- edit: button label + success label -->
163
+ <span id="cc-label">Start free trial</span>
164
+ <span id="cc-done">
165
+ <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.8" stroke-linecap="round" stroke-linejoin="round"><path id="cc-check" d="M20 6L9 17l-5-5" /></svg>
166
+ You're all set
167
+ </span>
168
+ </div>
169
+ </div>
170
+ <div class="cc-ring" id="cc-ring"></div>
171
+ <svg class="cc-cursor" id="cc-cursor" viewBox="0 0 28 28">
172
+ <path d="M5 3.2v19.6c0 .8 1 1.2 1.5.6l4.6-5.1 3.4 7.6c.3.6 1 .9 1.6.6l2.3-1c.6-.3.9-1 .6-1.6l-3.4-7.5h6.8c.8 0 1.2-1 .6-1.6L6.5 2.6C6 2.1 5 2.4 5 3.2z" fill="var(--ink, #111)" stroke="#fff" stroke-width="1.6" stroke-linejoin="round" />
173
+ </svg>
174
+ </div>
175
+ <script>
176
+ (function () {
177
+ // Path points relative to the button center (px).
178
+ const START = [760, 420];
179
+ const CTRL1 = [620, -260];
180
+ const CTRL2 = [260, -160];
181
+ const MOVE_AT = 0.5;
182
+ const MOVE_DUR = 1.35;
183
+ const CLICK_AT = 2.05;
184
+
185
+ const root = document.querySelector('[data-composition-id="cursor-click"]');
186
+ const btn = root.querySelector("#cc-btn");
187
+ const cursor = root.querySelector("#cc-cursor");
188
+ const ring = root.querySelector("#cc-ring");
189
+ const check = root.querySelector("#cc-check");
190
+ const tl = gsap.timeline({ paused: true });
191
+
192
+ // Click point in root coordinates, from layout offsets (immune to any
193
+ // scale the host applies); the card is centered with translateY(-50%).
194
+ const card = root.querySelector("#cc-card");
195
+ const bx = card.offsetLeft + btn.offsetLeft + btn.offsetWidth / 2 + 210;
196
+ const by = card.offsetTop - card.offsetHeight / 2 + btn.offsetTop + btn.offsetHeight / 2;
197
+ const TIP = [6, 4]; // cursor hotspot inside its box
198
+
199
+ const bez = (t, a, c1, c2, d) => {
200
+ const u = 1 - t;
201
+ return u * u * u * a + 3 * u * u * t * c1 + 3 * u * t * t * c2 + t * t * t * d;
202
+ };
203
+ const place = (p) => {
204
+ const x = bez(p, START[0], CTRL1[0], CTRL2[0], 0) + bx - TIP[0];
205
+ const y = bez(p, START[1], CTRL1[1], CTRL2[1], 0) + by - TIP[1];
206
+ cursor.style.left = `${x}px`;
207
+ cursor.style.top = `${y}px`;
208
+ };
209
+ place(0);
210
+ gsap.set(ring, { left: bx, top: by });
211
+ gsap.set("#cc-done", { opacity: 0, y: 20 });
212
+ const len = check.getTotalLength();
213
+ gsap.set(check, { strokeDasharray: len, strokeDashoffset: len });
214
+
215
+ tl.fromTo(card, { opacity: 0, y: 40, scale: 0.97 }, { opacity: 1, y: 0, scale: 1, duration: 0.7, ease: "expo.out" }, 0);
216
+ tl.fromTo(cursor, { opacity: 0 }, { opacity: 1, duration: 0.25 }, MOVE_AT);
217
+ const path = { p: 0 };
218
+ tl.fromTo(path, { p: 0 }, { p: 1, duration: MOVE_DUR, ease: "power3.inOut", onUpdate: () => place(path.p) }, MOVE_AT);
219
+ tl.to("#cc-hover", { opacity: 1, duration: 0.2 }, MOVE_AT + MOVE_DUR - 0.2);
220
+
221
+ // Press.
222
+ tl.to(cursor, { scale: 0.86, duration: 0.1, ease: "power2.out" }, CLICK_AT);
223
+ tl.to(cursor, { scale: 1, duration: 0.3, ease: "back.out(3)" }, CLICK_AT + 0.12);
224
+ tl.to(btn, { scale: 0.96, duration: 0.1, ease: "power2.out" }, CLICK_AT);
225
+ tl.to(btn, { scale: 1, duration: 0.5, ease: "back.out(3)" }, CLICK_AT + 0.12);
226
+ tl.fromTo(ring, { opacity: 0.9, scale: 0.3 }, { opacity: 0, scale: 3.4, duration: 0.8, ease: "expo.out" }, CLICK_AT + 0.04);
227
+
228
+ // Success.
229
+ const OK = CLICK_AT + 0.25;
230
+ tl.to("#cc-label", { opacity: 0, y: -20, duration: 0.25, ease: "power2.in" }, OK);
231
+ tl.to("#cc-done", { opacity: 1, y: 0, duration: 0.45, ease: "back.out(2)" }, OK + 0.18);
232
+ tl.to(check, { strokeDashoffset: 0, duration: 0.45, ease: "power2.out" }, OK + 0.28);
233
+ tl.to(btn, { backgroundColor: "var(--ink, #111)", duration: 0.35, ease: "power2.out" }, OK);
234
+ tl.to(cursor, { x: 70, y: 60, opacity: 0, duration: 0.7, ease: "power2.in" }, CLICK_AT + 0.9);
235
+ tl.to({}, { duration: 4 - tl.duration() });
236
+
237
+ window.__timelines = window.__timelines || {};
238
+ window.__timelines["cursor-click"] = tl;
239
+ })();
240
+ </script>
241
+ </body>
242
+ </html>
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) Magic UI
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
@@ -0,0 +1,16 @@
1
+ {
2
+ "id": "dock-magnify",
3
+ "name": "Dock magnify",
4
+ "kind": "ui",
5
+ "description": "A glassy macOS-style dock: a cursor glides along it and every icon's size is computed from its distance to the cursor each frame (smooth magnification wave), then it clicks one app, which bounces and gets a running dot. Converted from Magic UI's Dock.",
6
+ "tags": ["dock", "macos", "magnify", "cursor", "apps", "icons", "hover", "saas", "magic-ui"],
7
+ "fonts": [],
8
+ "duration": 5,
9
+ "previewAt": 2.7,
10
+ "license": "MIT",
11
+ "source": {
12
+ "url": "https://github.com/magicuidesign/magicui/blob/main/apps/www/registry/magicui/dock.tsx",
13
+ "author": "Magic UI"
14
+ },
15
+ "previewLook": "soft-light-ad"
16
+ }
@@ -0,0 +1,234 @@
1
+ <!doctype html>
2
+ <!--
3
+ dock-magnify: a glassy macOS-style dock. A cursor glides along it; each
4
+ frame, every icon's size is computed from the distance between the cursor
5
+ and the icon's centre (smoothstep falloff), the row is re-laid out around
6
+ the dock centre, then the cursor clicks one app: it bounces twice, a label
7
+ shows above it and a running dot appears. Transparent background.
8
+ Converted from Magic UI "Dock" (MIT, (c) Magic UI — see LICENSE):
9
+ (upstream URL in meta.json)
10
+ React motion values + springs became a pure layout function of the
11
+ cursor position, driven by a paused GSAP timeline.
12
+ Params: DOCK_X / DOCK_BOTTOM (dock centre x, bottom edge y), BASE / MAG
13
+ (icon size at rest / under the cursor, px), DIST (magnification reach,
14
+ px), GAP, PAD, TARGET (index of the clicked icon), ENTER_AT / CLICK_AT.
15
+ Icons: edit the .dm-icon list (tint via --dm-tint, glyph = inline SVG).
16
+ -->
17
+ <html lang="en">
18
+ <head>
19
+ <meta charset="UTF-8" />
20
+ <script src="https://cdn.jsdelivr.net/npm/gsap@3.14.2/dist/gsap.min.js"></script>
21
+ </head>
22
+ <body>
23
+ <div
24
+ id="dock-magnify-root"
25
+ data-composition-id="dock-magnify"
26
+ data-start="0"
27
+ data-duration="5"
28
+ data-width="1920"
29
+ data-height="1080"
30
+ >
31
+ <style>
32
+ [data-composition-id="dock-magnify"] {
33
+ position: absolute;
34
+ inset: 0;
35
+ color: var(--ink, #111);
36
+ font-family: var(--text, sans-serif);
37
+ }
38
+ [data-composition-id="dock-magnify"] .dm-bar {
39
+ position: absolute;
40
+ left: 0;
41
+ top: 0;
42
+ border-radius: 40px;
43
+ background: color-mix(in srgb, #fff 62%, transparent);
44
+ -webkit-backdrop-filter: blur(24px) saturate(1.4);
45
+ backdrop-filter: blur(24px) saturate(1.4);
46
+ box-shadow:
47
+ inset 0 1px 0 rgba(255, 255, 255, 0.9),
48
+ 0 0 0 1px color-mix(in srgb, var(--ink, #111) 8%, transparent),
49
+ 0 2px 4px rgba(0, 0, 0, 0.05),
50
+ 0 24px 60px -12px color-mix(in srgb, var(--ink, #111) 30%, transparent);
51
+ }
52
+ [data-composition-id="dock-magnify"] .dm-icon {
53
+ position: absolute;
54
+ left: 0;
55
+ top: 0;
56
+ width: 100px;
57
+ height: 100px;
58
+ }
59
+ [data-composition-id="dock-magnify"] .dm-face {
60
+ position: absolute;
61
+ inset: 0;
62
+ border-radius: 24%;
63
+ background-color: var(--dm-tint, var(--accent, #2f5bff));
64
+ background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0) 58%);
65
+ color: #fff;
66
+ display: grid;
67
+ place-items: center;
68
+ box-shadow:
69
+ inset 0 1px 0 rgba(255, 255, 255, 0.35),
70
+ 0 1px 2px rgba(0, 0, 0, 0.1),
71
+ 0 8px 18px -6px color-mix(in srgb, var(--ink, #111) 45%, transparent);
72
+ }
73
+ [data-composition-id="dock-magnify"] .dm-face svg {
74
+ width: 50%;
75
+ height: 50%;
76
+ }
77
+ [data-composition-id="dock-magnify"] .dm-dot {
78
+ position: absolute;
79
+ width: 10px;
80
+ height: 10px;
81
+ margin-left: -5px;
82
+ border-radius: 50%;
83
+ background: var(--ink, #111);
84
+ opacity: 0;
85
+ }
86
+ [data-composition-id="dock-magnify"] .dm-tip {
87
+ position: absolute;
88
+ left: 0;
89
+ top: 0;
90
+ padding: 12px 24px;
91
+ border-radius: 16px;
92
+ background: var(--ink, #111);
93
+ color: #fff;
94
+ font-size: 28px;
95
+ font-weight: 500;
96
+ white-space: nowrap;
97
+ opacity: 0;
98
+ box-shadow: 0 10px 24px -8px rgba(0, 0, 0, 0.35);
99
+ }
100
+ [data-composition-id="dock-magnify"] .dm-cursor {
101
+ position: absolute;
102
+ left: 0;
103
+ top: 0;
104
+ width: 56px;
105
+ height: 56px;
106
+ filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.22));
107
+ transform-origin: 6px 4px;
108
+ }
109
+ </style>
110
+ <div class="dm-bar" id="dm-bar"></div>
111
+ <!-- edit: icons (tint + glyph); the label for the clicked one is .dm-tip -->
112
+ <div class="dm-icon" style="--dm-tint: var(--accent, #2f5bff)"><div class="dm-face"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7a2 2 0 0 1 2-2h4l2 2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" /></svg></div></div>
113
+ <div class="dm-icon" style="--dm-tint: color-mix(in oklab, var(--accent, #2f5bff) 62%, #fff)"><div class="dm-face"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="14" rx="2" /><path d="M3 7l9 6 9-6" /></svg></div></div>
114
+ <div class="dm-icon" style="--dm-tint: var(--field-2, #0b2a8f)"><div class="dm-face"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="16" rx="2" /><path d="M3 10h18M8 3v4M16 3v4" /></svg></div></div>
115
+ <div class="dm-icon" style="--dm-tint: var(--ink, #3a4150)"><div class="dm-face"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 17l6-6-6-6M12 19h8" /></svg></div></div>
116
+ <div class="dm-icon" style="--dm-tint: color-mix(in oklab, var(--accent, #2f5bff) 80%, var(--field-2, #0b2a8f))"><div class="dm-face"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12z" /></svg></div></div>
117
+ <div class="dm-icon" style="--dm-tint: color-mix(in oklab, var(--accent, #2f5bff) 40%, #fff)"><div class="dm-face"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2" /><circle cx="9" cy="9" r="2" /><path d="M21 15l-5-5L5 21" /></svg></div></div>
118
+ <div class="dm-icon" style="--dm-tint: color-mix(in oklab, var(--ink, #3a4150) 70%, #fff)"><div class="dm-face"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3" /><path d="M19.4 15a1.7 1.7 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.7 1.7 0 0 0-1.8-.3 1.7 1.7 0 0 0-1 1.5V21a2 2 0 1 1-4 0v-.1a1.7 1.7 0 0 0-1.1-1.5 1.7 1.7 0 0 0-1.8.3l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.7 1.7 0 0 0 .3-1.8 1.7 1.7 0 0 0-1.5-1H3a2 2 0 1 1 0-4h.1a1.7 1.7 0 0 0 1.5-1.1 1.7 1.7 0 0 0-.3-1.8l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1a1.7 1.7 0 0 0 1.8.3H9a1.7 1.7 0 0 0 1-1.5V3a2 2 0 1 1 4 0v.1a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.8-.3l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.7 1.7 0 0 0-.3 1.8V9a1.7 1.7 0 0 0 1.5 1H21a2 2 0 1 1 0 4h-.1a1.7 1.7 0 0 0-1.5 1z" /></svg></div></div>
119
+ <div class="dm-dot" id="dm-dot"></div>
120
+ <div class="dm-tip" id="dm-tip">Messages</div>
121
+ <svg class="dm-cursor" id="dm-cursor" viewBox="0 0 28 28">
122
+ <path d="M5 3.2v19.6c0 .8 1 1.2 1.5.6l4.6-5.1 3.4 7.6c.3.6 1 .9 1.6.6l2.3-1c.6-.3.9-1 .6-1.6l-3.4-7.5h6.8c.8 0 1.2-1 .6-1.6L6.5 2.6C6 2.1 5 2.4 5 3.2z" fill="var(--ink, #111)" stroke="#fff" stroke-width="1.6" stroke-linejoin="round" />
123
+ </svg>
124
+ </div>
125
+ <script>
126
+ (function () {
127
+ const DOCK_X = 960;
128
+ const DOCK_BOTTOM = 760;
129
+ const BASE = 112;
130
+ const MAG = 190;
131
+ const DIST = 380;
132
+ const GAP = 20;
133
+ const PAD = 18;
134
+ const TARGET = 4;
135
+ const ENTER_AT = 0.5;
136
+ const CLICK_AT = 2.9;
137
+
138
+ const root = document.querySelector('[data-composition-id="dock-magnify"]');
139
+ const icons = Array.from(root.querySelectorAll(".dm-icon"));
140
+ const faces = icons.map((el) => el.querySelector(".dm-face"));
141
+ const bar = root.querySelector("#dm-bar");
142
+ const dot = root.querySelector("#dm-dot");
143
+ const tip = root.querySelector("#dm-tip");
144
+ const cursor = root.querySelector("#dm-cursor");
145
+ const N = icons.length;
146
+ const BAR_H = BASE + PAD * 2;
147
+ const ICON_BOTTOM = DOCK_BOTTOM - PAD;
148
+
149
+ const smooth = (t) => t * t * (3 - 2 * t);
150
+ // Sizes + centres for a cursor at x with hover amount h (0..1). The
151
+ // centres depend on the sizes, so iterate to a fixed point.
152
+ function layout(x, h) {
153
+ let sizes = new Array(N).fill(BASE);
154
+ let centers = [];
155
+ for (let pass = 0; pass < 5; pass++) {
156
+ const total = sizes.reduce((a, b) => a + b, 0) + GAP * (N - 1);
157
+ let left = DOCK_X - total / 2;
158
+ centers = sizes.map((s) => {
159
+ const c = left + s / 2;
160
+ left += s + GAP;
161
+ return c;
162
+ });
163
+ sizes = centers.map((c) => BASE + (MAG - BASE) * h * smooth(Math.max(0, 1 - Math.abs(x - c) / DIST)));
164
+ }
165
+ return { sizes, centers };
166
+ }
167
+
168
+ const state = { x: 0, y: 0, h: 0, bounce: 0 };
169
+ function draw() {
170
+ const { sizes, centers } = layout(state.x, state.h);
171
+ icons.forEach((el, i) => {
172
+ const s = sizes[i];
173
+ el.style.width = `${s}px`;
174
+ el.style.height = `${s}px`;
175
+ el.style.left = `${centers[i] - s / 2}px`;
176
+ el.style.top = `${ICON_BOTTOM - s}px`;
177
+ });
178
+ const w = sizes.reduce((a, b) => a + b, 0) + GAP * (N - 1) + PAD * 2;
179
+ bar.style.width = `${w}px`;
180
+ bar.style.height = `${BAR_H}px`;
181
+ bar.style.left = `${DOCK_X - w / 2}px`;
182
+ bar.style.top = `${DOCK_BOTTOM - BAR_H}px`;
183
+ faces[TARGET].style.transform = `translateY(${-state.bounce}px)`;
184
+ dot.style.left = `${centers[TARGET]}px`;
185
+ dot.style.top = `${DOCK_BOTTOM - 13}px`;
186
+ tip.style.left = `${centers[TARGET] - tip.offsetWidth / 2}px`;
187
+ tip.style.top = `${ICON_BOTTOM - sizes[TARGET] - 78 - state.bounce}px`;
188
+ cursor.style.left = `${state.x - 6}px`;
189
+ cursor.style.top = `${state.y - 4}px`;
190
+ }
191
+
192
+ // Where the cursor must sit to be centred on the target icon.
193
+ let tx = layout(0, 0).centers[TARGET];
194
+ for (let i = 0; i < 8; i++) tx = layout(tx, 1).centers[TARGET];
195
+ const base = layout(0, 0).centers;
196
+ const HOVER_Y = DOCK_BOTTOM - BAR_H / 2 - 10;
197
+
198
+ const tl = gsap.timeline({ paused: true, onUpdate: draw });
199
+ state.x = base[0] - 260;
200
+ state.y = HOVER_Y + 260;
201
+ draw();
202
+
203
+ tl.fromTo([bar, ...icons], { opacity: 0, y: 60 }, { opacity: 1, y: 0, duration: 0.8, ease: "expo.out", stagger: 0.03 }, 0);
204
+ tl.fromTo(cursor, { opacity: 0 }, { opacity: 1, duration: 0.3 }, ENTER_AT - 0.1);
205
+ // Enter from below-left onto the first icon, sweep right, come back to the target.
206
+ tl.to(state, { x: base[0], y: HOVER_Y, duration: 0.6, ease: "power2.out" }, ENTER_AT);
207
+ tl.to(state, { h: 1, duration: 0.45, ease: "power2.out" }, ENTER_AT + 0.3);
208
+ tl.to(state, { x: base[N - 1] + 30, duration: 1.1, ease: "power1.inOut" }, ENTER_AT + 0.6);
209
+ tl.to(state, { x: tx, duration: 0.6, ease: "power3.inOut" }, ENTER_AT + 1.72);
210
+ tl.fromTo(tip, { opacity: 0, scale: 0.9 }, { opacity: 1, scale: 1, duration: 0.3, ease: "back.out(2)" }, CLICK_AT - 0.6);
211
+
212
+ // Click + bounce.
213
+ tl.to(cursor, { scale: 0.86, duration: 0.1, ease: "power2.out" }, CLICK_AT);
214
+ tl.to(cursor, { scale: 1, duration: 0.3, ease: "back.out(3)" }, CLICK_AT + 0.12);
215
+ const B = CLICK_AT + 0.1;
216
+ tl.to(state, { bounce: 64, duration: 0.24, ease: "power2.out" }, B);
217
+ tl.to(state, { bounce: 0, duration: 0.22, ease: "power2.in" }, B + 0.24);
218
+ tl.to(state, { bounce: 30, duration: 0.18, ease: "power2.out" }, B + 0.46);
219
+ tl.to(state, { bounce: 0, duration: 0.16, ease: "power2.in" }, B + 0.64);
220
+ tl.to(dot, { opacity: 1, duration: 0.3 }, B + 0.5);
221
+
222
+ // Leave: cursor drops away, magnification relaxes.
223
+ tl.to(tip, { opacity: 0, duration: 0.25 }, 4.0);
224
+ tl.to(state, { y: HOVER_Y + 240, x: tx + 160, duration: 0.8, ease: "power2.in" }, 4.0);
225
+ tl.to(state, { h: 0, duration: 0.6, ease: "power2.inOut" }, 4.15);
226
+ tl.to(cursor, { opacity: 0, duration: 0.3 }, 4.5);
227
+ tl.to({}, { duration: 5 - tl.duration() });
228
+
229
+ window.__timelines = window.__timelines || {};
230
+ window.__timelines["dock-magnify"] = tl;
231
+ })();
232
+ </script>
233
+ </body>
234
+ </html>