@coolbuttons/react 1.0.0 → 1.0.3

package/dist/index.esm.js

@@ -1,5 +1,5 @@
-import ie, { forwardRef as Y, createElement as T } from "react";
-var y = { exports: {} }, h = {};
+import ie, { forwardRef as $, createElement as S } from "react";
+var w = { exports: {} }, h = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -9,27 +9,27 @@ var y = { exports: {} }, h = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var H;
+var F;
 function le() {
-  if (H) return h;
-  H = 1;
-  var o = Symbol.for("react.transitional.element"), c = Symbol.for("react.fragment");
-  function p(x, d, l) {
-    var u = null;
-    if (l !== void 0 && (u = "" + l), d.key !== void 0 && (u = "" + d.key), "key" in d) {
+  if (F) return h;
+  F = 1;
+  var a = Symbol.for("react.transitional.element"), d = Symbol.for("react.fragment");
+  function p(u, c, l) {
+    var x = null;
+    if (l !== void 0 && (x = "" + l), c.key !== void 0 && (x = "" + c.key), "key" in c) {
       l = {};
-      for (var b in d)
-        b !== "key" && (l[b] = d[b]);
-    } else l = d;
-    return d = l.ref, {
-      $$typeof: o,
-      type: x,
-      key: u,
-      ref: d !== void 0 ? d : null,
+      for (var b in c)
+        b !== "key" && (l[b] = c[b]);
+    } else l = c;
+    return c = l.ref, {
+      $$typeof: a,
+      type: u,
+      key: x,
+      ref: c !== void 0 ? c : null,
       props: l
     };
   }
-  return h.Fragment = c, h.jsx = p, h.jsxs = p, h;
+  return h.Fragment = d, h.jsx = p, h.jsxs = p, h;
 }
 var _ = {};
 /**
@@ -41,20 +41,20 @@ var _ = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var U;
-function de() {
-  return U || (U = 1, process.env.NODE_ENV !== "production" && (function() {
-    function o(r) {
+var H;
+function ce() {
+  return H || (H = 1, process.env.NODE_ENV !== "production" && (function() {
+    function a(r) {
       if (r == null) return null;
       if (typeof r == "function")
         return r.$$typeof === oe ? null : r.displayName || r.name || null;
       if (typeof r == "string") return r;
       switch (r) {
-        case E:
+        case j:
           return "Fragment";
-        case J:
+        case Z:
           return "Profiler";
-        case V:
+        case J:
           return "StrictMode";
         case ee:
           return "Suspense";
@@ -67,76 +67,76 @@ function de() {
         switch (typeof r.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), r.$$typeof) {
-          case W:
+          case V:
             return "Portal";
           case Q:
             return r.displayName || "Context";
-          case Z:
-            return (r._context.displayName || "Context") + ".Consumer";
           case K:
-            var a = r.render;
-            return r = r.displayName, r || (r = a.displayName || a.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
+            return (r._context.displayName || "Context") + ".Consumer";
+          case B:
+            var o = r.render;
+            return r = r.displayName, r || (r = o.displayName || o.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
           case te:
-            return a = r.displayName || null, a !== null ? a : o(r.type) || "Memo";
-          case k:
-            a = r._payload, r = r._init;
+            return o = r.displayName || null, o !== null ? o : a(r.type) || "Memo";
+          case E:
+            o = r._payload, r = r._init;
             try {
-              return o(r(a));
+              return a(r(o));
             } catch {
             }
         }
       return null;
     }
-    function c(r) {
+    function d(r) {
       return "" + r;
     }
     function p(r) {
       try {
-        c(r);
-        var a = !1;
+        d(r);
+        var o = !1;
       } catch {
-        a = !0;
+        o = !0;
       }
-      if (a) {
-        a = console;
-        var n = a.error, s = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
+      if (o) {
+        o = console;
+        var n = o.error, s = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
         return n.call(
-          a,
+          o,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           s
-        ), c(r);
+        ), d(r);
       }
     }
-    function x(r) {
-      if (r === E) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === k)
+    function u(r) {
+      if (r === j) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === E)
         return "<...>";
       try {
-        var a = o(r);
-        return a ? "<" + a + ">" : "<...>";
+        var o = a(r);
+        return o ? "<" + o + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function d() {
+    function c() {
       var r = R.A;
       return r === null ? null : r.getOwner();
     }
     function l() {
       return Error("react-stack-top-frame");
     }
-    function u(r) {
-      if (O.call(r, "key")) {
-        var a = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (a && a.isReactWarning) return !1;
+    function x(r) {
+      if (P.call(r, "key")) {
+        var o = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (o && o.isReactWarning) return !1;
       }
       return r.key !== void 0;
     }
-    function b(r, a) {
+    function b(r, o) {
       function n() {
-        L || (L = !0, console.error(
+        O || (O = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          a
+          o
         ));
       }
       n.isReactWarning = !0, Object.defineProperty(r, "key", {
@@ -145,17 +145,17 @@ function de() {
       });
     }
     function N() {
-      var r = o(this.type);
-      return C[r] || (C[r] = !0, console.error(
+      var r = a(this.type);
+      return L[r] || (L[r] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), r = this.props.ref, r !== void 0 ? r : null;
     }
-    function j(r, a, n, s, w, z) {
+    function y(r, o, n, s, m, A) {
       var i = n.ref;
       return r = {
-        $$typeof: P,
+        $$typeof: M,
         type: r,
-        key: a,
+        key: o,
         props: n,
         _owner: s
       }, (i !== void 0 ? i : null) !== null ? Object.defineProperty(r, "ref", {
@@ -175,33 +175,33 @@ function de() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: w
+        value: m
       }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: z
+        value: A
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function v(r, a, n, s, w, z) {
-      var i = a.children;
+    function f(r, o, n, s, m, A) {
+      var i = o.children;
       if (i !== void 0)
         if (s)
           if (ne(i)) {
             for (s = 0; s < i.length; s++)
-              M(i[s]);
+              T(i[s]);
             Object.freeze && Object.freeze(i);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else M(i);
-      if (O.call(a, "key")) {
-        i = o(r);
-        var g = Object.keys(a).filter(function(se) {
+        else T(i);
+      if (P.call(o, "key")) {
+        i = a(r);
+        var g = Object.keys(o).filter(function(se) {
           return se !== "key";
         });
-        s = 0 < g.length ? "{key: someKey, " + g.join(": ..., ") + ": ...}" : "{key: someKey}", F[i + s] || (g = 0 < g.length ? "{" + g.join(": ..., ") + ": ...}" : "{}", console.error(
+        s = 0 < g.length ? "{key: someKey, " + g.join(": ..., ") + ": ...}" : "{key: someKey}", G[i + s] || (g = 0 < g.length ? "{" + g.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -212,108 +212,85 @@ React keys must be passed directly to JSX without using spread:
           i,
           g,
           i
-        ), F[i + s] = !0);
+        ), G[i + s] = !0);
       }
-      if (i = null, n !== void 0 && (p(n), i = "" + n), u(a) && (p(a.key), i = "" + a.key), "key" in a) {
+      if (i = null, n !== void 0 && (p(n), i = "" + n), x(o) && (p(o.key), i = "" + o.key), "key" in o) {
         n = {};
-        for (var I in a)
-          I !== "key" && (n[I] = a[I]);
-      } else n = a;
+        for (var z in o)
+          z !== "key" && (n[z] = o[z]);
+      } else n = o;
       return i && b(
         n,
         typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), j(
+      ), y(
         r,
         i,
         n,
-        d(),
-        w,
-        z
+        c(),
+        m,
+        A
       );
     }
-    function M(r) {
-      S(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === k && (r._payload.status === "fulfilled" ? S(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
+    function T(r) {
+      I(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === E && (r._payload.status === "fulfilled" ? I(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
     }
-    function S(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === P;
+    function I(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === M;
     }
-    var m = ie, P = Symbol.for("react.transitional.element"), W = Symbol.for("react.portal"), E = Symbol.for("react.fragment"), V = Symbol.for("react.strict_mode"), J = Symbol.for("react.profiler"), Z = Symbol.for("react.consumer"), Q = Symbol.for("react.context"), K = Symbol.for("react.forward_ref"), ee = Symbol.for("react.suspense"), re = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), ae = Symbol.for("react.activity"), oe = Symbol.for("react.client.reference"), R = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, O = Object.prototype.hasOwnProperty, ne = Array.isArray, A = console.createTask ? console.createTask : function() {
+    var v = ie, M = Symbol.for("react.transitional.element"), V = Symbol.for("react.portal"), j = Symbol.for("react.fragment"), J = Symbol.for("react.strict_mode"), Z = Symbol.for("react.profiler"), K = Symbol.for("react.consumer"), Q = Symbol.for("react.context"), B = Symbol.for("react.forward_ref"), ee = Symbol.for("react.suspense"), re = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), ae = Symbol.for("react.activity"), oe = Symbol.for("react.client.reference"), R = v.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, P = Object.prototype.hasOwnProperty, ne = Array.isArray, k = console.createTask ? console.createTask : function() {
       return null;
     };
-    m = {
+    v = {
       react_stack_bottom_frame: function(r) {
         return r();
       }
     };
-    var L, C = {}, G = m.react_stack_bottom_frame.bind(
-      m,
+    var O, L = {}, C = v.react_stack_bottom_frame.bind(
+      v,
       l
-    )(), D = A(x(l)), F = {};
-    _.Fragment = E, _.jsx = function(r, a, n) {
+    )(), D = k(u(l)), G = {};
+    _.Fragment = j, _.jsx = function(r, o, n) {
       var s = 1e4 > R.recentlyCreatedOwnerStacks++;
-      return v(
+      return f(
         r,
-        a,
+        o,
         n,
         !1,
-        s ? Error("react-stack-top-frame") : G,
-        s ? A(x(r)) : D
+        s ? Error("react-stack-top-frame") : C,
+        s ? k(u(r)) : D
       );
-    }, _.jsxs = function(r, a, n) {
+    }, _.jsxs = function(r, o, n) {
       var s = 1e4 > R.recentlyCreatedOwnerStacks++;
-      return v(
+      return f(
         r,
-        a,
+        o,
         n,
         !0,
-        s ? Error("react-stack-top-frame") : G,
-        s ? A(x(r)) : D
+        s ? Error("react-stack-top-frame") : C,
+        s ? k(u(r)) : D
       );
     };
   })()), _;
 }
-var $;
-function ce() {
-  return $ || ($ = 1, process.env.NODE_ENV === "production" ? y.exports = le() : y.exports = de()), y.exports;
+var U;
+function de() {
+  return U || (U = 1, process.env.NODE_ENV === "production" ? w.exports = le() : w.exports = ce()), w.exports;
 }
-var e = ce(), t = /* @__PURE__ */ ((o) => (o.ESSENTIAL = "Essential", o.RETRO = "Retro", o.MODERN = "Modern", o.GLASSMORPHIC = "Glassmorphic", o.NEUMORPHIC = "Neumorphic", o.NEON = "Neon", o.GRADIENT = "Gradient", o.MINIMAL = "Minimal", o.ANIMATED = "Animated", o.EXPERIMENTAL = "Experimental", o))(t || {});
-const Ne = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-indigo-500 text-white font-black rounded-[2rem] shadow-[inset_-4px_-4px_8px_rgba(0,0,0,0.3),inset_4px_4px_8px_rgba(255,255,255,0.3),8px_8px_16px_rgba(0,0,0,0.15)] hover:scale-110 active:scale-95 transition-all", children: "Plasticine" });
-t.NEUMORPHIC;
-const je = () => /* @__PURE__ */ e.jsxs("div", { className: "p-10 relative group", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 right-0 w-32 h-32 bg-blue-500/10 blur-[60px] rounded-full group-hover:scale-110 transition-transform duration-700" }),
-  /* @__PURE__ */ e.jsx("button", { className: "relative px-10 py-5 bg-white/20 dark:bg-white/5 border border-white/60 dark:border-white/10 backdrop-blur-2xl rounded-[2.5rem] shadow-[0_25px_50px_-12px_rgba(0,0,0,0.1),inset_0_1px_0_rgba(255,255,255,0.8)] text-blue-950 dark:text-blue-100 font-black hover:bg-white/30 transition-all active:scale-95", children: "Sapphire Slab" })
-] });
-t.GLASSMORPHIC;
-const Ee = () => /* @__PURE__ */ e.jsx("button", { className: "relative px-10 py-3.5 bg-gradient-to-br from-[#f5f5f7] to-[#e8e8ed] dark:from-[#1a1a1f] dark:to-[#0f0f14] text-gray-700 dark:text-gray-300 font-semibold rounded-3xl shadow-[0_20px_40px_-10px_rgba(0,0,0,0.1),0_-8px_16px_-8px_rgba(255,255,255,0.5)] dark:shadow-[0_20px_40px_-10px_rgba(0,0,0,0.8),0_-8px_16px_-8px_rgba(255,255,255,0.05)] hover:shadow-[0_25px_50px_-12px_rgba(0,0,0,0.15),0_-10px_20px_-10px_rgba(255,255,255,0.6)] dark:hover:shadow-[0_25px_50px_-12px_rgba(0,0,0,0.9),0_-10px_20px_-10px_rgba(255,255,255,0.08)] active:shadow-[inset_0_8px_16px_-8px_rgba(0,0,0,0.2),inset_0_-8px_16px_-8px_rgba(255,255,255,0.4)] dark:active:shadow-[inset_0_8px_16px_-8px_rgba(0,0,0,0.6),inset_0_-8px_16px_-8px_rgba(255,255,255,0.05)] transition-all duration-300 active:scale-95", children: "Soft Extrude" });
-t.NEUMORPHIC;
-const ke = () => /* @__PURE__ */ e.jsx("button", { className: "px-6 py-3 bg-white border-4 border-black text-black font-black text-lg shadow-[6px_6px_0_0_#000] active:shadow-none active:translate-x-[4px] active:translate-y-[4px] transition-all", children: "NO RULES" });
-t.RETRO;
-const Re = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-zinc-900 text-white font-bold rounded-xl border border-zinc-700 hover:border-orange-500 hover:shadow-[0_0_15px_rgba(255,122,0,0.5)] transition-all duration-300", children: "Neon Border" });
-t.GRADIENT;
-const Ae = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-indigo-600 text-white font-bold rounded-xl shadow-[0_10px_30px_rgba(79,70,229,0.3)] hover:shadow-[0_15px_40px_rgba(79,70,229,0.6)] hover:-translate-y-1 transition-all", children: "Color Shadow" });
-t.ESSENTIAL;
-const ze = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-2 border-b-2 border-zinc-200 text-zinc-400 font-medium hover:text-zinc-900 hover:border-zinc-900 transition-all text-sm tracking-tight", children: "Slight Underline" });
-t.MINIMAL;
-const Ie = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-zinc-900 text-white font-black italic rounded-none border-r-4 border-orange-500 hover:animate-pulse hover:shadow-[4px_0_0_#0ea5e9,-4px_0_0_#f43f5e] transition-shadow", children: "GLITCH_ME" });
-t.EXPERIMENTAL;
-const Te = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-gradient-to-r from-orange-400 via-rose-400 to-indigo-500 bg-[length:200%_auto] text-white font-bold rounded-2xl hover:bg-[position:right_center] transition-all duration-500 shadow-xl shadow-orange-200", children: "Liquid Flow" });
-t.ANIMATED;
-const Me = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-[#003300] text-[#00ff00] font-mono font-bold border-2 border-[#00ff00] shadow-[0_0_15px_#00ff00] hover:bg-[#00ff00] hover:text-black transition-all", children: "INSERT COIN" });
-t.RETRO;
+var e = de();
 /**
  * @license lucide-react v0.475.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pe = (o) => o.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), B = (...o) => o.filter((c, p, x) => !!c && c.trim() !== "" && x.indexOf(c) === p).join(" ").trim();
+const pe = (a) => a.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Y = (...a) => a.filter((d, p, u) => !!d && d.trim() !== "" && u.indexOf(d) === p).join(" ").trim();
 /**
  * @license lucide-react v0.475.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var xe = {
+var ue = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -330,30 +307,30 @@ var xe = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ue = Y(
+const xe = $(
   ({
-    color: o = "currentColor",
-    size: c = 24,
+    color: a = "currentColor",
+    size: d = 24,
     strokeWidth: p = 2,
-    absoluteStrokeWidth: x,
-    className: d = "",
+    absoluteStrokeWidth: u,
+    className: c = "",
     children: l,
-    iconNode: u,
+    iconNode: x,
     ...b
-  }, N) => T(
+  }, N) => S(
     "svg",
     {
       ref: N,
-      ...xe,
-      width: c,
-      height: c,
-      stroke: o,
-      strokeWidth: x ? Number(p) * 24 / Number(c) : p,
-      className: B("lucide", d),
+      ...ue,
+      width: d,
+      height: d,
+      stroke: a,
+      strokeWidth: u ? Number(p) * 24 / Number(d) : p,
+      className: Y("lucide", c),
       ...b
     },
     [
-      ...u.map(([j, v]) => T(j, v)),
+      ...x.map(([y, f]) => S(y, f)),
       ...Array.isArray(l) ? l : [l]
     ]
   )
@@ -364,16 +341,16 @@ const ue = Y(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const f = (o, c) => {
-  const p = Y(
-    ({ className: x, ...d }, l) => T(ue, {
+const W = (a, d) => {
+  const p = $(
+    ({ className: u, ...c }, l) => S(xe, {
       ref: l,
-      iconNode: c,
-      className: B(`lucide-${pe(o)}`, x),
-      ...d
+      iconNode: d,
+      className: Y(`lucide-${pe(a)}`, u),
+      ...c
     })
   );
-  return p.displayName = `${o}`, p;
+  return p.displayName = `${a}`, p;
 };
 /**
  * @license lucide-react v0.475.0 - ISC
@@ -381,49 +358,14 @@ const f = (o, c) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const be = [
-  ["path", { d: "M5 12h14", key: "1ays0h" }],
-  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
-], ge = f("ArrowRight", be);
-/**
- * @license lucide-react v0.475.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const he = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], X = f("ChevronRight", he);
+const be = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], q = W("ChevronRight", be);
 /**
  * @license lucide-react v0.475.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _e = [
-  ["path", { d: "M5 12h14", key: "1ays0h" }],
-  ["path", { d: "M12 5v14", key: "s699le" }]
-], fe = f("Plus", _e);
-/**
- * @license lucide-react v0.475.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ve = [
-  [
-    "path",
-    {
-      d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
-      key: "r04s7s"
-    }
-  ]
-], me = f("Star", ve);
-/**
- * @license lucide-react v0.475.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const we = [
+const ge = [
   [
     "path",
     {
@@ -431,159 +373,118 @@ const we = [
       key: "1xq2db"
     }
   ]
-], q = f("Zap", we), Se = () => /* @__PURE__ */ e.jsxs("button", { className: "flex items-center gap-1 p-1 bg-zinc-100 rounded-2xl group hover:bg-zinc-200 transition-colors", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "bg-white p-2 rounded-xl shadow-sm group-hover:scale-95 transition-transform", children: /* @__PURE__ */ e.jsx(q, { size: 18, className: "text-orange-500" }) }),
-  /* @__PURE__ */ e.jsx("span", { className: "px-3 text-sm font-bold text-zinc-700", children: "Quick Start" }),
-  /* @__PURE__ */ e.jsx("div", { className: "pr-2", children: /* @__PURE__ */ e.jsx(X, { size: 16, className: "text-zinc-400 group-hover:translate-x-1 transition-transform" }) })
-] });
+], X = W("Zap", ge);
+var t = /* @__PURE__ */ ((a) => (a.ESSENTIAL = "Essential", a.NEUMORPHIC = "Neumorphic", a.GLASSMORPHIC = "Glassmorphic", a.SKEUOMORPHIC = "Skeuomorphic", a.RETRO = "Retro", a.GRADIENT = "Gradient", a.ANIMATED = "Animated", a.MINIMAL = "Minimal", a.EXPERIMENTAL = "Experimental", a))(t || {});
+const fe = () => /* @__PURE__ */ e.jsxs(
+  "button",
+  {
+    className: `flex items-center gap-0 p-2 
+                 bg-gradient-to-r from-zinc-100 to-zinc-50 
+                 rounded-2xl border border-zinc-200
+                 group hover:bg-gradient-to-r hover:from-zinc-200 hover:to-zinc-100 
+                 hover:border-zinc-300 hover:shadow-lg
+                 active:scale-95
+                 transition-all duration-200
+                 focus:outline-none focus:ring-2 focus:ring-orange-500 focus:ring-offset-2
+                 disabled:opacity-50 disabled:cursor-not-allowed`,
+    children: [
+      /* @__PURE__ */ e.jsx("div", { className: `bg-white p-3 rounded-lg shadow-md border border-zinc-100 
+                      group-hover:shadow-lg group-hover:scale-105 group-active:scale-95
+                      transition-all duration-200`, children: /* @__PURE__ */ e.jsx(X, { size: 20, className: "text-orange-500", strokeWidth: 2.5 }) }),
+      /* @__PURE__ */ e.jsx("span", { className: "px-4 py-1 text-sm font-semibold text-zinc-800 tracking-wide", children: "Quick Start" }),
+      /* @__PURE__ */ e.jsx("div", { className: "pr-2", children: /* @__PURE__ */ e.jsx(
+        q,
+        {
+          size: 18,
+          className: "text-zinc-400 group-hover:text-zinc-600 group-hover:translate-x-1 transition-all duration-200",
+          strokeWidth: 2.5
+        }
+      ) })
+    ]
+  }
+);
 t.MINIMAL;
