@prestyj/cli 5.26.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.
- package/README.md +9 -7
- package/assets/motion/BRAG-LICENSE +21 -0
- package/assets/motion/HYPERFRAMES-LICENSE +190 -0
- package/assets/motion/THIRD-PARTY.md +57 -0
- package/assets/motion/assets/music/README.md +20 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-1-by-ende-dot-app.music-cues.json +3846 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-1-by-ende-dot-app.music-cues.md +35 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-10-by-ende-dot-app.music-cues.json +1826 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-10-by-ende-dot-app.music-cues.md +35 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-11-by-ende-dot-app.music-cues.json +2266 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-11-by-ende-dot-app.music-cues.md +35 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-12-by-ende-dot-app.music-cues.json +2806 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-12-by-ende-dot-app.music-cues.md +35 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-9-by-ende-dot-app.music-cues.json +2796 -0
- package/assets/motion/assets/music/cues/happy-beats-business-moves-vol-9-by-ende-dot-app.music-cues.md +35 -0
- package/assets/motion/assets/music/happy-beats-business-moves-vol-1-by-ende-dot-app.mp3 +0 -0
- package/assets/motion/assets/music/happy-beats-business-moves-vol-10-by-ende-dot-app.mp3 +0 -0
- package/assets/motion/assets/music/happy-beats-business-moves-vol-11-by-ende-dot-app.mp3 +0 -0
- package/assets/motion/assets/music/happy-beats-business-moves-vol-12-by-ende-dot-app.mp3 +0 -0
- package/assets/motion/assets/music/happy-beats-business-moves-vol-9-by-ende-dot-app.mp3 +0 -0
- package/assets/motion/assets/sfx/casino/card-fan-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-fan-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-place-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-place-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-place-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-place-4.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-shove-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-shove-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-shove-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-shove-4.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-shuffle.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-slide-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-slide-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-slide-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-slide-4.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-slide-5.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-slide-6.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-slide-7.ogg +0 -0
- package/assets/motion/assets/sfx/casino/card-slide-8.ogg +0 -0
- package/assets/motion/assets/sfx/casino/cards-pack-open-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/cards-pack-open-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chip-lay-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chip-lay-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chip-lay-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-collide-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-collide-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-collide-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-collide-4.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-handle-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-handle-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-handle-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-handle-4.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-handle-6.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-stack-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-stack-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-stack-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-stack-4.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-stack-5.ogg +0 -0
- package/assets/motion/assets/sfx/casino/chips-stack-6.ogg +0 -0
- package/assets/motion/assets/sfx/casino/dice-grab-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/dice-grab-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/dice-shake-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/dice-shake-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/dice-shake-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/dice-throw-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/dice-throw-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/dice-throw-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/die-throw-1.ogg +0 -0
- package/assets/motion/assets/sfx/casino/die-throw-2.ogg +0 -0
- package/assets/motion/assets/sfx/casino/die-throw-3.ogg +0 -0
- package/assets/motion/assets/sfx/casino/die-throw-4.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_carpet_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_carpet_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_carpet_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_concrete_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_concrete_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_concrete_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_concrete_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_concrete_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_grass_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_grass_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_grass_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_grass_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_grass_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_snow_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_snow_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_snow_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_snow_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_snow_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_wood_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_wood_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_wood_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_wood_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/footstep_wood_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactBell_heavy_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactBell_heavy_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactBell_heavy_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGeneric_light_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGeneric_light_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGeneric_light_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGeneric_light_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGeneric_light_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGlass_heavy_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGlass_light_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGlass_light_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGlass_light_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGlass_medium_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGlass_medium_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactGlass_medium_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_heavy_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_heavy_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_heavy_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_light_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_light_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_medium_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_medium_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_medium_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_medium_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMetal_medium_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactMining_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlank_medium_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlank_medium_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlank_medium_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlank_medium_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlank_medium_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_heavy_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_heavy_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_heavy_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_heavy_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_heavy_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_light_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_light_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_light_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_light_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_light_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_medium_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_medium_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_medium_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_medium_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPlate_medium_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_heavy_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_heavy_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_heavy_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_heavy_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_heavy_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_medium_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_medium_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_medium_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_medium_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactPunch_medium_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_heavy_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_heavy_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_heavy_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_heavy_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_heavy_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_medium_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_medium_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_medium_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_medium_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactSoft_medium_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactTin_medium_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactTin_medium_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactTin_medium_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactTin_medium_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactTin_medium_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_heavy_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_heavy_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_heavy_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_heavy_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_heavy_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_light_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_light_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_light_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_light_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_light_004.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_medium_000.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_medium_001.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_medium_002.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_medium_003.ogg +0 -0
- package/assets/motion/assets/sfx/impact/impactWood_medium_004.ogg +0 -0
- package/assets/motion/assets/sfx/interface/bong_001.ogg +0 -0
- package/assets/motion/assets/sfx/interface/click_001.ogg +0 -0
- package/assets/motion/assets/sfx/interface/click_002.ogg +0 -0
- package/assets/motion/assets/sfx/interface/click_003.ogg +0 -0
- package/assets/motion/assets/sfx/interface/click_004.ogg +0 -0
- package/assets/motion/assets/sfx/interface/click_005.ogg +0 -0
- package/assets/motion/assets/sfx/interface/drop_001.ogg +0 -0
- package/assets/motion/assets/sfx/interface/drop_002.ogg +0 -0
- package/assets/motion/assets/sfx/interface/drop_003.ogg +0 -0
- package/assets/motion/assets/sfx/interface/error_005.ogg +0 -0
- package/assets/motion/assets/sfx/interface/error_006.ogg +0 -0
- package/assets/motion/assets/sfx/interface/glitch_002.ogg +0 -0
- package/assets/motion/assets/sfx/interface/glitch_004.ogg +0 -0
- package/assets/motion/assets/sfx/interface/select_008.ogg +0 -0
- package/assets/motion/assets/sfx/interface/switch_001.ogg +0 -0
- package/assets/motion/assets/sfx/interface/switch_002.ogg +0 -0
- package/assets/motion/assets/sfx/interface/switch_004.ogg +0 -0
- package/assets/motion/assets/sfx/interface/switch_005.ogg +0 -0
- package/assets/motion/assets/sfx/interface/switch_006.ogg +0 -0
- package/assets/motion/assets/sfx/interface/switch_007.ogg +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-001.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-002.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-003.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-004.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-005.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-006.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-007.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-008.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-009.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-010.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-011.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-012.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-013.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-014.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-015.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-016.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-017.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-018.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-019.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-020.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-021.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-022.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-023.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-024.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-025.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-026.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-027.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-028.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-029.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-030.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-031.wav +0 -0
- package/assets/motion/assets/sfx/keyboard/keypress-032.wav +0 -0
- package/assets/motion/assets/sfx/sfx-analysis.json +15584 -0
- package/assets/motion/assets/sfx/sfx-analysis.md +75 -0
- package/assets/motion/assets/sfx/ui/click1.ogg +0 -0
- package/assets/motion/assets/sfx/ui/click2.ogg +0 -0
- package/assets/motion/assets/sfx/ui/click3.ogg +0 -0
- package/assets/motion/assets/sfx/ui/click4.ogg +0 -0
- package/assets/motion/assets/sfx/ui/click5.ogg +0 -0
- package/assets/motion/assets/sfx/ui/mouseclick1.ogg +0 -0
- package/assets/motion/assets/sfx/ui/rollover1.ogg +0 -0
- package/assets/motion/assets/sfx/ui/rollover2.ogg +0 -0
- package/assets/motion/assets/sfx/ui/rollover4.ogg +0 -0
- package/assets/motion/assets/sfx/ui/rollover5.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch1.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch10.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch11.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch12.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch13.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch14.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch15.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch16.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch17.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch18.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch19.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch2.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch20.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch21.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch22.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch23.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch24.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch25.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch26.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch27.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch28.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch29.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch3.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch30.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch31.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch32.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch33.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch34.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch35.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch36.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch37.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch38.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch4.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch5.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch6.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch7.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch8.ogg +0 -0
- package/assets/motion/assets/sfx/ui/switch9.ogg +0 -0
- package/assets/motion/bin/contact-sheet.mjs +87 -0
- package/assets/motion/bin/fonts.mjs +107 -0
- package/assets/motion/bin/hyperframes.mjs +122 -0
- package/assets/motion/bin/library.mjs +210 -0
- package/assets/motion/bin/media-binaries.mjs +49 -0
- package/assets/motion/bin/motion-check.mjs +250 -0
- package/assets/motion/bin/pdf-extract.mjs +133 -0
- package/assets/motion/bin/reveal.mjs +76 -0
- package/assets/motion/bin/review-frames.mjs +328 -0
- package/assets/motion/bin/score-synth.mjs +486 -0
- package/assets/motion/bin/three.mjs +55 -0
- package/assets/motion/fonts/anybody/OFL.txt +93 -0
- package/assets/motion/fonts/anybody/anybody-normal.woff2 +0 -0
- package/assets/motion/fonts/archivo/OFL.txt +93 -0
- package/assets/motion/fonts/archivo/archivo-normal.woff2 +0 -0
- package/assets/motion/fonts/big-shoulders/OFL.txt +93 -0
- package/assets/motion/fonts/big-shoulders/big-shoulders-normal.woff2 +0 -0
- package/assets/motion/fonts/bricolage-grotesque/OFL.txt +93 -0
- package/assets/motion/fonts/bricolage-grotesque/bricolage-grotesque-normal.woff2 +0 -0
- package/assets/motion/fonts/doto/OFL.txt +93 -0
- package/assets/motion/fonts/doto/doto-normal.woff2 +0 -0
- package/assets/motion/fonts/fonts.json +209 -0
- package/assets/motion/fonts/fraunces/OFL.txt +93 -0
- package/assets/motion/fonts/fraunces/fraunces-italic.woff2 +0 -0
- package/assets/motion/fonts/fraunces/fraunces-normal.woff2 +0 -0
- package/assets/motion/fonts/funnel-display/OFL.txt +93 -0
- package/assets/motion/fonts/funnel-display/funnel-display-normal.woff2 +0 -0
- package/assets/motion/fonts/gloock/OFL.txt +93 -0
- package/assets/motion/fonts/gloock/gloock-normal.woff2 +0 -0
- package/assets/motion/fonts/host-grotesk/OFL.txt +93 -0
- package/assets/motion/fonts/host-grotesk/host-grotesk-normal.woff2 +0 -0
- package/assets/motion/fonts/hubot-sans/OFL.txt +93 -0
- package/assets/motion/fonts/hubot-sans/hubot-sans-normal.woff2 +0 -0
- package/assets/motion/fonts/martian-mono/OFL.txt +93 -0
- package/assets/motion/fonts/martian-mono/martian-mono-normal.woff2 +0 -0
- package/assets/motion/fonts/mona-sans/OFL.txt +93 -0
- package/assets/motion/fonts/mona-sans/mona-sans-normal.woff2 +0 -0
- package/assets/motion/fonts/newsreader/OFL.txt +93 -0
- package/assets/motion/fonts/newsreader/newsreader-italic.woff2 +0 -0
- package/assets/motion/fonts/newsreader/newsreader-normal.woff2 +0 -0
- package/assets/motion/fonts/schibsted-grotesk/OFL.txt +93 -0
- package/assets/motion/fonts/schibsted-grotesk/schibsted-grotesk-normal.woff2 +0 -0
- package/assets/motion/fonts/specimen.jpg +0 -0
- package/assets/motion/fonts/young-serif/OFL.txt +93 -0
- package/assets/motion/fonts/young-serif/young-serif-normal.woff2 +0 -0
- package/assets/motion/library/README.md +104 -0
- package/assets/motion/library/library.json +1384 -0
- package/assets/motion/library/looks/acid-poster/look.md +82 -0
- package/assets/motion/library/looks/acid-poster/meta.json +11 -0
- package/assets/motion/library/looks/acid-poster/preview.jpg +0 -0
- package/assets/motion/library/looks/acid-poster/sample.html +177 -0
- package/assets/motion/library/looks/acid-poster/tokens.css +16 -0
- package/assets/motion/library/looks/blueprint/look.md +22 -0
- package/assets/motion/library/looks/blueprint/meta.json +11 -0
- package/assets/motion/library/looks/blueprint/preview.jpg +0 -0
- package/assets/motion/library/looks/blueprint/sample.html +301 -0
- package/assets/motion/library/looks/blueprint/tokens.css +16 -0
- package/assets/motion/library/looks/dark-studio/look.md +85 -0
- package/assets/motion/library/looks/dark-studio/meta.json +11 -0
- package/assets/motion/library/looks/dark-studio/preview.jpg +0 -0
- package/assets/motion/library/looks/dark-studio/sample.html +324 -0
- package/assets/motion/library/looks/dark-studio/tokens.css +16 -0
- package/assets/motion/library/looks/data-desk/look.md +19 -0
- package/assets/motion/library/looks/data-desk/meta.json +9 -0
- package/assets/motion/library/looks/data-desk/preview.jpg +0 -0
- package/assets/motion/library/looks/data-desk/sample.html +17 -0
- package/assets/motion/library/looks/data-desk/tokens.css +15 -0
- package/assets/motion/library/looks/duotone-broadcast/look.md +53 -0
- package/assets/motion/library/looks/duotone-broadcast/meta.json +11 -0
- package/assets/motion/library/looks/duotone-broadcast/preview.jpg +0 -0
- package/assets/motion/library/looks/duotone-broadcast/sample.html +45 -0
- package/assets/motion/library/looks/duotone-broadcast/tokens.css +16 -0
- package/assets/motion/library/looks/editorial-ink/look.md +80 -0
- package/assets/motion/library/looks/editorial-ink/meta.json +11 -0
- package/assets/motion/library/looks/editorial-ink/preview.jpg +0 -0
- package/assets/motion/library/looks/editorial-ink/sample.html +203 -0
- package/assets/motion/library/looks/editorial-ink/tokens.css +16 -0
- package/assets/motion/library/looks/mono-luxe/look.md +19 -0
- package/assets/motion/library/looks/mono-luxe/meta.json +9 -0
- package/assets/motion/library/looks/mono-luxe/preview.jpg +0 -0
- package/assets/motion/library/looks/mono-luxe/sample.html +12 -0
- package/assets/motion/library/looks/mono-luxe/tokens.css +15 -0
- package/assets/motion/library/looks/soft-light-ad/look.md +63 -0
- package/assets/motion/library/looks/soft-light-ad/meta.json +39 -0
- package/assets/motion/library/looks/soft-light-ad/preview.jpg +0 -0
- package/assets/motion/library/looks/soft-light-ad/sample.html +44 -0
- package/assets/motion/library/looks/soft-light-ad/tokens.css +17 -0
- package/assets/motion/library/looks/sunlit-consumer/look.md +19 -0
- package/assets/motion/library/looks/sunlit-consumer/meta.json +9 -0
- package/assets/motion/library/looks/sunlit-consumer/preview.jpg +0 -0
- package/assets/motion/library/looks/sunlit-consumer/sample.html +12 -0
- package/assets/motion/library/looks/sunlit-consumer/tokens.css +15 -0
- package/assets/motion/library/looks/swiss-grid/look.md +81 -0
- package/assets/motion/library/looks/swiss-grid/meta.json +11 -0
- package/assets/motion/library/looks/swiss-grid/preview.jpg +0 -0
- package/assets/motion/library/looks/swiss-grid/sample.html +209 -0
- package/assets/motion/library/looks/swiss-grid/tokens.css +16 -0
- package/assets/motion/library/looks/terminal-phosphor/look.md +77 -0
- package/assets/motion/library/looks/terminal-phosphor/meta.json +11 -0
- package/assets/motion/library/looks/terminal-phosphor/preview.jpg +0 -0
- package/assets/motion/library/looks/terminal-phosphor/sample.html +182 -0
- package/assets/motion/library/looks/terminal-phosphor/tokens.css +16 -0
- package/assets/motion/library/pieces/animated-beam/LICENSE +21 -0
- package/assets/motion/library/pieces/animated-beam/meta.json +16 -0
- package/assets/motion/library/pieces/animated-beam/piece.html +273 -0
- package/assets/motion/library/pieces/animated-beam/preview.jpg +0 -0
- package/assets/motion/library/pieces/animated-list/LICENSE +21 -0
- package/assets/motion/library/pieces/animated-list/meta.json +16 -0
- package/assets/motion/library/pieces/animated-list/piece.html +189 -0
- package/assets/motion/library/pieces/animated-list/preview.jpg +0 -0
- package/assets/motion/library/pieces/before-after-split/meta.json +12 -0
- package/assets/motion/library/pieces/before-after-split/piece.html +262 -0
- package/assets/motion/library/pieces/before-after-split/preview.jpg +0 -0
- package/assets/motion/library/pieces/blueprint-grid/meta.json +12 -0
- package/assets/motion/library/pieces/blueprint-grid/piece.html +209 -0
- package/assets/motion/library/pieces/blueprint-grid/preview.jpg +0 -0
- package/assets/motion/library/pieces/broadcast-frame/meta.json +12 -0
- package/assets/motion/library/pieces/broadcast-frame/piece.html +100 -0
- package/assets/motion/library/pieces/broadcast-frame/preview.jpg +0 -0
- package/assets/motion/library/pieces/browser-window/meta.json +12 -0
- package/assets/motion/library/pieces/browser-window/piece.html +331 -0
- package/assets/motion/library/pieces/browser-window/preview.jpg +0 -0
- package/assets/motion/library/pieces/chapter-card/meta.json +6 -0
- package/assets/motion/library/pieces/chapter-card/piece.html +12 -0
- package/assets/motion/library/pieces/chapter-card/preview.jpg +0 -0
- package/assets/motion/library/pieces/chat-thread/meta.json +12 -0
- package/assets/motion/library/pieces/chat-thread/piece.html +272 -0
- package/assets/motion/library/pieces/chat-thread/preview.jpg +0 -0
- package/assets/motion/library/pieces/clay-drop-3d/meta.json +13 -0
- package/assets/motion/library/pieces/clay-drop-3d/piece.html +224 -0
- package/assets/motion/library/pieces/clay-drop-3d/preview.jpg +0 -0
- package/assets/motion/library/pieces/color-flip-field/meta.json +12 -0
- package/assets/motion/library/pieces/color-flip-field/piece.html +81 -0
- package/assets/motion/library/pieces/color-flip-field/preview.jpg +0 -0
- package/assets/motion/library/pieces/color-wipe/meta.json +6 -0
- package/assets/motion/library/pieces/color-wipe/piece.html +10 -0
- package/assets/motion/library/pieces/color-wipe/preview.jpg +0 -0
- package/assets/motion/library/pieces/command-palette/meta.json +12 -0
- package/assets/motion/library/pieces/command-palette/piece.html +339 -0
- package/assets/motion/library/pieces/command-palette/preview.jpg +0 -0
- package/assets/motion/library/pieces/comparison-bars/meta.json +12 -0
- package/assets/motion/library/pieces/comparison-bars/piece.html +191 -0
- package/assets/motion/library/pieces/comparison-bars/preview.jpg +0 -0
- package/assets/motion/library/pieces/counter-number/meta.json +12 -0
- package/assets/motion/library/pieces/counter-number/piece.html +131 -0
- package/assets/motion/library/pieces/counter-number/preview.jpg +0 -0
- package/assets/motion/library/pieces/cursor-click/meta.json +12 -0
- package/assets/motion/library/pieces/cursor-click/piece.html +242 -0
- package/assets/motion/library/pieces/cursor-click/preview.jpg +0 -0
- package/assets/motion/library/pieces/dock-magnify/LICENSE +21 -0
- package/assets/motion/library/pieces/dock-magnify/meta.json +16 -0
- package/assets/motion/library/pieces/dock-magnify/piece.html +234 -0
- package/assets/motion/library/pieces/dock-magnify/preview.jpg +0 -0
- package/assets/motion/library/pieces/donut-fill/meta.json +12 -0
- package/assets/motion/library/pieces/donut-fill/piece.html +156 -0
- package/assets/motion/library/pieces/donut-fill/preview.jpg +0 -0
- package/assets/motion/library/pieces/dot-grid-field/meta.json +12 -0
- package/assets/motion/library/pieces/dot-grid-field/piece.html +61 -0
- package/assets/motion/library/pieces/dot-grid-field/preview.jpg +0 -0
- package/assets/motion/library/pieces/ease-curve/meta.json +12 -0
- package/assets/motion/library/pieces/ease-curve/piece.html +103 -0
- package/assets/motion/library/pieces/ease-curve/preview.jpg +0 -0
- package/assets/motion/library/pieces/end-card/meta.json +6 -0
- package/assets/motion/library/pieces/end-card/piece.html +11 -0
- package/assets/motion/library/pieces/end-card/preview.jpg +0 -0
- package/assets/motion/library/pieces/film-grain/meta.json +12 -0
- package/assets/motion/library/pieces/film-grain/piece.html +93 -0
- package/assets/motion/library/pieces/film-grain/preview.jpg +0 -0
- package/assets/motion/library/pieces/flickering-grid/LICENSE +21 -0
- package/assets/motion/library/pieces/flickering-grid/meta.json +16 -0
- package/assets/motion/library/pieces/flickering-grid/piece.html +112 -0
- package/assets/motion/library/pieces/flickering-grid/preview.jpg +0 -0
- package/assets/motion/library/pieces/flow-nodes/meta.json +12 -0
- package/assets/motion/library/pieces/flow-nodes/piece.html +230 -0
- package/assets/motion/library/pieces/flow-nodes/preview.jpg +0 -0
- package/assets/motion/library/pieces/highlight-sweep/meta.json +12 -0
- package/assets/motion/library/pieces/highlight-sweep/piece.html +132 -0
- package/assets/motion/library/pieces/highlight-sweep/preview.jpg +0 -0
- package/assets/motion/library/pieces/iris-circle/meta.json +6 -0
- package/assets/motion/library/pieces/iris-circle/piece.html +6 -0
- package/assets/motion/library/pieces/iris-circle/preview.jpg +0 -0
- package/assets/motion/library/pieces/kinetic-letters/meta.json +12 -0
- package/assets/motion/library/pieces/kinetic-letters/piece.html +103 -0
- package/assets/motion/library/pieces/kinetic-letters/preview.jpg +0 -0
- package/assets/motion/library/pieces/light-leak-soft/meta.json +12 -0
- package/assets/motion/library/pieces/light-leak-soft/piece.html +102 -0
- package/assets/motion/library/pieces/light-leak-soft/preview.jpg +0 -0
- package/assets/motion/library/pieces/line-stack-reveal/meta.json +12 -0
- package/assets/motion/library/pieces/line-stack-reveal/piece.html +98 -0
- package/assets/motion/library/pieces/line-stack-reveal/preview.jpg +0 -0
- package/assets/motion/library/pieces/lower-third/meta.json +6 -0
- package/assets/motion/library/pieces/lower-third/piece.html +11 -0
- package/assets/motion/library/pieces/lower-third/preview.jpg +0 -0
- package/assets/motion/library/pieces/marquee-strip/meta.json +12 -0
- package/assets/motion/library/pieces/marquee-strip/piece.html +132 -0
- package/assets/motion/library/pieces/marquee-strip/preview.jpg +0 -0
- package/assets/motion/library/pieces/mesh-gradient/meta.json +12 -0
- package/assets/motion/library/pieces/mesh-gradient/piece.html +131 -0
- package/assets/motion/library/pieces/mesh-gradient/preview.jpg +0 -0
- package/assets/motion/library/pieces/orbiting-circles/LICENSE +21 -0
- package/assets/motion/library/pieces/orbiting-circles/meta.json +16 -0
- package/assets/motion/library/pieces/orbiting-circles/piece.html +185 -0
- package/assets/motion/library/pieces/orbiting-circles/preview.jpg +0 -0
- package/assets/motion/library/pieces/phone-frame/meta.json +12 -0
- package/assets/motion/library/pieces/phone-frame/piece.html +252 -0
- package/assets/motion/library/pieces/phone-frame/preview.jpg +0 -0
- package/assets/motion/library/pieces/pricing-toggle/meta.json +6 -0
- package/assets/motion/library/pieces/pricing-toggle/piece.html +18 -0
- package/assets/motion/library/pieces/pricing-toggle/preview.jpg +0 -0
- package/assets/motion/library/pieces/retro-grid/LICENSE +21 -0
- package/assets/motion/library/pieces/retro-grid/meta.json +16 -0
- package/assets/motion/library/pieces/retro-grid/piece.html +139 -0
- package/assets/motion/library/pieces/retro-grid/preview.jpg +0 -0
- package/assets/motion/library/pieces/scale-through-word/meta.json +12 -0
- package/assets/motion/library/pieces/scale-through-word/piece.html +139 -0
- package/assets/motion/library/pieces/scale-through-word/preview.jpg +0 -0
- package/assets/motion/library/pieces/serif-quote/meta.json +12 -0
- package/assets/motion/library/pieces/serif-quote/piece.html +145 -0
- package/assets/motion/library/pieces/serif-quote/preview.jpg +0 -0
- package/assets/motion/library/pieces/slam-word/meta.json +12 -0
- package/assets/motion/library/pieces/slam-word/piece.html +72 -0
- package/assets/motion/library/pieces/slam-word/preview.jpg +0 -0
- package/assets/motion/library/pieces/soft-light-field/meta.json +12 -0
- package/assets/motion/library/pieces/soft-light-field/piece.html +83 -0
- package/assets/motion/library/pieces/soft-light-field/preview.jpg +0 -0
- package/assets/motion/library/pieces/sparkline-draw/meta.json +12 -0
- package/assets/motion/library/pieces/sparkline-draw/piece.html +204 -0
- package/assets/motion/library/pieces/sparkline-draw/preview.jpg +0 -0
- package/assets/motion/library/pieces/stack-layers/meta.json +12 -0
- package/assets/motion/library/pieces/stack-layers/piece.html +239 -0
- package/assets/motion/library/pieces/stack-layers/preview.jpg +0 -0
- package/assets/motion/library/pieces/stat-grid/meta.json +12 -0
- package/assets/motion/library/pieces/stat-grid/piece.html +200 -0
- package/assets/motion/library/pieces/stat-grid/preview.jpg +0 -0
- package/assets/motion/library/pieces/studio-backdrop/meta.json +12 -0
- package/assets/motion/library/pieces/studio-backdrop/piece.html +83 -0
- package/assets/motion/library/pieces/studio-backdrop/preview.jpg +0 -0
- package/assets/motion/library/pieces/tile-flip/meta.json +6 -0
- package/assets/motion/library/pieces/tile-flip/piece.html +6 -0
- package/assets/motion/library/pieces/tile-flip/preview.jpg +0 -0
- package/assets/motion/library/pieces/timeline-track/meta.json +12 -0
- package/assets/motion/library/pieces/timeline-track/piece.html +227 -0
- package/assets/motion/library/pieces/timeline-track/preview.jpg +0 -0
- package/assets/motion/library/pieces/toast-stack/meta.json +12 -0
- package/assets/motion/library/pieces/toast-stack/piece.html +185 -0
- package/assets/motion/library/pieces/toast-stack/preview.jpg +0 -0
- package/assets/motion/library/pieces/typewriter-caption/meta.json +12 -0
- package/assets/motion/library/pieces/typewriter-caption/piece.html +112 -0
- package/assets/motion/library/pieces/typewriter-caption/preview.jpg +0 -0
- package/assets/motion/library/pieces/ui-stack-3d/meta.json +12 -0
- package/assets/motion/library/pieces/ui-stack-3d/piece.html +236 -0
- package/assets/motion/library/pieces/ui-stack-3d/preview.jpg +0 -0
- package/assets/motion/library/pieces/vignette/meta.json +12 -0
- package/assets/motion/library/pieces/vignette/piece.html +85 -0
- package/assets/motion/library/pieces/vignette/preview.jpg +0 -0
- package/assets/motion/library/pieces/word-swap/meta.json +12 -0
- package/assets/motion/library/pieces/word-swap/piece.html +122 -0
- package/assets/motion/library/pieces/word-swap/preview.jpg +0 -0
- package/assets/motion/library/sheets/3d.jpg +0 -0
- package/assets/motion/library/sheets/background.jpg +0 -0
- package/assets/motion/library/sheets/data.jpg +0 -0
- package/assets/motion/library/sheets/diagram.jpg +0 -0
- package/assets/motion/library/sheets/frame.jpg +0 -0
- package/assets/motion/library/sheets/looks.jpg +0 -0
- package/assets/motion/library/sheets/texture.jpg +0 -0
- package/assets/motion/library/sheets/transition.jpg +0 -0
- package/assets/motion/library/sheets/type.jpg +0 -0
- package/assets/motion/library/sheets/ui.jpg +0 -0
- package/assets/motion/plugin.json +5 -0
- package/assets/motion/references/README.md +20 -0
- package/assets/motion/references/index.json +25 -0
- package/assets/motion/references/runtime/data-attributes.md +78 -0
- package/assets/motion/references/runtime/determinism-rules.md +53 -0
- package/assets/motion/references/runtime/doctor-browser.md +57 -0
- package/assets/motion/references/runtime/gsap-easing-and-stagger.md +199 -0
- package/assets/motion/references/runtime/gsap-timeline-and-labels.md +96 -0
- package/assets/motion/references/runtime/gsap-transforms-and-perf.md +129 -0
- package/assets/motion/references/runtime/gsap.md +105 -0
- package/assets/motion/references/runtime/inputs-and-assets.md +52 -0
- package/assets/motion/references/runtime/lint-validate-inspect.md +131 -0
- package/assets/motion/references/runtime/minimal-composition.md +69 -0
- package/assets/motion/references/runtime/preview-render.md +156 -0
- package/assets/motion/references/runtime/sub-compositions.md +176 -0
- package/assets/motion/references/runtime/tracks-and-clips.md +87 -0
- package/assets/motion/references/runtime/variables-and-media.md +107 -0
- package/assets/motion/references/signal-study.html +39 -0
- package/assets/motion/references/signal-temporal.jpg +0 -0
- package/assets/motion/references/type-temporal.jpg +0 -0
- package/assets/motion/skills/brand-kit/SKILL.md +70 -0
- package/assets/motion/skills/mixkit-split-text-617/SKILL.md +115 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-480.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-494.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-5.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-508.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6525.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6539.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6647.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6663.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6677.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6691.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6706.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6722.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6736.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6750.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6764.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6780.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6794.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6810.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6823.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6872.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-6936.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/compositions/comp-76.json +1 -0
- package/assets/motion/skills/mixkit-split-text-617/data/manifest.json +495 -0
- package/assets/motion/skills/mixkit-split-text-617/references/RECONSTRUCTION.md +201 -0
- package/assets/motion/skills/mixkit-split-text-617/references/VERIFICATION.md +107 -0
- package/assets/motion/skills/mixkit-split-text-617/tools/inspect_motion.py +130 -0
- package/assets/motion/skills/motion/SKILL.md +102 -0
- package/assets/motion/skills/source-ingest/SKILL.md +48 -0
- package/assets/motion/skills/video-qa/SKILL.md +66 -0
- package/assets/motion/vendor/three/LICENSE +21 -0
- package/assets/motion/vendor/three/addons/environments/RoomEnvironment.js +182 -0
- package/assets/motion/vendor/three/addons/geometries/RoundedBoxGeometry.js +216 -0
- package/assets/motion/vendor/three/addons/geometries/TextGeometry.js +84 -0
- package/assets/motion/vendor/three/addons/lights/RectAreaLightTexturesLib.js +127 -0
- package/assets/motion/vendor/three/addons/lights/RectAreaLightUniformsLib.js +40 -0
- package/assets/motion/vendor/three/addons/loaders/FontLoader.js +260 -0
- package/assets/motion/vendor/three/addons/loaders/GLTFLoader.js +4892 -0
- package/assets/motion/vendor/three/addons/loaders/HDRLoader.js +486 -0
- package/assets/motion/vendor/three/addons/loaders/SVGLoader.js +3267 -0
- package/assets/motion/vendor/three/addons/math/SimplexNoise.js +470 -0
- package/assets/motion/vendor/three/addons/objects/Reflector.js +338 -0
- package/assets/motion/vendor/three/addons/postprocessing/BokehPass.js +218 -0
- package/assets/motion/vendor/three/addons/postprocessing/EffectComposer.js +363 -0
- package/assets/motion/vendor/three/addons/postprocessing/FilmPass.js +113 -0
- package/assets/motion/vendor/three/addons/postprocessing/MaskPass.js +195 -0
- package/assets/motion/vendor/three/addons/postprocessing/OutputPass.js +139 -0
- package/assets/motion/vendor/three/addons/postprocessing/Pass.js +191 -0
- package/assets/motion/vendor/three/addons/postprocessing/RenderPass.js +183 -0
- package/assets/motion/vendor/three/addons/postprocessing/ShaderPass.js +135 -0
- package/assets/motion/vendor/three/addons/postprocessing/UnrealBloomPass.js +494 -0
- package/assets/motion/vendor/three/addons/renderers/CSS3DRenderer.js +454 -0
- package/assets/motion/vendor/three/addons/shaders/BokehShader.js +151 -0
- package/assets/motion/vendor/three/addons/shaders/CopyShader.js +52 -0
- package/assets/motion/vendor/three/addons/shaders/FilmShader.js +72 -0
- package/assets/motion/vendor/three/addons/shaders/LuminosityHighPassShader.js +68 -0
- package/assets/motion/vendor/three/addons/shaders/OutputShader.js +103 -0
- package/assets/motion/vendor/three/addons/utils/BufferGeometryUtils.js +1435 -0
- package/assets/motion/vendor/three/build/three.core.min.js +6 -0
- package/assets/motion/vendor/three/build/three.module.min.js +6 -0
- package/assets/motion/vendor/three/three.json +54 -0
- package/dist/app-sidecar-sessions.js +5 -0
- package/dist/app-sidecar-sessions.js.map +1 -1
- package/dist/app-sidecar.js +52 -16
- package/dist/app-sidecar.js.map +1 -1
- package/dist/cli.js +1 -1
- package/dist/cli.js.map +1 -1
- package/dist/core/agent-session.d.ts +39 -0
- package/dist/core/agent-session.js +160 -11
- package/dist/core/agent-session.js.map +1 -1
- package/dist/core/agents.js +14 -42
- package/dist/core/agents.js.map +1 -1
- package/dist/core/auth-providers.js +6 -6
- package/dist/core/auth-providers.js.map +1 -1
- package/dist/core/bundled-agents.js +9 -7
- package/dist/core/bundled-agents.js.map +1 -1
- package/dist/core/completion-review.d.ts +24 -0
- package/dist/core/completion-review.js +2 -0
- package/dist/core/completion-review.js.map +1 -0
- package/dist/core/context-limits.d.ts +6 -0
- package/dist/core/context-limits.js +8 -0
- package/dist/core/context-limits.js.map +1 -1
- package/dist/core/fast-apply-benchmark.d.ts +1 -1
- package/dist/core/fast-apply-benchmark.js +2 -2
- package/dist/core/fast-apply-benchmark.js.map +1 -1
- package/dist/core/frontmatter.d.ts +22 -0
- package/dist/core/frontmatter.js +90 -0
- package/dist/core/frontmatter.js.map +1 -0
- package/dist/core/lsp/pool.d.ts +2 -0
- package/dist/core/lsp/pool.js +4 -0
- package/dist/core/lsp/pool.js.map +1 -1
- package/dist/core/network-guard.d.ts +2 -0
- package/dist/core/network-guard.js +37 -0
- package/dist/core/network-guard.js.map +1 -1
- package/dist/core/project-discovery.js +3 -0
- package/dist/core/project-discovery.js.map +1 -1
- package/dist/core/regrounding.d.ts +7 -0
- package/dist/core/regrounding.js +27 -0
- package/dist/core/regrounding.js.map +1 -1
- package/dist/core/semantic-search-benchmark.d.ts +1 -1
- package/dist/core/semantic-search-benchmark.js +2 -2
- package/dist/core/semantic-search-benchmark.js.map +1 -1
- package/dist/core/session-export.d.ts +2 -2
- package/dist/core/session-export.js +6 -2
- package/dist/core/session-export.js.map +1 -1
- package/dist/core/skills.d.ts +16 -1
- package/dist/core/skills.js +40 -25
- package/dist/core/skills.js.map +1 -1
- package/dist/core/subagent-policy.js +1 -4
- package/dist/core/subagent-policy.js.map +1 -1
- package/dist/core/verification-evidence.js +7 -2
- package/dist/core/verification-evidence.js.map +1 -1
- package/dist/motion-agent/motion-agent.d.ts +35 -0
- package/dist/motion-agent/motion-agent.js +117 -0
- package/dist/motion-agent/motion-agent.js.map +1 -0
- package/dist/motion-agent/motion-check-tool.d.ts +21 -0
- package/dist/motion-agent/motion-check-tool.js +206 -0
- package/dist/motion-agent/motion-check-tool.js.map +1 -0
- package/dist/motion-agent/motion-prompt.d.ts +2 -0
- package/dist/motion-agent/motion-prompt.js +48 -0
- package/dist/motion-agent/motion-prompt.js.map +1 -0
- package/dist/motion-agent/motion-review-coverage.d.ts +12 -0
- package/dist/motion-agent/motion-review-coverage.js +33 -0
- package/dist/motion-agent/motion-review-coverage.js.map +1 -0
- package/dist/motion-agent/motion-review-gate.d.ts +48 -0
- package/dist/motion-agent/motion-review-gate.js +88 -0
- package/dist/motion-agent/motion-review-gate.js.map +1 -0
- package/dist/motion-agent/motion-review-session.d.ts +65 -0
- package/dist/motion-agent/motion-review-session.js +418 -0
- package/dist/motion-agent/motion-review-session.js.map +1 -0
- package/dist/motion-agent/motion-review.d.ts +76 -0
- package/dist/motion-agent/motion-review.js +225 -0
- package/dist/motion-agent/motion-review.js.map +1 -0
- package/dist/motion-agent/motion-studio-context.d.ts +44 -0
- package/dist/motion-agent/motion-studio-context.js +65 -0
- package/dist/motion-agent/motion-studio-context.js.map +1 -0
- package/dist/system-prompt.d.ts +3 -0
- package/dist/system-prompt.js +5 -1
- package/dist/system-prompt.js.map +1 -1
- package/dist/tools/bash.js +2 -2
- package/dist/tools/bash.js.map +1 -1
- package/dist/tools/edit.js +8 -1
- package/dist/tools/edit.js.map +1 -1
- package/dist/tools/redaction-guard.d.ts +10 -0
- package/dist/tools/redaction-guard.js +55 -0
- package/dist/tools/redaction-guard.js.map +1 -0
- package/dist/tools/steroids.d.ts +1 -1
- package/dist/tools/steroids.js +20 -4
- package/dist/tools/steroids.js.map +1 -1
- package/dist/tools/web-fetch.js +38 -32
- package/dist/tools/web-fetch.js.map +1 -1
- package/dist/tools/web-search.js +2 -2
- package/dist/tools/web-search.js.map +1 -1
- package/dist/tools/write.js +12 -5
- package/dist/tools/write.js.map +1 -1
- package/dist/ui/components/Footer.js +1 -5
- package/dist/ui/components/Footer.js.map +1 -1
- 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>
|
|
Binary file
|
|
@@ -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>
|
|
Binary file
|
|
@@ -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>
|
|
Binary file
|