telecop 0.1.31 → 0.1.33

package/dist/index.mjs

@@ -1,15 +1,15 @@
 "use client";
-import { jsx as n, jsxs as u, Fragment as T } from "react/jsx-runtime";
-import q, { useState as G, useRef as f, useEffect as v } from "react";
+import { jsx as o, jsxs as u, Fragment as T } from "react/jsx-runtime";
+import V, { useState as C, useRef as p, useEffect as y } from "react";
 const ja = ({
   children: e,
   variant: a = "primary",
   size: t = "md",
   onClick: r,
-  disabled: o = !1,
-  className: i = ""
+  disabled: n = !1,
+  className: s = ""
 }) => {
-  const s = "font-semibold rounded-lg transition-all duration-200 cursor-pointer", d = {
+  const i = "font-semibold rounded-lg transition-all duration-200 cursor-pointer", d = {
     primary: "bg-blue-600 hover:bg-blue-700 text-white shadow-md hover:shadow-lg",
     secondary: "bg-gray-600 hover:bg-gray-700 text-white shadow-md hover:shadow-lg",
     danger: "bg-red-600 hover:bg-red-700 text-white shadow-md hover:shadow-lg"
@@ -17,29 +17,29 @@ const ja = ({
     sm: "px-3 py-1.5 text-sm",
     md: "px-4 py-2 text-base",
     lg: "px-6 py-3 text-lg"
-  }, c = o ? "opacity-50 cursor-not-allowed" : "";
-  return /* @__PURE__ */ n(
+  }, c = n ? "opacity-50 cursor-not-allowed" : "";
+  return /* @__PURE__ */ o(
     "button",
     {
-      className: `${s} ${d[a]} ${l[t]} ${c} ${i}`,
+      className: `${i} ${d[a]} ${l[t]} ${c} ${s}`,
       onClick: r,
-      disabled: o,
+      disabled: n,
       children: e
     }
   );
-}, O = ({
+}, X = ({
   children: e,
   variant: a = "blur",
   size: t = "md",
   onClick: r,
-  disabled: o = !1,
-  className: i = ""
+  disabled: n = !1,
+  className: s = ""
 }) => {
-  const [s, d] = G([]), l = (p) => {
-    if (!o && r) {
-      const h = p.currentTarget.getBoundingClientRect(), x = p.clientX - h.left, N = p.clientY - h.top, k = Date.now();
-      d([...s, { x, y: N, id: k }]), setTimeout(() => {
-        d((P) => P.filter((R) => R.id !== k));
+  const [i, d] = C([]), l = (f) => {
+    if (!n && r) {
+      const w = f.currentTarget.getBoundingClientRect(), h = f.clientX - w.left, N = f.clientY - w.top, k = Date.now();
+      d([...i, { x: h, y: N, id: k }]), setTimeout(() => {
+        d((O) => O.filter((M) => M.id !== k));
       }, 800), r();
     }
   }, c = `
@@ -56,7 +56,7 @@ const ja = ({
     sm: "px-5 py-2.5 text-sm",
     md: "px-7 py-3.5 text-base",
     lg: "px-9 py-4.5 text-lg"
-  }, b = {
+  }, m = {
     blur: `
       bg-white/5
       hover:bg-white/15
@@ -82,142 +82,39 @@ const ja = ({
       hover:before:translate-x-[200%]
       before:transition-transform before:duration-1000
     `
-  }, m = o ? "opacity-40 cursor-not-allowed hover:scale-100 hover:shadow-xl" : "";
+  }, b = n ? "opacity-40 cursor-not-allowed hover:scale-100 hover:shadow-xl" : "";
   return /* @__PURE__ */ u(
     "button",
     {
-      className: `${c} ${g[t]} ${b[a]} ${m} ${i}`,
+      className: `${c} ${g[t]} ${m[a]} ${b} ${s}`,
       onClick: l,
-      disabled: o,
+      disabled: n,
       children: [
-        a === "waves" && !o && /* @__PURE__ */ u(T, { children: [
-          /* @__PURE__ */ n("span", { className: "absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-700" }),
-          /* @__PURE__ */ n("span", { className: "absolute inset-0 bg-gradient-to-br from-transparent via-white/10 to-transparent animate-pulse" })
+        a === "waves" && !n && /* @__PURE__ */ u(T, { children: [
+          /* @__PURE__ */ o("span", { className: "absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-700" }),
+          /* @__PURE__ */ o("span", { className: "absolute inset-0 bg-gradient-to-br from-transparent via-white/10 to-transparent animate-pulse" })
         ] }),
-        a === "blur" && !o && /* @__PURE__ */ n("span", { className: "absolute inset-0 bg-white/5 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500" }),
-        /* @__PURE__ */ n("span", { className: "absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none", children: /* @__PURE__ */ n("span", { className: "absolute inset-[-2px] rounded-2xl bg-gradient-to-r from-transparent via-white/40 to-transparent blur-sm animate-shimmer" }) }),
-        s.map((p) => /* @__PURE__ */ n(
+        a === "blur" && !n && /* @__PURE__ */ o("span", { className: "absolute inset-0 bg-white/5 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500" }),
+        /* @__PURE__ */ o("span", { className: "absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none", children: /* @__PURE__ */ o("span", { className: "absolute inset-[-2px] rounded-2xl bg-gradient-to-r from-transparent via-white/40 to-transparent blur-sm animate-shimmer" }) }),
+        i.map((f) => /* @__PURE__ */ o(
           "span",
           {
             className: "absolute rounded-full bg-white/30 pointer-events-none animate-ripple",
             style: {
-              left: p.x,
-              top: p.y,
+              left: f.x,
+              top: f.y,
               width: "20px",
               height: "20px",
               transform: "translate(-50%, -50%)"
             }
           },
-          p.id
+          f.id
         )),
-        /* @__PURE__ */ n("span", { className: "relative z-10 drop-shadow-lg", children: e })
+        /* @__PURE__ */ o("span", { className: "relative z-10 drop-shadow-lg", children: e })
       ]
     }
   );
-}, Fa = ({
-  name: e,
-  title: a,
-  description: t = "Welcome to my portfolio",
-  primaryButtonText: r = "Get Started",
-  primaryButtonLink: o,
-  primaryButtonOnClick: i,
-  secondaryButtonText: s = "Learn More",
-  secondaryButtonLink: d,
-  secondaryButtonOnClick: l,
-  backgroundGradient: c = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
-  animationType: g,
-  className: b = ""
-}) => {
-  const m = () => {
-    o ? window.location.href = o : i && i();
-  }, p = () => {
-    d ? window.location.href = d : l && l();
-  }, h = o ? /* @__PURE__ */ n("a", { href: o, style: { textDecoration: "none" }, children: /* @__PURE__ */ n(O, { variant: "waves", size: "lg", children: r }) }) : /* @__PURE__ */ n(
-    O,
-    {
-      variant: "waves",
-      size: "lg",
-      onClick: i || m,
-      children: r
-    }
-  ), x = d ? /* @__PURE__ */ n("a", { href: d, style: { textDecoration: "none" }, children: /* @__PURE__ */ n(O, { variant: "blur", size: "lg", children: s }) }) : /* @__PURE__ */ n(
-    O,
-    {
-      variant: "blur",
-      size: "lg",
-      onClick: l || p,
-      children: s
-    }
-  );
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      className: g ? `animate-gradient-${g}` : "",
-      style: {
-        background: c,
-        minHeight: "100vh"
-      },
-      children: /* @__PURE__ */ n("div", { className: `min-h-screen flex items-center justify-center p-8 ${b}`, children: /* @__PURE__ */ u("div", { className: "max-w-4xl w-full text-center space-y-8", children: [
-        /* @__PURE__ */ n(
-          "h1",
-          {
-            className: "text-6xl md:text-8xl font-bold text-white mb-4",
-            style: {
-              textShadow: "0 0 40px rgba(0,0,0,0.3)",
-              animation: "fadeInUp 0.8s ease-out"
-            },
-            children: e
-          }
-        ),
-        /* @__PURE__ */ n(
-          "h2",
-          {
-            className: "text-3xl md:text-5xl font-semibold text-white/90",
-            style: {
-              textShadow: "0 0 30px rgba(0,0,0,0.2)",
-              animation: "fadeInUp 1s ease-out 0.2s backwards"
-            },
-            children: a
-          }
-        ),
-        /* @__PURE__ */ n(
-          "p",
-          {
-            className: "text-xl md:text-2xl text-white/80 max-w-2xl mx-auto",
-            style: {
-              textShadow: "0 0 20px rgba(0,0,0,0.2)",
-              animation: "fadeInUp 1.2s ease-out 0.4s backwards"
-            },
-            children: t
-          }
-        ),
-        /* @__PURE__ */ u(
-          "div",
-          {
-            className: "flex flex-wrap gap-6 justify-center mt-12",
-            style: {
-              animation: "fadeInUp 1.4s ease-out 0.6s backwards"
-            },
-            children: [
-              h,
-              x
-            ]
-          }
-        ),
-        /* @__PURE__ */ n(
-          "div",
-          {
-            className: "mt-16 mx-auto w-32 h-1 rounded-full",
-            style: {
-              background: "linear-gradient(90deg, transparent, white, transparent)",
-              animation: "fadeIn 2s ease-out 1s backwards"
-            }
-          }
-        )
-      ] }) })
-    }
-  );
-}, Wa = [
+}, q = [
   // ========== PREMIUM THEMES (NEW) ==========
   {
     id: "glass-morphism",
@@ -682,10 +579,117 @@ const ja = ({
     category: "animated",
     animation: "zoom"
   }
-], Qa = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-blue-600 hover:bg-blue-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), Va = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-red-600 hover:bg-red-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), Za = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-green-600 hover:bg-green-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), Ja = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-purple-600 hover:bg-purple-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), Ka = ({ children: e = "Pill Button", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-8 py-3 rounded-full font-semibold text-white bg-indigo-600 hover:bg-indigo-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), et = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/50", children: e }), at = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-blue-600 to-green-600 hover:from-blue-700 hover:to-green-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-blue-500/50", children: e }), tt = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-orange-600 to-red-600 hover:from-orange-700 hover:to-red-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-orange-500/50", children: e }), rt = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-br from-cyan-400 to-blue-600 hover:from-cyan-500 hover:to-blue-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-cyan-500/50", children: e }), nt = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-yellow-500 via-orange-500 to-red-600 hover:from-yellow-600 hover:via-orange-600 hover:to-red-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-orange-500/50", children: e }), ot = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-blue-500/20 backdrop-blur-xl border border-blue-400/30 hover:bg-blue-500/30 hover:border-blue-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-blue-500/20", children: e }), it = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-purple-500/20 backdrop-blur-xl border border-purple-400/30 hover:bg-purple-500/30 hover:border-purple-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/20", children: e }), st = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-white/10 backdrop-blur-xl border border-white/30 hover:bg-white/20 hover:border-white/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-white/20", children: e }), lt = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-pink-500/20 backdrop-blur-xl border border-pink-400/30 hover:bg-pink-500/30 hover:border-pink-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-pink-500/20", children: e }), dt = ({ children: e = "Shimmer Effect", onClick: a }) => /* @__PURE__ */ u("button", { onClick: a, className: "relative px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-purple-600 to-blue-600 overflow-hidden group transition-all duration-300 hover:scale-105", children: [
-  /* @__PURE__ */ n("span", { className: "relative z-10", children: e }),
-  /* @__PURE__ */ n("span", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-white/30 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000" })
-] }), ct = ({ children: e = "Pulse Button", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-red-600 hover:bg-red-700 transition-all duration-300 animate-pulse hover:animate-none hover:scale-105", children: e }), gt = ({ children: e = "Bounce Button", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-green-600 hover:bg-green-700 transition-all duration-300 hover:animate-bounce", children: e }), pt = ({ children: e = "Glow Effect", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-purple-600 hover:bg-purple-700 transition-all duration-300 hover:shadow-[0_0_30px_rgba(168,85,247,0.8)] hover:scale-105", children: e }), ft = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-blue-500 border-2 border-blue-500 hover:bg-blue-500 hover:text-white transition-all duration-300 hover:scale-105", children: e }), ut = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-purple-500 border-2 border-purple-500 hover:bg-purple-500 hover:text-white transition-all duration-300 hover:scale-105", children: e }), mt = ({ children: e = "Gradient Border", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-transparent bg-clip-text bg-gradient-to-r from-purple-500 to-pink-500 border-2 border-transparent hover:text-white transition-all duration-300 hover:scale-105", style: { borderImage: "linear-gradient(to right, rgb(168, 85, 247), rgb(236, 72, 153)) 1" }, children: e }), bt = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-blue-500 hover:bg-blue-500/10 transition-all duration-300 hover:scale-105", children: e }), ht = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-red-500 hover:bg-red-500/10 transition-all duration-300 hover:scale-105", children: e }), xt = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-purple-500 hover:bg-purple-500/10 transition-all duration-300 hover:scale-105", children: e }), yt = ({ children: e = "3D Button", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-blue-600 shadow-[0_6px_0_rgb(37,99,235)] hover:shadow-[0_4px_0_rgb(37,99,235)] hover:translate-y-[2px] transition-all duration-150", children: e }), wt = ({ children: e = "3D Button", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-pink-600 shadow-[0_6px_0_rgb(219,39,119)] hover:shadow-[0_4px_0_rgb(219,39,119)] hover:translate-y-[2px] transition-all duration-150", children: e }), vt = ({ children: e = "3D Button", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-green-600 shadow-[0_6px_0_rgb(22,163,74)] hover:shadow-[0_4px_0_rgb(22,163,74)] hover:translate-y-[2px] transition-all duration-150", children: e }), kt = ({ children: e = "Neon Blue", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-blue-400 border-2 border-blue-400 hover:bg-blue-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(59,130,246,0.8)] hover:scale-105", children: e }), It = ({ children: e = "Neon Pink", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-pink-400 border-2 border-pink-400 hover:bg-pink-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(236,72,153,0.8)] hover:scale-105", children: e }), Nt = ({ children: e = "Neon Green", onClick: a }) => /* @__PURE__ */ n("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-green-400 border-2 border-green-400 hover:bg-green-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(34,197,94,0.8)] hover:scale-105", children: e }), H = {
+], Fa = ({
+  name: e,
+  title: a,
+  description: t = "Welcome to my portfolio",
+  primaryButtonText: r = "Get Started",
+  primaryButtonLink: n,
+  primaryButtonOnClick: s,
+  secondaryButtonText: i = "Learn More",
+  secondaryButtonLink: d,
+  secondaryButtonOnClick: l,
+  theme: c,
+  // ✅ NEW
+  backgroundGradient: g,
+  // ⚠️ KEEP للناس اللي يبغون custom
+  animationType: m,
+  className: b = ""
+}) => {
+  const f = c ? q.find((x) => x.id === c) : null, w = (f == null ? void 0 : f.gradient) || g || "linear-gradient(135deg, #667eea 0%, #764ba2 100%)", h = m || (f == null ? void 0 : f.animation), N = () => {
+    n ? window.location.href = n : s && s();
+  }, k = () => {
+    d ? window.location.href = d : l && l();
+  }, O = n ? /* @__PURE__ */ o("a", { href: n, style: { textDecoration: "none" }, children: /* @__PURE__ */ o(X, { variant: "waves", size: "lg", children: r }) }) : /* @__PURE__ */ o(
+    X,
+    {
+      variant: "waves",
+      size: "lg",
+      onClick: s || N,
+      children: r
+    }
+  ), M = d ? /* @__PURE__ */ o("a", { href: d, style: { textDecoration: "none" }, children: /* @__PURE__ */ o(X, { variant: "blur", size: "lg", children: i }) }) : /* @__PURE__ */ o(
+    X,
+    {
+      variant: "blur",
+      size: "lg",
+      onClick: l || k,
+      children: i
+    }
+  );
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: h ? `animate-gradient-${h}` : "",
+      style: {
+        background: w,
+        // ✅ استخدام الـ gradient المحدد
+        minHeight: "100vh"
+      },
+      children: /* @__PURE__ */ o("div", { className: `min-h-screen flex items-center justify-center p-8 ${b}`, children: /* @__PURE__ */ u("div", { className: "max-w-4xl w-full text-center space-y-8", children: [
+        /* @__PURE__ */ o(
+          "h1",
+          {
+            className: "text-6xl md:text-8xl font-bold text-white mb-4",
+            style: {
+              textShadow: "0 0 40px rgba(0,0,0,0.3)",
+              animation: "fadeInUp 0.8s ease-out"
+            },
+            children: e
+          }
+        ),
+        /* @__PURE__ */ o(
+          "h2",
+          {
+            className: "text-3xl md:text-5xl font-semibold text-white/90",
+            style: {
+              textShadow: "0 0 30px rgba(0,0,0,0.2)",
+              animation: "fadeInUp 1s ease-out 0.2s backwards"
+            },
+            children: a
+          }
+        ),
+        /* @__PURE__ */ o(
+          "p",
+          {
+            className: "text-xl md:text-2xl text-white/80 max-w-2xl mx-auto",
+            style: {
+              textShadow: "0 0 20px rgba(0,0,0,0.2)",
+              animation: "fadeInUp 1.2s ease-out 0.4s backwards"
+            },
+            children: t
+          }
+        ),
+        /* @__PURE__ */ u(
+          "div",
+          {
+            className: "flex flex-wrap gap-6 justify-center mt-12",
+            style: {
+              animation: "fadeInUp 1.4s ease-out 0.6s backwards"
+            },
+            children: [
+              O,
+              M
+            ]
+          }
+        ),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: "mt-16 mx-auto w-32 h-1 rounded-full",
+            style: {
+              background: "linear-gradient(90deg, transparent, white, transparent)",
+              animation: "fadeIn 2s ease-out 1s backwards"
+            }
+          }
+        )
+      ] }) })
+    }
+  );
+}, Wa = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-blue-600 hover:bg-blue-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), Qa = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-red-600 hover:bg-red-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), Za = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-green-600 hover:bg-green-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), Ja = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-purple-600 hover:bg-purple-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), Ka = ({ children: e = "Pill Button", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-8 py-3 rounded-full font-semibold text-white bg-indigo-600 hover:bg-indigo-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), et = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/50", children: e }), at = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-blue-600 to-green-600 hover:from-blue-700 hover:to-green-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-blue-500/50", children: e }), tt = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-orange-600 to-red-600 hover:from-orange-700 hover:to-red-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-orange-500/50", children: e }), rt = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-br from-cyan-400 to-blue-600 hover:from-cyan-500 hover:to-blue-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-cyan-500/50", children: e }), nt = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-yellow-500 via-orange-500 to-red-600 hover:from-yellow-600 hover:via-orange-600 hover:to-red-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-orange-500/50", children: e }), ot = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-blue-500/20 backdrop-blur-xl border border-blue-400/30 hover:bg-blue-500/30 hover:border-blue-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-blue-500/20", children: e }), it = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-purple-500/20 backdrop-blur-xl border border-purple-400/30 hover:bg-purple-500/30 hover:border-purple-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/20", children: e }), st = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-white/10 backdrop-blur-xl border border-white/30 hover:bg-white/20 hover:border-white/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-white/20", children: e }), lt = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-pink-500/20 backdrop-blur-xl border border-pink-400/30 hover:bg-pink-500/30 hover:border-pink-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-pink-500/20", children: e }), dt = ({ children: e = "Shimmer Effect", onClick: a }) => /* @__PURE__ */ u("button", { onClick: a, className: "relative px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-purple-600 to-blue-600 overflow-hidden group transition-all duration-300 hover:scale-105", children: [
+  /* @__PURE__ */ o("span", { className: "relative z-10", children: e }),
+  /* @__PURE__ */ o("span", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-white/30 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000" })
+] }), ct = ({ children: e = "Pulse Button", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-red-600 hover:bg-red-700 transition-all duration-300 animate-pulse hover:animate-none hover:scale-105", children: e }), gt = ({ children: e = "Bounce Button", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-green-600 hover:bg-green-700 transition-all duration-300 hover:animate-bounce", children: e }), ft = ({ children: e = "Glow Effect", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-purple-600 hover:bg-purple-700 transition-all duration-300 hover:shadow-[0_0_30px_rgba(168,85,247,0.8)] hover:scale-105", children: e }), pt = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-blue-500 border-2 border-blue-500 hover:bg-blue-500 hover:text-white transition-all duration-300 hover:scale-105", children: e }), ut = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-purple-500 border-2 border-purple-500 hover:bg-purple-500 hover:text-white transition-all duration-300 hover:scale-105", children: e }), mt = ({ children: e = "Gradient Border", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-transparent bg-clip-text bg-gradient-to-r from-purple-500 to-pink-500 border-2 border-transparent hover:text-white transition-all duration-300 hover:scale-105", style: { borderImage: "linear-gradient(to right, rgb(168, 85, 247), rgb(236, 72, 153)) 1" }, children: e }), bt = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-blue-500 hover:bg-blue-500/10 transition-all duration-300 hover:scale-105", children: e }), ht = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-red-500 hover:bg-red-500/10 transition-all duration-300 hover:scale-105", children: e }), xt = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-purple-500 hover:bg-purple-500/10 transition-all duration-300 hover:scale-105", children: e }), yt = ({ children: e = "3D Button", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-blue-600 shadow-[0_6px_0_rgb(37,99,235)] hover:shadow-[0_4px_0_rgb(37,99,235)] hover:translate-y-[2px] transition-all duration-150", children: e }), wt = ({ children: e = "3D Button", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-pink-600 shadow-[0_6px_0_rgb(219,39,119)] hover:shadow-[0_4px_0_rgb(219,39,119)] hover:translate-y-[2px] transition-all duration-150", children: e }), vt = ({ children: e = "3D Button", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-green-600 shadow-[0_6px_0_rgb(22,163,74)] hover:shadow-[0_4px_0_rgb(22,163,74)] hover:translate-y-[2px] transition-all duration-150", children: e }), kt = ({ children: e = "Neon Blue", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-blue-400 border-2 border-blue-400 hover:bg-blue-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(59,130,246,0.8)] hover:scale-105", children: e }), It = ({ children: e = "Neon Pink", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-pink-400 border-2 border-pink-400 hover:bg-pink-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(236,72,153,0.8)] hover:scale-105", children: e }), Nt = ({ children: e = "Neon Green", onClick: a }) => /* @__PURE__ */ o("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-green-400 border-2 border-green-400 hover:bg-green-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(34,197,94,0.8)] hover:scale-105", children: e }), H = {
   "glass-morphism": `
     radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3), transparent 50%),
     radial-gradient(circle at 80% 80%, rgba(255, 128, 171, 0.3), transparent 50%),
@@ -711,14 +715,14 @@ const ja = ({
     linear-gradient(180deg, #000000 0%, #0a0a1a 50%, #000000 100%)
   `,
   none: "transparent"
-}, Mt = ({
+}, Ot = ({
   children: e,
   layout: a = "center",
   size: t = "lg",
   theme: r = "none",
-  padding: o = !0,
-  gap: i = "md",
-  className: s = ""
+  padding: n = !0,
+  gap: s = "md",
+  className: i = ""
 }) => {
   const d = {
     sm: "max-w-3xl",
@@ -730,7 +734,7 @@ const ja = ({
     sm: "gap-4",
     md: "gap-8",
     lg: "gap-12"
-  }[i], c = {
+  }[s], c = {
     "image-right": `grid md:grid-cols-2 ${l} items-center`,
     "image-left": `grid md:grid-cols-2 ${l} items-center`,
     "button-right": `grid md:grid-cols-2 ${l} items-center`,
@@ -738,54 +742,54 @@ const ja = ({
     center: "flex flex-col items-center justify-center text-center",
     "two-columns": `grid md:grid-cols-2 ${l}`,
     "three-columns": `grid md:grid-cols-3 ${l}`
-  }[a], g = o ? "px-6 py-8" : "", b = r !== "none" ? {
+  }[a], g = n ? "px-6 py-8" : "", m = r !== "none" ? {
     background: H[r],
     backgroundSize: "200% 200%"
-  } : {}, m = q.Children.toArray(e);
-  let p = m;
-  return (a === "image-left" || a === "button-left") && (p = m.reverse()), /* @__PURE__ */ n(
+  } : {}, b = V.Children.toArray(e);
+  let f = b;
+  return (a === "image-left" || a === "button-left") && (f = b.reverse()), /* @__PURE__ */ o(
     "div",
     {
-      className: `${d} mx-auto ${g} ${s}`,
-      style: b,
-      children: /* @__PURE__ */ n("div", { className: c, children: p })
+      className: `${d} mx-auto ${g} ${i}`,
+      style: m,
+      children: /* @__PURE__ */ o("div", { className: c, children: f })
     }
   );
-}, Ot = ({
+}, Mt = ({
   src: e,
   alt: a,
   className: t = "",
   width: r,
-  height: o
-}) => /* @__PURE__ */ n("div", { className: `w-full ${t}`, children: /* @__PURE__ */ n(
+  height: n
+}) => /* @__PURE__ */ o("div", { className: `w-full ${t}`, children: /* @__PURE__ */ o(
   "img",
   {
     src: e,
     alt: a,
     width: r,
-    height: o,
+    height: n,
     className: "w-full h-auto rounded-2xl shadow-2xl object-cover"
   }
 ) }), Ct = ({
   children: e,
   className: a = ""
-}) => /* @__PURE__ */ n("div", { className: `space-y-4 ${a}`, children: e }), Yt = ({
+}) => /* @__PURE__ */ o("div", { className: `space-y-4 ${a}`, children: e }), Yt = ({
   children: e,
   className: a = ""
-}) => /* @__PURE__ */ n("div", { className: `flex gap-4 ${a}`, children: e }), Xt = ({
+}) => /* @__PURE__ */ o("div", { className: `flex gap-4 ${a}`, children: e }), Xt = ({
   icon: e,
   title: a,
   description: t,
   variant: r = "solid",
-  theme: o = "blue",
-  hoverable: i = !0,
-  className: s = ""
+  theme: n = "blue",
+  hoverable: s = !0,
+  className: i = ""
 }) => {
   const l = `
     rounded-2xl p-6
     max-w-sm
     transition-all duration-300
-    ${i ? "hover:scale-[1.02] hover:shadow-2xl" : ""}
+    ${s ? "hover:scale-[1.02] hover:shadow-2xl" : ""}
     ${{
     blue: {
       solid: "bg-blue-600 text-white",
@@ -823,22 +827,22 @@ const ja = ({
       gradient: "bg-gradient-to-br from-orange-600 to-red-600 text-white",
       outlined: "bg-transparent border-2 border-orange-500 text-orange-500"
     }
-  }[o][r]}
-    ${s}
+  }[n][r]}
+    ${i}
   `;
   return /* @__PURE__ */ u("div", { className: l, children: [
-    e && /* @__PURE__ */ n("div", { className: "text-4xl mb-4", children: e }),
-    /* @__PURE__ */ n("h3", { className: "text-xl font-bold mb-2", children: a }),
-    /* @__PURE__ */ n("p", { className: `text-sm ${r === "outlined" ? "text-gray-600" : "opacity-90"}`, children: t })
+    e && /* @__PURE__ */ o("div", { className: "text-4xl mb-4", children: e }),
+    /* @__PURE__ */ o("h3", { className: "text-xl font-bold mb-2", children: a }),
+    /* @__PURE__ */ o("p", { className: `text-sm ${r === "outlined" ? "text-gray-600" : "opacity-90"}`, children: t })
   ] });
 }, Pt = ({
   image: e,
   title: a,
   description: t,
   price: r,
-  oldPrice: o,
-  badge: i,
-  variant: s = "solid",
+  oldPrice: n,
+  badge: s,
+  variant: i = "solid",
   children: d,
   className: l = ""
 }) => /* @__PURE__ */ u("div", { className: `
@@ -851,11 +855,11 @@ const ja = ({
   glass: "bg-white/5 backdrop-blur-xl border border-white/10",
   gradient: "bg-gradient-to-br from-gray-900 to-gray-800 border border-gray-700",
   outlined: "bg-transparent border-2 border-gray-700"
-}[s]} 
+}[i]} 
       ${l}
     `, children: [
   /* @__PURE__ */ u("div", { className: "relative", children: [
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ o(
       "img",
       {
         src: e,
@@ -863,19 +867,19 @@ const ja = ({
         className: "w-full h-48 object-cover"
       }
     ),
-    i && /* @__PURE__ */ n("span", { className: "absolute top-3 right-3 px-3 py-1 bg-red-500 text-white text-xs font-bold rounded-full", children: i })
+    s && /* @__PURE__ */ o("span", { className: "absolute top-3 right-3 px-3 py-1 bg-red-500 text-white text-xs font-bold rounded-full", children: s })
   ] }),
   /* @__PURE__ */ u("div", { className: "p-5 space-y-3", children: [
-    /* @__PURE__ */ n("h3", { className: "text-xl font-bold text-white", children: a }),
-    t && /* @__PURE__ */ n("p", { className: "text-gray-400 text-sm", children: t }),
+    /* @__PURE__ */ o("h3", { className: "text-xl font-bold text-white", children: a }),
+    t && /* @__PURE__ */ o("p", { className: "text-gray-400 text-sm", children: t }),
     /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ u("span", { className: "text-2xl font-bold text-white", children: [
         "$",
         r
       ] }),
-      o && /* @__PURE__ */ u("span", { className: "text-sm text-gray-500 line-through", children: [
+      n && /* @__PURE__ */ u("span", { className: "text-sm text-gray-500 line-through", children: [
         "$",
-        o
+        n
       ] })
     ] }),
     d
@@ -885,9 +889,9 @@ const ja = ({
   label: a,
   value: t,
   change: r,
-  trend: o = "neutral",
-  variant: i = "solid",
-  theme: s = "blue",
+  trend: n = "neutral",
+  variant: s = "solid",
+  theme: i = "blue",
   className: d = ""
 }) => {
   const l = {
@@ -941,22 +945,22 @@ const ja = ({
       max-w-sm
       transition-all duration-300 
       hover:scale-[1.02] hover:shadow-xl
-      ${l[s][i]}
+      ${l[i][s]}
       ${d}
     `, children: [
     /* @__PURE__ */ u("div", { className: "flex items-start justify-between mb-4", children: [
-      e && /* @__PURE__ */ n("div", { className: "text-3xl", children: e }),
-      r && /* @__PURE__ */ u("span", { className: `text-sm font-semibold ${c[o]}`, children: [
-        g[o],
+      e && /* @__PURE__ */ o("div", { className: "text-3xl", children: e }),
+      r && /* @__PURE__ */ u("span", { className: `text-sm font-semibold ${c[n]}`, children: [
+        g[n],
         " ",
         r
       ] })
     ] }),
-    /* @__PURE__ */ n("p", { className: "text-gray-400 text-sm mb-1", children: a }),
-    /* @__PURE__ */ n("p", { className: "text-3xl font-bold text-white", children: t })
+    /* @__PURE__ */ o("p", { className: "text-gray-400 text-sm mb-1", children: a }),
+    /* @__PURE__ */ o("p", { className: "text-3xl font-bold text-white", children: t })
   ] });
 };
-class y {
+class v {
   constructor(a) {
     this.animation = null, this.element = a;
   }
@@ -966,17 +970,17 @@ class y {
   animate(a, t = {}) {
     const {
       duration: r = 600,
-      delay: o = 0,
-      easing: i = "ease",
-      iterations: s = 1,
+      delay: n = 0,
+      easing: s = "ease",
+      iterations: i = 1,
       direction: d = "normal",
       fill: l = "both"
     } = t;
     return this.animation && this.animation.cancel(), this.animation = this.element.animate(a, {
       duration: r,
-      delay: o,
-      easing: typeof i == "string" ? i : "linear",
-      iterations: s,
+      delay: n,
+      easing: typeof s == "string" ? s : "linear",
+      iterations: i,
       direction: d,
       fill: l
     }), this.animation.finished;
@@ -1019,85 +1023,85 @@ class y {
     return ((a = this.animation) == null ? void 0 : a.playState) === "running";
   }
 }
-function St(e) {
-  return new y(e);
+function $t(e) {
+  return new v(e);
 }
-async function zt(e, a, t = {}) {
-  const r = t.stagger ?? 0, o = {
+async function St(e, a, t = {}) {
+  const r = t.stagger ?? 0, n = {
     duration: t.duration,
     delay: t.delay,
     easing: t.easing,
     iterations: t.iterations,
     direction: t.direction,
     fill: t.fill
-  }, i = e.map((s, d) => new y(s).animate(a, {
-    ...o,
-    delay: (o.delay || 0) + r * d
+  }, s = e.map((i, d) => new v(i).animate(a, {
+    ...n,
+    delay: (n.delay || 0) + r * d
   }));
-  return Promise.all(i);
+  return Promise.all(s);
 }
-async function Bt(e) {
+async function zt(e) {
   const a = [];
-  for (const { element: t, keyframes: r, config: o } of e) {
-    const s = await new y(t).animate(r, o);
-    a.push(s);
+  for (const { element: t, keyframes: r, config: n } of e) {
+    const i = await new v(t).animate(r, n);
+    a.push(i);
   }
   return a;
 }
-async function $t(e) {
-  const a = e.map(({ element: t, keyframes: r, config: o }) => new y(t).animate(r, o));
+async function Dt(e) {
+  const a = e.map(({ element: t, keyframes: r, config: n }) => new v(t).animate(r, n));
   return Promise.all(a);
 }
-const E = (e) => e, j = (e) => e * e * e, F = (e) => 1 - Math.pow(1 - e, 3), W = (e) => e < 0.5 ? 4 * e * e * e : 1 - Math.pow(-2 * e + 2, 3) / 2, Q = (e) => e * e, V = (e) => 1 - (1 - e) * (1 - e), Z = (e) => e < 0.5 ? 2 * e * e : 1 - Math.pow(-2 * e + 2, 2) / 2, J = (e) => e * e * e * e, K = (e) => 1 - Math.pow(1 - e, 4), ee = (e) => e < 0.5 ? 8 * e * e * e * e : 1 - Math.pow(-2 * e + 2, 4) / 2, ae = (e) => e * e * e * e * e, te = (e) => 1 - Math.pow(1 - e, 5), re = (e) => e < 0.5 ? 16 * e * e * e * e * e : 1 - Math.pow(-2 * e + 2, 5) / 2, ne = (e) => e === 0 ? 0 : Math.pow(2, 10 * e - 10), oe = (e) => e === 1 ? 1 : 1 - Math.pow(2, -10 * e), ie = (e) => e === 0 ? 0 : e === 1 ? 1 : e < 0.5 ? Math.pow(2, 20 * e - 10) / 2 : (2 - Math.pow(2, -20 * e + 10)) / 2, X = 1.70158, C = X * 1.525, _ = X + 1, se = (e) => _ * e * e * e - X * e * e, le = (e) => 1 + _ * Math.pow(e - 1, 3) + X * Math.pow(e - 1, 2), de = (e) => e < 0.5 ? Math.pow(2 * e, 2) * ((C + 1) * 2 * e - C) / 2 : (Math.pow(2 * e - 2, 2) * ((C + 1) * (e * 2 - 2) + C) + 2) / 2, U = 2 * Math.PI / 3, D = 2 * Math.PI / 4.5, ce = (e) => e === 0 ? 0 : e === 1 ? 1 : -Math.pow(2, 10 * e - 10) * Math.sin((e * 10 - 10.75) * U), ge = (e) => e === 0 ? 0 : e === 1 ? 1 : Math.pow(2, -10 * e) * Math.sin((e * 10 - 0.75) * U) + 1, pe = (e) => e === 0 ? 0 : e === 1 ? 1 : e < 0.5 ? -(Math.pow(2, 20 * e - 10) * Math.sin((20 * e - 11.125) * D)) / 2 : Math.pow(2, -20 * e + 10) * Math.sin((20 * e - 11.125) * D) / 2 + 1, Y = (e) => e < 1 / 2.75 ? 7.5625 * e * e : e < 2 / 2.75 ? 7.5625 * (e -= 1.5 / 2.75) * e + 0.75 : e < 2.5 / 2.75 ? 7.5625 * (e -= 2.25 / 2.75) * e + 0.9375 : 7.5625 * (e -= 2.625 / 2.75) * e + 0.984375, fe = (e) => 1 - Y(1 - e), ue = (e) => e < 0.5 ? (1 - Y(1 - 2 * e)) / 2 : (1 + Y(2 * e - 1)) / 2, me = (e) => 1 - Math.cos(e * Math.PI / 2), be = (e) => Math.sin(e * Math.PI / 2), he = (e) => -(Math.cos(Math.PI * e) - 1) / 2, xe = (e) => 1 - Math.sqrt(1 - Math.pow(e, 2)), ye = (e) => Math.sqrt(1 - Math.pow(e - 1, 2)), we = (e) => e < 0.5 ? (1 - Math.sqrt(1 - Math.pow(2 * e, 2))) / 2 : (Math.sqrt(1 - Math.pow(-2 * e + 2, 2)) + 1) / 2, ve = {
+const E = (e) => e, j = (e) => e * e * e, F = (e) => 1 - Math.pow(1 - e, 3), W = (e) => e < 0.5 ? 4 * e * e * e : 1 - Math.pow(-2 * e + 2, 3) / 2, Q = (e) => e * e, Z = (e) => 1 - (1 - e) * (1 - e), J = (e) => e < 0.5 ? 2 * e * e : 1 - Math.pow(-2 * e + 2, 2) / 2, K = (e) => e * e * e * e, ee = (e) => 1 - Math.pow(1 - e, 4), ae = (e) => e < 0.5 ? 8 * e * e * e * e : 1 - Math.pow(-2 * e + 2, 4) / 2, te = (e) => e * e * e * e * e, re = (e) => 1 - Math.pow(1 - e, 5), ne = (e) => e < 0.5 ? 16 * e * e * e * e * e : 1 - Math.pow(-2 * e + 2, 5) / 2, oe = (e) => e === 0 ? 0 : Math.pow(2, 10 * e - 10), ie = (e) => e === 1 ? 1 : 1 - Math.pow(2, -10 * e), se = (e) => e === 0 ? 0 : e === 1 ? 1 : e < 0.5 ? Math.pow(2, 20 * e - 10) / 2 : (2 - Math.pow(2, -20 * e + 10)) / 2, $ = 1.70158, P = $ * 1.525, _ = $ + 1, le = (e) => _ * e * e * e - $ * e * e, de = (e) => 1 + _ * Math.pow(e - 1, 3) + $ * Math.pow(e - 1, 2), ce = (e) => e < 0.5 ? Math.pow(2 * e, 2) * ((P + 1) * 2 * e - P) / 2 : (Math.pow(2 * e - 2, 2) * ((P + 1) * (e * 2 - 2) + P) + 2) / 2, U = 2 * Math.PI / 3, G = 2 * Math.PI / 4.5, ge = (e) => e === 0 ? 0 : e === 1 ? 1 : -Math.pow(2, 10 * e - 10) * Math.sin((e * 10 - 10.75) * U), fe = (e) => e === 0 ? 0 : e === 1 ? 1 : Math.pow(2, -10 * e) * Math.sin((e * 10 - 0.75) * U) + 1, pe = (e) => e === 0 ? 0 : e === 1 ? 1 : e < 0.5 ? -(Math.pow(2, 20 * e - 10) * Math.sin((20 * e - 11.125) * G)) / 2 : Math.pow(2, -20 * e + 10) * Math.sin((20 * e - 11.125) * G) / 2 + 1, R = (e) => e < 1 / 2.75 ? 7.5625 * e * e : e < 2 / 2.75 ? 7.5625 * (e -= 1.5 / 2.75) * e + 0.75 : e < 2.5 / 2.75 ? 7.5625 * (e -= 2.25 / 2.75) * e + 0.9375 : 7.5625 * (e -= 2.625 / 2.75) * e + 0.984375, ue = (e) => 1 - R(1 - e), me = (e) => e < 0.5 ? (1 - R(1 - 2 * e)) / 2 : (1 + R(2 * e - 1)) / 2, be = (e) => 1 - Math.cos(e * Math.PI / 2), he = (e) => Math.sin(e * Math.PI / 2), xe = (e) => -(Math.cos(Math.PI * e) - 1) / 2, ye = (e) => 1 - Math.sqrt(1 - Math.pow(e, 2)), we = (e) => Math.sqrt(1 - Math.pow(e - 1, 2)), ve = (e) => e < 0.5 ? (1 - Math.sqrt(1 - Math.pow(2 * e, 2))) / 2 : (Math.sqrt(1 - Math.pow(-2 * e + 2, 2)) + 1) / 2, ke = {
   linear: E,
   easeInCubic: j,
   easeOutCubic: F,
   easeInOutCubic: W,
   easeInQuad: Q,
-  easeOutQuad: V,
-  easeInOutQuad: Z,
-  easeInQuart: J,
-  easeOutQuart: K,
-  easeInOutQuart: ee,
-  easeInQuint: ae,
-  easeOutQuint: te,
-  easeInOutQuint: re,
-  easeInExpo: ne,
-  easeOutExpo: oe,
-  easeInOutExpo: ie,
-  easeInBack: se,
-  easeOutBack: le,
-  easeInOutBack: de,
-  easeInElastic: ce,
-  easeOutElastic: ge,
+  easeOutQuad: Z,
+  easeInOutQuad: J,
+  easeInQuart: K,
+  easeOutQuart: ee,
+  easeInOutQuart: ae,
+  easeInQuint: te,
+  easeOutQuint: re,
+  easeInOutQuint: ne,
+  easeInExpo: oe,
+  easeOutExpo: ie,
+  easeInOutExpo: se,
+  easeInBack: le,
+  easeOutBack: de,
+  easeInOutBack: ce,
+  easeInElastic: ge,
+  easeOutElastic: fe,
   easeInOutElastic: pe,
-  easeInBounce: fe,
-  easeOutBounce: Y,
-  easeInOutBounce: ue,
-  easeInSine: me,
-  easeOutSine: be,
-  easeInOutSine: he,
-  easeInCirc: xe,
-  easeOutCirc: ye,
-  easeInOutCirc: we
+  easeInBounce: ue,
+  easeOutBounce: R,
+  easeInOutBounce: me,
+  easeInSine: be,
+  easeOutSine: he,
+  easeInOutSine: xe,
+  easeInCirc: ye,
+  easeOutCirc: we,
+  easeInOutCirc: ve
 };
-function Dt(e) {
-  return typeof e == "function" ? e : ve[e] || E;
+function Bt(e) {
+  return typeof e == "function" ? e : ke[e] || E;
 }
 function Gt(e = 100, a = 10, t = 1) {
   return (r) => {
-    const o = Math.sqrt(e / t), i = a / (2 * Math.sqrt(e * t));
-    if (i < 1) {
-      const s = o * Math.sqrt(1 - i * i);
-      return 1 - Math.exp(-i * o * r) * Math.cos(s * r);
+    const n = Math.sqrt(e / t), s = a / (2 * Math.sqrt(e * t));
+    if (s < 1) {
+      const i = n * Math.sqrt(1 - s * s);
+      return 1 - Math.exp(-s * n * r) * Math.cos(i * r);
     } else
-      return 1 - Math.exp(-o * r);
+      return 1 - Math.exp(-n * r);
   };
 }
 function Et(e, a, t, r) {
-  return (o) => {
-    const i = 3 * a, s = 3 * (r - a) - i, d = 1 - i - s;
-    return ((c) => ((d * c + s) * c + i) * c)(o);
+  return (n) => {
+    const s = 3 * a, i = 3 * (r - a) - s, d = 1 - s - i;
+    return ((c) => ((d * c + i) * c + s) * c)(n);
   };
 }
 class L {
@@ -1113,20 +1117,20 @@ class L {
   observe(a, t = {}) {
     const {
       threshold: r = 0.1,
-      rootMargin: o = "0px",
-      triggerOnce: i = !1,
-      onEnter: s,
+      rootMargin: n = "0px",
+      triggerOnce: s = !1,
+      onEnter: i,
       onExit: d
     } = t;
     this.elements.set(a, t), this.observer || (this.observer = new IntersectionObserver(
       (l) => {
         l.forEach((c) => {
-          var b, m;
+          var m, b;
           const g = this.elements.get(c.target);
-          g && (c.isIntersecting ? ((b = g.onEnter) == null || b.call(g, c), g.triggerOnce && this.unobserve(c.target)) : (m = g.onExit) == null || m.call(g, c));
+          g && (c.isIntersecting ? ((m = g.onEnter) == null || m.call(g, c), g.triggerOnce && this.unobserve(c.target)) : (b = g.onExit) == null || b.call(g, c));
         });
       },
-      { threshold: r, rootMargin: o }
+      { threshold: r, rootMargin: n }
     )), this.observer.observe(a);
   }
   /**
@@ -1142,7 +1146,7 @@ class L {
     this.observer && (this.observer.disconnect(), this.elements.clear(), this.observer = null);
   }
 }
-function ke(e, a) {
+function Ie(e, a) {
   const t = new L();
   return t.observe(e, a), () => t.disconnect();
 }
@@ -1151,20 +1155,20 @@ function _t(e, a) {
   return e.forEach((r) => t.observe(r, a)), () => t.disconnect();
 }
 function Ut(e, a, t = {}) {
-  return ke(e, {
+  return Ie(e, {
     ...t,
     onEnter: a
   });
 }
 function Lt(e) {
-  const a = e.getBoundingClientRect(), t = window.innerHeight, r = a.top, o = a.height, i = 1 - (r + o) / (t + o);
-  return Math.max(0, Math.min(1, i));
+  const a = e.getBoundingClientRect(), t = window.innerHeight, r = a.top, n = a.height, s = 1 - (r + n) / (t + n);
+  return Math.max(0, Math.min(1, s));
 }
 function At(e, a = 0) {
-  const t = e.getBoundingClientRect(), r = window.innerHeight, o = window.innerWidth, i = t.top + t.height * a <= r && t.bottom - t.height * a >= 0, s = t.left + t.width * a <= o && t.right - t.width * a >= 0;
-  return i && s;
+  const t = e.getBoundingClientRect(), r = window.innerHeight, n = window.innerWidth, s = t.top + t.height * a <= r && t.bottom - t.height * a >= 0, i = t.left + t.width * a <= n && t.right - t.width * a >= 0;
+  return s && i;
 }
-const Ie = {
+const Ne = {
   keyframes: [
     { opacity: 0 },
     { opacity: 1 }
@@ -1174,7 +1178,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, Ne = {
+}, Oe = {
   keyframes: [
     {
       opacity: 0,
@@ -1206,7 +1210,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, Oe = {
+}, Ce = {
   keyframes: [
     {
       opacity: 0,
@@ -1222,7 +1226,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, Ce = {
+}, Ye = {
   keyframes: [
     {
       opacity: 0,
@@ -1238,7 +1242,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, Ye = {
+}, Xe = {
   keyframes: [
     { opacity: 1 },
     { opacity: 0 }
@@ -1248,7 +1252,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, Xe = {
+}, Pe = {
   keyframes: [
     {
       opacity: 1,
@@ -1264,7 +1268,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, Pe = {
+}, Re = {
   keyframes: [
     {
       opacity: 1,
@@ -1280,7 +1284,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, Re = {
+}, $e = {
   keyframes: [
     {
       opacity: 1,
@@ -1328,7 +1332,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, Be = {
+}, De = {
   keyframes: [
     {
       opacity: 0,
@@ -1344,7 +1348,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, $e = {
+}, Be = {
   keyframes: [
     {
       opacity: 0,
@@ -1360,7 +1364,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, De = {
+}, Ge = {
   keyframes: [
     {
       opacity: 0,
@@ -1376,7 +1380,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, Ge = {
+}, Ee = {
   keyframes: [
     {
       opacity: 1,
@@ -1392,7 +1396,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, Ee = {
+}, _e = {
   keyframes: [
     {
       opacity: 1,
@@ -1408,7 +1412,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, _e = {
+}, Ue = {
   keyframes: [
     {
       opacity: 1,
@@ -1424,7 +1428,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, Ue = {
+}, Le = {
   keyframes: [
     {
       opacity: 1,
@@ -1440,7 +1444,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, Le = {
+}, Ae = {
   keyframes: [
     {
       opacity: 0,
@@ -1456,7 +1460,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, Ae = {
+}, Te = {
   keyframes: [
     {
       opacity: 0,
@@ -1472,7 +1476,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, Te = {
+}, Ve = {
   keyframes: [
     {
       opacity: 0,
@@ -1584,7 +1588,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, Ve = {
+}, Ze = {
   keyframes: [
     {
       opacity: 0,
@@ -1606,7 +1610,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, Ze = {
+}, Je = {
   keyframes: [
     {
       opacity: 0,
@@ -1622,7 +1626,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, Je = {
+}, Ke = {
   keyframes: [
     {
       opacity: 0,
@@ -1640,7 +1644,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, Ke = {
+}, ea = {
   keyframes: [
     {
       opacity: 0,
@@ -1658,7 +1662,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, ea = {
+}, aa = {
   keyframes: [
     {
       opacity: 0,
@@ -1676,7 +1680,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, aa = {
+}, ta = {
   keyframes: [
     {
       opacity: 0,
@@ -1694,7 +1698,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, ta = {
+}, ra = {
   keyframes: [
     {
       opacity: 1,
@@ -1710,7 +1714,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, ra = {
+}, na = {
   keyframes: [
     { transform: "rotate(0deg)" },
     { transform: "rotate(360deg)" }
@@ -1721,7 +1725,7 @@ const Ie = {
     iterations: 1 / 0,
     fill: "both"
   }
-}, na = {
+}, oa = {
   keyframes: [
     { transform: "rotate(360deg)" },
     { transform: "rotate(0deg)" }
@@ -1732,7 +1736,7 @@ const Ie = {
     iterations: 1 / 0,
     fill: "both"
   }
-}, oa = {
+}, ia = {
   keyframes: [
     { transform: "rotate(0deg)" },
     { transform: "rotate(360deg)" }
@@ -1743,7 +1747,7 @@ const Ie = {
     iterations: 1 / 0,
     fill: "both"
   }
-}, ia = {
+}, sa = {
   keyframes: [
     { transform: "rotate(0deg)" },
     { transform: "rotate(360deg)" }
@@ -1754,7 +1758,7 @@ const Ie = {
     iterations: 1 / 0,
     fill: "both"
   }
-}, sa = {
+}, la = {
   keyframes: [
     {
       opacity: 0,
@@ -1776,7 +1780,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, la = {
+}, da = {
   keyframes: [
     {
       opacity: 0,
@@ -1798,7 +1802,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, da = {
+}, ca = {
   keyframes: [
     {
       opacity: 0,
@@ -1820,7 +1824,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, ca = {
+}, ga = {
   keyframes: [
     {
       opacity: 0,
@@ -1842,7 +1846,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, ga = {
+}, fa = {
   keyframes: [
     {
       opacity: 0,
@@ -1886,7 +1890,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, fa = {
+}, ua = {
   keyframes: [
     { transform: "translateY(0)" },
     { transform: "translateY(-30px)" },
@@ -1897,7 +1901,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, ua = {
+}, ma = {
   keyframes: [
     { transform: "translateY(0)", offset: 0 },
     { transform: "translateY(-20px)", offset: 0.4 },
@@ -1911,7 +1915,7 @@ const Ie = {
     iterations: 1 / 0,
     fill: "both"
   }
-}, ma = {
+}, ba = {
   keyframes: [
     { transform: "translateX(0)" },
     { transform: "translateX(-10px)" },
@@ -1925,7 +1929,7 @@ const Ie = {
     easing: "ease-in-out",
     fill: "both"
   }
-}, ba = {
+}, ha = {
   keyframes: [
     { transform: "translateY(0)" },
     { transform: "translateY(-10px)" },
@@ -1939,7 +1943,7 @@ const Ie = {
     easing: "ease-in-out",
     fill: "both"
   }
-}, ha = {
+}, xa = {
   keyframes: [
     { transform: "scale(1)" },
     { transform: "scale(1.05)" },
@@ -1950,7 +1954,7 @@ const Ie = {
     easing: "ease-in-out",
     fill: "both"
   }
-}, xa = {
+}, ya = {
   keyframes: [
     { transform: "scale(1)" },
     { transform: "scale(1.05)" },
@@ -1962,7 +1966,7 @@ const Ie = {
     iterations: 1 / 0,
     fill: "both"
   }
-}, ya = {
+}, wa = {
   keyframes: [
     { transform: "scale(1)" },
     { transform: "scale(1.3)" },
@@ -1975,7 +1979,7 @@ const Ie = {
     easing: "ease-in-out",
     fill: "both"
   }
-}, wa = {
+}, va = {
   keyframes: [
     { opacity: 1 },
     { opacity: 0 },
@@ -1988,7 +1992,7 @@ const Ie = {
     easing: "linear",
     fill: "both"
   }
-}, va = {
+}, ka = {
   keyframes: [
     { transform: "scaleX(1) scaleY(1)" },
     { transform: "scaleX(1.25) scaleY(0.75)" },
@@ -2002,7 +2006,7 @@ const Ie = {
     easing: "ease-in-out",
     fill: "both"
   }
-}, ka = {
+}, Ia = {
   keyframes: [
     { transform: "skewX(0deg) skewY(0deg)" },
     { transform: "skewX(-12.5deg) skewY(-12.5deg)" },
@@ -2016,7 +2020,7 @@ const Ie = {
     easing: "ease-in-out",
     fill: "both"
   }
-}, Ia = {
+}, Na = {
   keyframes: [
     { transform: "rotate(0deg)", transformOrigin: "top center" },
     { transform: "rotate(15deg)", transformOrigin: "top center" },
@@ -2030,7 +2034,7 @@ const Ie = {
     easing: "ease-in-out",
     fill: "both"
   }
-}, Na = {
+}, Oa = {
   keyframes: [
     { transform: "translateX(0%) rotate(0deg)" },
     { transform: "translateX(-25%) rotate(-5deg)" },
@@ -2063,14 +2067,14 @@ const Ie = {
     easing: "ease-in-out",
     fill: "both"
   }
-}, Oa = {
+}, Ca = {
   keyframes: [
     { width: "0", opacity: 0 },
     { width: "0", opacity: 1, offset: 0.01 },
     { width: "100%", opacity: 1 }
   ],
   config: { duration: 2e3, easing: "steps(40, end)" }
-}, Ca = {
+}, Ya = {
   keyframes: [
     { transform: "translate(0)", offset: 0 },
     { transform: "translate(-2px, 2px)", offset: 0.2 },
@@ -2080,27 +2084,27 @@ const Ie = {
     { transform: "translate(0)", offset: 1 }
   ],
   config: { duration: 500, easing: "linear" }
-}, Ya = {
+}, Xa = {
   keyframes: [
     { transform: "translateY(0)", offset: 0 },
     { transform: "translateY(-10px)", offset: 0.5 },
     { transform: "translateY(0)", offset: 1 }
   ],
   config: { duration: 600, easing: "ease-in-out" }
-}, Xa = {
+}, Pa = {
   keyframes: [
     { filter: "blur(12px)", opacity: 0 },
     { filter: "blur(0)", opacity: 1 }
   ],
   config: { duration: 800, easing: "ease-out" }
-}, Pa = {
+}, Ra = {
   keyframes: [
     { letterSpacing: "-0.5em", opacity: 0 },
     { letterSpacing: "-0.5em", opacity: 0.6, offset: 0.4 },
     { letterSpacing: "normal", opacity: 1 }
   ],
   config: { duration: 700, easing: "cubic-bezier(0.215, 0.610, 0.355, 1.000)" }
-}, Ra = {
+}, $a = {
   keyframes: [
     { letterSpacing: "normal", opacity: 1 },
     { letterSpacing: "0em", opacity: 0.6, offset: 0.5 },
@@ -2119,7 +2123,7 @@ const Ie = {
     { textShadow: "1px 1px #555, 2px 2px #555, 3px 3px #555, 4px 4px #555" }
   ],
   config: { duration: 600, easing: "ease-out" }
-}, Ba = {
+}, Da = {
   keyframes: [
     { opacity: 1, offset: 0 },
     { opacity: 1, offset: 0.4199 },
@@ -2133,25 +2137,25 @@ const Ie = {
     { opacity: 1, offset: 1 }
   ],
   config: { duration: 1e3, easing: "linear" }
-}, $a = {
+}, Ba = {
   keyframes: [
     { transform: "scale(0)", transformOrigin: "50% 50%", opacity: 0 },
     { transform: "scale(1)", transformOrigin: "50% 50%", opacity: 1 }
   ],
   config: { duration: 500, easing: "cubic-bezier(0.250, 0.460, 0.450, 0.940)" }
-}, Da = {
+}, Ga = {
   keyframes: [
     { transform: "rotate(-360deg)", opacity: 0 },
     { transform: "rotate(0)", opacity: 1 }
   ],
   config: { duration: 600, easing: "ease-out" }
-}, Ga = {
+}, Ea = {
   keyframes: [
     { transform: "scale(0.5)", opacity: 0 },
     { transform: "scale(1)", opacity: 1 }
   ],
   config: { duration: 400, easing: "cubic-bezier(0.390, 0.575, 0.565, 1.000)" }
-}, Ea = {
+}, _a = {
   keyframes: [
     { transform: "translateX(0) rotate(0)", offset: 0 },
     { transform: "translateX(-25px) rotate(-5deg)", offset: 0.15 },
@@ -2162,7 +2166,7 @@ const Ie = {
     { transform: "translateX(0) rotate(0)", offset: 1 }
   ],
   config: { duration: 1e3, easing: "ease-in-out" }
-}, _a = {
+}, Ua = {
   keyframes: [
     {
       transform: "rotateX(-100deg)",
@@ -2176,7 +2180,7 @@ const Ie = {
     }
   ],
   config: { duration: 600, easing: "cubic-bezier(0.175, 0.885, 0.320, 1.275)" }
-}, Ua = {
+}, La = {
   keyframes: [
     {
       transform: "translateX(-1000px) scaleX(2.5) scaleY(0.2)",
@@ -2190,7 +2194,7 @@ const Ie = {
     }
   ],
   config: { duration: 800, easing: "cubic-bezier(0.230, 1.000, 0.320, 1.000)" }
-}, La = {
+}, Aa = {
   keyframes: [
     {
       transform: "scale(1) translateX(0) translateY(0)"
@@ -2202,93 +2206,93 @@ const Ie = {
   config: { duration: 5e3, easing: "ease-out" }
 }, I = {
   // Fade (10)
-  fadeIn: Ie,
-  fadeInUp: Ne,
+  fadeIn: Ne,
+  fadeInUp: Oe,
   fadeInDown: Me,
-  fadeInLeft: Oe,
-  fadeInRight: Ce,
-  fadeOut: Ye,
-  fadeOutUp: Xe,
-  fadeOutDown: Pe,
-  fadeOutLeft: Re,
+  fadeInLeft: Ce,
+  fadeInRight: Ye,
+  fadeOut: Xe,
+  fadeOutUp: Pe,
+  fadeOutDown: Re,
+  fadeOutLeft: $e,
   fadeOutRight: Se,
   // Slide (8)
   slideInUp: ze,
-  slideInDown: Be,
-  slideInLeft: $e,
-  slideInRight: De,
-  slideOutUp: Ge,
-  slideOutDown: Ee,
-  slideOutLeft: _e,
-  slideOutRight: Ue,
+  slideInDown: De,
+  slideInLeft: Be,
+  slideInRight: Ge,
+  slideOutUp: Ee,
+  slideOutDown: _e,
+  slideOutLeft: Ue,
+  slideOutRight: Le,
   // Zoom (10)
-  zoomIn: Le,
-  zoomInUp: Ae,
-  zoomInDown: Te,
+  zoomIn: Ae,
+  zoomInUp: Te,
+  zoomInDown: Ve,
   zoomInLeft: qe,
   zoomInRight: He,
   zoomOut: je,
   zoomOutUp: Fe,
   zoomOutDown: We,
   zoomInBig: Qe,
-  zoomInBounce: Ve,
+  zoomInBounce: Ze,
   // Rotate (10)
-  rotateIn: Ze,
-  rotateInUpLeft: Je,
-  rotateInUpRight: Ke,
-  rotateInDownLeft: ea,
-  rotateInDownRight: aa,
-  rotateOut: ta,
-  spin: ra,
-  spinReverse: na,
-  spinSlow: oa,
-  spinFast: ia,
+  rotateIn: Je,
+  rotateInUpLeft: Ke,
+  rotateInUpRight: ea,
+  rotateInDownLeft: aa,
+  rotateInDownRight: ta,
+  rotateOut: ra,
+  spin: na,
+  spinReverse: oa,
+  spinSlow: ia,
+  spinFast: sa,
   // Bounce (8)
-  bounceIn: sa,
-  bounceInUp: la,
-  bounceInDown: da,
-  bounceInLeft: ca,
-  bounceInRight: ga,
+  bounceIn: la,
+  bounceInUp: da,
+  bounceInDown: ca,
+  bounceInLeft: ga,
+  bounceInRight: fa,
   bounceOut: pa,
-  bounce: fa,
-  bounceLoop: ua,
+  bounce: ua,
+  bounceLoop: ma,
   // Attention (11)
-  shake: ma,
-  shakeY: ba,
-  pulse: ha,
-  pulseLoop: xa,
-  heartbeat: ya,
-  flash: wa,
-  rubberBand: va,
-  jello: ka,
-  swing: Ia,
-  wobble: Na,
+  shake: ba,
+  shakeY: ha,
+  pulse: xa,
+  pulseLoop: ya,
+  heartbeat: wa,
+  flash: va,
+  rubberBand: ka,
+  jello: Ia,
+  swing: Na,
+  wobble: Oa,
   tada: Ma,
   // ✅ Text (16) - NEW!
-  typing: Oa,
-  glitch: Ca,
-  waveText: Ya,
-  blurIn: Xa,
-  trackingInExpand: Pa,
-  trackingOutContract: Ra,
+  typing: Ca,
+  glitch: Ya,
+  waveText: Xa,
+  blurIn: Pa,
+  trackingInExpand: Ra,
+  trackingOutContract: $a,
   focusIn: Sa,
   textShadowPop: za,
-  flicker: Ba,
-  textPopUp: $a,
-  textRotateIn: Da,
-  textScaleUp: Ga,
-  textWobble: Ea,
-  swingInTop: _a,
-  slideInBlurred: Ua,
-  kenburns: La
+  flicker: Da,
+  textPopUp: Ba,
+  textRotateIn: Ga,
+  textScaleUp: Ea,
+  textWobble: _a,
+  swingInTop: Ua,
+  slideInBlurred: La,
+  kenburns: Aa
 };
 function Tt(e) {
   return I[e];
 }
-function Aa() {
+function Ta() {
   return Object.keys(I);
 }
-function qt(e) {
+function Vt(e) {
   return e === "text" ? [
     "typing",
     "glitch",
@@ -2306,200 +2310,300 @@ function qt(e) {
     "swingInTop",
     "slideInBlurred",
     "kenburns"
-  ] : Aa().filter((a) => a.startsWith(e));
+  ] : Ta().filter((a) => a.startsWith(e));
 }
-const Ta = ({
+const Va = ({
   children: e,
   preset: a = "fadeIn",
   duration: t,
   delay: r,
-  easing: o,
-  iterations: i,
-  trigger: s = "mount",
+  easing: n,
+  iterations: s,
+  trigger: i = "mount",
   threshold: d = 0.1,
   triggerOnce: l = !0,
   onAnimationStart: c,
   onAnimationEnd: g,
-  className: b = "",
-  style: m = {}
+  className: m = "",
+  style: b = {}
 }) => {
-  const p = f(null), h = f(null), x = f(null), N = f(!1), k = async () => {
-    var S, z, B, $;
-    if (!p.current || l && N.current) return;
-    const w = I[a];
-    if (!w) {
+  const f = p(null), w = p(null), h = p(null), N = p(!1), k = async () => {
+    var S, z, D, B;
+    if (!f.current || l && N.current) return;
+    const x = I[a];
+    if (!x) {
       console.warn(`[TeleMotion] Preset "${a}" not found`);
       return;
     }
-    h.current || (h.current = new y(p.current)), c == null || c();
-    const M = {
-      ...w.config,
-      duration: t ?? ((S = w.config) == null ? void 0 : S.duration),
-      delay: r ?? ((z = w.config) == null ? void 0 : z.delay),
-      easing: o ?? ((B = w.config) == null ? void 0 : B.easing),
-      iterations: i ?? (($ = w.config) == null ? void 0 : $.iterations)
+    w.current || (w.current = new v(f.current)), c == null || c();
+    const Y = {
+      ...x.config,
+      duration: t ?? ((S = x.config) == null ? void 0 : S.duration),
+      delay: r ?? ((z = x.config) == null ? void 0 : z.delay),
+      easing: n ?? ((D = x.config) == null ? void 0 : D.easing),
+      iterations: s ?? ((B = x.config) == null ? void 0 : B.iterations)
     };
     try {
-      await h.current.animate(w.keyframes, M), N.current = !0, g == null || g();
+      await w.current.animate(x.keyframes, Y), N.current = !0, g == null || g();
     } catch (A) {
       console.error("[TeleMotion] Animation error:", A);
     }
   };
-  v(() => {
-    s === "mount" && k();
-  }, [a, t, r, o, i]), v(() => {
-    if (!(s !== "scroll" || !p.current))
-      return x.current = new IntersectionObserver(
-        (w) => {
-          w.forEach((M) => {
-            M.isIntersecting && (k(), l && x.current && x.current.unobserve(M.target));
+  y(() => {
+    i === "mount" && k();
+  }, [a, t, r, n, s]), y(() => {
+    if (!(i !== "scroll" || !f.current))
+      return h.current = new IntersectionObserver(
+        (x) => {
+          x.forEach((Y) => {
+            Y.isIntersecting && (k(), l && h.current && h.current.unobserve(Y.target));
           });
         },
         { threshold: d }
-      ), x.current.observe(p.current), () => {
-        x.current && x.current.disconnect();
+      ), h.current.observe(f.current), () => {
+        h.current && h.current.disconnect();
       };
-  }, [s, d, l, a]);
-  const P = () => {
-    s === "hover" && k();
-  }, R = () => {
-    s === "click" && k();
+  }, [i, d, l, a]);
+  const O = () => {
+    i === "hover" && k();
+  }, M = () => {
+    i === "click" && k();
   };
-  return v(() => () => {
-    h.current && h.current.stop();
-  }, []), /* @__PURE__ */ n(
+  return y(() => () => {
+    w.current && w.current.stop();
+  }, []), /* @__PURE__ */ o(
     "div",
     {
-      ref: p,
-      className: b,
-      style: m,
-      onMouseEnter: s === "hover" ? P : void 0,
-      onClick: s === "click" ? R : void 0,
+      ref: f,
+      className: m,
+      style: b,
+      onMouseEnter: i === "hover" ? O : void 0,
+      onClick: i === "click" ? M : void 0,
       children: e
     }
   );
 };
-Ta.displayName = "TeleMotion";
-function Ht() {
-  const e = f(null), a = f(null), t = async (r, o) => {
-    e.current && (a.current || (a.current = new y(e.current)), await a.current.animate(r, o));
+Va.displayName = "TeleMotion";
+function qt() {
+  const e = p(null), a = p(null), t = async (r, n) => {
+    e.current && (a.current || (a.current = new v(e.current)), await a.current.animate(r, n));
   };
-  return v(() => () => {
+  return y(() => () => {
     a.current && a.current.stop();
   }, []), [e, t];
 }
-function jt(e, a) {
-  const t = f(null), r = f(null), o = async () => {
+function Ht(e, a) {
+  const t = p(null), r = p(null), n = async () => {
     if (!t.current) return;
-    const i = I[e];
-    if (!i) {
+    const s = I[e];
+    if (!s) {
       console.warn(`[usePresetAnimation] Preset "${e}" not found`);
       return;
     }
-    r.current || (r.current = new y(t.current));
-    const s = {
-      ...i.config,
+    r.current || (r.current = new v(t.current));
+    const i = {
+      ...s.config,
       ...a
     };
-    await r.current.animate(i.keyframes, s);
+    await r.current.animate(s.keyframes, i);
   };
-  return v(() => {
-    (a == null ? void 0 : a.trigger) !== "manual" && o();
-  }, [e]), v(() => () => {
+  return y(() => {
+    (a == null ? void 0 : a.trigger) !== "manual" && n();
+  }, [e]), y(() => () => {
     r.current && r.current.stop();
-  }, []), [t, o];
+  }, []), [t, n];
 }
-function Ft(e, a) {
-  const t = f(null), r = f(null), o = f(null), i = f(!1);
-  return v(() => {
+function jt(e, a) {
+  const t = p(null), r = p(null), n = p(null), s = p(!1);
+  return y(() => {
     if (!t.current) return;
-    const s = I[e];
-    if (!s) {
+    const i = I[e];
+    if (!i) {
       console.warn(`[useScrollAnimation] Preset "${e}" not found`);
       return;
     }
-    return r.current = new y(t.current), o.current = new IntersectionObserver(
+    return r.current = new v(t.current), n.current = new IntersectionObserver(
       (d) => {
         d.forEach((l) => {
-          if (l.isIntersecting && !i.current && r.current) {
+          if (l.isIntersecting && !s.current && r.current) {
             const c = {
-              ...s.config,
+              ...i.config,
               ...a == null ? void 0 : a.config
             };
-            r.current.animate(s.keyframes, c), i.current = !0, (a == null ? void 0 : a.triggerOnce) !== !1 && o.current && o.current.unobserve(l.target);
+            r.current.animate(i.keyframes, c), s.current = !0, (a == null ? void 0 : a.triggerOnce) !== !1 && n.current && n.current.unobserve(l.target);
           }
         });
       },
       { threshold: (a == null ? void 0 : a.threshold) ?? 0.1 }
-    ), o.current.observe(t.current), () => {
-      o.current && o.current.disconnect(), r.current && r.current.stop();
+    ), n.current.observe(t.current), () => {
+      n.current && n.current.disconnect(), r.current && r.current.stop();
     };
   }, [e, a == null ? void 0 : a.threshold, a == null ? void 0 : a.triggerOnce]), t;
 }
-function Wt(e, a = 100, t) {
-  const r = f(null);
+function Ft(e, a = 100, t) {
+  const r = p(null);
   return [r, async () => {
     if (!r.current) return;
-    const i = I[e];
-    if (!i) return;
-    const d = Array.from(r.current.children).map((l, c) => new y(l).animate(i.keyframes, {
-      ...i.config,
+    const s = I[e];
+    if (!s) return;
+    const d = Array.from(r.current.children).map((l, c) => new v(l).animate(s.keyframes, {
+      ...s.config,
       ...t,
       delay: ((t == null ? void 0 : t.delay) ?? 0) + a * c
     }));
     await Promise.all(d);
   }];
 }
-function Qt(e, a) {
-  const t = f(null), r = f(null);
+function Wt(e, a) {
+  const t = p(null), r = p(null);
   return [t, { onMouseEnter: async () => {
     if (!t.current) return;
-    const s = I[e];
-    s && (r.current || (r.current = new y(t.current)), await r.current.animate(s.keyframes, {
-      ...s.config,
+    const i = I[e];
+    i && (r.current || (r.current = new v(t.current)), await r.current.animate(i.keyframes, {
+      ...i.config,
       ...a
     }));
   }, onMouseLeave: () => {
     r.current && r.current.stop();
   } }];
 }
-function Vt(e = 0.1) {
-  const a = f(null), [t, r] = G(!1);
-  return v(() => {
+function Qt(e = 0.1) {
+  const a = p(null), [t, r] = C(!1);
+  return y(() => {
     if (!a.current) return;
-    const o = new IntersectionObserver(
-      (i) => {
-        i.forEach((s) => {
-          r(s.isIntersecting);
+    const n = new IntersectionObserver(
+      (s) => {
+        s.forEach((i) => {
+          r(i.isIntersecting);
         });
       },
       { threshold: e }
     );
-    return o.observe(a.current), () => {
-      o.disconnect();
+    return n.observe(a.current), () => {
+      n.disconnect();
     };
   }, [e]), [a, t];
 }
+const Zt = ({
+  children: e,
+  direction: a = "up",
+  delay: t = 0,
+  duration: r = 800,
+  threshold: n = 0.1,
+  once: s = !0,
+  className: i = ""
+}) => {
+  const d = p(null), [l, c] = C(!1);
+  y(() => {
+    const m = new IntersectionObserver(
+      ([b]) => {
+        b.isIntersecting ? (c(!0), s && d.current && m.unobserve(d.current)) : s || c(!1);
+      },
+      {
+        threshold: n,
+        rootMargin: "0px"
+      }
+    );
+    return d.current && m.observe(d.current), () => {
+      d.current && m.unobserve(d.current);
+    };
+  }, [n, s]);
+  const g = `scroll-fade-${a}`;
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      ref: d,
+      className: `scroll-animation ${g} ${l ? "active" : ""} ${i}`,
+      style: {
+        animationDelay: `${t}ms`,
+        animationDuration: `${r}ms`
+      },
+      children: e
+    }
+  );
+}, Jt = ({
+  children: e,
+  delay: a = 0,
+  duration: t = 600,
+  threshold: r = 0.1,
+  once: n = !0,
+  className: s = ""
+}) => {
+  const i = p(null), [d, l] = C(!1);
+  return y(() => {
+    const c = new IntersectionObserver(
+      ([g]) => {
+        g.isIntersecting ? (l(!0), n && i.current && c.unobserve(i.current)) : n || l(!1);
+      },
+      { threshold: r }
+    );
+    return i.current && c.observe(i.current), () => {
+      i.current && c.unobserve(i.current);
+    };
+  }, [r, n]), /* @__PURE__ */ o(
+    "div",
+    {
+      ref: i,
+      className: `scroll-animation scroll-zoom-in ${d ? "active" : ""} ${s}`,
+      style: {
+        animationDelay: `${a}ms`,
+        animationDuration: `${t}ms`
+      },
+      children: e
+    }
+  );
+}, Kt = ({
+  children: e,
+  delay: a = 0,
+  duration: t = 800,
+  threshold: r = 0.1,
+  once: n = !0,
+  className: s = ""
+}) => {
+  const i = p(null), [d, l] = C(!1);
+  return y(() => {
+    const c = new IntersectionObserver(
+      ([g]) => {
+        g.isIntersecting ? (l(!0), n && i.current && c.unobserve(i.current)) : n || l(!1);
+      },
+      { threshold: r }
+    );
+    return i.current && c.observe(i.current), () => {
+      i.current && c.unobserve(i.current);
+    };
+  }, [r, n]), /* @__PURE__ */ o(
+    "div",
+    {
+      ref: i,
+      className: `scroll-animation scroll-rotate-in ${d ? "active" : ""} ${s}`,
+      style: {
+        animationDelay: `${a}ms`,
+        animationDuration: `${t}ms`
+      },
+      children: e
+    }
+  );
+};
 export {
   gt as AnimatedBounce,
-  pt as AnimatedGlow,
+  ft as AnimatedGlow,
   ct as AnimatedPulse,
   dt as AnimatedShimmer,
-  y as Animator,
+  v as Animator,
   ja as Button,
   yt as Button3DBlue,
   vt as Button3DGreen,
   wt as Button3DPink,
-  Mt as Container,
+  Ot as Container,
   Yt as ContainerButton,
   Ct as ContainerContent,
-  Ot as ContainerImage,
+  Mt as ContainerImage,
   Xt as FeatureCard,
   bt as GhostBlue,
   xt as GhostPurple,
   ht as GhostRed,
   ot as GlassBlue,
-  O as GlassButton,
+  X as GlassButton,
   lt as GlassPink,
   it as GlassPurple,
   st as GlassWhite,
@@ -2512,40 +2616,43 @@ export {
   kt as NeonBlue,
   Nt as NeonGreen,
   It as NeonPink,
-  ft as OutlinedBlue,
+  pt as OutlinedBlue,
   mt as OutlinedGradient,
   ut as OutlinedPurple,
   Pt as ProductCard,
+  Kt as RotateIn,
   L as ScrollObserver,
-  Qa as SolidBlue,
+  Zt as ScrollReveal,
+  Wa as SolidBlue,
   Za as SolidGreen,
   Ka as SolidPill,
   Ja as SolidPurple,
-  Va as SolidRed,
+  Qa as SolidRed,
   Rt as StatCard,
-  Ta as TeleMotion,
-  zt as animateGroup,
+  Va as TeleMotion,
+  Jt as ZoomIn,
+  St as animateGroup,
   Ut as animateOnScroll,
   Et as bezier,
-  St as createAnimator,
-  ve as easings,
-  Dt as getEasing,
+  $t as createAnimator,
+  ke as easings,
+  Bt as getEasing,
   Tt as getPreset,
-  Aa as getPresetNames,
-  qt as getPresetsByCategory,
+  Ta as getPresetNames,
+  Vt as getPresetsByCategory,
   Lt as getScrollProgress,
-  Wa as gradients,
+  q as gradients,
   At as isInViewport,
-  ke as observeElement,
+  Ie as observeElement,
   _t as observeElements,
-  $t as parallel,
+  Dt as parallel,
   I as presets,
-  Bt as sequence,
+  zt as sequence,
   Gt as spring,
-  Ht as useAnimator,
-  Qt as useHoverAnimation,
-  Vt as useInView,
-  jt as usePresetAnimation,
-  Ft as useScrollAnimation,
-  Wt as useStagger
+  qt as useAnimator,
+  Wt as useHoverAnimation,
+  Qt as useInView,
+  Ht as usePresetAnimation,
+  jt as useScrollAnimation,
+  Ft as useStagger
 };