@cosmictraveler002/anim-kit 1.0.0

package/dist/effects/horizontal-scroll.js

@@ -0,0 +1,87 @@
+/**
+ * Pinned horizontal scroll — the "our work" gallery.
+ *
+ * A tall section is pinned while an inner track slides left; images inside
+ * each panel get a secondary parallax driven by `containerAnimation`, so they
+ * settle as they cross the viewport *horizontally* rather than vertically.
+ *
+ *   horizontalScroll(section, track, { panelImage: "img" })
+ *
+ * DOM contract:
+ *   <section>            ← pinned (trigger)
+ *     <div class="track">← translated on X (track)
+ *       <div class="panel">…<img>…</div> × N
+ */
+import { gsap, ScrollTrigger, initGSAP } from "../core/gsap.js";
+import { guard } from "../core/guard.js";
+import { one } from "../core/util.js";
+export function horizontalScroll(target, options = {}) {
+    initGSAP();
+    const track = one(target);
+    if (!track)
+        return () => { };
+    const section = (options.section ? one(options.section) : null) ??
+        track.closest("section") ??
+        track;
+    const { scrub = 0.5, imageScrub = 0.2, panelImage = "img", imageParallax = true, } = options;
+    return guard(options, () => {
+        const travel = () => options.travel
+            ? options.travel()
+            : Math.max(0, track.scrollWidth - window.innerWidth);
+        const tweens = [];
+        const triggers = [];
+        const main = gsap.to(track, {
+            x: () => -travel(),
+            ease: "none",
+            scrollTrigger: {
+                trigger: section,
+                pin: true,
+                scrub,
+                end: () => "+=" + travel(),
+                invalidateOnRefresh: true,
+                anticipatePin: 1,
+            },
+        });
+        tweens.push(main);
+        if (main.scrollTrigger)
+            triggers.push(main.scrollTrigger);
+        if (imageParallax && panelImage) {
+            const images = gsap.utils.toArray(panelImage, track);
+            images.forEach((img) => {
+                const t = gsap.fromTo(img, { scale: 0.9, yPercent: 30 }, {
+                    scale: 1,
+                    yPercent: 0,
+                    ease: "power4.out",
+                    scrollTrigger: {
+                        trigger: img,
+                        containerAnimation: main,
+                        start: "left 100%",
+                        end: "left 20%",
+                        scrub: imageScrub,
+                    },
+                });
+                tweens.push(t);
+                if (t.scrollTrigger)
+                    triggers.push(t.scrollTrigger);
+            });
+        }
+        // Late-loading images change track width — refresh once they land.
+        const onLoad = () => ScrollTrigger.refresh();
+        const imgs = Array.from(track.querySelectorAll("img"));
+        imgs.forEach((img) => {
+            if (!img.complete)
+                img.addEventListener("load", onLoad, { once: true });
+        });
+        window.addEventListener("load", onLoad);
+        ScrollTrigger.refresh();
+        return () => {
+            window.removeEventListener("load", onLoad);
+            imgs.forEach((img) => img.removeEventListener("load", onLoad));
+            triggers.forEach((t) => t.kill());
+            tweens.forEach((t) => t.kill());
+            gsap.set(track, { clearProps: "transform" });
+            ScrollTrigger.refresh();
+        };
+    });
+}
+//# sourceMappingURL=horizontal-scroll.js.map

package/dist/effects/horizontal-scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"horizontal-scroll.js","sourceRoot":"","sources":["../../src/effects/horizontal-scroll.ts"],"names":[],"mappings":"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"}

