telecop 0.1.39 → 0.1.40

package/dist/motion/ParallaxScroll/ParallaxScroll.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export interface ParallaxScrollProps {
+    children: ReactNode;
+    speed?: number;
+    direction?: 'up' | 'down' | 'left' | 'right';
+    scale?: boolean;
+    rotate?: boolean;
+    blur?: boolean;
+    opacity?: boolean;
+    triggerStart?: string;
+    triggerEnd?: string;
+    scrub?: boolean | number;
+    className?: string;
+}
+export declare function ParallaxScroll({ children, speed, direction, scale, rotate, blur, opacity, triggerStart, triggerEnd, scrub, className, }: ParallaxScrollProps): import("react/jsx-runtime").JSX.Element;

package/dist/motion/ParallaxScroll/index.d.ts

@@ -0,0 +1,2 @@
+export { ParallaxScroll } from './ParallaxScroll';
+export type { ParallaxScrollProps } from './ParallaxScroll';

package/dist/motion/index.d.ts

@@ -1,2 +1,4 @@
 export { FadeIn } from './FadeIn';
 export type { FadeInProps } from './FadeIn';
+export { ParallaxScroll } from './ParallaxScroll';
+export type { ParallaxScrollProps } from './ParallaxScroll';

package/dist/motion.js

