@stellix-agency/motion 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+interface MotionOptions extends gsap.TweenVars {
+    d?: number;
+    e?: string;
+}
+declare class MotionCore {
+    private tl;
+    private el;
+    private defaults;
+    constructor(el: HTMLElement);
+    private add;
+    in(options?: MotionOptions): this;
+    move(x: number, y: number, options?: MotionOptions): this;
+    scale(s: number, options?: MotionOptions): this;
+    wait(d: number): this;
+    /**
+     * Utilisation du type Vars de ScrollTrigger (le plus moderne)
+     */
+    onScroll(st?: ScrollTrigger.Vars): this;
+}
+
+declare function animate(el: HTMLElement, accessor: () => (m: MotionCore) => void): void;
+
+export { MotionCore, type MotionOptions, animate };

package/dist/index.js

@@ -0,0 +1 @@
+import{gsap as p}from"gsap";import{ScrollTrigger as m}from"gsap/ScrollTrigger";import{gsap as n}from"gsap";import{ScrollTrigger as l}from"gsap/ScrollTrigger";var o=class{tl;el;defaults={d:.8,e:"power4.out"};constructor(t){this.el=t,n.set(this.el,{opacity:0,y:20}),this.tl=n.timeline({paused:!0}),Promise.resolve().then(()=>{this.tl.scrollTrigger||this.tl.play()})}add(t,e){let{d:r,e:s,...a}=e||{};return this.tl.to(this.el,{...t,duration:r??this.defaults.d,ease:s??this.defaults.e,...a},">"),this}in(t){return this.add({opacity:1,y:0},t)}move(t,e,r){return this.add({x:t,y:e},r)}scale(t,e){return this.add({scale:t,ease:e?.e??"back.out(1.7)"},e)}wait(t){return this.tl.to({},{duration:t},">"),this}onScroll(t){return l.create({trigger:this.el,start:"top 85%",animation:this.tl,toggleActions:"play none none reverse",...t}),this}};function h(i,t){let e=t(),r=new o(i);setTimeout(()=>{e(r)},0)}typeof window<"u"&&p.registerPlugin(m);export{o as MotionCore,h as animate};

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@stellix-agency/motion",
+  "publishConfig": { "access": "public" },
+  "version": "1.0.0",
+  "description": "An intuitive GSAP wrapper for creating stunning animations with ease.",
+  "author": "Stellix Agency",
+  "license": "MIT",
+  "contributors": [
+    {
+      "name": "Yanis YOUSFI",
+      "email": "y.yousfi@stellix.agency"
+    }
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": ["dist"],
+  "scripts": {
+    "build": "tsup src/index.ts --format esm --dts --clean",
+    "dev": "tsup src/index.ts --format esm --watch --dts"
+  },
+  "peerDependencies": {
+    "gsap": "^3.14.2",
+    "@astrojs/solid-js": "^5.1.3"
+  },
+  "devDependencies": {
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3",
+    "gsap": "^3.14.2",
+    "solid-js": "^1.9.11"
+  }
+}