move.gl 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Scape Agency
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,38 @@
+<p align="center">
+    <img src="https://raw.githubusercontent.com/stylescape/brand/master/src/logo/logo-transparant.png" width="20%" height="20%" alt="Stylescape Logo">
+</p>
+<h1 align="center" style='border-bottom: none;'>move.gl</h1>
+<h3 align="center">User eXperience Toolkit</h3>
+
+
+<br/>
+
+<div align="center">
+
+[![Website](https://img.shields.io/website?url=https%3A%2F%2Fwww.move.gl&up_message=Up&up_color=354351&down_message=Down&down_color=354351&style=flat-square&logo=Firefox&logoColor=FFFFFF&label=Website&labelColor=354351&color=354351)
+](https://www.move.gl)
+[![NPM Version](https://img.shields.io/npm/v/move.gl?style=flat-square&logo=npm&logoColor=FFFFFF&label=NPM&labelColor=354351&color=354351&link=https%3A%2F%2Fwww.npmjs.com%2Fpackage%2Fmove.gl)](https://www.npmjs.com/package/move.gl)
+[![devContainer](https://img.shields.io/badge/devContainer-23354351?style=flat-square&logo=Docker&logoColor=%23FFFFFF&labelColor=%23354351&color=%23354351)](https://vscode.dev/redirect?url=vscode://ms-vscode-remote.remote-containers/cloneInVolume?url=https://github.com/stylescape/move.gl)
+[![StackBlitz](https://img.shields.io/badge/StackBlitz-23354351?style=flat-square&logo=StackBlitz&logoColor=%23FFFFFF&labelColor=%23354351&color=%23354351)](https://stackblitz.com/github/stylescape/move.gl/tree/main?file=src%2Findex.html)
+[![GitHub License](https://img.shields.io/github/license/stylescape/move.gl?style=flat-square&logo=readthedocs&logoColor=FFFFFF&label=&labelColor=%23354351&color=%23354351&link=LICENSE)](https://github.com/stylescape/move.gl/blob/main/LICENSE)
+
+</div>
+
+<div align="center">
+
+[![Report a Bug](https://img.shields.io/badge/Report%20a%20Bug-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23D2D9DF)](https://github.com/stylescape/move.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=bug_report.yml)
+[![Request a Feature](https://img.shields.io/badge/Request%20a%20Feature-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23D2D9DF)](https://github.com/stylescape/move.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=feature_request.yml)
+[![Ask a Question](https://img.shields.io/badge/Ask%20a%20Question-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23D2D9DF)](https://github.com/stylescape/move.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=question.yml)
+[![Make a Suggestion](https://img.shields.io/badge/Make%20a%20Suggestion-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23D2D9DF)](https://github.com/stylescape/move.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=suggestion.yml)
+[![Start a Discussion](https://img.shields.io/badge/Start%20a%20Discussion-GitHub?style=flat-square&&logoColor=%23FFFFFF&color=%23D2D9DF)](https://github.com/stylescape/move.gl/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&projects=&template=discussion.yml)
+
+</div>
+
+---
+
+<br/>
+
+
+
+- [Foundation | Motion UI](https://github.com/foundation/motion-ui)
+- [Glide](https://github.com/nickpettit/glide)

package/css/move.gl.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=to.css.map */

package/css/move.gl.min.css

@@ -0,0 +1,2 @@
+
+/*# sourceMappingURL=to.css.map */

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "move.gl",
+  "version": "0.0.1",
+  "description": "move.gl is a ...",
+  "keywords": [
+    "move.gl",
+    "stylescape"
+  ],
+  "license": "MIT",
+  "homepage": "https://www.move.gl/",
+  "funding": [
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/scape-foundation"
+    }
+  ],
+  "main": "js/index.js",
+  "types": "js/index.d.ts",
+  "files": [
+    "code-snippets/**/*.code-snippets",
+    "css/**/*.{css,map}",
+    "font/**/*.{eot,otf,ttf,woff,woff2}",
+    "inkscape/**/*.inkscape",
+    "jinja/**/*.jinja",
+    "js/**/*.d.ts",
+    "js/**/*.{js,map}",
+    "less/**/*.less",
+    "md/**/*.md",
+    "oco/**/*.oco",
+    "png/**/*.png",
+    "py/**/*.py",
+    "rcpx/**/*.rcpx",
+    "scss/**/*.scss",
+    "sketchpalette/**/*.sketchpalette",
+    "styl/**/*.styl",
+    "svg/**/*.svg",
+    "tex/**/*.tex",
+    "ts/**/*.ts",
+    "!.DS_Store"
+  ],
+  "author": "Lars van Vianen",
+  "contributors": [
+    "Scape Agency"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/stylescape/move.gl.git"
+  },
+  "exports": {
+    ".": {
+      "sass": "./scss/index.scss",
+      "typescript": "./ts/index.scss"
+    }
+  }
+}

package/scss/classes/_animations.scss

@@ -0,0 +1,576 @@
+// ============================================================================
+// StyleScape | Animations
+// ============================================================================
+
+@use "../dev" as *;
+
+
+
+
+// Beat Animations
+// ----------------------------------------------------------------------------
+
+.animate_beat {
+    @include animate_beat();
+}
+
+.animate_beat_fade {
+    @include animate_beat_fade();
+}
+
+.animate_beat_double {
+    @include animate_beat_double();
+}
+
+
+// Blink Animations
+// ----------------------------------------------------------------------------
+
+.animate_blink {
+    @include animate_blink();
+}
+
+.animate_blink_rapid {
+    @include animate_blink_rapid();
+}
+
+.animate_blink_soft {
+    @include animate_blink_soft();
+}
+
+.animate_blink_alternate {
+    @include animate_blink_alternate();
+}
+
+
+// Bounce Animations
+// ----------------------------------------------------------------------------
+
+.animate_bounce {
+    @include animate_bounce();
+}
+
+.animate_bounce_extended {
+    @include animate_bounce_extended();
+}
+
+.animate_bounce_rotate {
+    @include animate_bounce_rotate();
+}
+
+.animate_bounce_multi {
+    @include animate_bounce_multi();
+}
+
+
+// Elastic Animations
+// ----------------------------------------------------------------------------
+
+.animate_elastic {
+    @include animate_elastic();
+}
+
+
+// Fade Animations
+// ----------------------------------------------------------------------------
+
+.animate_fade {
+    @include animate_fade();
+}
+
+.animate_fade_in {
+    @include animate_fade_in();
+}
+
+.animate_fade_out {
+    @include animate_fade_out();
+}
+
+.animate_fade_gradual {
+    @include animate_fade_gradual();
+}
+
+
+// Flash Animations
+// ----------------------------------------------------------------------------
+
+.animate_flash {
+    @include animate_flash();
+}
+
+.animate_flash_fade {
+    @include animate_flash_fade();
+}
+
+.animate_flash_strobe {
+    @include animate_flash_strobe();
+}
+
+.animate_flash_fade_slow {
+    @include animate_flash_fade_slow();
+}
+
+
+// Flip Animations
+// ----------------------------------------------------------------------------
+
+.animate_flip {
+    @include animate_flip();
+}
+
+// Flip Horizontal Animation
+// ----------------------------------------------------------------------------
+
+///
+/// Horizontal Flip Animation
+/// Creates a flip animation that rotates the element horizontally.
+///
+.animate_flip_horizontal {
+    @include animate_flip(1s, ease-in-out, infinite, 0, 1, 0, 0, 360deg);
+}
+
+
+// Flip Vertical Animation
+// ----------------------------------------------------------------------------
+
+///
+/// Vertical Flip Animation
+/// Creates a flip animation that rotates the element vertically.
+///
+.animate_flip_vertical {
+    @include animate_flip(1s, ease-in-out, infinite, 1, 0, 0, 0, 360deg);
+}
+
+
+// Flip Diagonal Animation
+// ----------------------------------------------------------------------------
+
+///
+/// Diagonal Flip Animation
+/// Creates a flip animation that rotates the element diagonally.
+///
+.animate_flip_diagonal {
+    @include animate_flip(1s, ease-in-out, infinite, 1, 1, 0, 0, 360deg);
+}
+
+
+// 180-degree Flip Animation Variants
+// ----------------------------------------------------------------------------
+
+///
+/// 180-Degree Horizontal Flip Animation
+/// Creates a flip animation that rotates the element horizontally by 180 degrees.
+///
+.animate_flip_180_horizontal {
+    @include animate_flip(1s, ease-in-out, infinite, 0, 1, 0, 0, -180deg);
+}
+
+///
+/// 180-Degree Vertical Flip Animation
+/// Creates a flip animation that rotates the element vertically by 180 degrees.
+///
+.animate_flip_180_vertical {
+    @include animate_flip(1s, ease-in-out, infinite, 1, 0, 0, 0, -180deg);
+}
+
+///
+/// 180-Degree Diagonal Flip Animation
+/// Creates a flip animation that rotates the element diagonally by 180 degrees.
+///
+.animate_flip_180_diagonal {
+    @include animate_flip(1s, ease-in-out, infinite, 1, 1, 0, 0, -180deg);
+}
+
+
+
+
+// Float Animations
+// ----------------------------------------------------------------------------
+
+.animate_float {
+    @include animate_float();
+}
+
+.animate_float_horizontal {
+    @include animate_float_horizontal();
+}
+
+.animate_float_rotate {
+    @include animate_float_rotate();
+}
+
+
+// Glow Animations
+// ----------------------------------------------------------------------------
+
+.animate_glow {
+    @include animate_glow($animate_base_color_glow_01);
+}
+
+.animate_glow_pulse {
+    @include animate_glow_pulse($animate_base_color_glow_01);
+}
+
+.animate_glow_multicolor {
+    @include animate_glow_multicolor();
+}
+
+
+
+// Heartbeat Animation
+// ----------------------------------------------------------------------------
+
+.animate_heartbeat {
+    @include animate_heartbeat();
+}
+
+.animate_heartbeat_fast {
+    @include animate_heartbeat_fast();
+}
+
+.animate_heartbeat_slow {
+    @include animate_heartbeat_slow();
+}
+
+.animate_heartbeat_color {
+    @include animate_heartbeat_color();
+}
+
+
+// Jiggle Animations
+// ----------------------------------------------------------------------------
+
+
+.animate_jiggle {
+    @include animate_jiggle();
+}
+
+.animate_jiggle_vertical {
+    @include animate_jiggle_vertical();
+}
+
+.animate_jiggle_multi {
+    @include animate_jiggle_multi();
+}
+
+.animate_jiggle_slow {
+    @include animate_jiggle_slow();
+}
+
+
+// Nod Animations
+// ----------------------------------------------------------------------------
+
+.animate_nod {
+    @include animate_nod();
+}
+.animate_nod_slow {
+    @include animate_nod_slow();
+}
+
+.animate_nod_bounce {
+    @include animate_nod_bounce();
+}
+
+.animate_nod_continuous {
+    @include animate_nod_continuous();
+}
+
+
+// Pop Animations
+// ----------------------------------------------------------------------------
+
+.animate_pop {
+    @include animate_pop(1.2);
+}
+
+.animate_pop_fast {
+    @include animate_pop_fast(1.2);
+}
+
+.animate_pop_slow {
+    @include animate_pop_slow(1.1);
+}
+
+.animate_pop_rotate {
+    @include animate_pop_rotate(1.2, 10deg);
+}
+
+
+
+// Pulse Animations
+// ----------------------------------------------------------------------------
+
+.animate_pulse {
+    @include animate_pulse();
+}
+
+.animate_pulse_slow {
+    @include animate_pulse_slow();
+}
+
+.animate_pulse_fast {
+    @include animate_pulse_fast();
+}
+
+.animate_pulse_color {
+    @include animate_pulse_color();
+}
+
+
+
+// Ripple Animations
+// ----------------------------------------------------------------------------
+
+.animate_ripple {
+    @include animate_ripple();
+}
+
+.animate_ripple_slow {
+    @include animate_ripple_slow();
+}
+
+.animate_ripple_multi {
+    @include animate_ripple_multi();
+}
+
+.animate_ripple_color {
+    @include animate_ripple_color();
+}
+
+
+// Roll Animations
+// ----------------------------------------------------------------------------
+
+.animate_roll {
+    @include animate_roll();
+}
+
+.animate_roll_reverse {
+    @include animate_roll_reverse();
+}
+
+.animate_roll_slow {
+    @include animate_roll_slow();
+}
+
+.animate_roll_vertical {
+    @include animate_roll_vertical();
+}
+
+
+// Scale Animations
+// ----------------------------------------------------------------------------
+
+.animate_scale_expand {
+    @include animate_scale_expand();
+}
+
+.animate_scale_shrink {
+    @include animate_scale_shrink();
+}
+
+
+// Shake Animations
+// ----------------------------------------------------------------------------
+
+.animate_shake {
+    @include animate_shake();
+}
+
+.animate_shake_slow {
+    @include animate_shake_slow();
+}
+
+.animate_shake_horizontal {
+    @include animate_shake_horizontal();
+}
+
+
+// Slide Animations
+// ----------------------------------------------------------------------------
+
+.animate_slide {
+    @include animate_slide(left, 100%);
+}
+
+.animate_slide_up {
+    @include animate_slide_up();
+}
+
+.animate_slide_down {
+    @include animate_slide_down();
+}
+
+.animate_slide_in_left {
+    @include animate_slide_in_left();
+}
+
+.animate_slide_in_right {
+    @include animate_slide_in_right();
+}
+
+.animate_slide_out_left {
+    @include animate_slide_out_left();
+}
+.animate_slide_out_right {
+    @include animate_slide_out_right();
+}
+
+.animate_slide_in_fade {
+    @include animate_slide_in_fade(left, 100%);
+}
+
+
+// Spin Animations
+// ----------------------------------------------------------------------------
+
+.animate_spin {
+    @include animate_spin();
+}
+
+.animate_spin_reverse {
+    @include animate_spin_reverse();
+}
+
+.animate_spin_grow {
+    @include animate_spin_grow();
+}
+
+.animate_spin_pulse {
+    @include animate_spin_pulse();
+}
+
+.animate_spin_flip {
+    @include animate_spin_flip();
+}
+
+
+
+// Sway Animations
+// ----------------------------------------------------------------------------
+
+.animate_sway {
+    @include animate_sway();
+}
+
+.animate_sway_slow {
+    @include animate_sway_slow();
+}
+
+.animate_sway_fast {
+    @include animate_sway_fast();
+}
+
+.animate_sway_fade {
+    @include animate_sway_fade();
+}
+
+
+
+// Tada Animations
+// ----------------------------------------------------------------------------
+
+.animate_tada {
+    @include animate_tada();
+}
+
+.animate_tada_slow {
+    @include animate_tada_slow();
+}
+
+.animate_tada_fast {
+    @include animate_tada_fast();
+}
+
+.animate_tada_fade {
+    @include animate_tada_fade();
+}
+
+
+
+
+
+
+// Twist Animations
+// ----------------------------------------------------------------------------
+
+.animate_twist {
+    @include animate_twist();
+}
+
+.animate_twist_slow {
+    @include animate_twist_slow();
+}
+
+.animate_twist_fast {
+    @include animate_twist_fast();
+}
+
+.animate_twist_color {
+    @include animate_twist_color();
+}
+
+
+
+// Wave Animations
+// ----------------------------------------------------------------------------
+
+
+.animate_wave {
+    @include animate_wave();
+}
+
+.animate_wave_slow {
+    @include animate_wave_slow();
+}
+.animate_wave_fast {
+    @include animate_wave_fast();
+}
+
+.animate_wave_fade {
+    @include animate_wave_fade();
+}
+
+
+
+
+// Wobble Animations
+// ----------------------------------------------------------------------------
+
+.animate_wobble {
+    @include animate_wobble();
+}
+
+.animate_wobble_slow {
+    @include animate_wobble_slow();
+}
+
+.animate_wobble_fast {
+    @include animate_wobble_fast();
+}
+
+.animate_wobble_scale {
+    @include animate_wobble_scale();
+}
+
+
+
+// Zoom Animations
+// ----------------------------------------------------------------------------
+
+.animate_zoom {
+    @include animate_zoom(1.5);
+}
+.animate_zoom_slow {
+    @include animate_zoom_slow();
+}
+
+.animate_zoom_fast {
+    @include animate_zoom_fast();
+}
+
+.animate_zoom_fade {
+    @include animate_zoom_fade();
+}
+