@drivexstudio/animations 1.0.1 → 1.0.3

package/dist/index.cjs

@@ -54,7 +54,7 @@ __export(packages_exports, {
   easingDefinitionToFunction: () => easingDefinitionToFunction,
   getCssScrollLocked: () => getCssScrollLocked,
   getLenis: () => getLenis,
-  gsap: () => import_gsap.default,
+  gsap: () => import_gsap.gsap,
   scrollToTop: () => scrollToTop,
   setCssScrollLocked: () => setCssScrollLocked,
   stagger: () => stagger,
@@ -76,17 +76,23 @@ module.exports = __toCommonJS(packages_exports);
 var import_react9 = __toESM(require("react"), 1);
 
 // libs/vendor.js
-var import_gsap = __toESM(require("gsap"), 1);
+var import_gsap = require("gsap");
 var import_react = require("@gsap/react");
 var import_ScrollTrigger = require("gsap/ScrollTrigger");
+var import_Flip = require("gsap/Flip");
 var import_SplitText = require("gsap/SplitText");
 var import_ScrambleTextPlugin = require("gsap/ScrambleTextPlugin");
+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.default.registerPlugin(
+import_gsap.gsap.registerPlugin(
   import_ScrollTrigger.ScrollTrigger,
   import_ScrambleTextPlugin.ScrambleTextPlugin,
-  import_SplitText.SplitText
+  import_SplitText.SplitText,
+  import_Flip.Flip,
+  import_Draggable.Draggable,
+  import_InertiaPlugin.InertiaPlugin
 );
 var cx = import_class_variance_authority.cx;
 
@@ -355,7 +361,7 @@ function ScrambleGroup({
     const callbacks = Array.from(childrenMapRef.current.values());
     const staggerValue = customStagger ?? stagger2;
     callbacks.forEach((callbackFn, index) => {
-      import_gsap.default.delayedCall(index * staggerValue, () => {
+      import_gsap.gsap.delayedCall(index * staggerValue, () => {
         callbackFn();
       });
     });
@@ -364,7 +370,7 @@ function ScrambleGroup({
   const setupScrollTrigger = (0, import_react8.useCallback)(() => {
     if (manual || !containerRef.current) return;
     isTriggering.current = false;
-    const tween = import_gsap.default.to(containerRef.current, {
+    const tween = import_gsap.gsap.to(containerRef.current, {
       scrollTrigger: {
         trigger: containerRef.current,
         start,
@@ -458,7 +464,7 @@ function ScrambleText({
       return null;
     }
     killTimeline();
-    timelineRef.current = import_gsap.default.timeline({
+    timelineRef.current = import_gsap.gsap.timeline({
       onComplete: () => {
         timelineRef.current = null;
         isCompleteRef.current = true;
@@ -645,8 +651,8 @@ var AnimatedHeadline = (0, import_react10.forwardRef)(({
   (0, import_react.useGSAP)(() => {
     if (shouldSkip || !containerRef.current || !lines) return;
     const container = containerRef.current;
-    import_gsap.default.set(container.querySelectorAll("[data-line-inner]"), { opacity: 0 });
-    import_gsap.default.set(container.querySelectorAll("[data-brand-rect], [data-fg-rect]"), { scaleX: 0, transformOrigin: "left" });
+    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" });
   }, { dependencies: [shouldSkip, lines] });
   useIdleGSAP(() => {
     if (trigger !== "scroll" || shouldSkip || !lines) return;
@@ -673,7 +679,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.default.timeline({ delay });
+      const tl = import_gsap.gsap.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);
@@ -686,8 +692,8 @@ var AnimatedHeadline = (0, import_react10.forwardRef)(({
     hasRevealedRef.current = false;
     if (!containerRef.current) return;
     const container = containerRef.current;
-    import_gsap.default.set(container.querySelectorAll("[data-line-inner]"), { opacity: 0 });
-    import_gsap.default.set(container.querySelectorAll("[data-brand-rect], [data-fg-rect]"), { scaleX: 0, transformOrigin: "left" });
+    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" });
   }, []);
   (0, import_react10.useImperativeHandle)(ref, () => ({ reveal, reset }), [reveal, reset]);
   const resolvedClassName = cx(typographyClasses[displayAs ?? Component], className);
@@ -809,7 +815,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.default.set(el, { width: finalWidth, height: finalHeight, display: "inline-block", overflow: "hidden" });
+    import_gsap.gsap.set(el, { width: finalWidth, height: finalHeight, display: "inline-block", overflow: "hidden" });
     el.innerHTML = "";
     spansRef.current = [];
     linesDataRef.current.forEach((lineData) => {
@@ -826,7 +832,7 @@ function useDualLayerScramble(options) {
       el.appendChild(span);
       spansRef.current.push(span);
     });
-    import_gsap.default.set(el, { opacity: 1 });
+    import_gsap.gsap.set(el, { opacity: 1 });
   }, []);
   const playScramble = (0, import_react11.useCallback)((overrides) => {
     var _a;
@@ -857,7 +863,7 @@ function useDualLayerScramble(options) {
     }
     killTimeline();
     isAnimatingRef.current = true;
-    timelineRef.current = import_gsap.default.timeline({
+    timelineRef.current = import_gsap.gsap.timeline({
       onComplete: () => {
         var _a2;
         isAnimatingRef.current = false;
@@ -887,7 +893,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.default.set(span, { opacity: 1 });
+        import_gsap.gsap.set(span, { opacity: 1 });
         span.innerText = spacesOnly;
       }, delay);
       (_b = timelineRef.current) == null ? void 0 : _b.to(span, {
@@ -921,7 +927,7 @@ function useDualLayerScramble(options) {
     killTimeline();
     if (elementRef.current && isPreparedRef.current) {
       elementRef.current.innerHTML = originalHTMLRef.current || originalTextRef.current;
-      import_gsap.default.set(elementRef.current, {
+      import_gsap.gsap.set(elementRef.current, {
         opacity: 0,
         width: "auto",
         height: "auto",
@@ -1425,7 +1431,7 @@ var AnimatedSubtext = (0, import_react15.forwardRef)(({
       const lines = splitTextRef.current.lines ?? [];
       if (lines.length !== 0) {
         elementRef.current.style.visibility = "visible";
-        import_gsap.default.fromTo(
+        import_gsap.gsap.fromTo(
           lines,
           { y: "100%" },
           {
@@ -1626,7 +1632,7 @@ function Preloader() {
         requestAnimationFrame(runAnimation);
         return;
       }
-      timelineRef.current = import_gsap.default.timeline();
+      timelineRef.current = import_gsap.gsap.timeline();
       onReadyRef.current();
       squares.forEach((square, index) => {
         var _a2;