@drivexstudio/animations 1.0.2 → 1.0.4

package/dist/index.js

@@ -4,7 +4,7 @@
 import React4, { useEffect as useEffect4, useRef as useRef3 } from "react";
 
 // libs/vendor.js
-import gsap from "gsap";
+import * as gsapModule from "gsap";
 import { useGSAP } from "@gsap/react";
 import { ScrollTrigger } from "gsap/ScrollTrigger";
 import { Flip } from "gsap/Flip";
@@ -14,7 +14,8 @@ import { InertiaPlugin } from "gsap/InertiaPlugin";
 import { Draggable } from "gsap/Draggable";
 import { cx as classVarianceCx } from "class-variance-authority";
 import { cva } from "class-variance-authority";
-gsap.registerPlugin(
+var gsap2 = gsapModule.gsap || gsapModule.default || gsapModule;
+gsap2.registerPlugin(
   ScrollTrigger,
   ScrambleTextPlugin,
   SplitText,
@@ -298,7 +299,7 @@ function ScrambleGroup({
     const callbacks = Array.from(childrenMapRef.current.values());
     const staggerValue = customStagger ?? stagger2;
     callbacks.forEach((callbackFn, index) => {
-      gsap.delayedCall(index * staggerValue, () => {
+      gsap2.delayedCall(index * staggerValue, () => {
         callbackFn();
       });
     });
@@ -307,7 +308,7 @@ function ScrambleGroup({
   const setupScrollTrigger = useCallback3(() => {
     if (manual || !containerRef.current) return;
     isTriggering.current = false;
-    const tween = gsap.to(containerRef.current, {
+    const tween = gsap2.to(containerRef.current, {
       scrollTrigger: {
         trigger: containerRef.current,
         start,
@@ -401,7 +402,7 @@ function ScrambleText({
       return null;
     }
     killTimeline();
-    timelineRef.current = gsap.timeline({
+    timelineRef.current = gsap2.timeline({
       onComplete: () => {
         timelineRef.current = null;
         isCompleteRef.current = true;
@@ -588,8 +589,8 @@ var AnimatedHeadline = forwardRef(({
   useGSAP(() => {
     if (shouldSkip || !containerRef.current || !lines) return;
     const container = containerRef.current;
-    gsap.set(container.querySelectorAll("[data-line-inner]"), { opacity: 0 });
-    gsap.set(container.querySelectorAll("[data-brand-rect], [data-fg-rect]"), { scaleX: 0, transformOrigin: "left" });
+    gsap2.set(container.querySelectorAll("[data-line-inner]"), { opacity: 0 });
+    gsap2.set(container.querySelectorAll("[data-brand-rect], [data-fg-rect]"), { scaleX: 0, transformOrigin: "left" });
   }, { dependencies: [shouldSkip, lines] });
   useIdleGSAP(() => {
     if (trigger !== "scroll" || shouldSkip || !lines) return;
@@ -616,7 +617,7 @@ var AnimatedHeadline = forwardRef(({
       const fgRect = lineNode.querySelector("[data-fg-rect]");
       if (!lineInner || !brandRect || !fgRect) continue;
       const rects = [brandRect, fgRect];
-      const tl = gsap.timeline({ delay });
+      const tl = gsap2.timeline({ delay });
       tl.to(brandRect, { scaleX: 1, duration: 0.45, ease: "power3.inOut" }, 0);
       tl.to(fgRect, { scaleX: 1, duration: 0.45, ease: "power3.inOut" }, 0.1);
       tl.set(lineInner, { opacity: 1 }, 0.5);
@@ -629,8 +630,8 @@ var AnimatedHeadline = forwardRef(({
     hasRevealedRef.current = false;
     if (!containerRef.current) return;
     const container = containerRef.current;
-    gsap.set(container.querySelectorAll("[data-line-inner]"), { opacity: 0 });
-    gsap.set(container.querySelectorAll("[data-brand-rect], [data-fg-rect]"), { scaleX: 0, transformOrigin: "left" });
+    gsap2.set(container.querySelectorAll("[data-line-inner]"), { opacity: 0 });
+    gsap2.set(container.querySelectorAll("[data-brand-rect], [data-fg-rect]"), { scaleX: 0, transformOrigin: "left" });
   }, []);
   useImperativeHandle(ref, () => ({ reveal, reset }), [reveal, reset]);
   const resolvedClassName = cx(typographyClasses[displayAs ?? Component], className);
@@ -752,7 +753,7 @@ function useDualLayerScramble(options) {
     const finalWidth = Math.max(((_a = dimensionsRef.current) == null ? void 0 : _a.width) ?? 0, maxWidth);
     const finalHeight = Math.max(((_b = dimensionsRef.current) == null ? void 0 : _b.height) ?? 0, totalHeight);
     isPreparedRef.current = true;
-    gsap.set(el, { width: finalWidth, height: finalHeight, display: "inline-block", overflow: "hidden" });
+    gsap2.set(el, { width: finalWidth, height: finalHeight, display: "inline-block", overflow: "hidden" });
     el.innerHTML = "";
     spansRef.current = [];
     linesDataRef.current.forEach((lineData) => {
@@ -769,7 +770,7 @@ function useDualLayerScramble(options) {
       el.appendChild(span);
       spansRef.current.push(span);
     });
-    gsap.set(el, { opacity: 1 });
+    gsap2.set(el, { opacity: 1 });
   }, []);
   const playScramble = useCallback5((overrides) => {
     var _a;
@@ -800,7 +801,7 @@ function useDualLayerScramble(options) {
     }
     killTimeline();
     isAnimatingRef.current = true;
-    timelineRef.current = gsap.timeline({
+    timelineRef.current = gsap2.timeline({
       onComplete: () => {
         var _a2;
         isAnimatingRef.current = false;
@@ -830,7 +831,7 @@ function useDualLayerScramble(options) {
       const nonSpaceCount = originalText.replace(/\s/g, "").length;
       const spacesOnly = originalText.replace(/[^\s]/g, " ");
       (_a2 = timelineRef.current) == null ? void 0 : _a2.add(() => {
-        gsap.set(span, { opacity: 1 });
+        gsap2.set(span, { opacity: 1 });
         span.innerText = spacesOnly;
       }, delay);
       (_b = timelineRef.current) == null ? void 0 : _b.to(span, {
@@ -864,7 +865,7 @@ function useDualLayerScramble(options) {
     killTimeline();
     if (elementRef.current && isPreparedRef.current) {
       elementRef.current.innerHTML = originalHTMLRef.current || originalTextRef.current;
-      gsap.set(elementRef.current, {
+      gsap2.set(elementRef.current, {
         opacity: 0,
         width: "auto",
         height: "auto",
@@ -1368,7 +1369,7 @@ var AnimatedSubtext = forwardRef3(({
       const lines = splitTextRef.current.lines ?? [];
       if (lines.length !== 0) {
         elementRef.current.style.visibility = "visible";
-        gsap.fromTo(
+        gsap2.fromTo(
           lines,
           { y: "100%" },
           {
@@ -1569,7 +1570,7 @@ function Preloader() {
         requestAnimationFrame(runAnimation);
         return;
       }
-      timelineRef.current = gsap.timeline();
+      timelineRef.current = gsap2.timeline();
       onReadyRef.current();
       squares.forEach((square, index) => {
         var _a2;
@@ -1843,7 +1844,7 @@ export {
   easingDefinitionToFunction,
   getCssScrollLocked,
   getLenis,
-  gsap,
+  gsap2 as gsap,
   scrollToTop,
   setCssScrollLocked,
   stagger,