package/dist/effects/line-reveal.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Line reveal — the masked, staggered text reveal used all over DZ!NR.
+ *
+ * Text is split into lines, each line gets an `overflow:hidden` mask, and the
+ * inner line slides up from `y:100%` to `y:0%`.
+ *
+ * Two modes:
+ *   mode: "scroll"   → plays when the element enters the viewport and reverses
+ *                      when it leaves (`toggleActions: "play reverse play reverse"`,
+ *                      start `top 90%` / end `bottom 10%`) — their default.
+ *   mode: "immediate"→ plays right away (used above the fold with
+ *                      `animateOnScroll: false`).
+ */
+import { EASES } from "../core/gsap.js";
+import type { CommonOptions, Destroy, TargetLike } from "../core/types.js";
+export interface LineRevealOptions extends CommonOptions {
+    /** "scroll" plays on enter/reverse on leave; "immediate" plays at once. */
+    mode?: "scroll" | "immediate";
+    /** Stagger between lines, seconds. @default 0.1 */
+    stagger?: number;
+    /** Animation duration, seconds. @default 1 */
+    duration?: number;
+    /** GSAP ease name. @default "power4.out" */
+    ease?: string;
+    /** Delay before playing, seconds. @default 0 */
+    delay?: number;
+    /** ScrollTrigger start position. @default "top 90%" */
+    start?: string;
+    /** ScrollTrigger end position. @default "bottom 10%" */
+    end?: string;
+}
+export declare function lineReveal(target: TargetLike, options?: LineRevealOptions): Destroy;
+export { EASES };
+//# sourceMappingURL=line-reveal.d.ts.map

package/dist/effects/line-reveal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-reveal.d.ts","sourceRoot":"","sources":["../../src/effects/line-reveal.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAiC,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAIvE,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE3E,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,2EAA2E;IAC3E,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IAC9B,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,GAAE,iBAAsB,GAAG,OAAO,CAsEvF;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/effects/line-reveal.js

@@ -0,0 +1,71 @@
+/**
+ * Line reveal — the masked, staggered text reveal used all over DZ!NR.
+ *
+ * Text is split into lines, each line gets an `overflow:hidden` mask, and the
+ * inner line slides up from `y:100%` to `y:0%`.
+ *
+ * Two modes:
+ *   mode: "scroll"   → plays when the element enters the viewport and reverses
+ *                      when it leaves (`toggleActions: "play reverse play reverse"`,
+ *                      start `top 90%` / end `bottom 10%`) — their default.
+ *   mode: "immediate"→ plays right away (used above the fold with
+ *                      `animateOnScroll: false`).
+ */
+import { gsap, ScrollTrigger, initGSAP, EASES } from "../core/gsap.js";
+import { guard } from "../core/guard.js";
+import { split } from "../core/split.js";
+import { toArray } from "../core/util.js";
+export function lineReveal(target, options = {}) {
+    initGSAP();
+    const { mode = "scroll", stagger = 0.1, duration = 1, ease = "power4.out", delay = 0, start = "top 90%", end = "bottom 10%", } = options;
+    const els = toArray(target);
+    if (!els.length)
+        return () => { };
+    return guard(options, run);
+    function run() {
+        const splits = [];
+        const tweens = [];
+        els.forEach((el) => {
+            const res = split(el, {
+                type: "lines",
+                mask: true,
+                linesClass: "ak-line++",
+                lineThreshold: 0.05,
+            });
+            splits.push(res);
+            // SplitText copies aria-labels onto the fragments; drop them for a11y.
+            el.querySelectorAll("[aria-label]").forEach((n) => n.removeAttribute("aria-label"));
+            if (!res.elements.length)
+                return;
+            gsap.set(res.elements, { y: "100%" });
+            const vars = {
+                y: "0%",
+                duration,
+                stagger,
+                ease,
+                delay,
+                overwrite: "auto",
+            };
+            if (mode === "scroll") {
+                vars.scrollTrigger = {
+                    trigger: el,
+                    start,
+                    end,
+                    toggleActions: "play reverse play reverse",
+                };
+            }
+            tweens.push(gsap.to(res.elements, vars));
+        });
+        ScrollTrigger.refresh();
+        return () => {
+            tweens.forEach((t) => {
+                t.scrollTrigger?.kill();
+                t.kill();
+            });
+            splits.forEach((s) => s.revert());
+            ScrollTrigger.refresh();
+        };
+    }
+}
+export { EASES };
+//# sourceMappingURL=line-reveal.js.map

