@drivexstudio/animations 1.0.3 → 1.0.4

package/dist/index.cjs

@@ -28,8 +28,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // packages/index.js
-var packages_exports = {};
-__export(packages_exports, {
+var index_exports = {};
+__export(index_exports, {
   AnimatedButton: () => AnimatedButton,
   AnimatedHeadline: () => AnimatedHeadline_default,
   AnimatedLink: () => AnimatedLink_default,
@@ -54,7 +54,7 @@ __export(packages_exports, {
   easingDefinitionToFunction: () => easingDefinitionToFunction,
   getCssScrollLocked: () => getCssScrollLocked,
   getLenis: () => getLenis,
-  gsap: () => import_gsap.gsap,
+  gsap: () => gsap2,
   scrollToTop: () => scrollToTop,
   setCssScrollLocked: () => setCssScrollLocked,
   stagger: () => stagger,
@@ -70,13 +70,13 @@ __export(packages_exports, {
   usePreloader: () => usePreloader,
   useScrambleGroup: () => useScrambleGroup
 });
-module.exports = __toCommonJS(packages_exports);
+module.exports = __toCommonJS(index_exports);
 
 // packages/animations/ScrambleText.jsx
 var import_react9 = __toESM(require("react"), 1);
 
 // libs/vendor.js
-var import_gsap = require("gsap");
+var gsapModule = __toESM(require("gsap"), 1);
 var import_react = require("@gsap/react");
 var import_ScrollTrigger = require("gsap/ScrollTrigger");
 var import_Flip = require("gsap/Flip");
@@ -86,7 +86,8 @@ var import_InertiaPlugin = require("gsap/InertiaPlugin");
 var import_Draggable = require("gsap/Draggable");
 var import_class_variance_authority = require("class-variance-authority");
 var import_class_variance_authority2 = require("class-variance-authority");
-import_gsap.gsap.registerPlugin(
+var gsap2 = gsapModule.gsap || gsapModule.default || gsapModule;
+gsap2.registerPlugin(
   import_ScrollTrigger.ScrollTrigger,
   import_ScrambleTextPlugin.ScrambleTextPlugin,
   import_SplitText.SplitText,
@@ -361,7 +362,7 @@ function ScrambleGroup({
     const callbacks = Array.from(childrenMapRef.current.values());
     const staggerValue = customStagger ?? stagger2;
     callbacks.forEach((callbackFn, index) => {
-      import_gsap.gsap.delayedCall(index * staggerValue, () => {
+      gsap2.delayedCall(index * staggerValue, () => {
         callbackFn();
       });
     });
@@ -370,7 +371,7 @@ function ScrambleGroup({
   const setupScrollTrigger = (0, import_react8.useCallback)(() => {
     if (manual || !containerRef.current) return;
     isTriggering.current = false;
-    const tween = import_gsap.gsap.to(containerRef.current, {
+    const tween = gsap2.to(containerRef.current, {
       scrollTrigger: {
         trigger: containerRef.current,
         start,
@@ -464,7 +465,7 @@ function ScrambleText({
       return null;
     }
     killTimeline();
-    timelineRef.current = import_gsap.gsap.timeline({
+    timelineRef.current = gsap2.timeline({
       onComplete: () => {
         timelineRef.current = null;
         isCompleteRef.current = true;
@@ -651,8 +652,8 @@ var AnimatedHeadline = (0, import_react10.forwardRef)(({
   (0, import_react.useGSAP)(() => {
     if (shouldSkip || !containerRef.current || !lines) return;
     const container = containerRef.current;
-    import_gsap.gsap.set(container.querySelectorAll("[data-line-inner]"), { opacity: 0 });
-    import_gsap.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;
@@ -679,7 +680,7 @@ var AnimatedHeadline = (0, import_react10.forwardRef)(({
       const fgRect = lineNode.querySelector("[data-fg-rect]");
       if (!lineInner || !brandRect || !fgRect) continue;
       const rects = [brandRect, fgRect];
-      const tl = import_gsap.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);
@@ -692,8 +693,8 @@ var AnimatedHeadline = (0, import_react10.forwardRef)(({
     hasRevealedRef.current = false;
     if (!containerRef.current) return;
     const container = containerRef.current;
-    import_gsap.gsap.set(container.querySelectorAll("[data-line-inner]"), { opacity: 0 });
-    import_gsap.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" });
   }, []);
   (0, import_react10.useImperativeHandle)(ref, () => ({ reveal, reset }), [reveal, reset]);
   const resolvedClassName = cx(typographyClasses[displayAs ?? Component], className);
@@ -815,7 +816,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;
-    import_gsap.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) => {
@@ -832,7 +833,7 @@ function useDualLayerScramble(options) {
       el.appendChild(span);
       spansRef.current.push(span);
     });
-    import_gsap.gsap.set(el, { opacity: 1 });
+    gsap2.set(el, { opacity: 1 });
   }, []);
   const playScramble = (0, import_react11.useCallback)((overrides) => {
     var _a;
@@ -863,7 +864,7 @@ function useDualLayerScramble(options) {
     }
     killTimeline();
     isAnimatingRef.current = true;
-    timelineRef.current = import_gsap.gsap.timeline({
+    timelineRef.current = gsap2.timeline({
       onComplete: () => {
         var _a2;
         isAnimatingRef.current = false;
@@ -893,7 +894,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(() => {
-        import_gsap.gsap.set(span, { opacity: 1 });
+        gsap2.set(span, { opacity: 1 });
         span.innerText = spacesOnly;
       }, delay);
       (_b = timelineRef.current) == null ? void 0 : _b.to(span, {
@@ -927,7 +928,7 @@ function useDualLayerScramble(options) {
     killTimeline();
     if (elementRef.current && isPreparedRef.current) {
       elementRef.current.innerHTML = originalHTMLRef.current || originalTextRef.current;
-      import_gsap.gsap.set(elementRef.current, {
+      gsap2.set(elementRef.current, {
         opacity: 0,
         width: "auto",
         height: "auto",
@@ -1431,7 +1432,7 @@ var AnimatedSubtext = (0, import_react15.forwardRef)(({
       const lines = splitTextRef.current.lines ?? [];
       if (lines.length !== 0) {
         elementRef.current.style.visibility = "visible";
-        import_gsap.gsap.fromTo(
+        gsap2.fromTo(
           lines,
           { y: "100%" },
           {
@@ -1632,7 +1633,7 @@ function Preloader() {
         requestAnimationFrame(runAnimation);
         return;
       }
-      timelineRef.current = import_gsap.gsap.timeline();
+      timelineRef.current = gsap2.timeline();
       onReadyRef.current();
       squares.forEach((square, index) => {
         var _a2;