-const Pe = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-zinc-950 text-white font-bold rounded-xl overflow-hidden group", children: [
-  /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "Neon Beam" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-[-100%] bg-[conic-gradient(from_0deg,transparent,transparent,#ff7a00,transparent)] animate-[spin_4s_linear_infinite] group-hover:animate-[spin_1s_linear_infinite]" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-[2px] bg-zinc-950 rounded-xl" }),
-  /* @__PURE__ */ e.jsx("style", { children: "@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }" })
-] });
-t.GRADIENT;
-const Oe = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-white text-zinc-900 font-bold group", children: [
-  /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "Border Trace" }),
-  /* @__PURE__ */ e.jsx("span", { className: "absolute inset-0 border-2 border-zinc-100 group-hover:border-orange-500 transition-colors duration-300" }),
-  /* @__PURE__ */ e.jsx("span", { className: "absolute top-0 left-0 h-0.5 w-0 bg-orange-500 group-hover:w-full transition-all duration-300" }),
-  /* @__PURE__ */ e.jsx("span", { className: "absolute bottom-0 right-0 h-0.5 w-0 bg-orange-500 group-hover:w-full transition-all duration-300" }),
-  /* @__PURE__ */ e.jsx("span", { className: "absolute top-0 right-0 w-0.5 h-0 bg-orange-500 group-hover:h-full transition-all duration-300" }),
-  /* @__PURE__ */ e.jsx("span", { className: "absolute bottom-0 left-0 w-0.5 h-0 bg-orange-500 group-hover:h-full transition-all duration-300" })
-] });
-t.ANIMATED;
-const Le = () => /* @__PURE__ */ e.jsxs("button", { className: "flex items-center gap-3 px-8 py-3 bg-zinc-900 text-white font-bold rounded-full group", children: [
-  /* @__PURE__ */ e.jsx(me, { className: "group-hover:animate-bounce text-orange-400", size: 18 }),
-  /* @__PURE__ */ e.jsx("span", { children: "Bouncy Star" })
-] });
-t.ANIMATED;
-const Ce = () => /* @__PURE__ */ e.jsxs("button", { className: "flex items-center gap-2 px-8 py-3 bg-zinc-900 text-white font-bold rounded-xl group", children: [
+const ve = () => /* @__PURE__ */ e.jsx("button", { className: "px-6 py-3 bg-white border-4 border-black text-black font-black text-lg shadow-[6px_6px_0_0_#000] active:shadow-none active:translate-x-[6px] active:translate-y-[6px] transition-all", children: "NO RULES" });
+t.RETRO;
+const me = () => /* @__PURE__ */ e.jsxs("button", { className: "flex items-center gap-2 px-8 py-3 bg-zinc-900 text-white font-bold rounded-xl group", children: [
   /* @__PURE__ */ e.jsx("span", { children: "Continue" }),
-  /* @__PURE__ */ e.jsx("div", { className: "w-0 overflow-hidden group-hover:w-4 transition-all duration-300", children: /* @__PURE__ */ e.jsx(X, { size: 18, className: "translate-x-[-10px] group-hover:translate-x-0 transition-transform duration-300" }) })
+  /* @__PURE__ */ e.jsx("div", { className: "w-0 overflow-hidden group-hover:w-4 transition-all duration-300", children: /* @__PURE__ */ e.jsx(q, { size: 18, className: "translate-x-[-10px] group-hover:translate-x-0 transition-transform duration-300" }) })
 ] });
 t.ANIMATED;
-const Ge = () => /* @__PURE__ */ e.jsx("button", { className: "px-6 py-2 bg-[#dfdfdf] text-black font-medium border-t-2 border-l-2 border-[#ffffff] border-b-2 border-r-2 border-[#808080] active:border-t-2 active:border-l-2 active:border-[#808080] active:border-b-2 active:border-r-2 active:border-[#ffffff] shadow-sm", children: "Submit Form" });
-t.RETRO;
-const De = () => /* @__PURE__ */ e.jsx("button", { className: "px-12 py-4 bg-indigo-500 text-white font-black rounded-full shadow-[inset_-8px_-8px_16px_rgba(0,0,0,0.15),inset_8px_8px_16px_rgba(255,255,255,0.2),12px_12px_24px_rgba(79,70,229,0.2)] hover:scale-110 active:scale-90 transition-all duration-300", children: "Soft Clay" });
+const we = () => /* @__PURE__ */ e.jsx("button", { className: "px-12 py-4 bg-indigo-500 text-white font-black rounded-full shadow-[inset_-8px_-8px_16px_rgba(0,0,0,0.15),inset_8px_8px_16px_rgba(255,255,255,0.2),12px_12px_24px_rgba(79,70,229,0.2)] hover:scale-110 active:scale-90 transition-all duration-300", children: "Soft Clay" });
 t.NEUMORPHIC;
-const Fe = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-white text-zinc-900 font-bold rounded-xl border-2 border-zinc-900 shadow-[inset_0_0_0_2px_white] hover:bg-zinc-900 hover:text-white transition-all active:scale-95", children: "Double Frame" });
-t.ESSENTIAL;
-const He = () => /* @__PURE__ */ e.jsx("button", { className: "px-10 py-3 bg-blue-600 text-white font-black skew-x-[-12deg] shadow-[4px_4px_0_#1e3a8a] active:shadow-none active:translate-x-1 active:translate-y-1 transition-all uppercase italic", children: "Bevel Drive" });
-t.RETRO;
-const Ue = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-zinc-950 text-cyan-400 font-bold border-2 border-cyan-400/50 rounded-lg hover:shadow-[0_0_20px_#22d3ee,inset_0_0_10px_#22d3ee] hover:border-cyan-400 transition-all duration-300 tracking-tighter active:scale-95", children: "CORE_ACCESS" });
-t.EXPERIMENTAL;
-const $e = () => /* @__PURE__ */ e.jsxs("button", { className: "relative p-[1.5px] rounded-2xl bg-gradient-to-tr from-cyan-400 via-fuchsia-500 to-yellow-400 hover:scale-105 active:scale-95 transition-all duration-300 group", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "px-8 py-3 bg-zinc-950 rounded-2xl flex items-center justify-center", children: /* @__PURE__ */ e.jsx("span", { className: "bg-gradient-to-r from-cyan-400 via-fuchsia-500 to-yellow-400 bg-clip-text text-transparent font-black uppercase tracking-[0.2em] text-[11px] group-hover:drop-shadow-[0_0_8px_rgba(34,211,238,0.5)] transition-all", children: "Mesh Flow" }) }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-gradient-to-tr from-cyan-400 via-fuchsia-500 to-yellow-400 blur-xl opacity-0 group-hover:opacity-20 transition-opacity" })
+const Ne = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-indigo-500 text-white font-black rounded-[2rem] shadow-[inset_-4px_-4px_8px_rgba(0,0,0,0.3),inset_4px_4px_8px_rgba(255,255,255,0.3),8px_8px_16px_rgba(0,0,0,0.15)] hover:scale-110 active:scale-95 transition-all duration-200", children: "Plasticine" });
+t.NEUMORPHIC;
+const ye = () => /* @__PURE__ */ e.jsxs("button", { className: "relative p-[1.5px] rounded-2xl bg-gradient-to-tr from-cyan-400 via-fuchsia-500 to-yellow-400 hover:scale-105 active:scale-95 transition-all duration-300 group", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "px-8 py-3 bg-zinc-950 rounded-2xl flex items-center justify-center relative z-10", children: /* @__PURE__ */ e.jsx("span", { className: "bg-gradient-to-r from-cyan-400 via-fuchsia-500 to-yellow-400 bg-clip-text text-transparent font-black uppercase tracking-[0.2em] text-[11px] group-hover:drop-shadow-[0_0_8px_rgba(34,211,238,0.5)] transition-all", children: "Mesh Flow" }) }),
+  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-gradient-to-tr from-cyan-400 via-fuchsia-500 to-yellow-400 blur-xl opacity-0 group-hover:opacity-20 transition-opacity duration-300" })
 ] });
 t.GRADIENT;
-const Ye = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-zinc-900 text-cyan-400 font-bold uppercase tracking-widest [clip-path:polygon(0%_15%,15%_0%,100%_0%,100%_85%,85%_100%,0%_100%)] hover:bg-cyan-400 hover:text-black transition-all group overflow-hidden", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 left-0 w-full h-full bg-gradient-to-r from-transparent via-cyan-400/20 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000" }),
-  /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "Cyber_Slice" })
-] });
-t.EXPERIMENTAL;
-const Be = () => /* @__PURE__ */ e.jsx("button", { className: "relative px-8 py-3 bg-transparent border-2 border-cyan-400 text-cyan-400 font-black italic rounded-none [clip-path:polygon(0_0,100%_0,100%_70%,85%_100%,0_100%)] hover:bg-cyan-400 hover:text-black hover:shadow-[0_0_20px_rgba(34,211,238,0.5)] transition-all", children: "CYBER_UP" });
-t.EXPERIMENTAL;
-const Xe = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 border-4 border-dashed border-zinc-200 text-zinc-300 font-black rounded-full hover:border-solid hover:border-orange-500 hover:text-orange-500 hover:bg-orange-50 transition-all duration-300", children: "REVEAL_SOLID" });
-t.EXPERIMENTAL;
-const qe = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-white text-zinc-900 font-bold rounded-lg group", children: [
+const je = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-white text-zinc-900 font-bold rounded-lg group", children: [
   /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "Dash Spin" }),
   /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 border-2 border-dashed border-zinc-200 rounded-lg group-hover:animate-[spin_4s_linear_infinite] group-hover:border-orange-500 transition-colors" })
 ] });
 t.ANIMATED;