package/dist/effects/line-reveal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-reveal.js","sourceRoot":"","sources":["../../src/effects/line-reveal.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAoB,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAoB1C,MAAM,UAAU,UAAU,CAAC,MAAkB,EAAE,UAA6B,EAAE;IAC5E,QAAQ,EAAE,CAAC;IAEX,MAAM,EACJ,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,GAAG,EACb,QAAQ,GAAG,CAAC,EACZ,IAAI,GAAG,YAAY,EACnB,KAAK,GAAG,CAAC,EACT,KAAK,GAAG,SAAS,EACjB,GAAG,GAAG,YAAY,GACnB,GAAG,OAAO,CAAC;IAEZ,MAAM,GAAG,GAAG,OAAO,CAAc,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,GAAG,CAAC,MAAM;QAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IAEjC,OAAO,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IAE3B,SAAS,GAAG;QACV,MAAM,MAAM,GAAkB,EAAE,CAAC;QACjC,MAAM,MAAM,GAAsB,EAAE,CAAC;QAErC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YACjB,MAAM,GAAG,GAAG,KAAK,CAAC,EAAE,EAAE;gBACpB,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,IAAI;gBACV,UAAU,EAAE,WAAW;gBACvB,aAAa,EAAE,IAAI;aACpB,CAAC,CAAC;YACH,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAEjB,uEAAuE;YACvE,EAAE,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC;YAEpF,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM;gBAAE,OAAO;YAEjC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;YAEtC,MAAM,IAAI,GAAmB;gBAC3B,CAAC,EAAE,IAAI;gBACP,QAAQ;gBACR,OAAO;gBACP,IAAI;gBACJ,KAAK;gBACL,SAAS,EAAE,MAAM;aAClB,CAAC;YAEF,IAAI,IAAI,KAAK,QAAQ,EAAE,CAAC;gBACtB,IAAI,CAAC,aAAa,GAAG;oBACnB,OAAO,EAAE,EAAE;oBACX,KAAK;oBACL,GAAG;oBACH,aAAa,EAAE,2BAA2B;iBAC3C,CAAC;YACJ,CAAC;YAED,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;QAEH,aAAa,CAAC,OAAO,EAAE,CAAC;QAExB,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;gBACnB,CAAC,CAAC,aAAa,EAAE,IAAI,EAAE,CAAC;gBACxB,CAAC,CAAC,IAAI,EAAE,CAAC;YACX,CAAC,CAAC,CAAC;YACH,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;YAClC,aAAa,CAAC,OAAO,EAAE,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC;AACH,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/effects/liquid-button.d.ts

@@ -0,0 +1,19 @@
+import type { CommonOptions, Destroy, TargetLike } from "../core/types.js";
+export interface LiquidButtonOptions extends CommonOptions {
+    /** Wave travel time in ms. @default 900 */
+    duration?: number;
+    /** CSS colour for the wave fill. @default "var(--ak-primary, #6c5ce7)" */
+    fill?: string;
+    /** Which edge the liquid rises from. @default "up" */
+    direction?: "up" | "down";
+    /** Colour the label turns on hover. @default "#fff" */
+    labelColor?: string;
+}
+export declare function liquidButton(target: TargetLike, options?: LiquidButtonOptions): Destroy;
+/**
+ * Underline sweep — the `after:` pseudo-element that wipes left→right on
+ * hover. Applied as a class so it works with zero JS; this helper exists so
+ * the same behaviour can be scoped programmatically.
+ */
+export declare function underlineLink(target: TargetLike): Destroy;
+//# sourceMappingURL=liquid-button.d.ts.map

package/dist/effects/liquid-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"liquid-button.d.ts","sourceRoot":"","sources":["../../src/effects/liquid-button.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE3E,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACxD,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,YAAY,CAC1B,MAAM,EAAE,UAAU,EAClB,OAAO,GAAE,mBAAwB,GAChC,OAAO,CA0BT;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,MAAM,EAAE,UAAU,GAAG,OAAO,CAIzD"}

package/dist/effects/liquid-button.js

