@xanui/core 1.2.71 → 1.3.1

package/Transition/variants.js

@@ -1,209 +1,132 @@
-const getY = (rect) => rect ? Math.min(rect.height / 2, 40) : 20;
-const getX = (rect) => rect ? Math.min(rect.width / 2, 40) : 20;
-const slideDown = (rect) => {
-    const y = getY(rect);
+"use client";
+const getY = (el) => (el ? Math.min(el.getBoundingClientRect().height / 2, 40) : 20);
+const getX = (el) => (el ? Math.min(el.getBoundingClientRect().width / 2, 40) : 20);
+// ------------------ Variants ------------------
+const slideDown = (el) => {
+    const y = getY(el);
     return {
-        from: {
-            transform: `translateY(-${y}px)`,
-        },
-        to: {
-            transform: `translateY(0)`,
-        }
+        from: { y: -y },
+        to: { y: 0 },
+        onUpdate: ({ y }) => (el.style.transform = `translateY(${y}px)`),
     };
 };
-const slideUp = (rect) => {
-    const y = getY(rect);
+const slideUp = (el) => {
+    const y = getY(el);
     return {
-        from: {
-            transform: `translateY(${y}px)`,
-        },
-        to: {
-            transform: `translateY(0)`,
-        }
+        from: { y },
+        to: { y: 0 },
+        onUpdate: ({ y }) => (el.style.transform = `translateY(${y}px)`),
     };
 };
-const slideRight = (rect) => {
-    const x = getX(rect);
+const slideRight = (el) => {
+    const x = getX(el);
     return {
-        from: {
-            transform: `translateX(-${x}px)`,
-        },
-        to: {
-            transform: `translateX(0)`,
-        }
+        from: { x: -x },
+        to: { x: 0 },
+        onUpdate: ({ x }) => (el.style.transform = `translateX(${x}px)`),
     };
 };
-const slideLeft = (rect) => {
-    const x = getX(rect);
+const slideLeft = (el) => {
+    const x = getX(el);
     return {
-        from: {
-            transform: `translateX(${x}px)`,
-        },
-        to: {
-            transform: `translateX(0)`,
-        }
+        from: { x },
+        to: { x: 0 },
+        onUpdate: ({ x }) => (el.style.transform = `translateX(${x}px)`),
     };
 };
-const scaleYDown = () => ({
-    from: {
-        transform: "scaleY(0.8)",
-        opacity: 0,
-        pointerEvents: 'none',
-        transformOrigin: "top"
-    },
-    to: {
-        transform: "scaleY(1)",
-        opacity: 1,
-        transformOrigin: "top"
-    }
+const fade = (el) => ({
+    from: { opacity: 0 },
+    to: { opacity: 1 },
+    onUpdate: ({ opacity }) => (el.style.opacity = opacity),
 });
-const scaleYUp = () => ({
-    from: {
-        transform: "scaleY(0.8)",
-        transformOrigin: "bottom",
-        opacity: 0,
-        pointerEvents: 'none'
-    },
-    to: {
-        transform: "scaleY(1)",
-        transformOrigin: "bottom",
-        opacity: 1
-    }
-});
-const fade = () => {
+const fadeDown = (el) => {
+    const y = getY(el);
     return {
-        from: {
-            opacity: 0,
-            pointerEvents: 'none'
-        },
-        to: {
-            opacity: 1
+        from: { y: -y, scale: 0.98, opacity: 0 },
+        to: { y: 0, scale: 1, opacity: 1 },
+        onUpdate: ({ y, scale, opacity }) => {
+            el.style.transform = `translateY(${y}px) scale(${scale})`;
+            el.style.opacity = String(opacity);
         }
     };
 };
-const fadeDown = (rect) => {
-    const y = getY(rect);
+const fadeUp = (el) => {
+    const y = getY(el);
     return {
-        from: {
-            transform: `translateY(-${y}px) scale(0.98)`,
-            opacity: 0,
-            pointerEvents: 'none'
-        },
-        to: {
-            transform: `translateY(0) scale(1)`,
-            opacity: 1
+        from: { y, scale: 0.98, opacity: 0 },
+        to: { y: 0, scale: 1, opacity: 1 },
+        onUpdate: ({ y, scale, opacity }) => {
+            el.style.transform = `translateY(${y}px) scale(${scale})`;
+            el.style.opacity = String(opacity);
         }
     };
 };
-const fadeUp = (rect) => {
-    const y = getY(rect);
+const fadeRight = (el) => {
+    const x = getX(el);
     return {
-        from: {
-            transform: `translateY(${y}px) scale(0.98)`,
-            opacity: 0,
-            pointerEvents: 'none'
-        },
-        to: {
-            transform: `translateY(0) scale(1)`,
-            opacity: 1
+        from: { x: -x, scale: 0.98, opacity: 0 },
+        to: { x: 0, scale: 1, opacity: 1 },
+        onUpdate: ({ x, scale, opacity }) => {
+            el.style.transform = `translateX(${x}px) scale(${scale})`;
+            el.style.opacity = String(opacity);
         }
     };
 };
-const fadeRight = (rect) => {
-    const x = getX(rect);
+const fadeLeft = (el) => {
+    const x = getX(el);
     return {
-        from: {
-            transform: `translateX(-${x}px) scale(0.98)`,
-            opacity: 0,
-            pointerEvents: 'none'
-        },
-        to: {
-            transform: `translateX(0) scale(1)`,
-            opacity: 1
+        from: { x, scale: 0.98, opacity: 0 },
+        to: { x: 0, scale: 1, opacity: 1 },
+        onUpdate: ({ x, scale, opacity }) => {
+            el.style.transform = `translateX(${x}px) scale(${scale})`;
+            el.style.opacity = String(opacity);
         }
     };
 };
-const fadeLeft = (rect) => {
-    const x = getX(rect);
-    return {
-        from: {
-            transform: `translateX(${x}px) scale(0.98)`,
-            opacity: 0,
-            pointerEvents: 'none'
-        },
-        to: {
-            transform: `translateX(0) scale(1)`,
-            opacity: 1
-        }
-    };
-};
-const grow = () => {
-    return {
-        from: {
-            transform: "scale(.8, .6)",
-            opacity: 0,
-            pointerEvents: 'none'
-        },
-        to: {
-            transform: "scale(1)",
-            opacity: 1
-        }
-    };
-};
-const zoom = () => {
-    return {
-        from: {
-            transform: "scale(.8)",
-            transformOrigin: "center",
-            opacity: 0,
-            pointerEvents: 'none'
-        },
-        to: {
-            transform: "scale(1)",
-            transformOrigin: "center",
-            opacity: 1
-        }
-    };
-};
-const zoomOver = () => {
-    return {
-        from: {
-            transform: "scale(1.2)",
-            transformOrigin: "center",
-            opacity: 0,
-            pointerEvents: 'none'
-        },
-        to: {
-            transform: "scale(1)",
-            transformOrigin: "center",
-            opacity: 1
-        }
-    };
-};
-const collapseVertical = (rect) => {
+const zoom = (el) => ({
+    from: { scale: 0.8, opacity: 0 },
+    to: { scale: 1, opacity: 1 },
+    onUpdate: ({ scale, opacity }) => {
+        el.style.transform = `scale(${scale})`;
+        el.style.opacity = String(opacity);
+    },
+});
+const zoomOver = (el) => ({
+    from: { scale: 1.2, opacity: 0 },
+    to: { scale: 1, opacity: 1 },
+    onUpdate: ({ scale, opacity }) => {
+        el.style.transform = `scale(${scale})`;
+        el.style.opacity = String(opacity);
+    },
+});
+const grow = (el) => ({
+    from: { scaleX: 0.8, scaleY: 0.6, opacity: 0 },
+    to: { scaleX: 1, scaleY: 1, opacity: 1 },
+    onUpdate: ({ scaleX, scaleY, opacity }) => {
+        el.style.transform = `scale(${scaleX}, ${scaleY})`;
+        el.style.opacity = String(opacity);
+    }
+});
+const collapseVertical = (el) => {
+    const height = el.getBoundingClientRect().height;
     return {
-        from: {
-            maxHeight: "0px",
-            overflow: "hidden"
+        from: { maxHeight: 0 },
+        to: { maxHeight: height },
+        onUpdate: ({ maxHeight }) => {
+            el.style.maxHeight = `${maxHeight}px`;
         },
-        to: {
-            maxHeight: rect.height + "px",
-            overflow: "hidden"
-        }
     };
 };
-const collapseHorizontal = (rect) => {
+const collapseHorizontal = (el) => {
+    const width = el.getBoundingClientRect().width;
     return {
-        from: {
-            width: "0px",
-            overflow: "hidden"
+        from: { width: 0 },
+        to: { width },
+        onUpdate: ({ width }) => {
+            el.style.width = `${width}px`;
         },
-        to: {
-            width: rect.width + "px",
-            overflow: "hidden"
-        }
     };
 };
 
-export { collapseHorizontal, collapseVertical, fade, fadeDown, fadeLeft, fadeRight, fadeUp, grow, scaleYDown, scaleYUp, slideDown, slideLeft, slideRight, slideUp, zoom, zoomOver };
+export { collapseHorizontal, collapseVertical, fade, fadeDown, fadeLeft, fadeRight, fadeUp, grow, slideDown, slideLeft, slideRight, slideUp, zoom, zoomOver };
 //# sourceMappingURL=variants.js.map

package/Transition/variants.js.map

@@ -1 +1 @@
-{"version":3,"file":"variants.js","sources":["../../src/Transition/variants.ts"],"sourcesContent":["\nconst getY = (rect?: DOMRect) =>\n    rect ? Math.min(rect.height / 2, 40) : 20\n\nconst getX = (rect?: DOMRect) =>\n    rect ? Math.min(rect.width / 2, 40) : 20\n\n\n\nexport const slideDown = (rect?: DOMRect) => {\n    const y = getY(rect)\n\n    return {\n        from: {\n            transform: `translateY(-${y}px)`,\n        },\n        to: {\n            transform: `translateY(0)`,\n        }\n    }\n}\n\nexport const slideUp = (rect?: DOMRect) => {\n    const y = getY(rect)\n\n    return {\n        from: {\n            transform: `translateY(${y}px)`,\n        },\n        to: {\n            transform: `translateY(0)`,\n        }\n    }\n}\n\nexport const slideRight = (rect?: DOMRect) => {\n    const x = getX(rect)\n\n    return {\n        from: {\n            transform: `translateX(-${x}px)`,\n        },\n        to: {\n            transform: `translateX(0)`,\n        }\n    }\n}\n\nexport const slideLeft = (rect?: DOMRect) => {\n    const x = getX(rect)\n\n    return {\n        from: {\n            transform: `translateX(${x}px)`,\n        },\n        to: {\n            transform: `translateX(0)`,\n        }\n    }\n}\n\nexport const scaleYDown = () => ({\n    from: {\n        transform: \"scaleY(0.8)\",\n        opacity: 0,\n        pointerEvents: 'none',\n        transformOrigin: \"top\"\n    },\n    to: {\n        transform: \"scaleY(1)\",\n        opacity: 1,\n        transformOrigin: \"top\"\n    }\n})\n\nexport const scaleYUp = () => ({\n    from: {\n        transform: \"scaleY(0.8)\",\n        transformOrigin: \"bottom\",\n        opacity: 0,\n        pointerEvents: 'none'\n    },\n    to: {\n        transform: \"scaleY(1)\",\n        transformOrigin: \"bottom\",\n        opacity: 1\n    }\n})\n\nexport const fade = () => {\n    return {\n        from: {\n            opacity: 0,\n            pointerEvents: 'none'\n        },\n        to: {\n            opacity: 1\n        }\n    }\n}\n\n\nexport const fadeDown = (rect?: DOMRect) => {\n    const y = getY(rect)\n\n    return {\n        from: {\n            transform: `translateY(-${y}px) scale(0.98)`,\n            opacity: 0,\n            pointerEvents: 'none'\n        },\n        to: {\n            transform: `translateY(0) scale(1)`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeUp = (rect?: DOMRect) => {\n    const y = getY(rect)\n\n    return {\n        from: {\n            transform: `translateY(${y}px) scale(0.98)`,\n            opacity: 0,\n            pointerEvents: 'none'\n        },\n        to: {\n            transform: `translateY(0) scale(1)`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeRight = (rect?: DOMRect) => {\n    const x = getX(rect)\n\n    return {\n        from: {\n            transform: `translateX(-${x}px) scale(0.98)`,\n            opacity: 0,\n            pointerEvents: 'none'\n        },\n        to: {\n            transform: `translateX(0) scale(1)`,\n            opacity: 1\n        }\n    }\n}\n\nexport const fadeLeft = (rect?: DOMRect) => {\n    const x = getX(rect)\n\n    return {\n        from: {\n            transform: `translateX(${x}px) scale(0.98)`,\n            opacity: 0,\n            pointerEvents: 'none'\n        },\n        to: {\n            transform: `translateX(0) scale(1)`,\n            opacity: 1\n        }\n    }\n}\n\nexport const grow = () => {\n    return {\n        from: {\n            transform: \"scale(.8, .6)\",\n            opacity: 0,\n            pointerEvents: 'none'\n        },\n        to: {\n            transform: \"scale(1)\",\n            opacity: 1\n        }\n    }\n}\n\nexport const zoom = () => {\n    return {\n        from: {\n            transform: \"scale(.8)\",\n            transformOrigin: \"center\",\n            opacity: 0,\n            pointerEvents: 'none'\n        },\n        to: {\n            transform: \"scale(1)\",\n            transformOrigin: \"center\",\n            opacity: 1\n        }\n    }\n}\n\nexport const zoomOver = () => {\n    return {\n        from: {\n            transform: \"scale(1.2)\",\n            transformOrigin: \"center\",\n            opacity: 0,\n            pointerEvents: 'none'\n        },\n        to: {\n            transform: \"scale(1)\",\n            transformOrigin: \"center\",\n            opacity: 1\n        }\n    }\n}\n\nexport const collapseVertical = (rect: DOMRect) => {\n    return {\n        from: {\n            maxHeight: \"0px\",\n            overflow: \"hidden\"\n        },\n        to: {\n            maxHeight: rect.height + \"px\",\n            overflow: \"hidden\"\n        }\n    }\n}\n\n\nexport const collapseHorizontal = (rect: DOMRect) => {\n    return {\n        from: {\n            width: \"0px\",\n            overflow: \"hidden\"\n        },\n        to: {\n            width: rect.width + \"px\",\n            overflow: \"hidden\"\n        }\n    }\n}\n\n\n\n\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"variants.js","sources":["../../src/Transition/variants.ts"],"sourcesContent":["\"use client\"\nconst getY = (el?: HTMLElement) => (el ? Math.min(el.getBoundingClientRect().height / 2, 40) : 20)\nconst getX = (el?: HTMLElement) => (el ? Math.min(el.getBoundingClientRect().width / 2, 40) : 20)\n\n// ------------------ Variants ------------------\n\nexport const slideDown = (el: HTMLElement) => {\n    const y = getY(el)\n    return {\n        from: { y: -y },\n        to: { y: 0 },\n        onUpdate: ({ y }: any) => (el.style.transform = `translateY(${y}px)`),\n    }\n}\n\nexport const slideUp = (el: HTMLElement) => {\n    const y = getY(el)\n    return {\n        from: { y },\n        to: { y: 0 },\n        onUpdate: ({ y }: any) => (el.style.transform = `translateY(${y}px)`),\n    }\n}\n\nexport const slideRight = (el: HTMLElement) => {\n    const x = getX(el)\n    return {\n        from: { x: -x },\n        to: { x: 0 },\n        onUpdate: ({ x }: any) => (el.style.transform = `translateX(${x}px)`),\n    }\n}\n\nexport const slideLeft = (el: HTMLElement) => {\n    const x = getX(el)\n    return {\n        from: { x },\n        to: { x: 0 },\n        onUpdate: ({ x }: any) => (el.style.transform = `translateX(${x}px)`),\n    }\n}\n\nexport const fade = (el: HTMLElement) => ({\n    from: { opacity: 0 },\n    to: { opacity: 1 },\n    onUpdate: ({ opacity }: any) => (el.style.opacity = opacity),\n})\n\nexport const fadeDown = (el: HTMLElement) => {\n    const y = getY(el)\n    return {\n        from: { y: -y, scale: 0.98, opacity: 0 },\n        to: { y: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ y, scale, opacity }: any) => {\n            el.style.transform = `translateY(${y}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const fadeUp = (el: HTMLElement) => {\n    const y = getY(el)\n    return {\n        from: { y, scale: 0.98, opacity: 0 },\n        to: { y: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ y, scale, opacity }: any) => {\n            el.style.transform = `translateY(${y}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const fadeRight = (el: HTMLElement) => {\n    const x = getX(el)\n    return {\n        from: { x: -x, scale: 0.98, opacity: 0 },\n        to: { x: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ x, scale, opacity }: any) => {\n            el.style.transform = `translateX(${x}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const fadeLeft = (el: HTMLElement) => {\n    const x = getX(el)\n    return {\n        from: { x, scale: 0.98, opacity: 0 },\n        to: { x: 0, scale: 1, opacity: 1 },\n        onUpdate: ({ x, scale, opacity }: any) => {\n            el.style.transform = `translateX(${x}px) scale(${scale})`\n            el.style.opacity = String(opacity)\n        }\n    }\n}\n\nexport const zoom = (el: HTMLElement) => ({\n    from: { scale: 0.8, opacity: 0 },\n    to: { scale: 1, opacity: 1 },\n    onUpdate: ({ scale, opacity }: any) => {\n        el.style.transform = `scale(${scale})`\n        el.style.opacity = String(opacity)\n    },\n})\n\nexport const zoomOver = (el: HTMLElement) => ({\n    from: { scale: 1.2, opacity: 0 },\n    to: { scale: 1, opacity: 1 },\n    onUpdate: ({ scale, opacity }: any) => {\n        el.style.transform = `scale(${scale})`\n        el.style.opacity = String(opacity)\n    },\n})\n\nexport const grow = (el: HTMLElement) => ({\n    from: { scaleX: 0.8, scaleY: 0.6, opacity: 0 },\n    to: { scaleX: 1, scaleY: 1, opacity: 1 },\n    onUpdate: ({ scaleX, scaleY, opacity }: any) => {\n        el.style.transform = `scale(${scaleX}, ${scaleY})`\n        el.style.opacity = String(opacity)\n    }\n})\n\nexport const collapseVertical = (el: HTMLElement) => {\n    const height = el.getBoundingClientRect().height\n    return {\n        from: { maxHeight: 0 },\n        to: { maxHeight: height },\n        onUpdate: ({ maxHeight }: any) => {\n            el.style.maxHeight = `${maxHeight}px`\n        },\n    }\n}\n\nexport const collapseHorizontal = (el: HTMLElement) => {\n    const width = el.getBoundingClientRect().width\n    return {\n        from: { width: 0 },\n        to: { width },\n        onUpdate: ({ width }: any) => {\n            el.style.width = `${width}px`\n        },\n    }\n}"],"names":[],"mappings":";AACA;AACA;AAEA;AAEO;AACH;;AAEI;AACA;AACA;;AAER;AAEO;AACH;;;AAGI;AACA;;AAER;AAEO;AACH;;AAEI;AACA;AACA;;AAER;AAEO;AACH;;;AAGI;AACA;;AAER;;AAGI;AACA;AACA;AACH;AAEM;AACH;;AAEI;AACA;;;;;;AAMR;AAEO;AACH;;;AAGI;;;;;;AAMR;AAEO;AACH;;AAEI;AACA;;;;;;AAMR;AAEO;AACH;;;AAGI;;;;;;AAMR;;;;;;;;AASC;;;;;;;;AASA;;AAGG;AACA;;;;;AAKH;AAEM;;;AAGC;AACA;AACA;;;;AAIR;AAEO;;;AAGC;;AAEA;;;;AAIR;;"}

package/animate/easing.cjs

@@ -0,0 +1,59 @@
+"use client";
+'use strict';
+
+const cubicBezier = (p1x, p1y, p2x, p2y) => {
+    return (t) => {
+        const cx = 3 * p1x;
+        const bx = 3 * (p2x - p1x) - cx;
+        const ax = 1 - cx - bx;
+        const cy = 3 * p1y;
+        const by = 3 * (p2y - p1y) - cy;
+        const ay = 1 - cy - by;
+        const sampleCurveX = (t) => ((ax * t + bx) * t + cx) * t;
+        const sampleCurveY = (t) => ((ay * t + by) * t + cy) * t;
+        const sampleCurveDerivativeX = (t) => (3 * ax * t + 2 * bx) * t + cx;
+        // Newton-Raphson
+        let x = t;
+        for (let i = 0; i < 5; i++) {
+            const dx = sampleCurveX(x) - t;
+            const d = sampleCurveDerivativeX(x);
+            if (Math.abs(dx) < 1e-6)
+                break;
+            if (Math.abs(d) < 1e-6)
+                break;
+            x = x - dx / d;
+        }
+        return sampleCurveY(x);
+    };
+};
+const Easing = {
+    default: (t) => 1 - Math.pow(1 - t, 3),
+    // your cubic-bezier mappings
+    standard: cubicBezier(0.4, 0, 0.2, 1),
+    fast: cubicBezier(0.2, 0, 0, 1),
+    smooth: cubicBezier(0.25, 0.46, 0.45, 0.94),
+    linear: cubicBezier(0, 0, 1, 1),
+    bounceBezier: cubicBezier(0.34, 1.5, 0.64, 1),
+    // existing easings
+    cubicInOut: (t) => t < 0.5
+        ? 4 * t * t * t
+        : 1 - Math.pow(-2 * t + 2, 3) / 2,
+    easeOutBounce: (t) => {
+        const n1 = 7.5625;
+        const d1 = 2.75;
+        if (t < 1 / d1)
+            return n1 * t * t;
+        else if (t < 2 / d1)
+            return n1 * (t -= 1.5 / d1) * t + 0.75;
+        else if (t < 2.5 / d1)
+            return n1 * (t -= 2.25 / d1) * t + 0.9375;
+        else
+            return n1 * (t -= 2.625 / d1) * t + 0.984375;
+    },
+    spring: (t) => {
+        return 1 - Math.exp(-6 * t) * Math.cos(8 * t);
+    },
+};
+
+module.exports = Easing;
+//# sourceMappingURL=easing.cjs.map

package/animate/easing.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"easing.cjs","sources":["../../src/animate/easing.ts"],"sourcesContent":["\"use client\"\nconst cubicBezier = (p1x: number, p1y: number, p2x: number, p2y: number) => {\n   return (t: number) => {\n      const cx = 3 * p1x;\n      const bx = 3 * (p2x - p1x) - cx;\n      const ax = 1 - cx - bx;\n\n      const cy = 3 * p1y;\n      const by = 3 * (p2y - p1y) - cy;\n      const ay = 1 - cy - by;\n\n      const sampleCurveX = (t: number) => ((ax * t + bx) * t + cx) * t;\n      const sampleCurveY = (t: number) => ((ay * t + by) * t + cy) * t;\n      const sampleCurveDerivativeX = (t: number) =>\n         (3 * ax * t + 2 * bx) * t + cx;\n\n      // Newton-Raphson\n      let x = t;\n      for (let i = 0; i < 5; i++) {\n         const dx = sampleCurveX(x) - t;\n         const d = sampleCurveDerivativeX(x);\n         if (Math.abs(dx) < 1e-6) break;\n         if (Math.abs(d) < 1e-6) break;\n         x = x - dx / d;\n      }\n\n      return sampleCurveY(x);\n   };\n};\n\nconst Easing = {\n   default: (t: number) => 1 - Math.pow(1 - t, 3),\n   // your cubic-bezier mappings\n   standard: cubicBezier(0.4, 0, 0.2, 1),\n   fast: cubicBezier(0.2, 0, 0, 1),\n   smooth: cubicBezier(0.25, 0.46, 0.45, 0.94),\n   linear: cubicBezier(0, 0, 1, 1),\n   bounceBezier: cubicBezier(0.34, 1.5, 0.64, 1),\n\n   // existing easings\n   cubicInOut: (t: number) =>\n      t < 0.5\n         ? 4 * t * t * t\n         : 1 - Math.pow(-2 * t + 2, 3) / 2,\n\n   easeOutBounce: (t: number) => {\n      const n1 = 7.5625;\n      const d1 = 2.75;\n      if (t < 1 / d1) return n1 * t * t;\n      else if (t < 2 / d1) return n1 * (t -= 1.5 / d1) * t + 0.75;\n      else if (t < 2.5 / d1) return n1 * (t -= 2.25 / d1) * t + 0.9375;\n      else return n1 * (t -= 2.625 / d1) * t + 0.984375;\n   },\n\n   spring: (t: number) => {\n      return 1 - Math.exp(-6 * t) * Math.cos(8 * t);\n   },\n};\n\nexport default Easing"],"names":[],"mappings":";;;AACA;;AAEM;;AAEA;AAEA;;AAEA;;;;;;AASA;;AAEG;AACA;;AACA;;AACA;;AAGH;AACH;AACH;AAEA;AACG;;;;;;;;;AAWM;AACA;AAEN;;;AAGG;AAAgB;AACX;AAAgB;AAChB;AAAkB;;AAClB;;AAGR;;;;;"}

package/animate/easing.d.ts

@@ -0,0 +1,13 @@
+declare const Easing: {
+    default: (t: number) => number;
+    standard: (t: number) => number;
+    fast: (t: number) => number;
+    smooth: (t: number) => number;
+    linear: (t: number) => number;
+    bounceBezier: (t: number) => number;
+    cubicInOut: (t: number) => number;
+    easeOutBounce: (t: number) => number;
+    spring: (t: number) => number;
+};
+
+export { Easing as default };

package/animate/easing.js

@@ -0,0 +1,57 @@
+"use client";
+const cubicBezier = (p1x, p1y, p2x, p2y) => {
+    return (t) => {
+        const cx = 3 * p1x;
+        const bx = 3 * (p2x - p1x) - cx;
+        const ax = 1 - cx - bx;
+        const cy = 3 * p1y;
+        const by = 3 * (p2y - p1y) - cy;
+        const ay = 1 - cy - by;
+        const sampleCurveX = (t) => ((ax * t + bx) * t + cx) * t;
+        const sampleCurveY = (t) => ((ay * t + by) * t + cy) * t;
+        const sampleCurveDerivativeX = (t) => (3 * ax * t + 2 * bx) * t + cx;
+        // Newton-Raphson
+        let x = t;
+        for (let i = 0; i < 5; i++) {
+            const dx = sampleCurveX(x) - t;
+            const d = sampleCurveDerivativeX(x);
+            if (Math.abs(dx) < 1e-6)
+                break;
+            if (Math.abs(d) < 1e-6)
+                break;
+            x = x - dx / d;
+        }
+        return sampleCurveY(x);
+    };
+};
+const Easing = {
+    default: (t) => 1 - Math.pow(1 - t, 3),
+    // your cubic-bezier mappings
+    standard: cubicBezier(0.4, 0, 0.2, 1),
+    fast: cubicBezier(0.2, 0, 0, 1),
+    smooth: cubicBezier(0.25, 0.46, 0.45, 0.94),
+    linear: cubicBezier(0, 0, 1, 1),
+    bounceBezier: cubicBezier(0.34, 1.5, 0.64, 1),
+    // existing easings
+    cubicInOut: (t) => t < 0.5
+        ? 4 * t * t * t
+        : 1 - Math.pow(-2 * t + 2, 3) / 2,
+    easeOutBounce: (t) => {
+        const n1 = 7.5625;
+        const d1 = 2.75;
+        if (t < 1 / d1)
+            return n1 * t * t;
+        else if (t < 2 / d1)
+            return n1 * (t -= 1.5 / d1) * t + 0.75;
+        else if (t < 2.5 / d1)
+            return n1 * (t -= 2.25 / d1) * t + 0.9375;
+        else
+            return n1 * (t -= 2.625 / d1) * t + 0.984375;
+    },
+    spring: (t) => {
+        return 1 - Math.exp(-6 * t) * Math.cos(8 * t);
+    },
+};
+
+export { Easing as default };
+//# sourceMappingURL=easing.js.map

package/animate/easing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"easing.js","sources":["../../src/animate/easing.ts"],"sourcesContent":["\"use client\"\nconst cubicBezier = (p1x: number, p1y: number, p2x: number, p2y: number) => {\n   return (t: number) => {\n      const cx = 3 * p1x;\n      const bx = 3 * (p2x - p1x) - cx;\n      const ax = 1 - cx - bx;\n\n      const cy = 3 * p1y;\n      const by = 3 * (p2y - p1y) - cy;\n      const ay = 1 - cy - by;\n\n      const sampleCurveX = (t: number) => ((ax * t + bx) * t + cx) * t;\n      const sampleCurveY = (t: number) => ((ay * t + by) * t + cy) * t;\n      const sampleCurveDerivativeX = (t: number) =>\n         (3 * ax * t + 2 * bx) * t + cx;\n\n      // Newton-Raphson\n      let x = t;\n      for (let i = 0; i < 5; i++) {\n         const dx = sampleCurveX(x) - t;\n         const d = sampleCurveDerivativeX(x);\n         if (Math.abs(dx) < 1e-6) break;\n         if (Math.abs(d) < 1e-6) break;\n         x = x - dx / d;\n      }\n\n      return sampleCurveY(x);\n   };\n};\n\nconst Easing = {\n   default: (t: number) => 1 - Math.pow(1 - t, 3),\n   // your cubic-bezier mappings\n   standard: cubicBezier(0.4, 0, 0.2, 1),\n   fast: cubicBezier(0.2, 0, 0, 1),\n   smooth: cubicBezier(0.25, 0.46, 0.45, 0.94),\n   linear: cubicBezier(0, 0, 1, 1),\n   bounceBezier: cubicBezier(0.34, 1.5, 0.64, 1),\n\n   // existing easings\n   cubicInOut: (t: number) =>\n      t < 0.5\n         ? 4 * t * t * t\n         : 1 - Math.pow(-2 * t + 2, 3) / 2,\n\n   easeOutBounce: (t: number) => {\n      const n1 = 7.5625;\n      const d1 = 2.75;\n      if (t < 1 / d1) return n1 * t * t;\n      else if (t < 2 / d1) return n1 * (t -= 1.5 / d1) * t + 0.75;\n      else if (t < 2.5 / d1) return n1 * (t -= 2.25 / d1) * t + 0.9375;\n      else return n1 * (t -= 2.625 / d1) * t + 0.984375;\n   },\n\n   spring: (t: number) => {\n      return 1 - Math.exp(-6 * t) * Math.cos(8 * t);\n   },\n};\n\nexport default Easing"],"names":[],"mappings":";AACA;;AAEM;;AAEA;AAEA;;AAEA;;;;;;AASA;;AAEG;AACA;;AACA;;AACA;;AAGH;AACH;AACH;AAEA;AACG;;;;;;;;;AAWM;AACA;AAEN;;;AAGG;AAAgB;AACX;AAAgB;AAChB;AAAkB;;AAClB;;AAGR;;;;;"}

package/animate/index.cjs

@@ -0,0 +1,104 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var easing = require('./easing.cjs');
+
+const animate = ({ from, to, duration = 400, delay = 0, easing: easing$1 = easing.default, onUpdate, onDone, breakpoints, repeat = 0, repeatBack = false, }) => {
+    let rafId;
+    let cycle = 0;
+    let forward = true;
+    // Track triggered breakpoints
+    const triggered = {};
+    const resolve = (val) => typeof val === "function" ? val() : val;
+    const getEased = (key, t) => {
+        if (typeof easing$1 === "function")
+            return easing$1(t);
+        if (easing$1[key])
+            return easing$1[key](t);
+        return t;
+    };
+    const startAnimation = () => {
+        const fromVal = resolve(from);
+        const toVal = resolve(to);
+        const keys = Object.keys(fromVal);
+        if (breakpoints) {
+            for (const key of keys)
+                triggered[key] = new Set();
+        }
+        const start = performance.now();
+        const frame = (now) => {
+            const progress = duration === 0 ? 1 : Math.min((now - start) / duration, 1);
+            const current = {};
+            for (const key of keys) {
+                const f = forward ? fromVal[key] : toVal[key];
+                const t = forward ? toVal[key] : fromVal[key];
+                const eased = getEased(key, progress);
+                const val = f + (t - f) * eased;
+                current[key] = val;
+                // breakpoints
+                const bps = breakpoints === null || breakpoints === void 0 ? void 0 : breakpoints[key];
+                if (bps) {
+                    for (let i = 0; i < bps.length; i++) {
+                        const triggeredSet = triggered[key];
+                        if (!triggeredSet.has(i) &&
+                            ((f < t && val >= bps[i].value) ||
+                                (f > t && val <= bps[i].value))) {
+                            triggeredSet.add(i);
+                            bps[i].callback();
+                        }
+                    }
+                }
+            }
+            onUpdate(current, progress);
+            if (progress < 1) {
+                rafId = requestAnimationFrame(frame);
+            }
+            else {
+                const finalState = forward ? toVal : fromVal;
+                onUpdate(finalState, 1);
+                // fire remaining breakpoints
+                if (breakpoints) {
+                    for (const key of keys) {
+                        const bps = breakpoints[key];
+                        if (!bps)
+                            continue;
+                        const triggeredSet = triggered[key];
+                        for (let i = 0; i < bps.length; i++) {
+                            if (!triggeredSet.has(i)) {
+                                triggeredSet.add(i);
+                                bps[i].callback();
+                            }
+                        }
+                    }
+                }
+                cycle++;
+                if (cycle <= repeat) {
+                    if (repeatBack)
+                        forward = !forward;
+                    startAnimation(); // 🔁 re-run with fresh from/to if functions
+                }
+                else {
+                    onDone === null || onDone === void 0 ? void 0 : onDone();
+                }
+            }
+        };
+        rafId = requestAnimationFrame(frame);
+    };
+    if (delay > 0) {
+        const timeout = setTimeout(startAnimation, delay);
+        return () => {
+            clearTimeout(timeout);
+            cancelAnimationFrame(rafId);
+        };
+    }
+    else {
+        startAnimation();
+        return () => cancelAnimationFrame(rafId);
+    }
+};
+
+exports.Easing = easing;
+exports.default = animate;
+//# sourceMappingURL=index.cjs.map

package/animate/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/animate/index.ts"],"sourcesContent":["\"use client\"\nimport Easing from \"./easing\";\n\nexport { Easing };\n\nexport type AnimateOptions<T extends Record<string, number>> = {\n   from: T | (() => T);\n   to: T | (() => T);\n   duration?: number;\n   delay?: number;\n   easing?: ((t: number) => number) | Partial<Record<keyof T, (t: number) => number>>;\n   onUpdate: (value: T, progress: number) => void;\n   onDone?: () => void;\n   breakpoints?: Partial<Record<keyof T, Array<{ value: number; callback: () => void }>>>;\n   repeat?: number;\n   repeatBack?: boolean;\n};\n\nconst animate = <T extends Record<string, number>>({\n   from,\n   to,\n   duration = 400,\n   delay = 0,\n   easing = Easing.default,\n   onUpdate,\n   onDone,\n   breakpoints,\n   repeat = 0,\n   repeatBack = false,\n}: AnimateOptions<T>) => {\n   let rafId: number;\n   let cycle = 0;\n   let forward = true;\n\n   // Track triggered breakpoints\n   const triggered: Partial<Record<keyof T, Set<number>>> = {};\n\n   const resolve = (val: T | (() => T)): T =>\n      typeof val === \"function\" ? (val as () => T)() : val;\n\n   const getEased = (key: keyof T, t: number) => {\n      if (typeof easing === \"function\") return easing(t);\n      if (easing[key]) return easing[key]!(t);\n      return t;\n   };\n\n   const startAnimation = () => {\n      const fromVal = resolve(from);\n      const toVal = resolve(to);\n\n      const keys = Object.keys(fromVal) as (keyof T)[];\n\n      if (breakpoints) {\n         for (const key of keys) triggered[key] = new Set();\n      }\n\n      const start = performance.now();\n\n      const frame = (now: number) => {\n         const progress =\n            duration === 0 ? 1 : Math.min((now - start) / duration, 1);\n\n         const current: any = {} as T;\n\n         for (const key of keys) {\n            const f = forward ? fromVal[key] : toVal[key];\n            const t = forward ? toVal[key] : fromVal[key];\n\n            const eased = getEased(key, progress);\n            const val = f + (t - f) * eased;\n            current[key] = val;\n\n            // breakpoints\n            const bps = breakpoints?.[key];\n            if (bps) {\n               for (let i = 0; i < bps.length; i++) {\n                  const triggeredSet = triggered[key]!;\n                  if (\n                     !triggeredSet.has(i) &&\n                     ((f < t && val >= bps[i].value) ||\n                        (f > t && val <= bps[i].value))\n                  ) {\n                     triggeredSet.add(i);\n                     bps[i].callback();\n                  }\n               }\n            }\n         }\n\n         onUpdate(current, progress);\n\n         if (progress < 1) {\n            rafId = requestAnimationFrame(frame);\n         } else {\n            const finalState = forward ? toVal : fromVal;\n            onUpdate(finalState, 1);\n\n            // fire remaining breakpoints\n            if (breakpoints) {\n               for (const key of keys) {\n                  const bps = breakpoints[key];\n                  if (!bps) continue;\n\n                  const triggeredSet = triggered[key]!;\n                  for (let i = 0; i < bps.length; i++) {\n                     if (!triggeredSet.has(i)) {\n                        triggeredSet.add(i);\n                        bps[i].callback();\n                     }\n                  }\n               }\n            }\n\n            cycle++;\n\n            if (cycle <= repeat) {\n               if (repeatBack) forward = !forward;\n               startAnimation(); // 🔁 re-run with fresh from/to if functions\n            } else {\n               onDone?.();\n            }\n         }\n      };\n\n      rafId = requestAnimationFrame(frame);\n   };\n\n   if (delay > 0) {\n      const timeout = setTimeout(startAnimation, delay);\n      return () => {\n         clearTimeout(timeout);\n         cancelAnimationFrame(rafId);\n      };\n   } else {\n      startAnimation();\n      return () => cancelAnimationFrame(rafId);\n   }\n};\n\nexport default animate;"],"names":[],"mappings":";;;;;;;AAkBA;AAYG;;;;;;AAUA;;AACqC;;AACjB;AACjB;AACH;;AAGG;AACA;;;;AAK2B;;AAG3B;AAEA;;;AAMG;AACG;AACA;;;AAIA;;;;AAKG;AACG;AACA;AAEG;AACG;AAEH;AACA;;;;;AAMZ;AAEA;AACG;;;;AAGA;;;AAIG;AACG;AACA;;AAEA;AACA;;AAEM;AACA;;;;;AAMZ;AAEA;AACG;;;;;AAGA;;;AAGT;AAEA;AACH;AAEA;;AAEG;;;AAGA;;;AAEA;AACA;;AAEN;;;"}

package/animate/index.d.ts

@@ -0,0 +1,19 @@
+type AnimateOptions<T extends Record<string, number>> = {
+    from: T | (() => T);
+    to: T | (() => T);
+    duration?: number;
+    delay?: number;
+    easing?: ((t: number) => number) | Partial<Record<keyof T, (t: number) => number>>;
+    onUpdate: (value: T, progress: number) => void;
+    onDone?: () => void;
+    breakpoints?: Partial<Record<keyof T, Array<{
+        value: number;
+        callback: () => void;
+    }>>>;
+    repeat?: number;
+    repeatBack?: boolean;
+};
+declare const animate: <T extends Record<string, number>>({ from, to, duration, delay, easing, onUpdate, onDone, breakpoints, repeat, repeatBack, }: AnimateOptions<T>) => () => void;
+
+export { animate as default };
+export type { AnimateOptions };