telecop 0.1.35 → 0.1.38

package/dist/Container-P3r8bCP7.js

@@ -0,0 +1,431 @@
+"use client";
+import { jsx as t, jsxs as s, Fragment as k } from "react/jsx-runtime";
+import N, { useState as C } from "react";
+const G = ({ children: r = "Click Me", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), M = ({ children: r = "Click Me", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), P = ({ children: r = "Click Me", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), S = ({ children: r = "Click Me", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), D = ({ children: r = "Pill Button", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), A = ({ children: r = "Click Me", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), j = ({ children: r = "Click Me", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), z = ({ children: r = "Click Me", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), R = ({ children: r = "Click Me", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), E = ({ children: r = "Click Me", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), I = ({ children: r = "Click Me", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), O = ({ children: r = "Click Me", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), T = ({ children: r = "Click Me", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), F = ({ children: r = "Click Me", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), H = ({ children: r = "Shimmer Effect", onClick: e }) => /* @__PURE__ */ s("button", { onClick: e, 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__ */ t("span", { className: "relative z-10", children: r }),
+  /* @__PURE__ */ t("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" })
+] }), q = ({ children: r = "Pulse Button", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), W = ({ children: r = "Bounce Button", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), X = ({ children: r = "Glow Effect", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), Y = ({ children: r = "Click Me", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), J = ({ children: r = "Click Me", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), K = ({ children: r = "Gradient Border", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), L = ({ children: r = "Click Me", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), Q = ({ children: r = "Click Me", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), U = ({ children: r = "Click Me", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), V = ({ children: r = "3D Button", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), Z = ({ children: r = "3D Button", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), ee = ({ children: r = "3D Button", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), re = ({ children: r = "Neon Blue", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), te = ({ children: r = "Neon Pink", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), oe = ({ children: r = "Neon Green", onClick: e }) => /* @__PURE__ */ t("button", { onClick: e, 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: r }), ae = ({
+  children: r,
+  variant: e = "primary",
+  size: l = "md",
+  onClick: a,
+  disabled: o = !1,
+  className: d = ""
+}) => {
+  const i = "font-semibold rounded-lg transition-all duration-200 cursor-pointer", b = {
+    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"
+  }, n = {
+    sm: "px-3 py-1.5 text-sm",
+    md: "px-4 py-2 text-base",
+    lg: "px-6 py-3 text-lg"
+  }, u = o ? "opacity-50 cursor-not-allowed" : "";
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      className: `${i} ${b[e]} ${n[l]} ${u} ${d}`,
+      onClick: a,
+      disabled: o,
+      children: r
+    }
+  );
+}, ne = ({
+  children: r,
+  variant: e = "blur",
+  size: l = "md",
+  onClick: a,
+  disabled: o = !1,
+  className: d = ""
+}) => {
+  const [i, b] = C([]), n = (g) => {
+    if (!o && a) {
+      const x = g.currentTarget.getBoundingClientRect(), v = g.clientX - x.left, w = g.clientY - x.top, m = Date.now();
+      b([...i, { x: v, y: w, id: m }]), setTimeout(() => {
+        b((f) => f.filter((y) => y.id !== m));
+      }, 800), a();
+    }
+  }, u = `
+    relative overflow-hidden
+    backdrop-blur-xl
+    border border-white/30
+    rounded-2xl
+    font-semibold
+    transition-all duration-500
+    cursor-pointer
+    shadow-xl
+    group
+  `, p = {
+    sm: "px-5 py-2.5 text-sm",
+    md: "px-7 py-3.5 text-base",
+    lg: "px-9 py-4.5 text-lg"
+  }, h = {
+    blur: `
+      bg-white/5
+      hover:bg-white/15
+      hover:border-white/50
+      text-white
+      hover:shadow-2xl
+      hover:shadow-white/20
+      hover:scale-105
+      active:scale-95
+    `,
+    waves: `
+      bg-gradient-to-br from-white/5 via-transparent to-white/5
+      hover:from-white/10 hover:via-white/5 hover:to-white/10
+      hover:border-white/60
+      text-white
+      hover:shadow-2xl
+      hover:shadow-blue-500/30
+      hover:scale-105
+      active:scale-95
+      before:absolute before:inset-0
+      before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent
+      before:translate-x-[-200%] 
+      hover:before:translate-x-[200%]
+      before:transition-transform before:duration-1000
+    `
+  }, c = o ? "opacity-40 cursor-not-allowed hover:scale-100 hover:shadow-xl" : "";
+  return /* @__PURE__ */ s(
+    "button",
+    {
+      className: `${u} ${p[l]} ${h[e]} ${c} ${d}`,
+      onClick: n,
+      disabled: o,
+      children: [
+        e === "waves" && !o && /* @__PURE__ */ s(k, { children: [
+          /* @__PURE__ */ t("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__ */ t("span", { className: "absolute inset-0 bg-gradient-to-br from-transparent via-white/10 to-transparent animate-pulse" })
+        ] }),
+        e === "blur" && !o && /* @__PURE__ */ t("span", { className: "absolute inset-0 bg-white/5 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500" }),
+        /* @__PURE__ */ t("span", { className: "absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none", children: /* @__PURE__ */ t("span", { className: "absolute inset-[-2px] rounded-2xl bg-gradient-to-r from-transparent via-white/40 to-transparent blur-sm animate-shimmer" }) }),
+        i.map((g) => /* @__PURE__ */ t(
+          "span",
+          {
+            className: "absolute rounded-full bg-white/30 pointer-events-none animate-ripple",
+            style: {
+              left: g.x,
+              top: g.y,
+              width: "20px",
+              height: "20px",
+              transform: "translate(-50%, -50%)"
+            }
+          },
+          g.id
+        )),
+        /* @__PURE__ */ t("span", { className: "relative z-10 drop-shadow-lg", children: r })
+      ]
+    }
+  );
+}, le = ({
+  icon: r,
+  title: e,
+  description: l,
+  variant: a = "solid",
+  theme: o = "blue",
+  hoverable: d = !0,
+  className: i = ""
+}) => {
+  const n = `
+    rounded-2xl p-6
+    max-w-sm
+    transition-all duration-300
+    ${d ? "hover:scale-[1.02] hover:shadow-2xl" : ""}
+    ${{
+    blue: {
+      solid: "bg-blue-600 text-white",
+      glass: "bg-blue-500/20 backdrop-blur-xl border border-blue-400/30 text-white",
+      gradient: "bg-gradient-to-br from-blue-600 to-blue-800 text-white",
+      outlined: "bg-transparent border-2 border-blue-500 text-blue-500"
+    },
+    purple: {
+      solid: "bg-purple-600 text-white",
+      glass: "bg-purple-500/20 backdrop-blur-xl border border-purple-400/30 text-white",
+      gradient: "bg-gradient-to-br from-purple-600 to-pink-600 text-white",
+      outlined: "bg-transparent border-2 border-purple-500 text-purple-500"
+    },
+    green: {
+      solid: "bg-green-600 text-white",
+      glass: "bg-green-500/20 backdrop-blur-xl border border-green-400/30 text-white",
+      gradient: "bg-gradient-to-br from-green-600 to-emerald-600 text-white",
+      outlined: "bg-transparent border-2 border-green-500 text-green-500"
+    },
+    red: {
+      solid: "bg-red-600 text-white",
+      glass: "bg-red-500/20 backdrop-blur-xl border border-red-400/30 text-white",
+      gradient: "bg-gradient-to-br from-red-600 to-orange-600 text-white",
+      outlined: "bg-transparent border-2 border-red-500 text-red-500"
+    },
+    pink: {
+      solid: "bg-pink-600 text-white",
+      glass: "bg-pink-500/20 backdrop-blur-xl border border-pink-400/30 text-white",
+      gradient: "bg-gradient-to-br from-pink-600 to-rose-600 text-white",
+      outlined: "bg-transparent border-2 border-pink-500 text-pink-500"
+    },
+    orange: {
+      solid: "bg-orange-600 text-white",
+      glass: "bg-orange-500/20 backdrop-blur-xl border border-orange-400/30 text-white",
+      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][a]}
+    ${i}
+  `;
+  return /* @__PURE__ */ s("div", { className: n, children: [
+    r && /* @__PURE__ */ t("div", { className: "text-4xl mb-4", children: r }),
+    /* @__PURE__ */ t("h3", { className: "text-xl font-bold mb-2", children: e }),
+    /* @__PURE__ */ t("p", { className: `text-sm ${a === "outlined" ? "text-gray-600" : "opacity-90"}`, children: l })
+  ] });
+}, se = ({
+  image: r,
+  title: e,
+  description: l,
+  price: a,
+  oldPrice: o,
+  badge: d,
+  variant: i = "solid",
+  children: b,
+  className: n = ""
+}) => /* @__PURE__ */ s("div", { className: `
+      rounded-2xl overflow-hidden 
+      max-w-sm
+      transition-all duration-300 
+      hover:scale-[1.02] hover:shadow-2xl 
+      ${{
+  solid: "bg-gray-900 border border-gray-800",
+  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"
+}[i]} 
+      ${n}
+    `, children: [
+  /* @__PURE__ */ s("div", { className: "relative", children: [
+    /* @__PURE__ */ t(
+      "img",
+      {
+        src: r,
+        alt: e,
+        className: "w-full h-48 object-cover"
+      }
+    ),
+    d && /* @__PURE__ */ t("span", { className: "absolute top-3 right-3 px-3 py-1 bg-red-500 text-white text-xs font-bold rounded-full", children: d })
+  ] }),
+  /* @__PURE__ */ s("div", { className: "p-5 space-y-3", children: [
+    /* @__PURE__ */ t("h3", { className: "text-xl font-bold text-white", children: e }),
+    l && /* @__PURE__ */ t("p", { className: "text-gray-400 text-sm", children: l }),
+    /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ s("span", { className: "text-2xl font-bold text-white", children: [
+        "$",
+        a
+      ] }),
+      o && /* @__PURE__ */ s("span", { className: "text-sm text-gray-500 line-through", children: [
+        "$",
+        o
+      ] })
+    ] }),
+    b
+  ] })
+] }), de = ({
+  icon: r,
+  label: e,
+  value: l,
+  change: a,
+  trend: o = "neutral",
+  variant: d = "solid",
+  theme: i = "blue",
+  className: b = ""
+}) => {
+  const n = {
+    blue: {
+      solid: "bg-blue-600/10 border-blue-500/20",
+      glass: "bg-blue-500/20 backdrop-blur-xl border-blue-400/30",
+      gradient: "bg-gradient-to-br from-blue-600/20 to-blue-800/20 border-blue-500/30",
+      outlined: "bg-transparent border-2 border-blue-500"
+    },
+    purple: {
+      solid: "bg-purple-600/10 border-purple-500/20",
+      glass: "bg-purple-500/20 backdrop-blur-xl border-purple-400/30",
+      gradient: "bg-gradient-to-br from-purple-600/20 to-pink-600/20 border-purple-500/30",
+      outlined: "bg-transparent border-2 border-purple-500"
+    },
+    green: {
+      solid: "bg-green-600/10 border-green-500/20",
+      glass: "bg-green-500/20 backdrop-blur-xl border-green-400/30",
+      gradient: "bg-gradient-to-br from-green-600/20 to-emerald-600/20 border-green-500/30",
+      outlined: "bg-transparent border-2 border-green-500"
+    },
+    red: {
+      solid: "bg-red-600/10 border-red-500/20",
+      glass: "bg-red-500/20 backdrop-blur-xl border-red-400/30",
+      gradient: "bg-gradient-to-br from-red-600/20 to-orange-600/20 border-red-500/30",
+      outlined: "bg-transparent border-2 border-red-500"
+    },
+    pink: {
+      solid: "bg-pink-600/10 border-pink-500/20",
+      glass: "bg-pink-500/20 backdrop-blur-xl border-pink-400/30",
+      gradient: "bg-gradient-to-br from-pink-600/20 to-rose-600/20 border-pink-500/30",
+      outlined: "bg-transparent border-2 border-pink-500"
+    },
+    orange: {
+      solid: "bg-orange-600/10 border-orange-500/20",
+      glass: "bg-orange-500/20 backdrop-blur-xl border-orange-400/30",
+      gradient: "bg-gradient-to-br from-orange-600/20 to-red-600/20 border-orange-500/30",
+      outlined: "bg-transparent border-2 border-orange-500"
+    }
+  }, u = {
+    up: "text-green-400",
+    down: "text-red-400",
+    neutral: "text-gray-400"
+  }, p = {
+    up: "↑",
+    down: "↓",
+    neutral: "→"
+  };
+  return /* @__PURE__ */ s("div", { className: `
+      rounded-2xl p-6 border
+      max-w-sm
+      transition-all duration-300 
+      hover:scale-[1.02] hover:shadow-xl
+      ${n[i][d]}
+      ${b}
+    `, children: [
+    /* @__PURE__ */ s("div", { className: "flex items-start justify-between mb-4", children: [
+      r && /* @__PURE__ */ t("div", { className: "text-3xl", children: r }),
+      a && /* @__PURE__ */ s("span", { className: `text-sm font-semibold ${u[o]}`, children: [
+        p[o],
+        " ",
+        a
+      ] })
+    ] }),
+    /* @__PURE__ */ t("p", { className: "text-gray-400 text-sm mb-1", children: e }),
+    /* @__PURE__ */ t("p", { className: "text-3xl font-bold text-white", children: l })
+  ] });
+}, $ = {
+  "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%),
+    radial-gradient(circle at 40% 90%, rgba(88, 166, 255, 0.3), transparent 50%),
+    linear-gradient(135deg, #1e1e2e 0%, #2d2d44 100%)
+  `,
+  "aurora-dream": `
+    radial-gradient(ellipse at top left, rgba(139, 92, 246, 0.5), transparent 50%),
+    radial-gradient(ellipse at top right, rgba(236, 72, 153, 0.5), transparent 50%),
+    radial-gradient(ellipse at bottom, rgba(59, 130, 246, 0.5), transparent 50%),
+    linear-gradient(180deg, #0f0f1e 0%, #1a1a2e 100%)
+  `,
+  "neon-cyber": `
+    linear-gradient(45deg, #ff0080 0%, #7928ca 25%, #0070f3 50%, #00dfd8 75%, #ff0080 100%),
+    radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.8), #000000)
+  `,
+  "cosmic-particles": `
+    radial-gradient(circle at 15% 15%, rgba(138, 43, 226, 0.4), transparent 25%),
+    radial-gradient(circle at 85% 20%, rgba(65, 105, 225, 0.4), transparent 25%),
+    radial-gradient(circle at 50% 50%, rgba(255, 20, 147, 0.3), transparent 30%),
+    radial-gradient(circle at 20% 80%, rgba(0, 191, 255, 0.4), transparent 25%),
+    radial-gradient(circle at 80% 85%, rgba(138, 43, 226, 0.3), transparent 25%),
+    linear-gradient(180deg, #000000 0%, #0a0a1a 50%, #000000 100%)
+  `,
+  none: "transparent"
+}, ie = ({
+  children: r,
+  layout: e = "center",
+  size: l = "lg",
+  theme: a = "none",
+  padding: o = !0,
+  gap: d = "md",
+  className: i = ""
+}) => {
+  const b = {
+    sm: "max-w-3xl",
+    md: "max-w-5xl",
+    lg: "max-w-7xl",
+    xl: "max-w-[1400px]",
+    full: "max-w-full"
+  }[l], n = {
+    sm: "gap-4",
+    md: "gap-8",
+    lg: "gap-12"
+  }[d], u = {
+    "image-right": `grid md:grid-cols-2 ${n} items-center`,
+    "image-left": `grid md:grid-cols-2 ${n} items-center`,
+    "button-right": `grid md:grid-cols-2 ${n} items-center`,
+    "button-left": `grid md:grid-cols-2 ${n} items-center`,
+    center: "flex flex-col items-center justify-center text-center",
+    "two-columns": `grid md:grid-cols-2 ${n}`,
+    "three-columns": `grid md:grid-cols-3 ${n}`
+  }[e], p = o ? "px-6 py-8" : "", h = a !== "none" ? {
+    background: $[a],
+    backgroundSize: "200% 200%"
+  } : {}, c = N.Children.toArray(r);
+  let g = c;
+  return (e === "image-left" || e === "button-left") && (g = c.reverse()), /* @__PURE__ */ t(
+    "div",
+    {
+      className: `${b} mx-auto ${p} ${i}`,
+      style: h,
+      children: /* @__PURE__ */ t("div", { className: u, children: g })
+    }
+  );
+}, be = ({
+  src: r,
+  alt: e,
+  className: l = "",
+  width: a,
+  height: o
+}) => /* @__PURE__ */ t("div", { className: `w-full ${l}`, children: /* @__PURE__ */ t(
+  "img",
+  {
+    src: r,
+    alt: e,
+    width: a,
+    height: o,
+    className: "w-full h-auto rounded-2xl shadow-2xl object-cover"
+  }
+) }), ge = ({
+  children: r,
+  className: e = ""
+}) => /* @__PURE__ */ t("div", { className: `space-y-4 ${e}`, children: r }), ue = ({
+  children: r,
+  className: e = ""
+}) => /* @__PURE__ */ t("div", { className: `flex gap-4 ${e}`, children: r });
+export {
+  H as A,
+  V as B,
+  de as C,
+  ie as D,
+  be as E,
+  le as F,
+  A as G,
+  ge as H,
+  ue as I,
+  re as N,
+  Y as O,
+  se as P,
+  G as S,
+  M as a,
+  P as b,
+  S as c,
+  D as d,
+  j as e,
+  z as f,
+  R as g,
+  E as h,
+  I as i,
+  O as j,
+  T as k,
+  F as l,
+  q as m,
+  W as n,
+  X as o,
+  J as p,
+  K as q,
+  L as r,
+  Q as s,
+  U as t,
+  Z as u,
+  ee as v,
+  te as w,
+  oe as x,
+  ae as y,
+  ne as z
+};

package/dist/Container-QgggZFO5.cjs

@@ -0,0 +1,75 @@
+"use client";"use strict";const t=require("react/jsx-runtime"),m=require("react"),k=({children:r="Click Me",onClick:e})=>t.jsx("button",{onClick:e,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:r}),N=({children:r="Click Me",onClick:e})=>t.jsx("button",{onClick:e,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:r}),j=({children:r="Click Me",onClick:e})=>t.jsx("button",{onClick:e,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:r}),C=({children:r="Click Me",onClick:e})=>t.jsx("button",{onClick:e,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:r}),G=({children:r="Pill Button",onClick:e})=>t.jsx("button",{onClick:e,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:r}),B=({children:r="Click Me",onClick:e})=>t.jsx("button",{onClick:e,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:r}),$=({children:r="Click Me",onClick:e})=>t.jsx("button",{onClick:e,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:r}),_=({children:r="Click Me",onClick:e})=>t.jsx("button",{onClick:e,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:r}),P=({children:r="Click Me",onClick:e})=>t.jsx("button",{onClick:e,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:r}),S=({children:r="Click Me",onClick:e})=>t.jsx("button",{onClick:e,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:r}),M=({children:r="Click Me",onClick:e})=>t.jsx("button",{onClick:e,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:r}),A=({children:r="Click Me",onClick:e})=>t.jsx("button",{onClick:e,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:r}),D=({children:r="Click Me",onClick:e})=>t.jsx("button",{onClick:e,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:r}),R=({children:r="Click Me",onClick:e})=>t.jsx("button",{onClick:e,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:r}),O=({children:r="Shimmer Effect",onClick:e})=>t.jsxs("button",{onClick:e,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:[t.jsx("span",{className:"relative z-10",children:r}),t.jsx("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"})]}),z=({children:r="Pulse Button",onClick:e})=>t.jsx("button",{onClick:e,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:r}),E=({children:r="Bounce Button",onClick:e})=>t.jsx("button",{onClick:e,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:r}),I=({children:r="Glow Effect",onClick:e})=>t.jsx("button",{onClick:e,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:r}),T=({children:r="Click Me",onClick:e})=>t.jsx("button",{onClick:e,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:r}),F=({children:r="Click Me",onClick:e})=>t.jsx("button",{onClick:e,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:r}),q=({children:r="Gradient Border",onClick:e})=>t.jsx("button",{onClick:e,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:r}),W=({children:r="Click Me",onClick:e})=>t.jsx("button",{onClick:e,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:r}),H=({children:r="Click Me",onClick:e})=>t.jsx("button",{onClick:e,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:r}),X=({children:r="Click Me",onClick:e})=>t.jsx("button",{onClick:e,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:r}),Y=({children:r="3D Button",onClick:e})=>t.jsx("button",{onClick:e,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:r}),J=({children:r="3D Button",onClick:e})=>t.jsx("button",{onClick:e,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:r}),K=({children:r="3D Button",onClick:e})=>t.jsx("button",{onClick:e,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:r}),L=({children:r="Neon Blue",onClick:e})=>t.jsx("button",{onClick:e,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:r}),Q=({children:r="Neon Pink",onClick:e})=>t.jsx("button",{onClick:e,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:r}),U=({children:r="Neon Green",onClick:e})=>t.jsx("button",{onClick:e,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:r}),V=({children:r,variant:e="primary",size:s="md",onClick:a,disabled:o=!1,className:l=""})=>{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"},n={sm:"px-3 py-1.5 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg"},g=o?"opacity-50 cursor-not-allowed":"";return t.jsx("button",{className:`${i} ${d[e]} ${n[s]} ${g} ${l}`,onClick:a,disabled:o,children:r})},Z=({children:r,variant:e="blur",size:s="md",onClick:a,disabled:o=!1,className:l=""})=>{const[i,d]=m.useState([]),n=b=>{if(!o&&a){const h=b.currentTarget.getBoundingClientRect(),v=b.clientX-h.left,w=b.clientY-h.top,x=Date.now();d([...i,{x:v,y:w,id:x}]),setTimeout(()=>{d(f=>f.filter(y=>y.id!==x))},800),a()}},g=`
+    relative overflow-hidden
+    backdrop-blur-xl
+    border border-white/30
+    rounded-2xl
+    font-semibold
+    transition-all duration-500
+    cursor-pointer
+    shadow-xl
+    group
+  `,u={sm:"px-5 py-2.5 text-sm",md:"px-7 py-3.5 text-base",lg:"px-9 py-4.5 text-lg"},c={blur:`
+      bg-white/5
+      hover:bg-white/15
+      hover:border-white/50
+      text-white
+      hover:shadow-2xl
+      hover:shadow-white/20
+      hover:scale-105
+      active:scale-95
+    `,waves:`
+      bg-gradient-to-br from-white/5 via-transparent to-white/5
+      hover:from-white/10 hover:via-white/5 hover:to-white/10
+      hover:border-white/60
+      text-white
+      hover:shadow-2xl
+      hover:shadow-blue-500/30
+      hover:scale-105
+      active:scale-95
+      before:absolute before:inset-0
+      before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent
+      before:translate-x-[-200%] 
+      hover:before:translate-x-[200%]
+      before:transition-transform before:duration-1000
+    `},p=o?"opacity-40 cursor-not-allowed hover:scale-100 hover:shadow-xl":"";return t.jsxs("button",{className:`${g} ${u[s]} ${c[e]} ${p} ${l}`,onClick:n,disabled:o,children:[e==="waves"&&!o&&t.jsxs(t.Fragment,{children:[t.jsx("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"}),t.jsx("span",{className:"absolute inset-0 bg-gradient-to-br from-transparent via-white/10 to-transparent animate-pulse"})]}),e==="blur"&&!o&&t.jsx("span",{className:"absolute inset-0 bg-white/5 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500"}),t.jsx("span",{className:"absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none",children:t.jsx("span",{className:"absolute inset-[-2px] rounded-2xl bg-gradient-to-r from-transparent via-white/40 to-transparent blur-sm animate-shimmer"})}),i.map(b=>t.jsx("span",{className:"absolute rounded-full bg-white/30 pointer-events-none animate-ripple",style:{left:b.x,top:b.y,width:"20px",height:"20px",transform:"translate(-50%, -50%)"}},b.id)),t.jsx("span",{className:"relative z-10 drop-shadow-lg",children:r})]})},ee=({icon:r,title:e,description:s,variant:a="solid",theme:o="blue",hoverable:l=!0,className:i=""})=>{const n=`
+    rounded-2xl p-6
+    max-w-sm
+    transition-all duration-300
+    ${l?"hover:scale-[1.02] hover:shadow-2xl":""}
+    ${{blue:{solid:"bg-blue-600 text-white",glass:"bg-blue-500/20 backdrop-blur-xl border border-blue-400/30 text-white",gradient:"bg-gradient-to-br from-blue-600 to-blue-800 text-white",outlined:"bg-transparent border-2 border-blue-500 text-blue-500"},purple:{solid:"bg-purple-600 text-white",glass:"bg-purple-500/20 backdrop-blur-xl border border-purple-400/30 text-white",gradient:"bg-gradient-to-br from-purple-600 to-pink-600 text-white",outlined:"bg-transparent border-2 border-purple-500 text-purple-500"},green:{solid:"bg-green-600 text-white",glass:"bg-green-500/20 backdrop-blur-xl border border-green-400/30 text-white",gradient:"bg-gradient-to-br from-green-600 to-emerald-600 text-white",outlined:"bg-transparent border-2 border-green-500 text-green-500"},red:{solid:"bg-red-600 text-white",glass:"bg-red-500/20 backdrop-blur-xl border border-red-400/30 text-white",gradient:"bg-gradient-to-br from-red-600 to-orange-600 text-white",outlined:"bg-transparent border-2 border-red-500 text-red-500"},pink:{solid:"bg-pink-600 text-white",glass:"bg-pink-500/20 backdrop-blur-xl border border-pink-400/30 text-white",gradient:"bg-gradient-to-br from-pink-600 to-rose-600 text-white",outlined:"bg-transparent border-2 border-pink-500 text-pink-500"},orange:{solid:"bg-orange-600 text-white",glass:"bg-orange-500/20 backdrop-blur-xl border border-orange-400/30 text-white",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][a]}
+    ${i}
+  `;return t.jsxs("div",{className:n,children:[r&&t.jsx("div",{className:"text-4xl mb-4",children:r}),t.jsx("h3",{className:"text-xl font-bold mb-2",children:e}),t.jsx("p",{className:`text-sm ${a==="outlined"?"text-gray-600":"opacity-90"}`,children:s})]})},re=({image:r,title:e,description:s,price:a,oldPrice:o,badge:l,variant:i="solid",children:d,className:n=""})=>{const g={solid:"bg-gray-900 border border-gray-800",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"};return t.jsxs("div",{className:`
+      rounded-2xl overflow-hidden 
+      max-w-sm
+      transition-all duration-300 
+      hover:scale-[1.02] hover:shadow-2xl 
+      ${g[i]} 
+      ${n}
+    `,children:[t.jsxs("div",{className:"relative",children:[t.jsx("img",{src:r,alt:e,className:"w-full h-48 object-cover"}),l&&t.jsx("span",{className:"absolute top-3 right-3 px-3 py-1 bg-red-500 text-white text-xs font-bold rounded-full",children:l})]}),t.jsxs("div",{className:"p-5 space-y-3",children:[t.jsx("h3",{className:"text-xl font-bold text-white",children:e}),s&&t.jsx("p",{className:"text-gray-400 text-sm",children:s}),t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsxs("span",{className:"text-2xl font-bold text-white",children:["$",a]}),o&&t.jsxs("span",{className:"text-sm text-gray-500 line-through",children:["$",o]})]}),d]})]})},te=({icon:r,label:e,value:s,change:a,trend:o="neutral",variant:l="solid",theme:i="blue",className:d=""})=>{const n={blue:{solid:"bg-blue-600/10 border-blue-500/20",glass:"bg-blue-500/20 backdrop-blur-xl border-blue-400/30",gradient:"bg-gradient-to-br from-blue-600/20 to-blue-800/20 border-blue-500/30",outlined:"bg-transparent border-2 border-blue-500"},purple:{solid:"bg-purple-600/10 border-purple-500/20",glass:"bg-purple-500/20 backdrop-blur-xl border-purple-400/30",gradient:"bg-gradient-to-br from-purple-600/20 to-pink-600/20 border-purple-500/30",outlined:"bg-transparent border-2 border-purple-500"},green:{solid:"bg-green-600/10 border-green-500/20",glass:"bg-green-500/20 backdrop-blur-xl border-green-400/30",gradient:"bg-gradient-to-br from-green-600/20 to-emerald-600/20 border-green-500/30",outlined:"bg-transparent border-2 border-green-500"},red:{solid:"bg-red-600/10 border-red-500/20",glass:"bg-red-500/20 backdrop-blur-xl border-red-400/30",gradient:"bg-gradient-to-br from-red-600/20 to-orange-600/20 border-red-500/30",outlined:"bg-transparent border-2 border-red-500"},pink:{solid:"bg-pink-600/10 border-pink-500/20",glass:"bg-pink-500/20 backdrop-blur-xl border-pink-400/30",gradient:"bg-gradient-to-br from-pink-600/20 to-rose-600/20 border-pink-500/30",outlined:"bg-transparent border-2 border-pink-500"},orange:{solid:"bg-orange-600/10 border-orange-500/20",glass:"bg-orange-500/20 backdrop-blur-xl border-orange-400/30",gradient:"bg-gradient-to-br from-orange-600/20 to-red-600/20 border-orange-500/30",outlined:"bg-transparent border-2 border-orange-500"}},g={up:"text-green-400",down:"text-red-400",neutral:"text-gray-400"},u={up:"↑",down:"↓",neutral:"→"};return t.jsxs("div",{className:`
+      rounded-2xl p-6 border
+      max-w-sm
+      transition-all duration-300 
+      hover:scale-[1.02] hover:shadow-xl
+      ${n[i][l]}
+      ${d}
+    `,children:[t.jsxs("div",{className:"flex items-start justify-between mb-4",children:[r&&t.jsx("div",{className:"text-3xl",children:r}),a&&t.jsxs("span",{className:`text-sm font-semibold ${g[o]}`,children:[u[o]," ",a]})]}),t.jsx("p",{className:"text-gray-400 text-sm mb-1",children:e}),t.jsx("p",{className:"text-3xl font-bold text-white",children:s})]})},oe={"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%),
+    radial-gradient(circle at 40% 90%, rgba(88, 166, 255, 0.3), transparent 50%),
+    linear-gradient(135deg, #1e1e2e 0%, #2d2d44 100%)
+  `,"aurora-dream":`
+    radial-gradient(ellipse at top left, rgba(139, 92, 246, 0.5), transparent 50%),
+    radial-gradient(ellipse at top right, rgba(236, 72, 153, 0.5), transparent 50%),
+    radial-gradient(ellipse at bottom, rgba(59, 130, 246, 0.5), transparent 50%),
+    linear-gradient(180deg, #0f0f1e 0%, #1a1a2e 100%)
+  `,"neon-cyber":`
+    linear-gradient(45deg, #ff0080 0%, #7928ca 25%, #0070f3 50%, #00dfd8 75%, #ff0080 100%),
+    radial-gradient(circle at 50% 50%, rgba(0, 0, 0, 0.8), #000000)
+  `,"cosmic-particles":`
+    radial-gradient(circle at 15% 15%, rgba(138, 43, 226, 0.4), transparent 25%),
+    radial-gradient(circle at 85% 20%, rgba(65, 105, 225, 0.4), transparent 25%),
+    radial-gradient(circle at 50% 50%, rgba(255, 20, 147, 0.3), transparent 30%),
+    radial-gradient(circle at 20% 80%, rgba(0, 191, 255, 0.4), transparent 25%),
+    radial-gradient(circle at 80% 85%, rgba(138, 43, 226, 0.3), transparent 25%),
+    linear-gradient(180deg, #000000 0%, #0a0a1a 50%, #000000 100%)
+  `,none:"transparent"},ae=({children:r,layout:e="center",size:s="lg",theme:a="none",padding:o=!0,gap:l="md",className:i=""})=>{const d={sm:"max-w-3xl",md:"max-w-5xl",lg:"max-w-7xl",xl:"max-w-[1400px]",full:"max-w-full"}[s],n={sm:"gap-4",md:"gap-8",lg:"gap-12"}[l],g={"image-right":`grid md:grid-cols-2 ${n} items-center`,"image-left":`grid md:grid-cols-2 ${n} items-center`,"button-right":`grid md:grid-cols-2 ${n} items-center`,"button-left":`grid md:grid-cols-2 ${n} items-center`,center:"flex flex-col items-center justify-center text-center","two-columns":`grid md:grid-cols-2 ${n}`,"three-columns":`grid md:grid-cols-3 ${n}`}[e],u=o?"px-6 py-8":"",c=a!=="none"?{background:oe[a],backgroundSize:"200% 200%"}:{},p=m.Children.toArray(r);let b=p;return(e==="image-left"||e==="button-left")&&(b=p.reverse()),t.jsx("div",{className:`${d} mx-auto ${u} ${i}`,style:c,children:t.jsx("div",{className:g,children:b})})},ne=({src:r,alt:e,className:s="",width:a,height:o})=>t.jsx("div",{className:`w-full ${s}`,children:t.jsx("img",{src:r,alt:e,width:a,height:o,className:"w-full h-auto rounded-2xl shadow-2xl object-cover"})}),se=({children:r,className:e=""})=>t.jsx("div",{className:`space-y-4 ${e}`,children:r}),le=({children:r,className:e=""})=>t.jsx("div",{className:`flex gap-4 ${e}`,children:r});exports.AnimatedBounce=E;exports.AnimatedGlow=I;exports.AnimatedPulse=z;exports.AnimatedShimmer=O;exports.Button=V;exports.Button3DBlue=Y;exports.Button3DGreen=K;exports.Button3DPink=J;exports.Container=ae;exports.ContainerButton=le;exports.ContainerContent=se;exports.ContainerImage=ne;exports.FeatureCard=ee;exports.GhostBlue=W;exports.GhostPurple=X;exports.GhostRed=H;exports.GlassBlue=M;exports.GlassButton=Z;exports.GlassPink=R;exports.GlassPurple=A;exports.GlassWhite=D;exports.GradientBlueGreen=$;exports.GradientCyan=P;exports.GradientOrangeRed=_;exports.GradientPurplePink=B;exports.GradientSunset=S;exports.NeonBlue=L;exports.NeonGreen=U;exports.NeonPink=Q;exports.OutlinedBlue=T;exports.OutlinedGradient=q;exports.OutlinedPurple=F;exports.ProductCard=re;exports.SolidBlue=k;exports.SolidGreen=j;exports.SolidPill=G;exports.SolidPurple=C;exports.SolidRed=N;exports.StatCard=te;