-const We = () => /* @__PURE__ */ e.jsxs("div", { className: "p-16 relative group", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-indigo-500/5 blur-[100px] group-hover:bg-indigo-500/10 transition-colors" }),
-  /* @__PURE__ */ e.jsx("button", { className: "relative px-12 py-5 bg-indigo-500/10 backdrop-blur-[32px] border border-indigo-500/20 text-indigo-600 dark:text-indigo-400 font-bold rounded-3xl shadow-2xl hover:bg-indigo-500/15 transition-all", children: "Cloud Blur" })
-] });
-t.GLASSMORPHIC;
-const Ve = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-zinc-100 text-zinc-900 font-bold border-b-4 border-zinc-300 rounded-lg group active:border-b-0 active:translate-y-1 transition-all", children: [
+const Ee = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-zinc-100 text-zinc-900 font-bold border-b-4 border-zinc-300 rounded-lg overflow-hidden group active:border-b-0 active:translate-y-1 transition-all", children: [
   /* @__PURE__ */ e.jsx("span", { className: "relative z-10 group-hover:text-white transition-colors duration-200", children: "Depth Slide" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-zinc-900 scale-x-0 group-hover:scale-x-100 transition-transform origin-left duration-300 -z-0" })
+  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-zinc-900 scale-x-0 group-hover:scale-x-100 transition-transform origin-left duration-300" })
 ] });
 t.RETRO;