@@ -0,0 +1,52 @@
+/**
+ * Liquid button — the SVG wave that floods a button from the bottom on hover.
+ *
+ * Pure CSS/SVG geometry + a transition, exactly as the studio does it: an
+ * oversized (`160%`) SVG sits below the button and translates up on hover with
+ * a curved top edge, so the fill looks like liquid rising rather than a flat
+ * rectangle. Text colour cross-fades on top of it.
+ *
+ * Usage:
+ *   <button class="ak-liquid" data-ak-liquid>
+ *     <svg class="ak-liquid__wave" viewBox="0 0 100 100" preserveAspectRatio="none">
+ *       <path d="M0,30 Q50,-5 100,30 L100,100 L0,100 Z"/>
+ *     </svg>
+ *     <span class="ak-liquid__label">Lets Talk</span>
+ *   </button>
+ *
+ * This module just wires the custom properties (`--ak-liquid-duration`,
+ * `--ak-liquid-fill`) from JS options onto the markup, so a single stylesheet
+ * drives every instance.
+ */
+import { toArray } from "../core/util.js";
+export function liquidButton(target, options = {}) {
+    const els = toArray(target);
+    if (!els.length)
+        return () => { };
+    const { duration = 900, fill = "var(--ak-primary, #6c5ce7)", direction = "up", labelColor = "#fff", } = options;
+    els.forEach((el) => {
+        el.dataset.akLiquid = direction;
+        el.style.setProperty("--ak-liquid-duration", `${duration}ms`);
+        el.style.setProperty("--ak-liquid-fill", fill);
+        el.style.setProperty("--ak-liquid-label", labelColor);
+    });
+    return () => {
+        els.forEach((el) => {
+            delete el.dataset.akLiquid;
+            el.style.removeProperty("--ak-liquid-duration");
+            el.style.removeProperty("--ak-liquid-fill");
+            el.style.removeProperty("--ak-liquid-label");
+        });
+    };
+}
+/**
+ * Underline sweep — the `after:` pseudo-element that wipes left→right on
+ * hover. Applied as a class so it works with zero JS; this helper exists so
+ * the same behaviour can be scoped programmatically.
+ */
+export function underlineLink(target) {
+    const els = toArray(target);
+    els.forEach((el) => el.classList.add("ak-underline"));
+    return () => els.forEach((el) => el.classList.remove("ak-underline"));
+}
+//# sourceMappingURL=liquid-button.js.map

package/dist/effects/liquid-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"liquid-button.js","sourceRoot":"","sources":["../../src/effects/liquid-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAc1C,MAAM,UAAU,YAAY,CAC1B,MAAkB,EAClB,UAA+B,EAAE;IAEjC,MAAM,GAAG,GAAG,OAAO,CAAc,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,GAAG,CAAC,MAAM;QAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IAEjC,MAAM,EACJ,QAAQ,GAAG,GAAG,EACd,IAAI,GAAG,4BAA4B,EACnC,SAAS,GAAG,IAAI,EAChB,UAAU,GAAG,MAAM,GACpB,GAAG,OAAO,CAAC;IAEZ,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;QACjB,EAAE,CAAC,OAAO,CAAC,QAAQ,GAAG,SAAS,CAAC;QAChC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,sBAAsB,EAAE,GAAG,QAAQ,IAAI,CAAC,CAAC;QAC9D,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,IAAI,CAAC,CAAC;QAC/C,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,OAAO,GAAG,EAAE;QACV,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YACjB,OAAO,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC;YAC3B,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC;YAChD,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;YAC5C,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;QAC/C,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAAC,MAAkB;IAC9C,MAAM,GAAG,GAAG,OAAO,CAAc,MAAM,CAAC,CAAC;IACzC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC;IACtD,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC;AACxE,CAAC"}

package/dist/effects/logo-reveal.d.ts

@@ -0,0 +1,15 @@
+import type { CommonOptions, Destroy, TargetLike } from "../core/types.js";
+export interface LogoRevealOptions extends CommonOptions {
+    /** Selector for the animatable paths inside the SVG. @default "[data-logo-path], .svg-anim-path" */
+    path?: string;
+    /** Stagger between paths, seconds. @default 0.05 */
+    stagger?: number;
+    duration?: number;
+    ease?: string;
+    start?: string;
+    end?: string;
+    /** Play once and never reverse. @default false */
+    once?: boolean;
+}
+export declare function logoReveal(target: TargetLike, options?: LogoRevealOptions): Destroy;
+//# sourceMappingURL=logo-reveal.d.ts.map

package/dist/effects/logo-reveal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo-reveal.d.ts","sourceRoot":"","sources":["../../src/effects/logo-reveal.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE3E,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,oGAAoG;IACpG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,GAAE,iBAAsB,GAAG,OAAO,CA+CvF"}

