telecop 0.1.30 → 0.1.31

package/dist/index.mjs

@@ -1,11 +1,11 @@
 "use client";
-import { jsx as n, jsxs as m, Fragment as q } from "react/jsx-runtime";
-import H, { useState as S, useRef as u, useEffect as v } from "react";
-const Ra = ({
+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";
+const ja = ({
   children: e,
   variant: a = "primary",
-  size: r = "md",
-  onClick: t,
+  size: t = "md",
+  onClick: r,
   disabled: o = !1,
   className: i = ""
 }) => {
@@ -21,8 +21,8 @@ const Ra = ({
   return /* @__PURE__ */ n(
     "button",
     {
-      className: `${s} ${d[a]} ${l[r]} ${c} ${i}`,
-      onClick: t,
+      className: `${s} ${d[a]} ${l[t]} ${c} ${i}`,
+      onClick: r,
       disabled: o,
       children: e
     }
@@ -30,17 +30,17 @@ const Ra = ({
 }, O = ({
   children: e,
   variant: a = "blur",
-  size: r = "md",
-  onClick: t,
+  size: t = "md",
+  onClick: r,
   disabled: o = !1,
   className: i = ""
 }) => {
-  const [s, d] = S([]), l = (p) => {
-    if (!o && t) {
+  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((R) => R.filter((P) => P.id !== k));
-      }, 800), t();
+        d((P) => P.filter((R) => R.id !== k));
+      }, 800), r();
     }
   }, c = `
     relative overflow-hidden
@@ -56,7 +56,7 @@ const Ra = ({
     sm: "px-5 py-2.5 text-sm",
     md: "px-7 py-3.5 text-base",
     lg: "px-9 py-4.5 text-lg"
-  }, f = {
+  }, b = {
     blur: `
       bg-white/5
       hover:bg-white/15
@@ -82,15 +82,15 @@ const Ra = ({
       hover:before:translate-x-[200%]
       before:transition-transform before:duration-1000
     `
-  }, b = o ? "opacity-40 cursor-not-allowed hover:scale-100 hover:shadow-xl" : "";
-  return /* @__PURE__ */ m(
+  }, m = o ? "opacity-40 cursor-not-allowed hover:scale-100 hover:shadow-xl" : "";
+  return /* @__PURE__ */ u(
     "button",
     {
-      className: `${c} ${g[r]} ${f[a]} ${b} ${i}`,
+      className: `${c} ${g[t]} ${b[a]} ${m} ${i}`,
       onClick: l,
       disabled: o,
       children: [
-        a === "waves" && !o && /* @__PURE__ */ m(q, { 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" })
         ] }),
@@ -114,11 +114,11 @@ const Ra = ({
       ]
     }
   );
-}, Pa = ({
+}, Fa = ({
   name: e,
   title: a,
-  description: r = "Welcome to my portfolio",
-  primaryButtonText: t = "Get Started",
+  description: t = "Welcome to my portfolio",
+  primaryButtonText: r = "Get Started",
   primaryButtonLink: o,
   primaryButtonOnClick: i,
   secondaryButtonText: s = "Learn More",
@@ -126,19 +126,19 @@ const Ra = ({
   secondaryButtonOnClick: l,
   backgroundGradient: c = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
   animationType: g,
-  className: f = ""
+  className: b = ""
 }) => {
-  const 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: t }) }) : /* @__PURE__ */ n(
+  }, 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 || b,
-      children: t
+      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,
@@ -157,7 +157,7 @@ const Ra = ({
         background: c,
         minHeight: "100vh"
       },
-      children: /* @__PURE__ */ n("div", { className: `min-h-screen flex items-center justify-center p-8 ${f}`, children: /* @__PURE__ */ m("div", { className: "max-w-4xl w-full text-center space-y-8", children: [
+      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",
           {
@@ -188,10 +188,10 @@ const Ra = ({
               textShadow: "0 0 20px rgba(0,0,0,0.2)",
               animation: "fadeInUp 1.2s ease-out 0.4s backwards"
             },
-            children: r
+            children: t
           }
         ),
-        /* @__PURE__ */ m(
+        /* @__PURE__ */ u(
           "div",
           {
             className: "flex flex-wrap gap-6 justify-center mt-12",
@@ -217,7 +217,7 @@ const Ra = ({
       ] }) })
     }
   );
-}, za = [
+}, Wa = [
   // ========== PREMIUM THEMES (NEW) ==========
   {
     id: "glass-morphism",
@@ -682,10 +682,10 @@ const Ra = ({
     category: "animated",
     animation: "zoom"
   }
-], $a = ({ 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 }), Ba = ({ 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 }), Da = ({ 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 }), Ga = ({ 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 }), Sa = ({ 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 }), _a = ({ 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 }), Ea = ({ 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 }), Ua = ({ 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 }), La = ({ 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 }), Aa = ({ 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 }), 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-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 }), Ha = ({ 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 }), ja = ({ 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 }), Fa = ({ 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 }), Qa = ({ children: e = "Shimmer Effect", onClick: a }) => /* @__PURE__ */ m("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: [
+], 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" })
-] }), Ta = ({ 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 }), Va = ({ 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 }), Wa = ({ 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 }), Za = ({ 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 }), Ja = ({ 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 }), Ka = ({ 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 }), er = ({ 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 }), ar = ({ 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 }), rr = ({ 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 }), tr = ({ 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 }), nr = ({ 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 }), or = ({ 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 }), ir = ({ 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 }), sr = ({ 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 }), lr = ({ 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 }), j = {
+] }), 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 = {
   "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,11 +711,11 @@ const Ra = ({
     linear-gradient(180deg, #000000 0%, #0a0a1a 50%, #000000 100%)
   `,
   none: "transparent"
-}, dr = ({
+}, Mt = ({
   children: e,
   layout: a = "center",
-  size: r = "lg",
-  theme: t = "none",
+  size: t = "lg",
+  theme: r = "none",
   padding: o = !0,
   gap: i = "md",
   className: s = ""
@@ -726,7 +726,7 @@ const Ra = ({
     lg: "max-w-7xl",
     xl: "max-w-[1400px]",
     full: "max-w-full"
-  }[r], l = {
+  }[t], l = {
     sm: "gap-4",
     md: "gap-8",
     lg: "gap-12"
@@ -738,45 +738,45 @@ const Ra = ({
     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" : "", f = t !== "none" ? {
-    background: j[t],
+  }[a], g = o ? "px-6 py-8" : "", b = r !== "none" ? {
+    background: H[r],
     backgroundSize: "200% 200%"
-  } : {}, b = H.Children.toArray(e);
-  let p = b;
-  return (a === "image-left" || a === "button-left") && (p = b.reverse()), /* @__PURE__ */ n(
+  } : {}, m = q.Children.toArray(e);
+  let p = m;
+  return (a === "image-left" || a === "button-left") && (p = m.reverse()), /* @__PURE__ */ n(
     "div",
     {
       className: `${d} mx-auto ${g} ${s}`,
-      style: f,
+      style: b,
       children: /* @__PURE__ */ n("div", { className: c, children: p })
     }
   );
-}, cr = ({
+}, Ot = ({
   src: e,
   alt: a,
-  className: r = "",
-  width: t,
+  className: t = "",
+  width: r,
   height: o
-}) => /* @__PURE__ */ n("div", { className: `w-full ${r}`, children: /* @__PURE__ */ n(
+}) => /* @__PURE__ */ n("div", { className: `w-full ${t}`, children: /* @__PURE__ */ n(
   "img",
   {
     src: e,
     alt: a,
-    width: t,
+    width: r,
     height: o,
     className: "w-full h-auto rounded-2xl shadow-2xl object-cover"
   }
-) }), gr = ({
+) }), Ct = ({
   children: e,
   className: a = ""
-}) => /* @__PURE__ */ n("div", { className: `space-y-4 ${a}`, children: e }), pr = ({
+}) => /* @__PURE__ */ n("div", { className: `space-y-4 ${a}`, children: e }), Yt = ({
   children: e,
   className: a = ""
-}) => /* @__PURE__ */ n("div", { className: `flex gap-4 ${a}`, children: e }), ur = ({
+}) => /* @__PURE__ */ n("div", { className: `flex gap-4 ${a}`, children: e }), Xt = ({
   icon: e,
   title: a,
-  description: r,
-  variant: t = "solid",
+  description: t,
+  variant: r = "solid",
   theme: o = "blue",
   hoverable: i = !0,
   className: s = ""
@@ -823,25 +823,25 @@ const Ra = ({
       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][t]}
+  }[o][r]}
     ${s}
   `;
-  return /* @__PURE__ */ m("div", { className: l, children: [
+  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 ${t === "outlined" ? "text-gray-600" : "opacity-90"}`, children: r })
+    /* @__PURE__ */ n("p", { className: `text-sm ${r === "outlined" ? "text-gray-600" : "opacity-90"}`, children: t })
   ] });
-}, mr = ({
+}, Pt = ({
   image: e,
   title: a,
-  description: r,
-  price: t,
+  description: t,
+  price: r,
   oldPrice: o,
   badge: i,
   variant: s = "solid",
   children: d,
   className: l = ""
-}) => /* @__PURE__ */ m("div", { className: `
+}) => /* @__PURE__ */ u("div", { className: `
       rounded-2xl overflow-hidden 
       max-w-sm
       transition-all duration-300 
@@ -854,7 +854,7 @@ const Ra = ({
 }[s]} 
       ${l}
     `, children: [
-  /* @__PURE__ */ m("div", { className: "relative", children: [
+  /* @__PURE__ */ u("div", { className: "relative", children: [
     /* @__PURE__ */ n(
       "img",
       {
@@ -865,26 +865,26 @@ const Ra = ({
     ),
     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 })
   ] }),
-  /* @__PURE__ */ m("div", { className: "p-5 space-y-3", children: [
+  /* @__PURE__ */ u("div", { className: "p-5 space-y-3", children: [
     /* @__PURE__ */ n("h3", { className: "text-xl font-bold text-white", children: a }),
-    r && /* @__PURE__ */ n("p", { className: "text-gray-400 text-sm", children: r }),
-    /* @__PURE__ */ m("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ m("span", { className: "text-2xl font-bold text-white", children: [
+    t && /* @__PURE__ */ n("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: [
         "$",
-        t
+        r
       ] }),
-      o && /* @__PURE__ */ m("span", { className: "text-sm text-gray-500 line-through", children: [
+      o && /* @__PURE__ */ u("span", { className: "text-sm text-gray-500 line-through", children: [
         "$",
         o
       ] })
     ] }),
     d
   ] })
-] }), br = ({
+] }), Rt = ({
   icon: e,
   label: a,
-  value: r,
-  change: t,
+  value: t,
+  change: r,
   trend: o = "neutral",
   variant: i = "solid",
   theme: s = "blue",
@@ -936,7 +936,7 @@ const Ra = ({
     down: "↓",
     neutral: "→"
   };
-  return /* @__PURE__ */ m("div", { className: `
+  return /* @__PURE__ */ u("div", { className: `
       rounded-2xl p-6 border
       max-w-sm
       transition-all duration-300 
@@ -944,16 +944,16 @@ const Ra = ({
       ${l[s][i]}
       ${d}
     `, children: [
-    /* @__PURE__ */ m("div", { className: "flex items-start justify-between mb-4", children: [
+    /* @__PURE__ */ u("div", { className: "flex items-start justify-between mb-4", children: [
       e && /* @__PURE__ */ n("div", { className: "text-3xl", children: e }),
-      t && /* @__PURE__ */ m("span", { className: `text-sm font-semibold ${c[o]}`, children: [
+      r && /* @__PURE__ */ u("span", { className: `text-sm font-semibold ${c[o]}`, children: [
         g[o],
         " ",
-        t
+        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: r })
+    /* @__PURE__ */ n("p", { className: "text-3xl font-bold text-white", children: t })
   ] });
 };
 class y {
@@ -963,17 +963,17 @@ class y {
   /**
    * تشغيل animation باستخدام keyframes
    */
-  animate(a, r = {}) {
+  animate(a, t = {}) {
     const {
-      duration: t = 600,
+      duration: r = 600,
       delay: o = 0,
       easing: i = "ease",
       iterations: s = 1,
       direction: d = "normal",
       fill: l = "both"
-    } = r;
+    } = t;
     return this.animation && this.animation.cancel(), this.animation = this.element.animate(a, {
-      duration: t,
+      duration: r,
       delay: o,
       easing: typeof i == "string" ? i : "linear",
       iterations: s,
@@ -1019,49 +1019,49 @@ class y {
     return ((a = this.animation) == null ? void 0 : a.playState) === "running";
   }
 }
-function fr(e) {
+function St(e) {
   return new y(e);
 }
-async function hr(e, a, r = {}) {
-  const t = r.stagger ?? 0, o = {
-    duration: r.duration,
-    delay: r.delay,
-    easing: r.easing,
-    iterations: r.iterations,
-    direction: r.direction,
-    fill: r.fill
+async function zt(e, a, t = {}) {
+  const r = t.stagger ?? 0, o = {
+    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) + t * d
+    delay: (o.delay || 0) + r * d
   }));
   return Promise.all(i);
 }
-async function xr(e) {
+async function Bt(e) {
   const a = [];
-  for (const { element: r, keyframes: t, config: o } of e) {
-    const s = await new y(r).animate(t, o);
+  for (const { element: t, keyframes: r, config: o } of e) {
+    const s = await new y(t).animate(r, o);
     a.push(s);
   }
   return a;
 }
-async function yr(e) {
-  const a = e.map(({ element: r, keyframes: t, config: o }) => new y(r).animate(t, o));
+async function $t(e) {
+  const a = e.map(({ element: t, keyframes: r, config: o }) => new y(t).animate(r, o));
   return Promise.all(a);
 }
-const _ = (e) => e, F = (e) => e * e * e, Q = (e) => 1 - Math.pow(1 - e, 3), T = (e) => e < 0.5 ? 4 * e * e * e : 1 - Math.pow(-2 * e + 2, 3) / 2, V = (e) => e * e, W = (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, re = (e) => 1 - Math.pow(1 - e, 5), te = (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, E = X + 1, se = (e) => E * e * e * e - X * e * e, le = (e) => 1 + E * 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, G = 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) * G)) / 2 : Math.pow(2, -20 * e + 10) * Math.sin((20 * e - 11.125) * G) / 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, ue = (e) => 1 - Y(1 - e), me = (e) => e < 0.5 ? (1 - Y(1 - 2 * e)) / 2 : (1 + Y(2 * e - 1)) / 2, be = (e) => 1 - Math.cos(e * Math.PI / 2), fe = (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 = {
-  linear: _,
-  easeInCubic: F,
-  easeOutCubic: Q,
-  easeInOutCubic: T,
-  easeInQuad: V,
-  easeOutQuad: W,
+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 = {
+  linear: E,
+  easeInCubic: j,
+  easeOutCubic: F,
+  easeInOutCubic: W,
+  easeInQuad: Q,
+  easeOutQuad: V,
   easeInOutQuad: Z,
   easeInQuart: J,
   easeOutQuart: K,
   easeInOutQuart: ee,
   easeInQuint: ae,
-  easeOutQuint: re,
-  easeInOutQuint: te,
+  easeOutQuint: te,
+  easeInOutQuint: re,
   easeInExpo: ne,
   easeOutExpo: oe,
   easeInOutExpo: ie,
@@ -1071,32 +1071,32 @@ const _ = (e) => e, F = (e) => e * e * e, Q = (e) => 1 - Math.pow(1 - e, 3), T =
   easeInElastic: ce,
   easeOutElastic: ge,
   easeInOutElastic: pe,
-  easeInBounce: ue,
+  easeInBounce: fe,
   easeOutBounce: Y,
-  easeInOutBounce: me,
-  easeInSine: be,
-  easeOutSine: fe,
+  easeInOutBounce: ue,
+  easeInSine: me,
+  easeOutSine: be,
   easeInOutSine: he,
   easeInCirc: xe,
   easeOutCirc: ye,
   easeInOutCirc: we
 };
-function wr(e) {
-  return typeof e == "function" ? e : ve[e] || _;
+function Dt(e) {
+  return typeof e == "function" ? e : ve[e] || E;
 }
-function vr(e = 100, a = 10, r = 1) {
-  return (t) => {
-    const o = Math.sqrt(e / r), i = a / (2 * Math.sqrt(e * r));
+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 * t) * Math.cos(s * t);
+      return 1 - Math.exp(-i * o * r) * Math.cos(s * r);
     } else
-      return 1 - Math.exp(-o * t);
+      return 1 - Math.exp(-o * r);
   };
 }
-function kr(e, a, r, t) {
+function Et(e, a, t, r) {
   return (o) => {
-    const i = 3 * a, s = 3 * (t - a) - i, d = 1 - i - s;
+    const i = 3 * a, s = 3 * (r - a) - i, d = 1 - i - s;
     return ((c) => ((d * c + s) * c + i) * c)(o);
   };
 }
@@ -1110,23 +1110,23 @@ class L {
   /**
    * مراقبة عنصر
    */
-  observe(a, r = {}) {
+  observe(a, t = {}) {
     const {
-      threshold: t = 0.1,
+      threshold: r = 0.1,
       rootMargin: o = "0px",
       triggerOnce: i = !1,
       onEnter: s,
       onExit: d
-    } = r;
-    this.elements.set(a, r), this.observer || (this.observer = new IntersectionObserver(
+    } = t;
+    this.elements.set(a, t), this.observer || (this.observer = new IntersectionObserver(
       (l) => {
         l.forEach((c) => {
-          var f, b;
+          var b, m;
           const g = this.elements.get(c.target);
-          g && (c.isIntersecting ? ((f = g.onEnter) == null || f.call(g, c), g.triggerOnce && this.unobserve(c.target)) : (b = g.onExit) == null || b.call(g, c));
+          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));
         });
       },
-      { threshold: t, rootMargin: o }
+      { threshold: r, rootMargin: o }
     )), this.observer.observe(a);
   }
   /**
@@ -1143,25 +1143,25 @@ class L {
   }
 }
 function ke(e, a) {
-  const r = new L();
-  return r.observe(e, a), () => r.disconnect();
+  const t = new L();
+  return t.observe(e, a), () => t.disconnect();
 }
-function Ir(e, a) {
-  const r = new L();
-  return e.forEach((t) => r.observe(t, a)), () => r.disconnect();
+function _t(e, a) {
+  const t = new L();
+  return e.forEach((r) => t.observe(r, a)), () => t.disconnect();
 }
-function Nr(e, a, r = {}) {
+function Ut(e, a, t = {}) {
   return ke(e, {
-    ...r,
+    ...t,
     onEnter: a
   });
 }
-function Mr(e) {
-  const a = e.getBoundingClientRect(), r = window.innerHeight, t = a.top, o = a.height, i = 1 - (t + o) / (r + o);
+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));
 }
-function Or(e, a = 0) {
-  const r = e.getBoundingClientRect(), t = window.innerHeight, o = window.innerWidth, i = r.top + r.height * a <= t && r.bottom - r.height * a >= 0, s = r.left + r.width * a <= o && r.right - r.width * a >= 0;
+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 Ie = {
@@ -1264,7 +1264,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, Re = {
+}, Pe = {
   keyframes: [
     {
       opacity: 1,
@@ -1280,7 +1280,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, Pe = {
+}, Re = {
   keyframes: [
     {
       opacity: 1,
@@ -1296,7 +1296,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, ze = {
+}, Se = {
   keyframes: [
     {
       opacity: 1,
@@ -1312,7 +1312,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, $e = {
+}, ze = {
   keyframes: [
     {
       opacity: 0,
@@ -1344,7 +1344,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, De = {
+}, $e = {
   keyframes: [
     {
       opacity: 0,
@@ -1360,7 +1360,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, Ge = {
+}, De = {
   keyframes: [
     {
       opacity: 0,
@@ -1376,7 +1376,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, Se = {
+}, Ge = {
   keyframes: [
     {
       opacity: 1,
@@ -1392,7 +1392,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, _e = {
+}, Ee = {
   keyframes: [
     {
       opacity: 1,
@@ -1408,7 +1408,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, Ee = {
+}, _e = {
   keyframes: [
     {
       opacity: 1,
@@ -1472,7 +1472,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, qe = {
+}, Te = {
   keyframes: [
     {
       opacity: 0,
@@ -1488,7 +1488,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, He = {
+}, qe = {
   keyframes: [
     {
       opacity: 0,
@@ -1504,7 +1504,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, je = {
+}, He = {
   keyframes: [
     {
       opacity: 0,
@@ -1520,7 +1520,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, Fe = {
+}, je = {
   keyframes: [
     {
       opacity: 1,
@@ -1536,7 +1536,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, Qe = {
+}, Fe = {
   keyframes: [
     {
       opacity: 1,
@@ -1552,7 +1552,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, Te = {
+}, We = {
   keyframes: [
     {
       opacity: 1,
@@ -1568,7 +1568,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, Ve = {
+}, Qe = {
   keyframes: [
     {
       opacity: 0,
@@ -1584,7 +1584,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, We = {
+}, Ve = {
   keyframes: [
     {
       opacity: 0,
@@ -1694,7 +1694,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, ra = {
+}, ta = {
   keyframes: [
     {
       opacity: 1,
@@ -1710,7 +1710,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, ta = {
+}, ra = {
   keyframes: [
     { transform: "rotate(0deg)" },
     { transform: "rotate(360deg)" }
@@ -1886,7 +1886,7 @@ const Ie = {
     easing: "ease-in",
     fill: "both"
   }
-}, ua = {
+}, fa = {
   keyframes: [
     { transform: "translateY(0)" },
     { transform: "translateY(-30px)" },
@@ -1897,7 +1897,7 @@ const Ie = {
     easing: "ease-out",
     fill: "both"
   }
-}, ma = {
+}, ua = {
   keyframes: [
     { transform: "translateY(0)", offset: 0 },
     { transform: "translateY(-20px)", offset: 0.4 },
@@ -1911,7 +1911,7 @@ const Ie = {
     iterations: 1 / 0,
     fill: "both"
   }
-}, ba = {
+}, ma = {
   keyframes: [
     { transform: "translateX(0)" },
     { transform: "translateX(-10px)" },
@@ -1925,7 +1925,7 @@ const Ie = {
     easing: "ease-in-out",
     fill: "both"
   }
-}, fa = {
+}, ba = {
   keyframes: [
     { transform: "translateY(0)" },
     { transform: "translateY(-10px)" },
@@ -2063,6 +2063,143 @@ const Ie = {
     easing: "ease-in-out",
     fill: "both"
   }
+}, Oa = {
+  keyframes: [
+    { width: "0", opacity: 0 },
+    { width: "0", opacity: 1, offset: 0.01 },
+    { width: "100%", opacity: 1 }
+  ],
+  config: { duration: 2e3, easing: "steps(40, end)" }
+}, Ca = {
+  keyframes: [
+    { transform: "translate(0)", offset: 0 },
+    { transform: "translate(-2px, 2px)", offset: 0.2 },
+    { transform: "translate(-2px, -2px)", offset: 0.4 },
+    { transform: "translate(2px, 2px)", offset: 0.6 },
+    { transform: "translate(2px, -2px)", offset: 0.8 },
+    { transform: "translate(0)", offset: 1 }
+  ],
+  config: { duration: 500, easing: "linear" }
+}, Ya = {
+  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 = {
+  keyframes: [
+    { filter: "blur(12px)", opacity: 0 },
+    { filter: "blur(0)", opacity: 1 }
+  ],
+  config: { duration: 800, easing: "ease-out" }
+}, Pa = {
+  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 = {
+  keyframes: [
+    { letterSpacing: "normal", opacity: 1 },
+    { letterSpacing: "0em", opacity: 0.6, offset: 0.5 },
+    { letterSpacing: "-0.5em", opacity: 0 }
+  ],
+  config: { duration: 700, easing: "cubic-bezier(0.550, 0.085, 0.680, 0.530)" }
+}, Sa = {
+  keyframes: [
+    { filter: "blur(12px)", opacity: 0 },
+    { filter: "blur(0)", opacity: 1 }
+  ],
+  config: { duration: 800, easing: "cubic-bezier(0.550, 0.085, 0.680, 0.530)" }
+}, za = {
+  keyframes: [
+    { textShadow: "0 0 #555, 0 0 #555, 0 0 #555, 0 0 #555" },
+    { textShadow: "1px 1px #555, 2px 2px #555, 3px 3px #555, 4px 4px #555" }
+  ],
+  config: { duration: 600, easing: "ease-out" }
+}, Ba = {
+  keyframes: [
+    { opacity: 1, offset: 0 },
+    { opacity: 1, offset: 0.4199 },
+    { opacity: 0, offset: 0.42 },
+    { opacity: 0, offset: 0.43 },
+    { opacity: 1, offset: 0.4301 },
+    { opacity: 1, offset: 0.4799 },
+    { opacity: 0, offset: 0.48 },
+    { opacity: 0, offset: 0.49 },
+    { opacity: 1, offset: 0.4901 },
+    { opacity: 1, offset: 1 }
+  ],
+  config: { duration: 1e3, easing: "linear" }
+}, $a = {
+  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 = {
+  keyframes: [
+    { transform: "rotate(-360deg)", opacity: 0 },
+    { transform: "rotate(0)", opacity: 1 }
+  ],
+  config: { duration: 600, easing: "ease-out" }
+}, Ga = {
+  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 = {
+  keyframes: [
+    { transform: "translateX(0) rotate(0)", offset: 0 },
+    { transform: "translateX(-25px) rotate(-5deg)", offset: 0.15 },
+    { transform: "translateX(20px) rotate(3deg)", offset: 0.3 },
+    { transform: "translateX(-15px) rotate(-3deg)", offset: 0.45 },
+    { transform: "translateX(10px) rotate(2deg)", offset: 0.6 },
+    { transform: "translateX(-5px) rotate(-1deg)", offset: 0.75 },
+    { transform: "translateX(0) rotate(0)", offset: 1 }
+  ],
+  config: { duration: 1e3, easing: "ease-in-out" }
+}, _a = {
+  keyframes: [
+    {
+      transform: "rotateX(-100deg)",
+      transformOrigin: "top",
+      opacity: 0
+    },
+    {
+      transform: "rotateX(0deg)",
+      transformOrigin: "top",
+      opacity: 1
+    }
+  ],
+  config: { duration: 600, easing: "cubic-bezier(0.175, 0.885, 0.320, 1.275)" }
+}, Ua = {
+  keyframes: [
+    {
+      transform: "translateX(-1000px) scaleX(2.5) scaleY(0.2)",
+      filter: "blur(40px)",
+      opacity: 0
+    },
+    {
+      transform: "translateX(0) scaleY(1) scaleX(1)",
+      filter: "blur(0)",
+      opacity: 1
+    }
+  ],
+  config: { duration: 800, easing: "cubic-bezier(0.230, 1.000, 0.320, 1.000)" }
+}, La = {
+  keyframes: [
+    {
+      transform: "scale(1) translateX(0) translateY(0)"
+    },
+    {
+      transform: "scale(1.2) translateX(15px) translateY(15px)"
+    }
+  ],
+  config: { duration: 5e3, easing: "ease-out" }
 }, I = {
   // Fade (10)
   fadeIn: Ie,
@@ -2072,37 +2209,37 @@ const Ie = {
   fadeInRight: Ce,
   fadeOut: Ye,
   fadeOutUp: Xe,
-  fadeOutDown: Re,
-  fadeOutLeft: Pe,
-  fadeOutRight: ze,
+  fadeOutDown: Pe,
+  fadeOutLeft: Re,
+  fadeOutRight: Se,
   // Slide (8)
-  slideInUp: $e,
+  slideInUp: ze,
   slideInDown: Be,
-  slideInLeft: De,
-  slideInRight: Ge,
-  slideOutUp: Se,
-  slideOutDown: _e,
-  slideOutLeft: Ee,
+  slideInLeft: $e,
+  slideInRight: De,
+  slideOutUp: Ge,
+  slideOutDown: Ee,
+  slideOutLeft: _e,
   slideOutRight: Ue,
   // Zoom (10)
   zoomIn: Le,
   zoomInUp: Ae,
-  zoomInDown: qe,
-  zoomInLeft: He,
-  zoomInRight: je,
-  zoomOut: Fe,
-  zoomOutUp: Qe,
-  zoomOutDown: Te,
-  zoomInBig: Ve,
-  zoomInBounce: We,
+  zoomInDown: Te,
+  zoomInLeft: qe,
+  zoomInRight: He,
+  zoomOut: je,
+  zoomOutUp: Fe,
+  zoomOutDown: We,
+  zoomInBig: Qe,
+  zoomInBounce: Ve,
   // Rotate (10)
   rotateIn: Ze,
   rotateInUpLeft: Je,
   rotateInUpRight: Ke,
   rotateInDownLeft: ea,
   rotateInDownRight: aa,
-  rotateOut: ra,
-  spin: ta,
+  rotateOut: ta,
+  spin: ra,
   spinReverse: na,
   spinSlow: oa,
   spinFast: ia,
@@ -2113,11 +2250,11 @@ const Ie = {
   bounceInLeft: ca,
   bounceInRight: ga,
   bounceOut: pa,
-  bounce: ua,
-  bounceLoop: ma,
-  // Attention (12)
-  shake: ba,
-  shakeY: fa,
+  bounce: fa,
+  bounceLoop: ua,
+  // Attention (11)
+  shake: ma,
+  shakeY: ba,
   pulse: ha,
   pulseLoop: xa,
   heartbeat: ya,
@@ -2126,22 +2263,56 @@ const Ie = {
   jello: ka,
   swing: Ia,
   wobble: Na,
-  tada: Ma
+  tada: Ma,
+  // ✅ Text (16) - NEW!
+  typing: Oa,
+  glitch: Ca,
+  waveText: Ya,
+  blurIn: Xa,
+  trackingInExpand: Pa,
+  trackingOutContract: Ra,
+  focusIn: Sa,
+  textShadowPop: za,
+  flicker: Ba,
+  textPopUp: $a,
+  textRotateIn: Da,
+  textScaleUp: Ga,
+  textWobble: Ea,
+  swingInTop: _a,
+  slideInBlurred: Ua,
+  kenburns: La
 };
-function Cr(e) {
+function Tt(e) {
   return I[e];
 }
-function Oa() {
+function Aa() {
   return Object.keys(I);
 }
-function Yr(e) {
-  return Oa().filter((a) => a.startsWith(e));
+function qt(e) {
+  return e === "text" ? [
+    "typing",
+    "glitch",
+    "waveText",
+    "blurIn",
+    "trackingInExpand",
+    "trackingOutContract",
+    "focusIn",
+    "textShadowPop",
+    "flicker",
+    "textPopUp",
+    "textRotateIn",
+    "textScaleUp",
+    "textWobble",
+    "swingInTop",
+    "slideInBlurred",
+    "kenburns"
+  ] : Aa().filter((a) => a.startsWith(e));
 }
-const Ca = ({
+const Ta = ({
   children: e,
   preset: a = "fadeIn",
-  duration: r,
-  delay: t,
+  duration: t,
+  delay: r,
   easing: o,
   iterations: i,
   trigger: s = "mount",
@@ -2149,11 +2320,11 @@ const Ca = ({
   triggerOnce: l = !0,
   onAnimationStart: c,
   onAnimationEnd: g,
-  className: f = "",
-  style: b = {}
+  className: b = "",
+  style: m = {}
 }) => {
-  const p = u(null), h = u(null), x = u(null), N = u(!1), k = async () => {
-    var z, $, B, D;
+  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) {
@@ -2163,10 +2334,10 @@ const Ca = ({
     h.current || (h.current = new y(p.current)), c == null || c();
     const M = {
       ...w.config,
-      duration: r ?? ((z = w.config) == null ? void 0 : z.duration),
-      delay: t ?? (($ = w.config) == null ? void 0 : $.delay),
+      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 ?? ((D = w.config) == null ? void 0 : D.iterations)
+      iterations: i ?? (($ = w.config) == null ? void 0 : $.iterations)
     };
     try {
       await h.current.animate(w.keyframes, M), N.current = !0, g == null || g();
@@ -2176,7 +2347,7 @@ const Ca = ({
   };
   v(() => {
     s === "mount" && k();
-  }, [a, r, t, o, i]), v(() => {
+  }, [a, t, r, o, i]), v(() => {
     if (!(s !== "scroll" || !p.current))
       return x.current = new IntersectionObserver(
         (w) => {
@@ -2189,9 +2360,9 @@ const Ca = ({
         x.current && x.current.disconnect();
       };
   }, [s, d, l, a]);
-  const R = () => {
+  const P = () => {
     s === "hover" && k();
-  }, P = () => {
+  }, R = () => {
     s === "click" && k();
   };
   return v(() => () => {
@@ -2200,106 +2371,106 @@ const Ca = ({
     "div",
     {
       ref: p,
-      className: f,
-      style: b,
-      onMouseEnter: s === "hover" ? R : void 0,
-      onClick: s === "click" ? P : void 0,
+      className: b,
+      style: m,
+      onMouseEnter: s === "hover" ? P : void 0,
+      onClick: s === "click" ? R : void 0,
       children: e
     }
   );
 };
-Ca.displayName = "TeleMotion";
-function Xr() {
-  const e = u(null), a = u(null), r = async (t, o) => {
-    e.current && (a.current || (a.current = new y(e.current)), await a.current.animate(t, o));
+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));
   };
   return v(() => () => {
     a.current && a.current.stop();
-  }, []), [e, r];
+  }, []), [e, t];
 }
-function Rr(e, a) {
-  const r = u(null), t = u(null), o = async () => {
-    if (!r.current) return;
+function jt(e, a) {
+  const t = f(null), r = f(null), o = async () => {
+    if (!t.current) return;
     const i = I[e];
     if (!i) {
       console.warn(`[usePresetAnimation] Preset "${e}" not found`);
       return;
     }
-    t.current || (t.current = new y(r.current));
+    r.current || (r.current = new y(t.current));
     const s = {
       ...i.config,
       ...a
     };
-    await t.current.animate(i.keyframes, s);
+    await r.current.animate(i.keyframes, s);
   };
   return v(() => {
     (a == null ? void 0 : a.trigger) !== "manual" && o();
   }, [e]), v(() => () => {
-    t.current && t.current.stop();
-  }, []), [r, o];
+    r.current && r.current.stop();
+  }, []), [t, o];
 }
-function Pr(e, a) {
-  const r = u(null), t = u(null), o = u(null), i = u(!1);
+function Ft(e, a) {
+  const t = f(null), r = f(null), o = f(null), i = f(!1);
   return v(() => {
-    if (!r.current) return;
+    if (!t.current) return;
     const s = I[e];
     if (!s) {
       console.warn(`[useScrollAnimation] Preset "${e}" not found`);
       return;
     }
-    return t.current = new y(r.current), o.current = new IntersectionObserver(
+    return r.current = new y(t.current), o.current = new IntersectionObserver(
       (d) => {
         d.forEach((l) => {
-          if (l.isIntersecting && !i.current && t.current) {
+          if (l.isIntersecting && !i.current && r.current) {
             const c = {
               ...s.config,
               ...a == null ? void 0 : a.config
             };
-            t.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(s.keyframes, c), i.current = !0, (a == null ? void 0 : a.triggerOnce) !== !1 && o.current && o.current.unobserve(l.target);
           }
         });
       },
       { threshold: (a == null ? void 0 : a.threshold) ?? 0.1 }
-    ), o.current.observe(r.current), () => {
-      o.current && o.current.disconnect(), t.current && t.current.stop();
+    ), o.current.observe(t.current), () => {
+      o.current && o.current.disconnect(), r.current && r.current.stop();
     };
-  }, [e, a == null ? void 0 : a.threshold, a == null ? void 0 : a.triggerOnce]), r;
+  }, [e, a == null ? void 0 : a.threshold, a == null ? void 0 : a.triggerOnce]), t;
 }
-function zr(e, a = 100, r) {
-  const t = u(null);
-  return [t, async () => {
-    if (!t.current) return;
+function Wt(e, a = 100, t) {
+  const r = f(null);
+  return [r, async () => {
+    if (!r.current) return;
     const i = I[e];
     if (!i) return;
-    const d = Array.from(t.current.children).map((l, c) => new y(l).animate(i.keyframes, {
+    const d = Array.from(r.current.children).map((l, c) => new y(l).animate(i.keyframes, {
       ...i.config,
-      ...r,
-      delay: ((r == null ? void 0 : r.delay) ?? 0) + a * c
+      ...t,
+      delay: ((t == null ? void 0 : t.delay) ?? 0) + a * c
     }));
     await Promise.all(d);
   }];
 }
-function $r(e, a) {
-  const r = u(null), t = u(null);
-  return [r, { onMouseEnter: async () => {
-    if (!r.current) return;
+function Qt(e, a) {
+  const t = f(null), r = f(null);
+  return [t, { onMouseEnter: async () => {
+    if (!t.current) return;
     const s = I[e];
-    s && (t.current || (t.current = new y(r.current)), await t.current.animate(s.keyframes, {
+    s && (r.current || (r.current = new y(t.current)), await r.current.animate(s.keyframes, {
       ...s.config,
       ...a
     }));
   }, onMouseLeave: () => {
-    t.current && t.current.stop();
+    r.current && r.current.stop();
   } }];
 }
-function Br(e = 0.1) {
-  const a = u(null), [r, t] = S(!1);
+function Vt(e = 0.1) {
+  const a = f(null), [t, r] = G(!1);
   return v(() => {
     if (!a.current) return;
     const o = new IntersectionObserver(
       (i) => {
         i.forEach((s) => {
-          t(s.isIntersecting);
+          r(s.isIntersecting);
         });
       },
       { threshold: e }
@@ -2307,74 +2478,74 @@ function Br(e = 0.1) {
     return o.observe(a.current), () => {
       o.disconnect();
     };
-  }, [e]), [a, r];
+  }, [e]), [a, t];
 }
 export {
-  Va as AnimatedBounce,
-  Wa as AnimatedGlow,
-  Ta as AnimatedPulse,
-  Qa as AnimatedShimmer,
+  gt as AnimatedBounce,
+  pt as AnimatedGlow,
+  ct as AnimatedPulse,
+  dt as AnimatedShimmer,
   y as Animator,
-  Ra as Button,
-  tr as Button3DBlue,
-  or as Button3DGreen,
-  nr as Button3DPink,
-  dr as Container,
-  pr as ContainerButton,
-  gr as ContainerContent,
-  cr as ContainerImage,
-  ur as FeatureCard,
-  er as GhostBlue,
-  rr as GhostPurple,
-  ar as GhostRed,
-  qa as GlassBlue,
+  ja as Button,
+  yt as Button3DBlue,
+  vt as Button3DGreen,
+  wt as Button3DPink,
+  Mt as Container,
+  Yt as ContainerButton,
+  Ct as ContainerContent,
+  Ot as ContainerImage,
+  Xt as FeatureCard,
+  bt as GhostBlue,
+  xt as GhostPurple,
+  ht as GhostRed,
+  ot as GlassBlue,
   O as GlassButton,
-  Fa as GlassPink,
-  Ha as GlassPurple,
-  ja as GlassWhite,
-  Ea as GradientBlueGreen,
-  La as GradientCyan,
-  Ua as GradientOrangeRed,
-  _a as GradientPurplePink,
-  Aa as GradientSunset,
-  Pa as Home,
-  ir as NeonBlue,
-  lr as NeonGreen,
-  sr as NeonPink,
-  Za as OutlinedBlue,
-  Ka as OutlinedGradient,
-  Ja as OutlinedPurple,
-  mr as ProductCard,
+  lt as GlassPink,
+  it as GlassPurple,
+  st as GlassWhite,
+  at as GradientBlueGreen,
+  rt as GradientCyan,
+  tt as GradientOrangeRed,
+  et as GradientPurplePink,
+  nt as GradientSunset,
+  Fa as Home,
+  kt as NeonBlue,
+  Nt as NeonGreen,
+  It as NeonPink,
+  ft as OutlinedBlue,
+  mt as OutlinedGradient,
+  ut as OutlinedPurple,
+  Pt as ProductCard,
   L as ScrollObserver,
-  $a as SolidBlue,
-  Da as SolidGreen,
-  Sa as SolidPill,
-  Ga as SolidPurple,
-  Ba as SolidRed,
-  br as StatCard,
-  Ca as TeleMotion,
-  hr as animateGroup,
-  Nr as animateOnScroll,
-  kr as bezier,
-  fr as createAnimator,
+  Qa as SolidBlue,
+  Za as SolidGreen,
+  Ka as SolidPill,
+  Ja as SolidPurple,
+  Va as SolidRed,
+  Rt as StatCard,
+  Ta as TeleMotion,
+  zt as animateGroup,
+  Ut as animateOnScroll,
+  Et as bezier,
+  St as createAnimator,
   ve as easings,
-  wr as getEasing,
-  Cr as getPreset,
-  Oa as getPresetNames,
-  Yr as getPresetsByCategory,
-  Mr as getScrollProgress,
-  za as gradients,
-  Or as isInViewport,
+  Dt as getEasing,
+  Tt as getPreset,
+  Aa as getPresetNames,
+  qt as getPresetsByCategory,
+  Lt as getScrollProgress,
+  Wa as gradients,
+  At as isInViewport,
   ke as observeElement,
-  Ir as observeElements,
-  yr as parallel,
+  _t as observeElements,
+  $t as parallel,
   I as presets,
-  xr as sequence,
-  vr as spring,
-  Xr as useAnimator,
-  $r as useHoverAnimation,
-  Br as useInView,
-  Rr as usePresetAnimation,
-  Pr as useScrollAnimation,
-  zr as useStagger
+  Bt as sequence,
+  Gt as spring,
+  Ht as useAnimator,
+  Qt as useHoverAnimation,
+  Vt as useInView,
+  jt as usePresetAnimation,
+  Ft as useScrollAnimation,
+  Wt as useStagger
 };