-const Je = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-orange-500 text-white font-black rounded-lg overflow-hidden group", children: [
-  /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "Danger Zone" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 opacity-20 bg-[repeating-linear-gradient(45deg,transparent,transparent_10px,#000_10px,#000_20px)] animate-[move-bg_2s_linear_infinite]" }),
-  /* @__PURE__ */ e.jsx("style", { children: `
-        @keyframes move-bg {
-          0% { background-position: 0 0; }
-          100% { background-position: 40px 0; }
-        }
-      ` })
-] });
-t.RETRO;
-const Ze = () => /* @__PURE__ */ e.jsx("button", { className: "relative px-12 py-3 bg-zinc-900 text-white font-black [clip-path:polygon(15%_0%,85%_0%,100%_50%,85%_100%,15%_100%,0%_50%)] hover:bg-zinc-700 transition-colors active:scale-90", children: "Diamond" });
-t.EXPERIMENTAL;
-const Qe = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-white border-2 border-zinc-900 text-zinc-900 font-bold rounded-xl bg-[radial-gradient(#e5e7eb_1px,transparent_1px)] bg-[size:10px_10px] hover:bg-zinc-50 transition-colors", children: "Dot Matrix" });
+const Re = () => /* @__PURE__ */ e.jsx(
+  "button",
+  {
+    disabled: !0,
+    className: "px-8 py-3 bg-gray-400 text-gray-600 font-semibold rounded-lg cursor-not-allowed opacity-60",
+    children: "Disabled"
+  }
+);
+t.ESSENTIAL;
+const ke = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-white border-2 border-zinc-900 text-zinc-900 font-bold rounded-xl bg-[radial-gradient(#e5e7eb_1px,transparent_1px)] bg-[size:10px_10px] hover:bg-zinc-50 transition-colors", children: "Dot Matrix" });
 t.RETRO;
-const Ke = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-white text-zinc-900 font-bold rounded-xl border border-zinc-100 shadow-[5px_5px_0_0_#ff7a00,10px_10px_0_0_#fef3c7] hover:translate-x-1 hover:translate-y-1 hover:shadow-none transition-all duration-300", children: "Multi Layer" });
+const Ae = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-white text-zinc-900 font-bold rounded-xl border border-zinc-100 shadow-[5px_5px_0_0_#ff7a00,10px_10px_0_0_#fef3c7] hover:translate-x-1 hover:translate-y-1 hover:shadow-none transition-all duration-300", children: "Multi Layer" });
 t.RETRO;
-const er = () => /* @__PURE__ */ e.jsxs("button", { className: "flex px-1 items-center bg-zinc-100 rounded-full group hover:bg-zinc-900 transition-colors duration-300", children: [
+const ze = () => /* @__PURE__ */ e.jsxs("button", { className: "flex px-1 items-center bg-zinc-100 rounded-full group hover:bg-zinc-900 transition-colors duration-300", children: [
   /* @__PURE__ */ e.jsx("div", { className: "bg-white px-6 py-2 rounded-full text-zinc-900 font-bold group-hover:bg-zinc-800 group-hover:text-white transition-all", children: "Dual" }),
   /* @__PURE__ */ e.jsx("div", { className: "px-6 py-2 text-zinc-400 font-bold group-hover:text-zinc-500 transition-all", children: "Tone" })
 ] });
 t.MINIMAL;
-const rr = () => /* @__PURE__ */ e.jsx("button", { className: "px-10 py-4 bg-white text-zinc-800 font-bold rounded-3xl shadow-[0_20px_50px_rgba(0,0,0,0.1)] hover:shadow-[0_10px_20px_rgba(0,0,0,0.05)] hover:translate-y-1 active:scale-95 transition-all", children: "Deep Float" }), tr = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-zinc-900 text-white font-bold rounded-xl blur-[2px] hover:blur-0 transition-all duration-500 scale-95 hover:scale-100", children: "Ghost Reveal" });
+const Se = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-zinc-900 text-white font-bold rounded-xl blur-[2px] hover:blur-0 transition-all duration-500 scale-95 hover:scale-100", children: "Ghost Reveal" });
 t.EXPERIMENTAL;
-const ar = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-zinc-900 text-white font-bold rounded-xl group", children: [
-  /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "Aura Expand" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-orange-500 rounded-xl blur-0 group-hover:blur-xl group-hover:scale-125 opacity-0 group-hover:opacity-40 transition-all duration-500" })
-] });
-t.ANIMATED;
-const or = () => /* @__PURE__ */ e.jsx("button", { className: "px-6 py-2 bg-white border-2 border-zinc-900 text-zinc-900 font-bold rounded-full hover:px-10 hover:ring-4 hover:ring-zinc-100 transition-all duration-300 active:scale-95", children: "Expand Me" });
+const Te = () => /* @__PURE__ */ e.jsx("button", { className: "px-6 py-2 bg-white border-2 border-zinc-900 text-zinc-900 font-bold rounded-full hover:px-10 hover:ring-4 hover:ring-zinc-100 transition-all duration-300 active:scale-95", children: "Expand Me" });
 t.ANIMATED;
-const nr = () => /* @__PURE__ */ e.jsxs("div", { className: "relative group", children: [
-  /* @__PURE__ */ e.jsx("span", { className: "absolute -top-6 left-1/2 -translate-x-1/2 text-[10px] font-black text-orange-500 opacity-0 group-hover:opacity-100 group-hover:-top-8 transition-all duration-300", children: "CONFIRM?" }),
-  /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-white border border-zinc-200 text-zinc-900 font-bold rounded-xl hover:border-orange-500 hover:text-orange-500 transition-all", children: "Action Ready" })
+const Ie = () => /* @__PURE__ */ e.jsxs("div", { className: "relative group inline-block", children: [
+  /* @__PURE__ */ e.jsx("span", { className: "absolute -top-6 left-1/2 -translate-x-1/2 text-[10px] font-black text-orange-500 opacity-0 group-hover:opacity-100 group-hover:-top-8 transition-all duration-300 pointer-events-none", children: "CONFIRM?" }),
+  /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-white border border-zinc-200 text-zinc-900 font-bold rounded-xl hover:border-orange-500 hover:text-orange-500 transition-all duration-300 active:scale-95", children: "Action Ready" })
 ] });
 t.MINIMAL;
-const sr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-10 py-3 bg-indigo-500 text-white font-black rounded-full hover:scale-105 transition-all", children: [
-  /* @__PURE__ */ e.jsx("span", { className: "absolute inset-0 rounded-full bg-indigo-400 animate-ping opacity-20" }),
-  /* @__PURE__ */ e.jsx("span", { className: "relative", children: "Pulse Up" })
-] });
-t.ANIMATED;
-const ir = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-[#ff7a00] text-white font-bold rounded-xl shadow-[0_5px_0_0_#b45309] hover:shadow-[0_15px_30px_rgba(251,146,60,0.4)] hover:-translate-y-2 transition-all duration-300", children: "Shadow Flight" });
+const Me = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-[#ff7a00] text-white font-bold rounded-xl shadow-[0_5px_0_0_#b45309] hover:shadow-[0_15px_30px_rgba(251,146,60,0.4)] hover:-translate-y-2 transition-all duration-300", children: "Shadow Flight" });
 t.ESSENTIAL;
-const lr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-zinc-900 text-white font-black group overflow-hidden", children: [
-  /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "Fragment_Nav" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 left-0 w-1/2 h-full bg-white/10 -skew-x-12 translate-x-[-150%] group-hover:translate-x-[250%] transition-transform duration-700" })
-] });
-t.EXPERIMENTAL;
-const dr = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-white text-zinc-300 border border-zinc-100 font-bold rounded-xl hover:text-zinc-900 hover:border-zinc-900 transition-all duration-300", children: "Ghost Reveal" });
+const Pe = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-white text-zinc-300 border border-zinc-100 font-bold rounded-xl hover:text-zinc-900 hover:border-zinc-900 transition-all duration-300", children: "Ghost Reveal" });
 t.MINIMAL;
-const cr = () => /* @__PURE__ */ e.jsxs("div", { className: "relative p-1", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-white/10 blur-md rounded-2xl" }),
-  /* @__PURE__ */ e.jsx("button", { className: "relative px-8 py-3 bg-white/20 border border-white/40 text-zinc-800 font-black rounded-2xl shadow-xl hover:bg-white/40 transition-all active:scale-95", children: "Dual Glass" })
+const Oe = () => /* @__PURE__ */ e.jsxs("div", { className: "p-10 relative group overflow-hidden bg-slate-100/50 rounded-3xl", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 right-0 w-32 h-32 bg-blue-500/30 blur-[60px] rounded-full group-hover:scale-150 transition-transform duration-700 pointer-events-none" }),
+  /* @__PURE__ */ e.jsx("button", { className: "relative px-10 py-5 bg-white/20 border border-white/60 backdrop-blur-2xl rounded-[2.5rem] shadow-[0_25px_50px_-12px_rgba(0,0,0,0.1),inset_0_1px_0_rgba(255,255,255,0.8)] text-blue-950 font-black hover:bg-white/30 transition-all duration-300 active:scale-95 active:shadow-none", children: "Sapphire Slab" })
 ] });
 t.GLASSMORPHIC;
-const pr = () => /* @__PURE__ */ e.jsxs("button", { className: "px-8 py-3 bg-zinc-900 text-white font-bold rounded-2xl relative overflow-hidden group", children: [
-  /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "Glass Core" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-2 bg-white/10 backdrop-blur-md rounded-xl opacity-0 group-hover:opacity-100 transition-opacity duration-300 border border-white/20 shadow-inner" })
+const Le = () => /* @__PURE__ */ e.jsxs("div", { className: "relative p-1 inline-block group", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-white/10 blur-md rounded-2xl transition-all duration-300 group-hover:bg-white/20" }),
+  /* @__PURE__ */ e.jsx("button", { className: "relative px-8 py-3 bg-white/20 border border-white/40 text-zinc-800 font-black rounded-2xl shadow-xl hover:bg-white/40 transition-all duration-300 active:scale-95", children: "Dual Glass" })
 ] });
 t.GLASSMORPHIC;
-const xr = () => /* @__PURE__ */ e.jsxs("div", { className: "p-10 relative", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-rose-500/5 blur-3xl rounded-full" }),
-  /* @__PURE__ */ e.jsx("button", { className: "relative px-10 py-3 bg-rose-500/10 backdrop-blur-xl border border-rose-500/20 text-rose-500 dark:text-rose-400 font-bold rounded-full shadow-lg hover:bg-rose-500/20 transition-all", children: "Frosty Pill" })
+const Ce = () => /* @__PURE__ */ e.jsxs("div", { className: "p-10 relative inline-block group", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-rose-500/5 blur-3xl rounded-full transition-opacity group-hover:opacity-100" }),
+  /* @__PURE__ */ e.jsx("button", { className: "relative px-10 py-3 bg-rose-500/10 backdrop-blur-xl border border-rose-500/20 text-rose-500 dark:text-rose-400 font-bold rounded-full shadow-lg hover:bg-rose-500/20 transition-all duration-300 active:scale-95", children: "Frosty Pill" })
 ] });
 t.GLASSMORPHIC;
-const ur = () => /* @__PURE__ */ e.jsxs("div", { className: "relative p-10 group", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-32 h-32 bg-emerald-400/20 blur-[60px] rounded-full group-hover:bg-emerald-400/40 transition-colors duration-500" }),
-  /* @__PURE__ */ e.jsxs("button", { className: "relative px-10 py-4 bg-white/40 dark:bg-zinc-900/40 backdrop-blur-xl border border-white/60 dark:border-white/10 text-emerald-900 dark:text-emerald-100 font-black rounded-2xl shadow-[0_10px_30px_-10px_rgba(0,0,0,0.1),inset_0_1px_1px_rgba(255,255,255,0.8)] hover:scale-105 active:scale-95 transition-all overflow-hidden group/btn", children: [
+const De = () => /* @__PURE__ */ e.jsxs("div", { className: "relative p-10 group inline-block", children: [
+  /* @__PURE__ */ e.jsx("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-32 h-32 bg-emerald-400/20 blur-[60px] rounded-full group-hover:bg-emerald-400/40 transition-colors duration-500 pointer-events-none" }),
+  /* @__PURE__ */ e.jsxs("button", { className: "relative px-10 py-4 bg-white/40 dark:bg-zinc-900/40 backdrop-blur-xl border border-white/60 dark:border-white/10 text-emerald-900 dark:text-emerald-100 font-black rounded-2xl shadow-[0_10px_30px_-10px_rgba(0,0,0,0.1),inset_0_1px_1px_rgba(255,255,255,0.8)] hover:scale-105 active:scale-95 transition-all duration-300 overflow-hidden", children: [
     /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 left-0 w-full h-full bg-gradient-to-br from-white/40 to-transparent pointer-events-none" }),
-    /* @__PURE__ */ e.jsx("span", { className: "relative", children: "Aurora Glass" })
-  ] })
-] });
-t.GLASSMORPHIC;
-const br = () => /* @__PURE__ */ e.jsxs("div", { className: "relative p-10 group", children: [
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-purple-500/10 blur-[80px] group-hover:bg-purple-500/20 transition-all duration-700" }),
-  /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-white/20 dark:bg-white/5 backdrop-blur-2xl border border-white/40 dark:border-white/10 text-purple-900 dark:text-purple-100 font-black rounded-xl hover:shadow-[0_20px_40px_rgba(168,85,247,0.15)] transition-all active:scale-95", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-gradient-to-tr from-white/10 via-transparent to-white/20" }),
-    "Nebula Glass"
+    /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "Aurora Glass" })
   ] })
 ] });
 t.GLASSMORPHIC;
-const gr = () => /* @__PURE__ */ e.jsxs("div", { className: "p-10 relative", children: [
+const Ge = () => /* @__PURE__ */ e.jsxs("div", { className: "p-10 relative", children: [
   /* @__PURE__ */ e.jsx("div", { className: "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-40 h-40 bg-orange-400/10 blur-[50px]" }),
   /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-white/10 dark:bg-white/5 backdrop-blur-md border-2 border-white/50 dark:border-white/10 text-orange-950 dark:text-orange-100 font-black rounded-xl shadow-[inset_0_2px_15px_rgba(255,255,255,0.5),0_10px_20px_rgba(0,0,0,0.05)] hover:bg-white/20 transition-all group overflow-hidden", children: [
     /* @__PURE__ */ e.jsx("div", { className: "absolute -inset-full bg-gradient-to-r from-transparent via-white/20 to-transparent -skew-x-45 group-hover:translate-x-full transition-transform duration-1000" }),
@@ -591,31 +492,20 @@ const gr = () => /* @__PURE__ */ e.jsxs("div", { className: "p-10 relative", chi
   ] })
 ] });
 t.GLASSMORPHIC;
-const hr = () => /* @__PURE__ */ e.jsx("div", { className: "p-12 flex items-center justify-center", children: /* @__PURE__ */ e.jsxs("button", { className: "relative px-10 py-4 bg-white/40 dark:bg-white/10 border border-white/60 dark:border-white/20 text-zinc-900 dark:text-zinc-100 font-black rounded-2xl overflow-hidden group shadow-[0_10px_30px_rgba(0,0,0,0.05)] backdrop-blur-md", children: [
-  /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "Mirror Glass" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 left-0 w-full h-[1px] bg-gradient-to-r from-transparent via-white/80 to-transparent" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 left-0 w-full h-full bg-gradient-to-br from-white/30 to-transparent" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 -left-[100%] w-full h-full bg-gradient-to-r from-transparent via-white/40 to-transparent skew-x-[-25deg] group-hover:left-[150%] transition-all duration-1000" })
-] }) });
-t.GLASSMORPHIC;
-const _r = () => /* @__PURE__ */ e.jsxs("div", { className: "p-12 relative group", children: [
+const Fe = () => /* @__PURE__ */ e.jsxs("div", { className: "p-12 relative group", children: [
   /* @__PURE__ */ e.jsx("div", { className: "absolute inset-4 bg-cyan-400/10 blur-[40px] rounded-3xl group-hover:scale-125 transition-transform duration-700" }),
   /* @__PURE__ */ e.jsx("button", { className: "relative px-10 py-4 bg-white/30 dark:bg-white/5 backdrop-blur-3xl border border-white/80 dark:border-white/20 text-cyan-950 dark:text-cyan-100 font-black rounded-[2rem] shadow-[0_15px_35px_-5px_rgba(0,0,0,0.1),inset_0_4px_8px_rgba(255,255,255,0.6)] hover:bg-white/40 hover:translate-y-[-2px] transition-all", children: "Crystal Prism" })
 ] });
 t.GLASSMORPHIC;
-const fr = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-white/5 border-2 border-white/20 text-white font-bold rounded-xl backdrop-blur-sm hover:bg-white/10 hover:border-white/40 transition-all", children: "Glass Stroke" });
-t.GLASSMORPHIC;
-const vr = () => /* @__PURE__ */ e.jsx("button", { className: "px-6 py-2 text-zinc-400 font-bold hover:text-orange-500 hover:drop-shadow-[0_0_10px_rgba(255,122,0,0.5)] transition-all duration-300 uppercase tracking-widest text-xs", children: "Hidden Glow" });
-t.EXPERIMENTAL;
-const mr = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-transparent border-2 border-indigo-500 text-indigo-500 font-bold rounded-xl hover:shadow-[0_0_20px_rgba(99,102,241,0.6)] hover:bg-indigo-500 hover:text-white transition-all animate-pulse hover:animate-none", children: "Glow Aura" });
+const He = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-zinc-900 text-white font-black italic rounded-none border-r-4 border-orange-500 hover:animate-pulse hover:shadow-[4px_0_0_#0ea5e9,-4px_0_0_#f43f5e] transition-shadow", children: "GLITCH_ME" });
 t.EXPERIMENTAL;
-const wr = () => /* @__PURE__ */ e.jsxs("button", { className: "px-8 py-3 bg-orange-500 text-white font-bold rounded-full relative group hover:scale-105 active:scale-95 transition-all", children: [
+const Ue = () => /* @__PURE__ */ e.jsxs("button", { className: "px-8 py-3 bg-orange-500 text-white font-bold rounded-full relative group hover:scale-105 active:scale-95 transition-all", children: [
   "Gooey Pop",
   /* @__PURE__ */ e.jsx("span", { className: "absolute -top-1 -right-1 w-4 h-4 bg-orange-400 rounded-full group-hover:translate-x-4 group-hover:-translate-y-4 transition-transform duration-500" }),
   /* @__PURE__ */ e.jsx("span", { className: "absolute -bottom-1 -left-1 w-3 h-3 bg-orange-600 rounded-full group-hover:-translate-x-3 group-hover:translate-y-3 transition-transform duration-500" })
 ] });
 t.EXPERIMENTAL;
-const yr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-zinc-950 text-white font-black rounded-xl overflow-hidden group border border-white/10", children: [
+const $e = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-zinc-950 text-white font-black rounded-xl overflow-hidden group border border-white/10", children: [
   /* @__PURE__ */ e.jsx("span", { className: "relative z-10 uppercase tracking-[0.2em] text-[10px]", children: "Whirlpool" }),
   /* @__PURE__ */ e.jsx("div", { className: "absolute inset-[-100%] bg-[conic-gradient(from_0deg,#ff7a00,#f43f5e,#8b5cf6,#06b6d4,#ff7a00)] opacity-0 group-hover:opacity-60 group-hover:animate-[spin_2s_linear_infinite] transition-opacity duration-500" }),
   /* @__PURE__ */ e.jsx("div", { className: "absolute inset-[2px] bg-zinc-950 rounded-lg group-hover:opacity-90 transition-opacity" }),
@@ -627,248 +517,196 @@ const yr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py
       ` })
 ] });
 t.GRADIENT;
-const Nr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-12 py-3.5 bg-gradient-to-br from-violet-600 via-indigo-500 to-cyan-400 bg-[length:300%_300%] animate-[gradient_8s_ease_infinite] text-white font-black rounded-full shadow-[0_15px_35px_-10px_rgba(79,70,229,0.4)] hover:shadow-[0_25px_50px_-12px_rgba(79,70,229,0.5)] hover:-translate-y-1 active:scale-95 transition-all", children: [
-  /* @__PURE__ */ e.jsx("span", { className: "relative z-10 uppercase tracking-[0.2em] text-[10px]", children: "Aurorean" }),
-  /* @__PURE__ */ e.jsx("style", { children: `
-        @keyframes gradient {
-          0% { background-position: 0% 50%; }
-          50% { background-position: 100% 50%; }
-          100% { background-position: 0% 50%; }
-        }
-      ` })
-] });
-t.GRADIENT;
-const jr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-gradient-to-r from-rose-500 to-orange-500 text-white font-bold rounded-full overflow-hidden group", children: [
-  /* @__PURE__ */ e.jsx("span", { className: "absolute inset-0 bg-white/20 scale-x-0 group-hover:scale-x-100 transition-transform origin-left duration-500" }),
-  /* @__PURE__ */ e.jsx("span", { className: "relative", children: "Hot Action" })
-] }), Er = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-gradient-to-r from-cyan-500 to-blue-600 text-white font-semibold rounded-lg hover:shadow-lg hover:shadow-cyan-500/50 active:scale-95 transition-all duration-200", children: "Gradient Wave" });
-t.GRADIENT;
-const kr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-zinc-900 text-white font-mono rounded overflow-hidden group", children: [
-  /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "GRID_NAV" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 opacity-20 bg-[linear-gradient(90deg,transparent_9px,#fff_10px),linear-gradient(0deg,transparent_9px,#fff_10px)] bg-[size:10px_10px] group-hover:scale-150 transition-transform duration-700" })
-] });
-t.EXPERIMENTAL;
-const Rr = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 border-2 border-zinc-900 text-zinc-900 font-bold rounded-[20%_80%_20%_80%/80%_20%_80%_20%] hover:rounded-2xl hover:bg-zinc-900 hover:text-white transition-all duration-300", children: "Sketch Style" });
+const Ye = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 border-2 border-zinc-900 text-zinc-900 font-bold rounded-[20%_80%_20%_80%/80%_20%_80%_20%] hover:rounded-2xl hover:bg-zinc-900 hover:text-white transition-all duration-300", children: "Sketch Style" });
 t.RETRO;
-const Ar = () => /* @__PURE__ */ e.jsx("button", { className: "relative px-14 py-6 bg-gradient-to-br from-[#f5f5f9] to-[#e8e8f0] dark:from-[#1f1f27] dark:to-[#14141c] text-gray-600 dark:text-gray-400 font-bold rounded-full shadow-[0_40px_80px_-20px_rgba(0,0,0,0.12),0_-16px_32px_-16px_rgba(255,255,255,0.6)] dark:shadow-[0_40px_80px_-20px_rgba(0,0,0,0.75),0_-16px_32px_-16px_rgba(255,255,255,0.08)] hover:scale-105 hover:shadow-[0_50px_100px_-25px_rgba(0,0,0,0.18),0_-20px_40px_-20px_rgba(255,255,255,0.7)] dark:hover:shadow-[0_50px_100px_-25px_rgba(0,0,0,0.85),0_-20px_40px_-20px_rgba(255,255,255,0.1)] active:shadow-[inset_0_12px_24px_-12px_rgba(0,0,0,0.15),inset_0_-12px_24px_-12px_rgba(255,255,255,0.4)] transition-all duration-700 active:scale-95", children: "Soft Cloud" });
-t.NEUMORPHIC;
-const zr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-10 py-3 bg-white/10 dark:bg-white/5 border border-white/20 text-zinc-900 dark:text-white font-black rounded-xl overflow-hidden group", children: [
+const We = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-10 py-3 bg-white/10 dark:bg-white/5 border border-white/20 text-zinc-900 dark:text-white font-black rounded-xl overflow-hidden group", children: [
   /* @__PURE__ */ e.jsx("span", { className: "relative z-10 uppercase tracking-widest text-[11px]", children: "Pearl Holo" }),
   /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-gradient-to-tr from-indigo-500/20 via-rose-500/20 to-cyan-500/20 group-hover:scale-150 transition-transform duration-1000" }),
   /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 -left-[100%] w-full h-full bg-gradient-to-r from-transparent via-white/50 to-transparent skew-x-[-35deg] group-hover:left-[100%] transition-all duration-[1500ms]" }),
   /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 opacity-0 group-hover:opacity-40 transition-opacity bg-[radial-gradient(circle_at_50%_50%,rgba(255,255,255,0.4),transparent_70%)]" })
 ] });
 t.GRADIENT;
-const Ir = () => /* @__PURE__ */ e.jsxs("button", { className: "flex items-center gap-3 px-8 py-3 bg-white border-2 border-zinc-900 text-zinc-900 font-black rounded-2xl group hover:bg-zinc-900 hover:text-white transition-all duration-300", children: [
-  /* @__PURE__ */ e.jsx(q, { className: "group-hover:scale-150 group-hover:rotate-12 transition-transform", size: 18 }),
+const qe = () => /* @__PURE__ */ e.jsxs("button", { className: "flex items-center gap-3 px-8 py-3 bg-white border-2 border-zinc-900 text-zinc-900 font-black rounded-2xl group hover:bg-zinc-900 hover:text-white transition-all duration-300", children: [
+  /* @__PURE__ */ e.jsx(X, { className: "group-hover:scale-150 group-hover:rotate-12 transition-transform", size: 18 }),
   /* @__PURE__ */ e.jsx("span", { children: "Super Power" })
 ] });
 t.ESSENTIAL;
-const Tr = () => /* @__PURE__ */ e.jsxs("div", { className: "relative group", children: [
+const Xe = () => /* @__PURE__ */ e.jsxs("div", { className: "relative group", children: [
   /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-indigo-200 rounded-2xl group-hover:translate-x-4 group-hover:translate-y-4 transition-transform duration-500 blur-sm" }),
   /* @__PURE__ */ e.jsx("button", { className: "relative px-8 py-3 bg-indigo-600 text-white font-bold rounded-2xl group-hover:-translate-x-1 group-hover:-translate-y-1 transition-transform shadow-lg", children: "Decoupled" })
 ] });
 t.ANIMATED;
-const Mr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-white border border-zinc-200 text-zinc-900 font-bold rounded-xl group overflow-hidden", children: [
+const Ve = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-white border border-zinc-200 text-zinc-900 font-bold rounded-xl group overflow-hidden", children: [
   /* @__PURE__ */ e.jsx("span", { children: "Indicator" }),
   /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 right-0 w-2 h-2 bg-zinc-100 group-hover:bg-orange-500 transition-colors" })
 ] });
 t.MINIMAL;
-const Sr = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-zinc-200 text-zinc-600 font-black border-4 border-zinc-400 shadow-[inset_0_2px_4px_white,4px_4px_0_0_#18181b] active:shadow-none active:translate-x-1 active:translate-y-1 transition-all uppercase tracking-tighter", children: "Lock Plate" });
+const Je = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-zinc-200 text-zinc-600 font-black border-4 border-zinc-400 shadow-[inset_0_2px_4px_white,4px_4px_0_0_#18181b] active:shadow-none active:translate-x-1 active:translate-y-1 transition-all uppercase tracking-tighter", children: "Lock Plate" });
 t.RETRO;
-const Pr = () => /* @__PURE__ */ e.jsxs("button", { className: "px-10 py-3 bg-zinc-950 text-cyan-200 font-black rounded-2xl border border-white/5 shadow-[inset_0_2px_15px_rgba(34,211,238,0.1)] hover:shadow-[inset_0_2px_25px_rgba(34,211,238,0.3),0_15px_30px_-10px_rgba(0,0,0,0.5)] transition-all duration-300 group", children: [
-  /* @__PURE__ */ e.jsx("span", { className: "relative z-10 uppercase tracking-widest text-[10px]", children: "Deep Space" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_50%_0%,rgba(34,211,238,0.1),transparent_70%)] group-hover:scale-150 transition-transform duration-700" })
-] });
-t.GRADIENT;
-const Or = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-10 py-3 bg-zinc-950 text-white font-black rounded-full overflow-hidden group border border-white/5 shadow-2xl", children: [
+const Ze = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-10 py-3 bg-zinc-950 text-white font-black rounded-full overflow-hidden group border border-white/5 shadow-2xl", children: [
   /* @__PURE__ */ e.jsx("span", { className: "relative z-10 uppercase tracking-widest text-[10px]", children: "Star Void" }),
   /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-gradient-to-b from-indigo-900/40 via-zinc-950 to-zinc-950" }),
   /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 inset-x-0 h-px bg-gradient-to-r from-transparent via-white/30 to-transparent" }),
   /* @__PURE__ */ e.jsx("div", { className: "absolute bottom-[-50%] left-1/2 -translate-x-1/2 w-[120%] h-[120%] bg-gradient-to-t from-fuchsia-600/20 via-transparent to-transparent blur-2xl group-hover:bottom-0 transition-all duration-700" })
 ] });
 t.GRADIENT;
-const Lr = () => /* @__PURE__ */ e.jsx("button", { className: "w-36 h-14 bg-[#fdfaf5] dark:bg-[#0a0a0a] text-zinc-500 font-bold rounded-2xl shadow-[inset_8px_8px_16px_#d9d6d1,inset_-8px_-8px_16px_#ffffff] dark:shadow-[inset_8px_8px_16px_#050505,inset_-8px_-8px_16px_#0f0f0f] hover:shadow-[10px_10px_20px_#d9d6d1,-10px_-10px_20px_#ffffff] dark:hover:shadow-[10px_10px_20px_#050505,-10px_-10px_20px_#0f0f0f] hover:-translate-y-1 transition-all duration-500", children: "Deep Crater" });
-t.NEUMORPHIC;
-const Cr = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-white border-2 border-zinc-900 text-zinc-900 font-extrabold rounded-none hover:bg-zinc-900 hover:text-white transition-colors duration-200", children: "STARK_CONTRAST" }), Gr = () => /* @__PURE__ */ e.jsx("button", { className: "relative px-10 py-3 bg-zinc-900 text-white font-bold [clip-path:polygon(10%_0,90%_0,100%_10%,100%_90%,90%_100%,10%_100%,0_90%,0_10%)] hover:scale-105 transition-transform", children: "Octagon Cut" });
-t.MINIMAL;
-const Dr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-10 py-3 bg-orange-700 text-white font-black rounded-xl overflow-hidden group shadow-[0_10px_30px_rgba(194,65,12,0.3)]", children: [
-  /* @__PURE__ */ e.jsx("span", { className: "relative z-10 uppercase tracking-widest text-[11px]", children: "Magma Flow" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-red-600 via-orange-500 to-yellow-400 group-hover:scale-125 transition-transform duration-700" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_50%_50%,rgba(255,255,255,0.1),transparent_80%)]" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute -inset-2 bg-orange-500/30 blur-2xl opacity-0 group-hover:opacity-100 group-hover:animate-pulse-slow" })
+const Ke = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-10 py-4 bg-gradient-to-br from-amber-900 via-amber-800 to-amber-950 text-amber-50 font-bold rounded-lg border-4 border-amber-950 shadow-[inset_0_1px_0_rgba(255,255,255,0.2),inset_0_-3px_8px_rgba(0,0,0,0.5),0_8px_16px_rgba(0,0,0,0.4)] hover:shadow-[inset_0_1px_0_rgba(255,255,255,0.2),inset_0_-3px_8px_rgba(0,0,0,0.6),0_12px_24px_rgba(0,0,0,0.5)] active:shadow-[inset_0_3px_8px_rgba(0,0,0,0.6),0_2px_4px_rgba(0,0,0,0.3)] transition-all duration-200 active:translate-y-1 overflow-hidden group", children: [
+  /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "Leather Press" }),
+  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 opacity-30 bg-[repeating-linear-gradient(90deg,transparent,transparent_2px,rgba(0,0,0,0.1)_2px,rgba(0,0,0,0.1)_4px)]" })
 ] });
-t.GRADIENT;
-const Fr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-transparent border-2 border-indigo-600 text-indigo-600 font-bold rounded-lg overflow-hidden group", children: [
+t.SKEUOMORPHIC;
+const Qe = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-transparent border-2 border-indigo-600 text-indigo-600 font-bold rounded-lg overflow-hidden group", children: [
   /* @__PURE__ */ e.jsx("span", { className: "relative z-10 group-hover:text-white transition-colors duration-300", children: "Liquid Fill" }),
   /* @__PURE__ */ e.jsx("div", { className: "absolute bottom-0 left-0 w-full h-0 bg-indigo-600 group-hover:h-full transition-all duration-500" })
 ] });
 t.ANIMATED;
-const Hr = () => /* @__PURE__ */ e.jsx("div", { className: "p-10 flex items-center justify-center", children: /* @__PURE__ */ e.jsxs("button", { className: "relative px-10 py-4 bg-zinc-900/60 backdrop-blur-3xl border border-white/20 text-white font-black rounded-2xl group overflow-hidden shadow-[0_20px_50px_rgba(0,0,0,0.3)] hover:scale-105 active:scale-95 transition-all", children: [
-  /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "Refractive Dark" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-[-100%] bg-[conic-gradient(from_0deg,transparent,rgba(255,255,255,0.2),transparent)] animate-[spin_4s_linear_infinite] group-hover:animate-[spin_2s_linear_infinite]" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-gradient-to-br from-white/10 to-transparent" })
-] }) });
-t.GLASSMORPHIC;
-const Ur = () => /* @__PURE__ */ e.jsx("button", { className: "px-10 py-3 bg-indigo-600 text-white font-bold rounded-2xl hover:rounded-[50%_20%_50%_20%/20%_50%_20%_50%] transition-all duration-700 active:scale-95", children: "Liquid Warp" });
-t.ANIMATED;
-const $r = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-white border-2 border-zinc-200 text-zinc-900 font-bold rounded-2xl hover:border-orange-500 hover:scale-105 hover:rotate-1 transition-all shadow-sm", children: "Pull Edge" });
-t.MINIMAL;
-const Yr = () => /* @__PURE__ */ e.jsx("button", { className: "w-14 h-14 bg-zinc-900 text-white rounded-full flex items-center justify-center hover:scale-125 hover:rotate-90 hover:shadow-[0_0_30px_#ff7a00] transition-all duration-500 shadow-xl active:scale-95", children: /* @__PURE__ */ e.jsx(fe, { size: 24 }) });
+const Be = () => /* @__PURE__ */ e.jsx("button", { className: "px-10 py-3 bg-indigo-600 text-white font-bold rounded-2xl hover:rounded-[50%_20%_50%_20%/20%_50%_20%_50%] transition-all duration-700 active:scale-95", children: "Liquid Warp" });
 t.ANIMATED;
-const Br = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-4 bg-zinc-900 text-white font-bold rounded-2xl hover:translate-x-1 hover:-translate-y-1 hover:shadow-[8px_8px_0_0_#ff7a00] transition-all duration-200 active:translate-x-0 active:translate-y-0 active:shadow-none", children: "Magnetic Move" });
-t.MINIMAL;
-const Xr = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-white border border-zinc-200 text-zinc-900 font-bold rounded-xl hover:scale-125 hover:shadow-2xl transition-all duration-300 hover:bg-zinc-50", children: "Magnify" });
+const er = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-white border border-zinc-200 text-zinc-900 font-bold rounded-xl hover:scale-125 hover:shadow-2xl transition-all duration-300 hover:bg-zinc-50", children: "Magnify" });
 t.ESSENTIAL;
-const qr = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-white border-2 border-zinc-900 text-zinc-900 font-bold hover:text-[1.5rem] transition-all duration-300", children: "Text Zoom" });
-t.EXPERIMENTAL;
-const Wr = () => /* @__PURE__ */ e.jsxs("button", { className: "flex items-center gap-2 text-zinc-900 font-bold group", children: [
-  /* @__PURE__ */ e.jsx("span", { className: "group-hover:mr-2 transition-all", children: "Explore More" }),
-  /* @__PURE__ */ e.jsx(ge, { className: "group-hover:translate-x-1 transition-transform", size: 18 })
-] });
+const rr = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-2 border-b-2 border-zinc-200 text-zinc-400 font-medium hover:text-zinc-900 hover:border-zinc-900 transition-all text-sm tracking-tight", children: "Slight Underline" });
 t.MINIMAL;
-const Vr = () => /* @__PURE__ */ e.jsx("button", { className: "px-4 py-1.5 bg-zinc-100 text-zinc-500 text-[10px] font-black uppercase tracking-[0.2em] rounded hover:bg-zinc-900 hover:text-white transition-all", children: "Badge Mode" });
-t.MINIMAL;
-const Jr = () => /* @__PURE__ */ e.jsxs("button", { className: "flex items-center gap-3 px-6 py-2.5 bg-white border border-zinc-100 rounded-full text-zinc-600 font-semibold hover:border-zinc-300 transition-all shadow-sm", children: [
-  /* @__PURE__ */ e.jsxs("span", { className: "relative flex h-2 w-2", children: [
-    /* @__PURE__ */ e.jsx("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-orange-400 opacity-75" }),
-    /* @__PURE__ */ e.jsx("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-orange-500" })
-  ] }),
-  "Live Status"
-] }), Zr = () => /* @__PURE__ */ e.jsx("button", { className: "px-6 py-2.5 bg-indigo-600 text-white font-semibold rounded-xl shadow-lg shadow-indigo-200 hover:shadow-indigo-300 hover:-translate-y-0.5 active:translate-y-0 transition-all duration-200", children: "Modern Action" });
-t.ESSENTIAL;
-const Qr = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-zinc-900 text-white font-bold rounded-xl hover:rounded-full transition-all duration-700 hover:scale-105", children: "Morph Shape" });
+const tr = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-zinc-900 text-white font-bold rounded-xl hover:rounded-full transition-all duration-700 hover:scale-105", children: "Morph Shape" });
 t.ANIMATED;
-const Kr = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-orange-400 text-black font-black border-4 border-black shadow-[8px_8px_0_0_#000] hover:shadow-[4px_4px_0_0_#000] hover:translate-x-1 hover:translate-y-1 active:shadow-none active:translate-x-2 active:translate-y-2 transition-all", children: "STAY LOUD" });
+const ar = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-orange-400 text-black font-black border-4 border-black shadow-[8px_8px_0_0_#000] hover:shadow-[4px_4px_0_0_#000] hover:translate-x-1 hover:translate-y-1 active:shadow-none active:translate-x-2 active:translate-y-2 transition-all", children: "STAY LOUD" });
 t.RETRO;
-const et = () => /* @__PURE__ */ e.jsx("button", { className: "px-10 py-3 bg-emerald-400 text-emerald-950 font-black rounded-full shadow-[0_0_20px_rgba(52,211,153,0.5)] hover:shadow-[0_0_40px_rgba(52,211,153,0.8)] transition-all uppercase text-sm", children: "Eco Glow" });
-t.EXPERIMENTAL;
-const rt = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-zinc-950 text-emerald-400 font-bold rounded-full group", children: [
-  /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "Pulse Ring" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 rounded-full border border-emerald-500 opacity-20 animate-ping group-hover:opacity-50 group-hover:animate-none" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 rounded-full bg-emerald-500/10 blur-md group-hover:bg-emerald-500/30 transition-all" })
-] });
+const or = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-zinc-900 text-white font-bold rounded-xl border border-zinc-700 hover:border-orange-500 hover:shadow-[0_0_15px_rgba(255,122,0,0.5)] transition-all duration-300", children: "Neon Border" });
 t.GRADIENT;
-const tt = () => /* @__PURE__ */ e.jsx("button", { className: "relative w-32 h-14 bg-gradient-to-b from-[#f0f0f5] to-[#e0e0e8] dark:from-[#1f1f26] dark:to-[#16161e] text-orange-500 font-bold rounded-3xl shadow-[inset_0_12px_24px_-8px_rgba(0,0,0,0.15),inset_0_-12px_24px_-8px_rgba(255,255,255,0.5)] dark:shadow-[inset_0_12px_24px_-8px_rgba(0,0,0,0.5),inset_0_-12px_24px_-8px_rgba(255,255,255,0.08)] hover:shadow-[inset_0_16px_32px_-10px_rgba(0,0,0,0.2),inset_0_-16px_32px_-10px_rgba(255,255,255,0.6)] dark:hover:shadow-[inset_0_16px_32px_-10px_rgba(0,0,0,0.6),inset_0_-16px_32px_-10px_rgba(255,255,255,0.1)] active:shadow-[inset_0_8px_16px_-6px_rgba(0,0,0,0.2),inset_0_-8px_16px_-6px_rgba(255,255,255,0.4)] transition-all duration-300 active:scale-95", children: "Soft Inset" });
-t.NEUMORPHIC;
-const at = () => /* @__PURE__ */ e.jsx("button", { className: "relative px-12 py-3.5 bg-gradient-to-b from-[#ececf1] to-[#dcdce5] dark:from-[#1a1a22] dark:to-[#12121a] text-gray-600 dark:text-gray-400 font-semibold rounded-full shadow-[inset_0_16px_32px_-12px_rgba(0,0,0,0.18),inset_0_-16px_32px_-12px_rgba(255,255,255,0.55)] dark:shadow-[inset_0_16px_32px_-12px_rgba(0,0,0,0.55),inset_0_-16px_32px_-12px_rgba(255,255,255,0.08)] hover:shadow-[inset_0_20px_40px_-14px_rgba(0,0,0,0.22),inset_0_-20px_40px_-14px_rgba(255,255,255,0.65)] dark:hover:shadow-[inset_0_20px_40px_-14px_rgba(0,0,0,0.65),inset_0_-20px_40px_-14px_rgba(255,255,255,0.1)] active:shadow-[inset_0_10px_20px_-8px_rgba(0,0,0,0.15),inset_0_-10px_20px_-8px_rgba(255,255,255,0.4)] transition-all duration-500 active:scale-95 hover:text-gray-900 dark:hover:text-gray-100", children: "Pill Well" });
+const nr = () => /* @__PURE__ */ e.jsx("button", { className: "relative px-12 py-3.5 bg-gradient-to-b from-[#ececf1] to-[#dcdce5] dark:from-[#1a1a22] dark:to-[#12121a] text-gray-600 dark:text-gray-400 font-semibold rounded-full shadow-[inset_0_16px_32px_-12px_rgba(0,0,0,0.18),inset_0_-16px_32px_-12px_rgba(255,255,255,0.55)] dark:shadow-[inset_0_16px_32px_-12px_rgba(0,0,0,0.55),inset_0_-16px_32px_-12px_rgba(255,255,255,0.08)] hover:shadow-[inset_0_20px_40px_-14px_rgba(0,0,0,0.22),inset_0_-20px_40px_-14px_rgba(255,255,255,0.65)] dark:hover:shadow-[inset_0_20px_40px_-14px_rgba(0,0,0,0.65),inset_0_-20px_40px_-14px_rgba(255,255,255,0.1)] active:shadow-[inset_0_10px_20px_-8px_rgba(0,0,0,0.15),inset_0_-10px_20px_-8px_rgba(255,255,255,0.4)] transition-all duration-500 active:scale-95 hover:text-gray-900 dark:hover:text-gray-100", children: "Pill Well" });
 t.NEUMORPHIC;
-const ot = () => /* @__PURE__ */ e.jsx("button", { className: "relative px-8 py-3 bg-gradient-to-br from-[#1a1a1f] to-[#0f0f14] text-gray-500 dark:text-gray-400 font-semibold rounded-2xl shadow-[0_18px_36px_-10px_rgba(0,0,0,0.8),0_-8px_16px_-8px_rgba(255,255,255,0.05)] hover:shadow-[0_24px_48px_-12px_rgba(0,0,0,0.9),0_-10px_20px_-10px_rgba(255,255,255,0.08)] active:shadow-[inset_0_8px_16px_-8px_rgba(0,0,0,0.6),inset_0_-8px_16px_-8px_rgba(255,255,255,0.05)] transition-all duration-300 active:scale-95", children: "Dark Plate" });
+const sr = () => /* @__PURE__ */ e.jsx("button", { className: "relative px-8 py-3 bg-gradient-to-b from-[#f0f0f5] to-[#dcdce5] dark:from-[#1f1f26] dark:to-[#16161e] text-gray-800 dark:text-gray-200 font-semibold rounded-2xl shadow-[0_15px_30px_-8px_rgba(0,0,0,0.12),0_-6px_12px_-6px_rgba(255,255,255,0.6)] dark:shadow-[0_15px_30px_-8px_rgba(0,0,0,0.7),0_-6px_12px_-6px_rgba(255,255,255,0.08)] hover:shadow-[0_20px_40px_-10px_rgba(0,0,0,0.16),0_-8px_16px_-8px_rgba(255,255,255,0.7)] dark:hover:shadow-[0_20px_40px_-10px_rgba(0,0,0,0.8),0_-8px_16px_-8px_rgba(255,255,255,0.1)] active:shadow-[inset_0_6px_12px_-6px_rgba(0,0,0,0.15),inset_0_-6px_12px_-6px_rgba(255,255,255,0.4)] dark:active:shadow-[inset_0_6px_12px_-6px_rgba(0,0,0,0.5),inset_0_-6px_12px_-6px_rgba(255,255,255,0.08)] transition-all duration-200 active:scale-95", children: "Hard Stamp" });
 t.NEUMORPHIC;
-const nt = () => /* @__PURE__ */ e.jsx("button", { className: "relative px-8 py-3 bg-gradient-to-b from-[#f0f0f5] to-[#dcdce5] dark:from-[#1f1f26] dark:to-[#16161e] text-gray-800 dark:text-gray-200 font-semibold rounded-2xl shadow-[0_15px_30px_-8px_rgba(0,0,0,0.12),0_-6px_12px_-6px_rgba(255,255,255,0.6)] dark:shadow-[0_15px_30px_-8px_rgba(0,0,0,0.7),0_-6px_12px_-6px_rgba(255,255,255,0.08)] hover:shadow-[0_20px_40px_-10px_rgba(0,0,0,0.16),0_-8px_16px_-8px_rgba(255,255,255,0.7)] dark:hover:shadow-[0_20px_40px_-10px_rgba(0,0,0,0.8),0_-8px_16px_-8px_rgba(255,255,255,0.1)] active:shadow-[inset_0_6px_12px_-6px_rgba(0,0,0,0.15),inset_0_-6px_12px_-6px_rgba(255,255,255,0.4)] dark:active:shadow-[inset_0_6px_12px_-6px_rgba(0,0,0,0.5),inset_0_-6px_12px_-6px_rgba(255,255,255,0.08)] transition-all duration-200 active:scale-95", children: "Hard Stamp" });
+const ir = () => /* @__PURE__ */ e.jsx("button", { className: "relative px-10 py-3.5 bg-gradient-to-br from-[#f5f5f7] to-[#e8e8ed] dark:from-[#1a1a1f] dark:to-[#0f0f14] text-gray-700 dark:text-gray-300 font-semibold rounded-3xl shadow-[0_20px_40px_-10px_rgba(0,0,0,0.1),0_-8px_16px_-8px_rgba(255,255,255,0.5)] dark:shadow-[0_20px_40px_-10px_rgba(0,0,0,0.8),0_-8px_16px_-8px_rgba(255,255,255,0.05)] hover:shadow-[0_25px_50px_-12px_rgba(0,0,0,0.15),0_-10px_20px_-10px_rgba(255,255,255,0.6)] dark:hover:shadow-[0_25px_50px_-12px_rgba(0,0,0,0.9),0_-10px_20px_-10px_rgba(255,255,255,0.08)] active:shadow-[inset_0_8px_16px_-8px_rgba(0,0,0,0.2),inset_0_-8px_16px_-8px_rgba(255,255,255,0.4)] dark:active:shadow-[inset_0_8px_16px_-8px_rgba(0,0,0,0.6),inset_0_-8px_16px_-8px_rgba(255,255,255,0.05)] transition-all duration-300 active:scale-95", children: "Soft Extrude" });
 t.NEUMORPHIC;
-const st = () => /* @__PURE__ */ e.jsx("button", { className: "px-6 py-2 bg-[#2a2a2a] text-[#ffd700] font-mono border-t-2 border-l-2 border-[#555] border-b-2 border-r-2 border-black hover:bg-black transition-colors shadow-lg", children: "[ COMMAND_LINK ]" });
+const lr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-white text-zinc-900 font-bold border-l-4 border-zinc-900 group", children: [
+  /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "Paper Fold" }),
+  /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 right-0 w-4 h-4 bg-zinc-100 transition-all group-hover:w-full group-hover:h-full group-hover:bg-zinc-900 group-hover:text-white -z-0" })
+] });
+t.EXPERIMENTAL;
+const cr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-10 py-3 border-2 border-indigo-600 text-indigo-600 font-bold rounded-full overflow-hidden group", children: [
+  /* @__PURE__ */ e.jsx("span", { className: "relative z-10 group-hover:text-white transition-colors duration-300", children: "Outline Fill" }),
+  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-indigo-600 scale-x-0 group-hover:scale-x-100 transition-transform origin-center duration-300" })
+] });
+t.MINIMAL;
+const dr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-white text-zinc-900 font-bold rounded-xl group overflow-hidden", children: [
+  /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "Rainbow Edge" }),
+  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-gradient-to-r from-red-500 via-yellow-500 via-green-500 via-blue-500 to-purple-500 p-[2px] opacity-20 group-hover:opacity-100 transition-opacity duration-300", children: /* @__PURE__ */ e.jsx("div", { className: "bg-white h-full w-full rounded-[calc(0.75rem-1px)]" }) })
+] });
+t.GRADIENT;
+const pr = () => /* @__PURE__ */ e.jsx("button", { className: "px-10 py-3 bg-zinc-900 border border-white/5 rounded-2xl group overflow-hidden shadow-xl active:scale-95 transition-all", children: /* @__PURE__ */ e.jsx("span", { className: "bg-gradient-to-r from-red-500 via-orange-400 via-yellow-300 via-emerald-400 via-cyan-400 via-indigo-400 via-purple-500 bg-[length:400%_auto] bg-clip-text text-transparent font-black uppercase text-xs tracking-[0.3em] group-hover:bg-[position:100%_center] group-hover:drop-shadow-[0_0_8px_rgba(255,255,255,0.4)] transition-all duration-[1000ms]", children: "Chroma Peak" }) });
+t.GRADIENT;
+const ur = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-orange-500 text-white font-extrabold rounded-xl border-b-[6px] border-orange-700 active:border-b-0 active:translate-y-[6px] transition-all uppercase tracking-tight", children: "Play Retro" });
 t.RETRO;
-const it = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-zinc-900 text-white font-bold rounded-xl group overflow-hidden", children: [
-  /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "Comet Tail" }),
-  /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 left-0 w-2 h-2 bg-orange-500 rounded-full blur-sm -translate-x-full group-hover:animate-[comet_1s_linear_infinite]" }),
-  /* @__PURE__ */ e.jsx("style", { children: `
-        @keyframes comet {
-          0% { transform: translate(0, 0); opacity: 1; }
-          25% { transform: translate(100%, 0); }
-          50% { transform: translate(100%, 100%); }
-          75% { transform: translate(0, 100%); }
-          100% { transform: translate(0, 0); opacity: 1; }
-        }
-      ` })
+const xr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-10 py-4 bg-[#e5e0d8] dark:bg-[#2a2a2a] text-[#d97706] font-black rounded-lg border-x-8 border-t-2 border-b-8 border-zinc-400 dark:border-zinc-800 shadow-xl group overflow-hidden active:translate-y-1 active:border-b-4 transition-all", children: [
+  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ e.jsx("div", { className: "w-3 h-3 rounded-full bg-red-600 animate-pulse group-hover:shadow-[0_0_10px_#ef4444]" }),
+    /* @__PURE__ */ e.jsx("span", { className: "uppercase tracking-tighter text-sm italic", children: "REC_MODE" })
+  ] }),
+  /* @__PURE__ */ e.jsx("div", { className: "absolute top-0 right-4 w-12 h-1 bg-zinc-400 opacity-20" })
+] });
+t.RETRO;
+const br = () => /* @__PURE__ */ e.jsx("button", { className: "w-16 h-16 bg-red-600 rounded-full shadow-[0_8px_0_#991b1b,0_15px_20px_rgba(0,0,0,0.2)] active:shadow-none active:translate-y-2 transition-all border-4 border-red-500 flex items-center justify-center", children: /* @__PURE__ */ e.jsx("div", { className: "w-4 h-4 bg-red-400 rounded-full opacity-50 blur-[2px]" }) });
+t.RETRO;
+const gr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-10 py-4 bg-gradient-to-b from-red-500 via-red-600 to-red-700 text-white font-bold rounded-full border-4 border-red-900 shadow-[inset_0_2px_4px_rgba(255,255,255,0.2),inset_0_-4px_8px_rgba(0,0,0,0.3),0_8px_16px_rgba(0,0,0,0.4)] hover:shadow-[inset_0_2px_4px_rgba(255,255,255,0.2),inset_0_-4px_8px_rgba(0,0,0,0.4),0_12px_24px_rgba(0,0,0,0.5)] active:shadow-[inset_0_4px_8px_rgba(0,0,0,0.5),0_2px_4px_rgba(0,0,0,0.2)] transition-all duration-200 active:translate-y-1 overflow-hidden", children: [
+  /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "Big Red" }),
+  /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 opacity-20 bg-radial-gradient(circle at 20% 20%, rgba(255,255,255,0.3), transparent 50%)" })
+] });
+t.SKEUOMORPHIC;
+const hr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-zinc-900 text-white font-bold rounded-xl overflow-hidden group", children: [
+  /* @__PURE__ */ e.jsx("span", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-white/10 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000 ease-in-out" }),
+  /* @__PURE__ */ e.jsx("span", { className: "relative", children: "Shimmering" })
+] });
+t.ANIMATED;
+const _r = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-zinc-200 text-zinc-600 font-bold rounded-xl border border-zinc-300 shadow-[2px_2px_5px_#b8b9be,-3px_-3px_7px_#ffffff] active:shadow-[inset_2px_2px_5px_#b8b9be,inset_-3px_-3px_7px_#ffffff] transition-all", children: "Plastic Click" });
+t.SKEUOMORPHIC;
+const fr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-8 py-3 bg-zinc-900 text-white font-bold overflow-hidden group", children: [
+  /* @__PURE__ */ e.jsx("span", { className: "absolute inset-0 bg-orange-500 -translate-x-full -skew-x-12 group-hover:translate-x-0 transition-transform duration-300" }),
+  /* @__PURE__ */ e.jsx("span", { className: "relative", children: "Slanted Cut" })
 ] });
 t.ANIMATED;
-const lt = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 border-2 border-orange-500 text-orange-500 font-bold rounded-xl hover:bg-orange-500 hover:text-white transition-all duration-300", children: "Fill Rise" });
+const vr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-10 py-3 bg-indigo-600 text-white font-bold rounded-xl overflow-hidden group", children: [
+  /* @__PURE__ */ e.jsx("span", { className: "relative z-10", children: "Split View" }),
+  /* @__PURE__ */ e.jsx("span", { className: "absolute top-0 right-0 w-1/2 h-full bg-indigo-800 translate-x-full group-hover:translate-x-0 transition-transform" })
+] });
+t.MINIMAL;
+const mr = () => /* @__PURE__ */ e.jsx("button", { className: "relative px-8 py-3 bg-rose-500 text-white font-bold rounded-xl before:absolute before:inset-0 before:bg-rose-200 before:rounded-xl before:-z-10 before:translate-x-0 before:translate-y-0 hover:before:-translate-x-2 hover:before:-translate-y-2 before:transition-transform", children: "Layer Stack" });
+t.EXPERIMENTAL;
+const wr = () => /* @__PURE__ */ e.jsx("button", { className: "px-4 py-2 text-blue-600 dark:text-blue-400 font-semibold rounded-lg hover:bg-blue-50 dark:hover:bg-blue-950 active:scale-95 transition-all duration-200", children: "Text Link" });
+t.ESSENTIAL;
+const Nr = () => /* @__PURE__ */ e.jsx("button", { className: "px-8 py-3 bg-zinc-900 text-white font-mono font-bold tracking-[0.2em] hover:tracking-[0.5em] transition-all duration-300", children: "DECRYPT" });
+t.MINIMAL;
+const yr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-2 py-1 text-zinc-400 font-bold group", children: [
+  /* @__PURE__ */ e.jsx("span", { children: "Strike Out" }),
+  /* @__PURE__ */ e.jsx("div", { className: "absolute top-1/2 left-0 w-0 h-[2px] bg-zinc-900 group-hover:w-full transition-all duration-300" })
+] });
+t.MINIMAL;
+const jr = () => /* @__PURE__ */ e.jsxs("button", { className: "relative px-2 py-1 text-zinc-900 font-bold group", children: [
+  /* @__PURE__ */ e.jsx("span", { children: "Underline Slide" }),
+  /* @__PURE__ */ e.jsx("span", { className: "absolute bottom-0 left-0 w-0 h-1 bg-orange-500 group-hover:w-full transition-all duration-300" })
+] });
 t.MINIMAL;
+var he = /* @__PURE__ */ ((a) => (a.ESSENTIAL = "Essential", a.RETRO = "Retro", a.MODERN = "Modern", a.GLASSMORPHIC = "Glassmorphic", a.NEUMORPHIC = "Neumorphic", a.NEON = "Neon", a.GRADIENT = "Gradient", a.MINIMAL = "Minimal", a.ANIMATED = "Animated", a.EXPERIMENTAL = "Experimental", a))(he || {});
 export {
-  Me as ArcadeGreen,
-  Se as BentoBox,
-  Pe as BorderBeam,
-  Oe as BorderTrace,
-  Le as BouncyIcon,
-  ke as Brutalist,
-  t as ButtonCategory,
-  Ce as ChevronExpand,
-  Ge as Classic90s,
-  De as ClaySoftPill,
+  fe as BentoBox,
+  ve as Brutalist,
+  he as ButtonCategory,
+  me as ChevronExpand,
+  we as ClaySoftPill,
   Ne as Claymorphic,
-  Fe as ContrastFrame,
-  He as CyberBevel,
-  Ue as CyberGlow,
-  $e as CyberGradient,
-  Ye as CyberSlice,
-  Be as Cyberpunk,
-  qe as DashRotate,
-  Xe as DashedReveal,
-  We as DeepBlurGlass,
-  Ve as DepthSlide,
-  Je as DiagonalStripes,
-  Ze as DiamondCut,
-  Qe as DotPattern,
-  Ke as DoubleShadow,
-  er as DualTone,
-  rr as ElevatedFloat,
-  tr as EtherealBlur,
-  ar as ExpandingAura,
-  or as ExpandingPill,
-  nr as FloatingLabel,
-  sr as FloatingPulse,
-  ir as FloatingShadow,
-  lr as FragmentButton,
-  dr as GhostReveal,
-  je as GlassCard,
-  cr as GlassDouble,
-  pr as GlassFrostedInner,
-  xr as GlassFrostyPill,
-  ur as GlassFusion,
-  br as GlassGlow,
-  gr as GlassInset,
-  hr as GlassReflective,
-  _r as GlassRefraction,
-  fr as GlassStroke,
-  Ie as GlitchEffect,
-  vr as GlowGhost,
-  mr as GlowOutline,
-  wr as GooeyButton,
-  yr as GradientConic,
-  Nr as GradientMorph,
-  jr as GradientPulse,
-  Ae as GradientShadow,
-  Er as GradientWave,
-  kr as GridOverlay,
-  Rr as HandDrawn,
-  Ar as HighElevatedNeumorphic,
-  zr as Holographic,
-  Ir as IconBounce,
-  Tr as IndependentShadow,
-  Mr as IndicatorButton,
-  Sr as IndustrialPlate,
-  Pr as InnerGlow,
-  Or as InnerGlowPill,
-  Lr as InnerShadowDepth,
-  Cr as InvertedMinimal,
-  Gr as InvertedRound,
-  Dr as LavaFlow,
-  Fr as LiquidFill,
-  Te as LiquidGradient,
-  Hr as LiquidPrism,
-  Ur as LiquidWarp,
-  $r as MagneticBorder,
-  Yr as MagneticCircle,
-  Br as MagneticSoft,
-  Xr as MagnifyHover,
-  qr as MagnifyText,
-  Wr as MinimalArrow,
-  Vr as MinimalBadge,
-  Jr as MinimalPulse,
-  ze as ModernMinimal,
-  Zr as ModernPrimary,
-  Qr as MorphingShape,
-  Kr as NeoHardShadow,
-  Re as NeonBorder,
-  et as NeonPill,
-  rt as NeonPulseRing,
-  tt as NeumorphicConcave,
-  at as NeumorphicConcavePill,
-  ot as NeumorphicDark,
-  nt as NeumorphicEmbossed,
-  Ee as NeumorphicSoft,
-  st as OldTerminal,
-  it as OutlineComet,
-  lt as OutlineGrow
+  ye as CyberGradient,
+  je as DashRotate,
+  Ee as DepthSlide,
+  Re as DisabledButton,
+  ke as DotPattern,
+  Ae as DoubleShadow,
+  ze as DualTone,
+  Se as EtherealBlur,
+  Te as ExpandingPill,
+  Ie as FloatingLabel,
+  Me as FloatingShadow,
+  Pe as GhostReveal,
+  Oe as GlassCard,
+  Le as GlassDouble,
+  Ce as GlassFrostyPill,
+  De as GlassFusion,
+  Ge as GlassInset,
+  Fe as GlassRefraction,
+  He as GlitchEffect,
+  Ue as GooeyButton,
+  $e as GradientConic,
+  Ye as HandDrawn,
+  We as Holographic,
+  qe as IconBounce,
+  Xe as IndependentShadow,
+  Ve as IndicatorButton,
+  Je as IndustrialPlate,
+  Ze as InnerGlowPill,
+  Ke as LeatherStitch,
+  Qe as LiquidFill,
+  Be as LiquidWarp,
+  er as MagnifyHover,
+  rr as ModernMinimal,
+  tr as MorphingShape,
+  ar as NeoHardShadow,
+  or as NeonBorder,
+  nr as NeumorphicConcavePill,
+  sr as NeumorphicEmbossed,
+  ir as NeumorphicSoft,
+  lr as PaperFold,
+  cr as PillOutlineFill,
+  dr as RainbowBorder,
+  pr as RainbowText,
+  ur as Retro3D,
+  xr as RetroCassette,
+  br as RetroJoystick,
+  gr as RubberPress,
+  hr as Shimmer,
+  _r as SkeuoPlastic,
+  fr as SlantedCut,
+  vr as SplitColor,
+  mr as StackedLayers,
+  wr as TextButton,
+  Nr as TextScramble,
+  yr as TextStrikethrough,
+  jr as UnderlineSlide
 };