package/dist/effects/logo-reveal.js

@@ -0,0 +1,49 @@
+/**
+ * Logo reveal — the DZ!NR wordmark that assembles letter by letter.
+ *
+ * Every path inside the SVG gets class `svg-anim-path`, is pre-set to
+ * `y:-100%, opacity:0`, then slides down into place with a 0.05s stagger when
+ * the mark scrolls into view (reversing back out when it leaves).
+ *
+ *   logoReveal(".logo svg")            ← animates [data-logo-path] children
+ *   logoReveal(el, { path: ".my-class" })
+ */
+import { gsap, ScrollTrigger, initGSAP } from "../core/gsap.js";
+import { guard } from "../core/guard.js";
+import { one, toArray } from "../core/util.js";
+export function logoReveal(target, options = {}) {
+    initGSAP();
+    const el = one(target);
+    if (!el)
+        return () => { };
+    const { path = "[data-logo-path], .svg-anim-path", stagger = 0.05, duration = 1, ease = "power2.out", start = "top 80%", end = "bottom top", once = false, } = options;
+    return guard(options, () => {
+        const paths = toArray(path, el);
+        if (!paths.length)
+            return () => { };
+        gsap.set(paths, { yPercent: -100, opacity: 0, willChange: "transform" });
+        const tween = gsap.to(paths, {
+            yPercent: 0,
+            opacity: 1,
+            duration,
+            delay: 0,
+            ease,
+            stagger,
+            scrollTrigger: {
+                trigger: el,
+                start,
+                end,
+                once,
+                toggleActions: once ? undefined : "play reverse play reverse",
+            },
+        });
+        ScrollTrigger.refresh();
+        return () => {
+            tween.scrollTrigger?.kill();
+            tween.kill();
+            gsap.set(paths, { clearProps: "all" });
+            ScrollTrigger.refresh();
+        };
+    });
+}
+//# sourceMappingURL=logo-reveal.js.map

package/dist/effects/logo-reveal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo-reveal.js","sourceRoot":"","sources":["../../src/effects/logo-reveal.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAgB/C,MAAM,UAAU,UAAU,CAAC,MAAkB,EAAE,UAA6B,EAAE;IAC5E,QAAQ,EAAE,CAAC;IAEX,MAAM,EAAE,GAAG,GAAG,CAAc,MAAM,CAAC,CAAC;IACpC,IAAI,CAAC,EAAE;QAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IAEzB,MAAM,EACJ,IAAI,GAAG,kCAAkC,EACzC,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,CAAC,EACZ,IAAI,GAAG,YAAY,EACnB,KAAK,GAAG,SAAS,EACjB,GAAG,GAAG,YAAY,EAClB,IAAI,GAAG,KAAK,GACb,GAAG,OAAO,CAAC;IAEZ,OAAO,KAAK,CAAC,OAAO,EAAE,GAAG,EAAE;QACzB,MAAM,KAAK,GAAG,OAAO,CAAU,IAAI,EAAE,EAAE,CAAC,CAAC;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;QAEnC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,WAAW,EAAE,CAAC,CAAC;QAEzE,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE;YAC3B,QAAQ,EAAE,CAAC;YACX,OAAO,EAAE,CAAC;YACV,QAAQ;YACR,KAAK,EAAE,CAAC;YACR,IAAI;YACJ,OAAO;YACP,aAAa,EAAE;gBACb,OAAO,EAAE,EAAE;gBACX,KAAK;gBACL,GAAG;gBACH,IAAI;gBACJ,aAAa,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,2BAA2B;aAC9D;SACF,CAAC,CAAC;QAEH,aAAa,CAAC,OAAO,EAAE,CAAC;QAExB,OAAO,GAAG,EAAE;YACV,KAAK,CAAC,aAAa,EAAE,IAAI,EAAE,CAAC;YAC5B,KAAK,CAAC,IAAI,EAAE,CAAC;YACb,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC;YACvC,aAAa,CAAC,OAAO,EAAE,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC"}

package/dist/effects/marquee.d.ts