@@ -1 +1 @@
-"use client";"use strict";var u=Object.create;var c=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var m=Object.getOwnPropertyNames;var p=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var R=(e,t,n,s)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of m(t))!f.call(e,o)&&o!==n&&c(e,o,{get:()=>t[o],enumerable:!(s=l(t,o))||s.enumerable});return e};var g=(e,t,n)=>(n=e!=null?u(p(e)):{},R(t||!e||!e.__esModule?c(n,"default",{value:e,enumerable:!0}):n,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react/jsx-runtime"),i=require("react");function d({children:e,duration:t=1,delay:n=0,y:s=30,className:o=""}){const r=i.useRef(null);return i.useEffect(()=>{(async()=>{try{const{gsap:a}=await import("gsap");a.from(r.current,{opacity:0,y:s,duration:t,delay:n,ease:"power3.out"})}catch{console.warn("⚠️ Telecop: Please install GSAP to use motion components"),console.warn("Run: npm install gsap")}})()},[t,n,s]),w.jsx("div",{ref:r,className:o,children:e})}exports.FadeIn=d;
+"use client";"use strict";var S=Object.create;var P=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,v=Object.prototype.hasOwnProperty;var M=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of T(t))!v.call(e,o)&&o!==n&&P(e,o,{get:()=>t[o],enumerable:!(r=h(t,o))||r.enumerable});return e};var m=(e,t,n)=>(n=e!=null?S(j(e)):{},M(t||!e||!e.__esModule?P(n,"default",{value:e,enumerable:!0}):n,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),p=require("react");function b({children:e,duration:t=1,delay:n=0,y:r=30,className:o=""}){const l=p.useRef(null);return p.useEffect(()=>{(async()=>{try{const{gsap:c}=await import("gsap");c.from(l.current,{opacity:0,y:r,duration:t,delay:n,ease:"power3.out"})}catch{console.warn("⚠️ Telecop: Please install GSAP to use motion components"),console.warn("Run: npm install gsap")}})()},[t,n,r]),y.jsx("div",{ref:l,className:o,children:e})}function A({children:e,speed:t=1,direction:n="up",scale:r=!1,rotate:o=!1,blur:l=!1,opacity:g=!1,triggerStart:c="top bottom",triggerEnd:w="bottom top",scrub:x=!0,className:R=""}){const i=p.useRef(null);return p.useEffect(()=>((async()=>{if(i.current)try{const u=(await import("gsap")).default,{ScrollTrigger:f}=await import("gsap/ScrollTrigger");u.registerPlugin(f);const a=100*t,s={...{up:{y:-a},down:{y:a},left:{x:-a},right:{x:a}}[n]};r&&(s.scale=1+.2*t),o&&(s.rotation=15*t),l&&(s.filter=`blur(${10*t}px)`),g&&(s.opacity=Math.max(0,1-.5*t)),u.to(i.current,{...s,ease:"none",scrollTrigger:{trigger:i.current,start:c,end:w,scrub:x}})}catch{console.warn("⚠️ Telecop: Please install GSAP to use ParallaxScroll"),console.warn("Run: npm install gsap")}})(),()=>{(async()=>{try{const{ScrollTrigger:f}=await import("gsap/ScrollTrigger");f.getAll().forEach(a=>a.kill())}catch{}})()}),[t,n,r,o,l,g,c,w,x]),y.jsx("div",{ref:i,className:R,children:e})}exports.FadeIn=b;exports.ParallaxScroll=A;

package/dist/motion.mjs

@@ -1,31 +1,83 @@
 "use client";
-import { jsx as c } from "react/jsx-runtime";
-import { useRef as i, useEffect as m } from "react";
-function u({
-  children: s,
-  duration: e = 1,
-  delay: n = 0,
-  y: o = 30,
-  className: a = ""
+import { jsx as w } from "react/jsx-runtime";
+import { useRef as x, useEffect as P } from "react";
+function v({
+  children: m,
+  duration: t = 1,
+  delay: o = 0,
+  y: r = 30,
+  className: c = ""
 }) {
-  const t = i(null);
-  return m(() => {
+  const e = x(null);
+  return P(() => {
     (async () => {
       try {
-        const { gsap: r } = await import("gsap");
-        r.from(t.current, {
+        const { gsap: a } = await import("gsap");
+        a.from(e.current, {
           opacity: 0,
-          y: o,
-          duration: e,
-          delay: n,
+          y: r,
+          duration: t,
+          delay: o,
           ease: "power3.out"
         });
       } catch {
         console.warn("⚠️ Telecop: Please install GSAP to use motion components"), console.warn("Run: npm install gsap");
       }
     })();
-  }, [e, n, o]), /* @__PURE__ */ c("div", { ref: t, className: a, children: s });
+  }, [t, o, r]), /* @__PURE__ */ w("div", { ref: e, className: c, children: m });
+}
+function A({
+  children: m,
+  speed: t = 1,
+  direction: o = "up",
+  scale: r = !1,
+  rotate: c = !1,
+  blur: e = !1,
+  opacity: u = !1,
+  triggerStart: a = "top bottom",
+  triggerEnd: p = "bottom top",
+  scrub: g = !0,
+  className: y = ""
+}) {
+  const i = x(null);
+  return P(() => ((async () => {
+    if (i.current)
+      try {
+        const s = (await import("gsap")).default, { ScrollTrigger: f } = await import("gsap/ScrollTrigger");
+        s.registerPlugin(f);
+        const n = 100 * t, l = {
+          ...{
+            up: { y: -n },
+            down: { y: n },
+            left: { x: -n },
+            right: { x: n }
+          }[o]
+        };
+        r && (l.scale = 1 + 0.2 * t), c && (l.rotation = 15 * t), e && (l.filter = `blur(${10 * t}px)`), u && (l.opacity = Math.max(0, 1 - 0.5 * t)), s.to(i.current, {
+          ...l,
+          ease: "none",
+          scrollTrigger: {
+            trigger: i.current,
+            start: a,
+            end: p,
+            scrub: g
+            // markers: true, // Enable for debugging
+          }
+        });
+      } catch {
+        console.warn("⚠️ Telecop: Please install GSAP to use ParallaxScroll"), console.warn("Run: npm install gsap");
+      }
+  })(), () => {
+    (async () => {
+      try {
+        const { ScrollTrigger: f } = await import("gsap/ScrollTrigger");
+        f.getAll().forEach((n) => n.kill());
+      } catch {
+      }
+    })();
+  }), [t, o, r, c, e, u, a, p, g]), /* @__PURE__ */ w("div", { ref: i, className: y, children: m });
 }
 export {
-  u as FadeIn
+  v as FadeIn,
+  A as ParallaxScroll
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "telecop",
-  "version": "0.1.39",
+  "version": "0.1.40",
   "description": "Modern React UI Components Library with optional GSAP animations",
   "type": "module",
   "main": "./dist/index.js",