@@ -0,0 +1,13 @@
+import type { CommonOptions, Destroy, TargetLike } from "../core/types.js";
+export interface MarqueeOptions extends CommonOptions {
+    /** Pixels per second. @default 40 (the studio's rate) */
+    speed?: number;
+    /** Force a direction for every track. Otherwise read `data-dir`. */
+    direction?: "left" | "right";
+    /** Duplicate the content automatically if it isn't already doubled. @default true */
+    clone?: boolean;
+    /** Pause the loop on pointer enter. @default false */
+    pauseOnHover?: boolean;
+}
+export declare function marquee(target: TargetLike, options?: MarqueeOptions): Destroy;
+//# sourceMappingURL=marquee.d.ts.map

package/dist/effects/marquee.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"marquee.d.ts","sourceRoot":"","sources":["../../src/effects/marquee.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE3E,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,yDAAyD;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC7B,qFAAqF;IACrF,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sDAAsD;IACtD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,OAAO,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,GAAE,cAAmB,GAAG,OAAO,CAqGjF"}

package/dist/effects/marquee.js

@@ -0,0 +1,143 @@
+/**
+ * Marquee — the infinite, dual-row client-logo band.
+ *
+ * Two rows scroll in opposite directions at a constant px/s using a single
+ * rAF loop. Each row's content is duplicated once; when the offset passes one
+ * copy's width it wraps by exactly that width, so the seam is invisible.
+ *
+ *   <div class="ak-marquee">
+ *     <div class="ak-marquee__viewport">
+ *       <div class="ak-marquee__track" data-dir="left">…items…</div>
+ *     </div>
+ *   </div>
+ *
+ * Call `marquee()` once per track, or pass a container with `[data-marquee]`.
+ */
+import { gsap, initGSAP } from "../core/gsap.js";
+import { guard } from "../core/guard.js";
+import { toArray } from "../core/util.js";
+export function marquee(target, options = {}) {
+    initGSAP();
+    const roots = toArray(target);
+    if (!roots.length)
+        return () => { };
+    const { speed = 40, clone = true, pauseOnHover = false } = options;
+    return guard(options, () => {
+        const tracks = [];
+        roots.forEach((root) => {
+            if (root.matches("[data-marquee-track]"))
+                tracks.push(root);
+            else
+                root.querySelectorAll("[data-marquee-track]").forEach((t) => tracks.push(t));
+        });
+        const states = tracks.map((track) => {
+            const originalCount = track.children.length;
+            if (clone)
+                duplicateOnce(track);
+            const dir = options.direction ?? (track.dataset.dir === "right" ? "right" : "left");
+            return {
+                track,
+                dir,
+                offset: 0,
+                width: 0,
+                hovering: false,
+                originalCount,
+                // Only OUR duplication gets removed on destroy — a consumer who
+                // pre-tiled the track (data-marquee-cloned) keeps their markup.
+                cloned: track.children.length > originalCount,
+            };
+        });
+        const measure = () => {
+            states.forEach((s) => {
+                s.width = measureCopy(s.track);
+                if (s.dir === "right" && s.offset === 0)
+                    s.offset = -s.width;
+            });
+        };
+        measure();
+        let last = performance.now();
+        let rafId = 0;
+        let running = true;
+        const loop = (now) => {
+            if (!running)
+                return;
+            const dt = Math.min(64, now - last) / 1000;
+            last = now;
+            for (const s of states) {
+                if (!s.width)
+                    continue;
+                if (pauseOnHover && s.hovering)
+                    continue;
+                const delta = speed * dt * (s.dir === "right" ? 1 : -1);
+                s.offset += delta;
+                // Wrap by exactly one copy width — seamless.
+                if (s.offset <= -s.width)
+                    s.offset += s.width;
+                if (s.offset >= 0)
+                    s.offset -= s.width;
+                gsap.set(s.track, { x: s.offset });
+            }
+            rafId = requestAnimationFrame(loop);
+        };
+        rafId = requestAnimationFrame(loop);
+        const onResize = () => {
+            measure();
+        };
+        window.addEventListener("resize", onResize);
+        const cleanups = [];
+        if (pauseOnHover) {
+            states.forEach((s) => {
+                const enter = () => (s.hovering = true);
+                const leave = () => (s.hovering = false);
+                s.track.addEventListener("pointerenter", enter);
+                s.track.addEventListener("pointerleave", leave);
+                cleanups.push(() => {
+                    s.track.removeEventListener("pointerenter", enter);
+                    s.track.removeEventListener("pointerleave", leave);
+                });
+            });
+        }
+        return () => {
+            running = false;
+            cancelAnimationFrame(rafId);
+            window.removeEventListener("resize", onResize);
+            cleanups.forEach((fn) => fn());
+            states.forEach((s) => {
+                gsap.set(s.track, { clearProps: "transform" });
+                // Contract: destroy restores the original markup — drop our copy.
+                if (s.cloned) {
+                    while (s.track.children.length > s.originalCount) {
+                        s.track.removeChild(s.track.lastElementChild);
+                    }
+                    delete s.track.dataset.marqueeCloned;
+                }
+            });
+        };
+    });
+}
+function duplicateOnce(track) {
+    if (track.dataset.marqueeCloned === "true")
+        return;
+    const copy = track.innerHTML;
+    track.insertAdjacentHTML("beforeend", copy);
+    track.dataset.marqueeCloned = "true";
+}
+/** Width of a single copy of the track content, in px. */
+function measureCopy(track) {
+    if (track.dataset.marqueeCloned !== "true")
+        return track.scrollWidth;
+    // Content was doubled, so one copy is half — but gaps can make it uneven,
+    // so measure the first half of the children instead.
+    const children = Array.from(track.children);
+    if (!children.length)
+        return track.scrollWidth / 2;
+    const half = Math.floor(children.length / 2);
+    let width = 0;
+    for (let i = 0; i < half; i++) {
+        const r = children[i].getBoundingClientRect();
+        const next = children[i + 1]?.getBoundingClientRect();
+        width += next ? next.left - r.left : r.width;
+    }
+    return width > 0 ? width : track.scrollWidth / 2;
+}
+//# sourceMappingURL=marquee.js.map

package/dist/effects/marquee.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marquee.js","sourceRoot":"","sources":["../../src/effects/marquee.ts"],"names":[],"mappings":"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"}

package/dist/effects/mask-reveal.d.ts

@@ -0,0 +1,36 @@
+import type { CommonOptions, Destroy, TargetLike } from "../core/types.js";
+export interface MaskRevealOptions extends CommonOptions {
+    /** Where the inner span starts. @default "100%" (fully below the mask) */
+    from?: string;
+    /** Where it settles. @default "0%" */
+    to?: string;
+    /** Duration, seconds. @default 0.5 */
+    duration?: number;
+    /** Ease name. @default EASES.reveal (".165,.84,.44,1") */
+    ease?: string;
+    /** Stagger across matched elements, seconds. @default 0.1 */
+    stagger?: number;
+    /** Delay before playing, seconds. @default 0 */
+    delay?: number;
+    /** ScrollTrigger start. @default "top 90%" */
+    start?: string;
+    /** ScrollTrigger end. @default "bottom 10%" */
+    end?: string;
+    /** "scroll" reverses on leave; "immediate" plays at once. @default "scroll" */
+    mode?: "scroll" | "immediate";
+}
+export declare function maskReveal(target: TargetLike, options?: MaskRevealOptions): Destroy;
+/**
+ * Rule reveal — the thin line that draws itself out to full width.
+ *
+ *   <div class="ak-rule"></div>
+ *   revealRule(".ak-rule")
+ *
+ * `initial:{width:0}` → `whileInView:{width:"100%"}`, duration 1s, same ease.
+ */
+export declare function revealRule(target: TargetLike, options?: CommonOptions & {
+    duration?: number;
+    delay?: number;
+    ease?: string;
+}): Destroy;
+//# sourceMappingURL=mask-reveal.d.ts.map

package/dist/effects/mask-reveal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mask-reveal.d.ts","sourceRoot":"","sources":["../../src/effects/mask-reveal.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE3E,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,+EAA+E;IAC/E,IAAI,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;CAC/B;AAED,wBAAgB,UAAU,CAAC,MAAM,EAAE,UAAU,EAAE,OAAO,GAAE,iBAAsB,GAAG,OAAO,CAiEvF;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CACxB,MAAM,EAAE,UAAU,EAClB,OAAO,GAAE,aAAa,GAAG;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAO,GACjF,OAAO,CA4BT"}